@layer components{.dr{flex-direction:column;gap:12px;display:flex}.dr-round{align-items:center;gap:12px;min-height:40px;display:flex}.dr-round .txt{flex-direction:column;gap:2px;min-width:0;display:flex}.dr-round .txt small{color:var(--color-mute)}.dr-round .txt .num{color:var(--color-ink);font-weight:600}.dr-plan{min-height:16px;color:var(--color-mute);margin:0;display:block}.dr-plan .now{color:var(--color-ink);font-weight:600}.dr-plan .past{color:var(--color-down)}.dr-plan .sep{color:var(--color-faint)}.dr-pool{flex-direction:column;gap:8px;display:flex}.dr-card{text-align:left;background:var(--color-card);border-radius:var(--radius-ctl);min-height:72px;color:var(--color-ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.dr-card .who{flex-direction:column;gap:1px;min-width:0;display:flex}.dr-card .who small{color:var(--color-mute)}.dr-card .what{text-align:right;white-space:nowrap;flex-direction:column;gap:2px;display:flex}.dr-card .what b{font-weight:500}.dr-card .what small{color:var(--color-mute)}button.dr-card{transition:background-color var(--dur-fast)}@media (hover:hover) and (pointer:fine){button.dr-card:hover{background:var(--color-line)}}.dr-card[aria-pressed=true],.dr-card[aria-pressed=true]:hover{background:var(--color-ink);color:var(--color-on-ink)}.dr-card[aria-pressed=true] .who small,.dr-card[aria-pressed=true] .what small{color:var(--color-on-ink-kicker)}.dr-cabinet{flex-direction:column;gap:4px;display:flex}.dr-seat{text-align:left;background:var(--color-card);border-radius:var(--radius-ctl);min-height:44px;color:var(--color-ink);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 12px;display:grid}.dr-seat .mark{color:var(--color-mute);justify-content:center;display:inline-flex}.dr-seat .txt{flex-direction:column;gap:1px;min-width:0;display:flex}.dr-seat .txt b{font-weight:500}.dr-seat .txt small{color:var(--color-mute);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dr-seat .read{white-space:nowrap;font-weight:500}.dr-seat .key{color:var(--color-mute)}@media (hover:none){.dr-seat .key{display:none}}button.dr-seat{transition:background-color var(--dur-fast)}button.dr-seat:disabled{cursor:default}@media (hover:hover) and (pointer:fine){button.dr-seat:enabled:hover{background:var(--color-line)}}.dr-seat .pts{font-weight:600}.dr-q-good{color:var(--color-ink)}.dr-q-fair{color:var(--color-mute)}.dr-q-bad{color:var(--color-ember)}.dr-act{min-height:44px}@media (min-width:1024px){.dr-pool{flex-direction:row;gap:12px}.dr-pool>*{flex:1 1 0;min-width:0}.dr-card{grid-template-columns:minmax(0,1fr);align-content:space-between;min-height:108px;padding:14px}.dr-card .what{text-align:left;white-space:normal;flex-direction:row;align-items:baseline;gap:8px}.dr-seat{min-height:56px}}.dr-map{width:100%;height:auto;margin:12px 0 4px;display:block}.dr-rows{flex-direction:column;display:flex}.dr-row{border-top:1px solid var(--color-line);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:8px 0;display:grid}.dr-row .fl{display:inline-flex}.dr-row .txt{flex-direction:column;gap:1px;min-width:0;display:flex}.dr-row .txt small{color:var(--color-mute);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dr-row .val{text-align:right;white-space:nowrap;font-weight:600}.dr-row .val.mute{color:var(--color-mute)}.dr-lead{color:var(--color-mute);margin:4px 0 0}.dr-rows+.dr-lead,.dr-lead+.sh,.dr-rows+.sh{margin-top:20px}.sh+.dr-lead{margin:0 0 4px}}
@layer components{.bp{flex-direction:column;justify-content:center;gap:24px;min-height:calc(100svh - 220px);display:flex}.bp-arrive{flex-direction:column;gap:8px;display:flex}.bp-count{color:var(--color-mute)}.bp-card{background:var(--color-card);border-radius:var(--radius-card);align-items:center;gap:16px;min-height:76px;padding:16px;display:flex}.bp-who{flex-direction:column;gap:2px;min-width:0;display:flex}.bp-who .t-h3{color:var(--color-ink)}.bp-who .t-meta{color:var(--color-mute)}.bp-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.bp-slot{background:var(--color-card);border-radius:var(--radius-ctl);width:100%;min-width:0;min-height:72px;color:var(--color-ink);text-align:left;padding:10px 12px;position:relative}.bp-slot.open{transition:background-color var(--dur-fast);align-items:center;gap:10px;display:flex}.bp-slot.open svg{flex:none}.bp-lbl{overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:400;line-height:1.25}.bp-slot.open:disabled{cursor:default}@media (hover:hover){.bp-slot.open:not(:disabled):hover{background:var(--color-line)}}.bp-slot.open:not(:disabled):active{background:var(--color-ink-2);color:var(--color-paper)}.bp-slot.placed{grid-template-columns:20px auto minmax(0,1fr);grid-template-areas:"rank rank tier""flag lbl lbl";align-content:center;align-items:center;gap:6px 8px;display:grid}.bp-sflag{grid-area:flag;align-self:start;margin-top:1px}.bp-rank{white-space:nowrap;color:var(--color-ink);grid-area:rank}.bp-tier{color:var(--color-ink);white-space:nowrap;grid-area:tier}.bp-slbl{color:var(--color-mute);overflow-wrap:anywhere;grid-area:lbl;min-width:0;line-height:1.2}.bp-line{color:var(--color-mute);text-align:center;min-height:20px}.bp-keys{display:none}@media (hover:hover) and (pointer:fine){.bp-keys{display:inline}}@media (min-width:1024px){.bp{gap:32px}.bp-arrive{align-items:center}.bp-card{width:320px;min-height:80px}.bp-slots{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:min(960px,100vw - 48px);margin-inline:calc(50% + min(960px,100vw - 48px)/-2)}.bp-slot{min-height:96px;padding:12px}.bp-slot.open{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px}.bp-lbl{font-size:14px;line-height:1.3}.bp-slot.placed{grid-template-columns:20px minmax(0,1fr);grid-template-areas:"flag rank""tier tier""lbl lbl";align-content:start;row-gap:6px}}@media (prefers-reduced-motion:no-preference){.bp-in{animation:bp-in var(--dur-base) var(--ease-out)}.bp-flip{animation:bp-flip .24s var(--ease-out)}}@keyframes bp-in{0%{transform:translate(16px)}to{transform:none}}@keyframes bp-flip{0%{transform:perspective(480px)rotateX(-75deg)}to{transform:none}}.bp-ov{flex-direction:column;gap:4px;display:flex}.bp-ov .rhead{flex-wrap:wrap}.rrow.bp-ovrow{grid-template-columns:18px minmax(0,1fr) 72px 72px}.bp-ovrow svg{color:var(--color-ink)}.bp-ovhead{min-height:0;color:var(--color-mute);border-top:0;padding:8px 0 4px}.bp-ovhead .t-meta{text-align:right}.bp-cell{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.bp-cell.mute{color:var(--color-mute)}.bp-cell .ic-ok{color:var(--color-ink)}.bp-swaps{flex-direction:column;margin-top:12px;display:flex}.bp-swaps-h{color:var(--color-mute);padding-bottom:4px}.bp-swap{border-top:1px solid var(--color-line);color:var(--color-ink);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.bp-saved{color:var(--color-mute);white-space:nowrap}.bp-saved .t-num{color:var(--color-ink)}}
@layer components{.sg{flex-direction:column;align-items:stretch;gap:0;display:flex}.sg-q{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:20px;display:flex}.sg-name{justify-content:center;align-items:center;gap:10px;max-width:100%;display:flex}.sg-name b{min-width:0}.sg-stat{color:var(--color-ink);justify-content:center;align-items:center;gap:6px;margin:0;display:flex}.sg-live{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:28px;display:flex}.sg-live .cap{color:var(--color-mute)}.sg-live .t-big{white-space:nowrap}.sg-ruler{touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%;max-width:640px;margin:24px auto 0;padding:0 14px;position:relative}.sg-ruler.done{cursor:default;touch-action:auto}.sg-box{height:104px;position:relative}.sg-line{background:var(--color-wait);border-radius:1px;height:2px;position:absolute;top:62px;left:0;right:0}.sg-end{color:var(--color-mute);white-space:nowrap;position:absolute;top:72px}.sg-end.lo{left:-14px}.sg-end.hi{right:-14px}.sg-mark{width:0;position:absolute;top:0;bottom:0}.sg-tick{border-radius:1px;width:2px;position:absolute;left:-1px}.sg-ref .sg-tick{background:var(--color-mute);height:26px;top:46px}.sg-truth .sg-tick{background:var(--color-ink);height:52px;top:20px}.sg-truth .sg-dot{background:var(--color-ink);border-radius:50%;width:8px;height:8px;position:absolute;top:59px;left:-4px}.sg-ctx .sg-dot{background:var(--color-mute);border-radius:50%;width:6px;height:6px;position:absolute;top:60px;left:-3px}.sg-label{z-index:2;white-space:nowrap;background:var(--color-paper);width:max-content;color:var(--color-ink);align-items:center;gap:5px;padding:0 2px;line-height:18px;display:inline-flex;position:absolute}.sg-label.row-truth{line-height:20px;top:0}.sg-label.row-ref{color:var(--color-mute);top:26px}.sg-label.row-pin{font-weight:600;top:73px}.sg-label .flag{width:16px;height:12px}.sg-route{width:100%;height:8px;color:var(--color-mute);position:absolute;top:52px;left:0;overflow:visible}.sg-route.to-right{animation:sg-route-r .4s var(--ease-out)}.sg-route.to-left{animation:sg-route-l .4s var(--ease-out)}.sg-pin .sg-tick{background:var(--color-ink);height:22px;top:52px}.sg-knob{z-index:3;border-radius:var(--radius-ctl);cursor:grab;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:60px;left:-22px}.sg-ruler.done .sg-knob{cursor:default}.sg-knob>i{border-radius:var(--radius-ctl);background:var(--color-ink);width:20px;height:20px;transition:background-color var(--dur-fast);margin-top:4px;display:block}.sg-ruler:not(.done) .sg-knob:active>i{background:var(--color-ink-2)}.sg-knob:focus-visible{box-shadow:none}.sg-knob:focus-visible>i{box-shadow:0 0 0 2px var(--color-paper), 0 0 0 4px var(--color-ink)}.sg-truth.drop{animation:.332s steps(4,end) sg-drop}.sg-out{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:6px 16px;margin-top:20px;display:grid}.sg-out .gap{color:var(--color-ink);margin:0;font-weight:600}.sg-out .pts{white-space:nowrap;align-items:baseline;gap:6px;display:inline-flex}.sg-out .pts .of{color:var(--color-mute)}.sg-out .ctx{color:var(--color-mute);grid-column:1/-1;margin:0}.sg-act{z-index:4;margin-top:auto;padding-top:24px;position:sticky;bottom:12px}.sg-cta.btn{width:100%;min-height:56px}.sg-foot{flex-direction:column;flex:1 0 auto;display:flex}@media (max-width:1023px){.sg{min-height:calc(100svh - 190px)}}@media (min-width:1024px){.sg-q{margin-top:8px}.sg-live{margin-top:20px}.sg-out,.sg-act{width:100%;max-width:640px;margin-left:auto;margin-right:auto}.sg-act{justify-content:flex-end;padding-top:20px;display:flex;position:static}.sg-cta.btn{width:auto;min-width:160px}.sg.is-reveal .sg-foot{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px;width:100%;max-width:640px;margin:20px auto 0;display:grid}.sg.is-reveal .sg-foot .sg-out{column-gap:32px;margin-top:0}.sg.is-reveal .sg-foot .sg-act{width:auto;margin:0;padding-top:0}}@keyframes sg-drop{0%{transform:translateY(-12px)}to{transform:none}}@keyframes sg-route-r{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes sg-route-l{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.sg-truth.drop,.sg-route.to-right,.sg-route.to-left{animation:none}}}
@layer components{.fq{flex-direction:column;display:flex}.fq-top{flex-direction:column;align-items:center;gap:8px;padding:8px 0 24px;display:flex}.fq-meta{min-height:18px;color:var(--color-mute);text-align:center}.fq-box{aspect-ratio:3/2;justify-content:center;align-items:center;width:100%;max-width:320px;display:flex}.fq-box .flag{aspect-ratio:4/3;width:88.889%}.fq-opts{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.fq-opt.opt{height:56px;transition:background-color var(--dur-fast), color var(--dur-fast);padding:0 16px;font-weight:400}.fq-opt .fq-ic{flex:none;margin-left:auto}.fq-opt[data-state=right]{background:var(--color-ink);color:var(--color-paper)}.fq-opt[data-state=wrong]{background:var(--color-ember);color:var(--color-paper)}.fq-opt[data-state=answer]{outline:2px solid var(--color-ink);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.fq-opt[data-state=idle]:hover{background:var(--color-line)}}.fq-family{flex-direction:column;gap:2px;min-height:48px;padding-top:12px;display:flex}.fq-family .ln{color:var(--color-ink)}.fq-family .src{color:var(--color-mute)}@media (max-width:1023px){.fq{min-height:calc(100svh - 184px)}.fq-top{flex:1;justify-content:center}}@media (max-width:1023px) and (max-height:700px){.fq-box{max-width:256px}.fq-top{padding-bottom:16px}}@media (min-width:1024px){.fq-top{padding:32px 0 20px}.fq-box{max-width:400px}.fq-opts{grid-template-columns:repeat(2,minmax(0,352px));justify-content:center;gap:8px 16px}.fq-opt.opt{height:48px}.fq-family{width:100%;max-width:720px;margin:0 auto}}}
@layer components{.sf{flex-direction:column;align-items:center;gap:16px;display:flex}@media (max-width:1023px){.sf{min-height:max(420px,100svh - 190px)}.sf .sf-stage{flex:1;justify-content:center}}.sf-stage{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.sf-count{color:var(--color-ink);align-items:baseline;gap:6px;display:flex}.sf-count .w{color:var(--color-mute)}.sf-box{aspect-ratio:3/2;justify-content:center;align-items:center;width:320px;max-width:100%;display:flex}@media (min-width:1024px){.sf-box{width:400px}}.sf-box .flag{aspect-ratio:4/3;width:auto;height:100%}.sf-box.ready{background:var(--color-card);border-radius:var(--radius-card);text-align:center;flex-direction:column;gap:6px;padding:0 24px}.sf-box.ready .t-body{color:var(--color-mute)}.sf-opts{grid-template-columns:1fr;gap:8px;width:100%;display:grid}@media (min-width:1024px){.sf-opts{grid-template-columns:1fr 1fr;gap:16px}}.sf-opts.busy{pointer-events:none}.sf-opts .sf-opt{border-radius:var(--radius-ctl);background:var(--color-card);width:100%;height:56px;color:var(--color-ink);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:0 16px;font-size:16px;font-weight:500;line-height:1.25;display:flex}.sf-opts .sf-opt .lbl{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sf-opts .sf-opt .ic{flex:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.sf-opts .sf-opt[data-state=idle]:hover{background:var(--color-line)}}.sf-opts .sf-opt[data-state=right]{background:var(--color-ink);color:var(--color-paper)}.sf-opts .sf-opt[data-state=wrong]{background:var(--color-ember);color:var(--color-paper)}.sf .sf-start{width:100%;height:56px}.sf .keyhint{text-align:center;margin-top:0}.sf-time{text-align:center;padding:24px 0 8px}@media (max-width:1023px){.sf.done{min-height:0}}.sf-res{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.sf-res .best{color:var(--color-mute)}}