@layer components{.play-frame{width:100%;max-width:640px;padding:0 var(--gutter) 40px;margin:0 auto}@media (min-width:1024px){.play-frame{max-width:720px;padding:0 20px 48px}}.cu{display:inline-block;position:relative}.cu .cu-size{visibility:hidden}.cu .cu-live{white-space:nowrap;position:absolute;top:0;left:0;right:0}.cu.num-pop{animation:num-pop .14s var(--ease-out)}.play-stack{flex-direction:column;gap:12px;display:flex}.play-stack>.subj,.play-stack>.subj-pair{margin:4px 0 8px}.play-actions{align-items:center;gap:16px;display:flex}.play-actions.end{justify-content:flex-end}.play-line{color:var(--color-mute)}.play-line b{color:var(--color-ink);font-weight:600}.play-center{text-align:center}.touch-only{color:var(--color-mute);text-align:center;display:none}@media (hover:none){.touch-only{display:block}}.play-hidden-mouse{display:block}.stat-line{color:var(--color-ink);justify-content:center;align-items:center;gap:8px;font-weight:500;display:flex}.stat-line .mult{color:var(--color-mute);margin-left:4px}.rrows{flex-direction:column;display:flex}.rrow{border-top:1px solid var(--color-line);min-height:40px;color:var(--color-ink);grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:6px 0;display:grid}.rrow.cols4{grid-template-columns:26px 1fr auto auto}.rrow .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rrow .nm small{color:var(--color-mute);display:block}.rrow .v{text-align:right;white-space:nowrap}.rrow .v.mute{color:var(--color-mute);font-family:var(--font-sans);font-weight:400}.rrow .v.bad{color:var(--color-ember)}.rrow .ic-ok{color:var(--color-ink)}.rrow .ic-miss{color:var(--color-ember)}.rrow .flags{gap:4px;display:inline-flex}.rrow .flags .odd{outline:2px solid var(--color-ember);outline-offset:1px}.rhead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.rhead .rfacts{color:var(--color-mute)}.rhead .rfacts b{color:var(--color-ink);font-weight:600}.rscroll{max-height:240px;overflow-y:auto}.found{flex-direction:column;display:flex}.found .frow{border-top:1px solid var(--color-line);align-items:center;gap:10px;min-height:36px;padding:4px 0;display:flex}.found .frow:first-child{border-top:0}.found .frow .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.found .frow .ic-ok{color:var(--color-ink)}.found .frow .ic-miss{color:var(--color-ember)}.found .frow.miss .nm{color:var(--color-mute)}.sort-row{background:var(--color-card);border-radius:var(--radius-ctl);align-items:center;gap:10px;height:52px;padding:0 6px 0 14px;display:flex}.sort-row.cur{box-shadow:0 0 0 2px var(--color-paper), 0 0 0 4px var(--color-ink)}.sort-row .pos{width:18px;color:var(--color-mute)}.sort-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.sort-row button{width:44px;height:44px;color:var(--color-ink);border-radius:var(--radius-ctl);justify-content:center;align-items:center;display:inline-flex}.sort-row button:disabled{color:var(--color-wait);cursor:default}.wmap{width:100%;height:142px;display:block}@media (min-width:1024px){.wmap{height:200px}}.grows{flex-direction:column;gap:2px;display:flex}.grow{grid-template-columns:26px 1fr 60px 64px 18px;align-items:center;gap:8px;height:34px;display:grid}.grow .nm{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.grow .km{text-align:right;white-space:nowrap}.grow .bar{background:var(--color-line);height:3px;overflow:hidden}.grow .bar i{transform-origin:0;height:100%;transition:transform .24s var(--ease-out);border-radius:0;display:block}.grow .needle{color:var(--color-ink);transition:transform .3s var(--ease-out)}.grow.empty{color:var(--color-wait)}.grow.empty .dash{background:var(--color-wait);width:24px;height:2px}.band-cold{background:var(--color-line)}.band-cool{background:var(--color-wait)}.band-warm{background:var(--color-on-ink-kicker)}.band-hot{background:var(--color-mute)}.band-burning{background:var(--color-ink)}.band-hit{background:var(--color-ember)}.dot-cold{fill:var(--color-line)}.dot-cool{fill:var(--color-wait)}.dot-warm{fill:var(--color-on-ink-kicker)}.dot-hot{fill:var(--color-mute)}.dot-burning{fill:var(--color-ink)}.dot-hit{fill:var(--color-ember)}.pair-wrap{touch-action:pan-x}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip-row button.chip{min-height:44px}.path{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.path .chev{color:var(--color-faint)}.start-target{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.start-target .side{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.start-target .side small{color:var(--color-mute)}.start-target .chev{color:var(--color-faint)}.hand{justify-content:center;gap:6px;display:flex}.hand .played{opacity:.35}.guess-lines{text-align:center;justify-content:center;gap:24px;display:flex}.guess-lines .lbl{color:var(--color-mute);display:block}.ready{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:16px 0;display:flex}.field.ember-ring input{animation:.24s shake}.reveal-name{text-align:center;min-height:20px;font-weight:600}.reveal-name.bad{color:var(--color-ember)}.typed{grid-template-columns:1fr auto;align-items:start;gap:8px;display:grid}.prog.timer .bar i{transition:width 1s linear}.prog .score.hot b{color:var(--color-ember)}.rrow.flags4{grid-template-columns:auto minmax(0,1fr) auto}.rrow.flags4 .nm{white-space:normal}.opt .lbl .opt-stat{align-items:center;gap:10px;display:flex}.opt .lbl .opt-stat .nm{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.opt .lbl .opt-stat .v{color:var(--color-mute);font-weight:400}@media (min-width:1024px){.tile-grid,.play-actions.under-grid{width:100%;max-width:520px;margin-left:auto;margin-right:auto}}.slot .lbl .rank{width:max-content}.rhead{flex-wrap:wrap}.rhead .rfacts{white-space:nowrap}@media (hover:hover) and (pointer:fine){.slot[data-state=open] .lbl .nm{padding-right:16px}}.path .path-step{align-items:center;gap:4px;display:inline-flex}}