.gstats{border-top:1px solid var(--line);gap:12px;padding-top:12px;display:grid}.gstats-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.gstats-title{font-family:var(--font-body);color:var(--text);letter-spacing:0;margin:0;font-size:14px;font-weight:700}.gstats-count{color:var(--text-2);font-size:14px}.gstats-group{gap:8px;display:grid}.gstats-label{color:var(--muted);margin:0;font-size:13px;font-weight:600}.gstats-bars{gap:4px;margin:0;padding:0;list-style:none;display:grid}.gbar{grid-template-columns:4.6em 1fr 3em 2.6em;align-items:center;gap:8px;font-size:14px;display:grid}.gbar-label{color:var(--text-2);text-align:right;white-space:nowrap}.gbar-track{background:var(--panel-3);border-radius:4px;height:16px;overflow:hidden}.gbar-fill{background:var(--match);transform-origin:0;height:100%;animation:gbar-in .7s var(--ease) both;border-radius:4px;display:block}.gbar.is-miss .gbar-fill{background:var(--miss)}.gbar.is-gold .gbar-fill{background:var(--gold)}.gbar-value{color:var(--text-2);font-size:15px}.gbar-you,.gbar-you-slot{font-size:12px;font-weight:700}.gbar-you{color:var(--red)}.gbar.is-mine .gbar-label{color:var(--text);font-weight:600}.gbar.is-mine .gbar-track{box-shadow:inset 0 0 0 1px var(--violet-line)}.gstats-note{color:var(--muted);margin:0;font-size:12px}.gstats-note a{color:var(--muted)}@keyframes gbar-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.gbar-fill{animation:none}}.doc-page{overflow-wrap:anywhere;gap:4px;width:100%;max-width:720px;margin:0 auto;padding:20px 20px 24px;display:grid}@media (width>=640px){.doc-page{padding:32px 40px 36px}}.doc-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.doc-head h1{margin:0;font-size:34px;line-height:1.1}.doc-head h1:focus{outline:none}.doc-page h2{color:var(--text);margin:20px 0 4px;font-size:19px}.doc-page p{color:var(--text-2);margin:0 0 8px;line-height:1.6}.doc-page .doc-lead{color:var(--text);font-size:17px}.doc-page a{color:var(--text)}.doc-page ul{color:var(--text-2);margin:0 0 8px;padding-left:20px;line-height:1.6}.doc-page li+li{margin-top:4px}.doc-updated{font-size:13px;margin-top:12px!important}.together{gap:16px;width:100%;max-width:920px;margin:0 auto;display:grid}.together-head{margin-bottom:0}.together-sub{margin:-8px 0 0}.together-cards{gap:16px;display:grid}.mp-card{align-content:start;gap:12px;padding:24px 20px;display:grid}.mp-card h2,.mp-card h1{margin:0;font-size:26px;line-height:1.1}.mp-card .muted{margin:0}.mp-form{gap:12px;margin-top:4px;display:grid}.mp-field{gap:4px;max-width:420px;display:grid}.mp-label{color:var(--text-2);font-size:14px;font-weight:600}.mp-input-wrap{display:block;position:relative}.mp-input-wrap>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.mp-input-wrap .mp-input{padding-left:44px}.mp-input{border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--panel-2);width:100%;height:48px;color:var(--text);font:inherit;padding:0 16px;font-size:16px}.mp-input:hover{border-color:var(--line-hover)}.mp-input:focus-visible{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #d6b56873}.mp-input::placeholder{color:var(--faint)}.mp-code{text-align:center;font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;padding-left:calc(16px + .3em);font-size:22px;font-weight:700}.mp-code::placeholder{letter-spacing:.3em}.google-box{justify-content:center;min-height:44px;display:flex}.google-box[aria-busy=true]{opacity:.5;pointer-events:none}.mp-error{color:var(--miss-text);margin:0;font-size:14px}.mp-notice{border-radius:var(--r-ctl);background:var(--violet-soft);color:var(--gold-text);margin:0;padding:12px 16px;font-size:14px}.mp-fine{color:var(--muted);margin:0;font-size:12px}.mp-fine a{color:var(--muted)}.mp-gate{width:100%;max-width:440px;margin:10vh auto 0}.mp-toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;border-radius:var(--r-ctl);background:var(--ink);color:var(--cream);box-shadow:var(--shadow-float);margin:0;padding:8px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.room{gap:16px;width:100%;display:grid}.room-top{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.room-title h1{margin:0;font-size:30px;line-height:1.1}.room-of{color:var(--muted);font-size:.6em;font-weight:600}.room-code{border-radius:var(--r-ctl);border:1px dashed var(--line-strong);background:var(--panel);color:var(--text);cursor:pointer;text-align:left;grid-column:1/-1;grid-template-columns:auto auto;grid-template-areas:"label icon""value icon";justify-self:start;align-items:center;gap:0 12px;padding:8px 16px;display:inline-grid}.room-code:hover{border-color:var(--red)}.room-code:focus-visible{outline:2px solid var(--red);outline-offset:2px}.room-code-label{color:var(--muted);grid-area:label;font-size:12px;font-weight:600}.room-code-value{font-family:var(--font-display);letter-spacing:.18em;color:var(--red);grid-area:value;font-size:24px;font-weight:800;line-height:1.15}.room-code-icon{color:var(--muted);grid-area:icon}.lobby{gap:16px;display:grid}.lobby-settings,.lobby-players,.reveal-card,.final-card,.scoreboard{align-content:start;gap:12px;padding:20px;display:grid}.lobby h2,.reveal-card h2,.final-card h2{margin:0;font-size:22px;line-height:1.2}.lobby-wait{color:var(--text-2);align-items:center;gap:8px;margin:4px 0 0;display:flex}.lobby-wait .spinner{width:16px;height:16px}.seg{border-radius:var(--r-ctl);background:var(--panel-3);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg-opt{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.seg-opt.is-on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #2428321f}.seg-opt:disabled{cursor:default}.seg-opt:not(.is-on):disabled{opacity:.6}.seg-opt:focus-visible{outline:2px solid var(--red);outline-offset:2px}.stepper{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.stepper-label{color:var(--text-2)}.stepper-ctl{align-items:center;gap:8px;display:inline-flex}.stepper-ctl .icon-btn{font-size:18px;line-height:1}.stepper-value{text-align:center;min-width:3.2em;font-family:var(--font-display);font-size:20px;font-weight:700}.plist{gap:4px;margin:0;padding:0;list-style:none;display:grid}.plist-row{border-radius:var(--r-cell);background:var(--panel-3);align-items:center;gap:12px;min-height:56px;padding:0 12px;display:flex}.plist-row.is-you{box-shadow:inset 0 0 0 1px var(--violet-line)}.plist-dot{background:var(--match);border-radius:50%;flex:none;width:8px;height:8px}.plist-row.is-away .plist-dot{background:var(--faint)}.plist-row.is-away .plist-name{color:var(--muted)}.plist-name{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:600;overflow:hidden}.plist-away{color:var(--muted);font-size:13px}.plist-kick{margin-left:4px}.room-round{gap:16px;display:grid}.room-round .scoreboard{gap:8px;padding:16px}.room-round .sb-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.round-timer{grid-template-columns:auto auto 1fr;align-items:baseline;gap:2px 8px;width:100%;max-width:340px;margin:0 auto;display:grid}.round-timer-num{font-family:var(--font-display);color:var(--gold);font-size:34px;font-weight:800;line-height:1}.round-timer-unit{color:var(--muted)}.round-timer-bar{background:var(--line-strong);border-radius:2px;align-self:center;height:4px;margin-left:8px;overflow:hidden}.round-timer-bar>span{background:var(--gold);height:100%;transition:width .25s linear;display:block}.round-timer.is-low .round-timer-num{color:#f08a83}.round-timer.is-low .round-timer-bar>span{background:#f08a83}.round-done{margin:4px 0;font-size:17px}.sb-list,.rv-scores,.podium{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sb-row,.rv-row,.podium-row{border-radius:var(--r-cell);background:var(--panel-3);align-items:center;gap:8px;min-height:40px;padding:0 12px;display:grid}.sb-row{grid-template-columns:1.4em auto minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:column}.sb-row.is-you,.rv-row.is-you,.podium-row.is-you{box-shadow:inset 0 0 0 1px var(--violet-line)}.sb-row.is-away{opacity:.55}.sb-rank,.podium-rank{color:var(--muted);font-family:var(--font-display);font-weight:700}.sb-name,.rv-name,.podium-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sb-state{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:inline-flex}.sb-state.is-solved{color:var(--match-text)}.sb-state.is-out{color:var(--miss-text)}.sb-clues{color:var(--gold-text);white-space:nowrap;font-size:12px}.sb-total,.rv-score,.podium-total{font-family:var(--font-display);color:var(--text);text-align:right;font-size:18px;font-weight:800}.rv-row{grid-template-columns:auto 1fr auto 4em;min-height:48px}.rv-how{color:var(--miss-text);font-size:13px}.rv-how.is-solved{color:var(--match-text)}.room-reveal{gap:16px;display:grid}.reveal-card .result-main{grid-template-columns:auto 1fr}.podium-row{grid-template-columns:2em auto 1fr auto 5em;min-height:56px}.podium-row.r1{background:#d6b56847}.podium-row.r2{background:#24283214}.podium-row.r3{background:#b8383d1a}.podium-row.r1 .podium-rank{color:var(--gold-text)}.podium-solved{font-size:13px}.final-card{width:100%;max-width:640px;margin:0 auto}@media (width>=640px){.together-cards{grid-template-columns:1fr 1fr}.room-top{grid-template-columns:auto 1fr auto}.room-code{grid-column:auto;justify-self:end}.lobby{grid-template-columns:1.1fr 1fr;align-items:start}}@media (width>=1024px){.room{max-width:1180px;margin:0 auto}.room-round{grid-template:"stage board""stage card"1fr/minmax(340px,5fr) minmax(0,7fr);align-items:start;gap:16px 40px}.room-round .scoreboard{grid-area:board}.room-round .stage-col{--disc:300px}.room-reveal{grid-template-columns:minmax(0,1fr) 320px;align-items:start;width:100%;max-width:980px;margin:0 auto}}.pface{background:color-mix(in srgb, var(--gold) 40%, var(--panel-3));box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.pface img{object-fit:cover;width:100%;height:100%;display:block}.pface-initials{font-family:var(--font-display);color:var(--text);font-weight:700}.plist-row.is-away .pface{filter:grayscale()opacity(.7)}.profile-row{align-items:center;gap:12px;display:flex}.profile-row .mp-input{flex:auto;min-width:0}.avatar-pick{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.avatar-pick .pface{box-shadow:0 0 0 2px var(--gold)}.avatar-pick:hover .pface,.avatar-pick:focus-visible .pface{box-shadow:0 0 0 2px var(--red)}.avatar-pick:focus-visible{outline:none}.avatar-pick-edit{background:var(--red);color:var(--cream);border-radius:4px;padding:0 6px;font-size:10px;font-weight:700;line-height:1.5;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.plist-row .avatar-pick .pface{width:40px!important;height:40px!important}.plist-row .avatar-pick-edit{font-size:9px;bottom:-5px}.avatar-dialog{border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);width:min(720px,100vw - 32px);max-height:min(720px,100dvh - 32px);color:var(--text);box-shadow:var(--shadow-float);padding:0}.avatar-dialog::backdrop{background:#24283273}.avatar-dialog-inner{max-height:inherit;grid-template-rows:auto auto 1fr auto;gap:12px;padding:20px;display:grid}.avatar-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.avatar-dialog-head h2{margin:0;font-size:24px}.avatar-tools{gap:12px;display:grid}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;min-height:0;margin:0;padding:4px;list-style:none;display:grid;overflow-y:auto}.avatar-opt{aspect-ratio:1;cursor:pointer;background:linear-gradient(160deg, var(--r4-a), var(--r4-b));width:100%;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:50%;padding:0;display:block;position:relative;overflow:hidden}.avatar-opt.r5{background:linear-gradient(160deg, var(--r5-a), var(--r5-b))}.avatar-opt img{object-fit:cover;width:100%;height:100%;display:block}.avatar-opt:hover{transform:scale(1.05)}.avatar-opt:focus-visible{outline:2px solid var(--red);outline-offset:2px}.avatar-opt.is-on{box-shadow:0 0 0 3px var(--red)}.avatar-opt-check{background:var(--red);width:20px;height:20px;color:var(--cream);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:4px;right:4px}.avatar-empty{text-align:center;grid-column:1/-1;padding:16px 0}@media (prefers-reduced-motion:no-preference){.avatar-opt{transition:transform .16s var(--ease)}}.modal.leave-pop{width:min(420px,100vw - 32px)}.leave-body{gap:12px;padding:24px;display:grid}.leave-body h2{font-size:22px;line-height:1.2}.leave-body p{margin:0}.leave-body .btn-pair{margin-top:4px}.btn.btn-danger{background:var(--red);border-color:var(--red);color:var(--cream)}.host-away .num{font-weight:700}.stepper .seg-sm{grid-template-columns:auto auto;gap:4px;padding:4px}.seg-sm .seg-opt{min-height:32px;padding:0 12px;font-size:14px}.song-pool{border-bottom:1px solid var(--line);gap:8px;padding:8px 0 12px;display:grid}.song-pool-head{align-items:baseline;gap:12px;display:flex}.song-pool-head .stepper-label{flex:auto}.song-pool-count{font-size:14px}.pool-chips{flex-wrap:wrap;gap:8px;display:flex}.pool-chip{border-radius:var(--r-cell);border:1px solid var(--line-strong);min-height:32px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 12px;font-size:14px;display:inline-flex}.pool-chip:not(.is-on):hover:not(:disabled){border-color:var(--line-hover);color:var(--text-2)}.pool-chip.is-on{background:var(--violet-soft);border-color:var(--violet-line);color:var(--gold-text);font-weight:600}.pool-chip:disabled{cursor:default}.pool-chip:focus-visible{outline:2px solid var(--red);outline-offset:2px}.pool-chip-n{opacity:.75;font-size:12px}.pool-warn{color:var(--miss-text)}.rcount{z-index:60;text-align:center;color:var(--cream);background:#242832f0;place-content:center;justify-items:center;gap:12px;padding:16px;display:grid;position:fixed;inset:0}.rcount.is-go{pointer-events:none;color:var(--ink);background:0 0}.rcount-label{color:var(--gold);margin:0;font-size:16px;font-weight:600}.rcount-num{font-family:var(--font-display);color:var(--gold);font-size:clamp(140px,38vw,300px);font-weight:800;line-height:.9}.rcount.is-go .rcount-num{color:var(--red);font-size:clamp(90px,24vw,200px)}.rcount-sub{color:#ddd8cd;max-width:28em;margin:0;font-size:15px}@media (prefers-reduced-motion:no-preference){.rcount-num{animation:rcount-pop 1s var(--ease-bloom) both}.rcount.is-go .rcount-num{animation:rcount-go .7s var(--ease) both}}@keyframes rcount-pop{0%{opacity:0;transform:scale(1.6)}18%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(.96)}to{opacity:.2;transform:scale(.85)}}@keyframes rcount-go{0%{opacity:0;transform:scale(.8)}25%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.3)}}.player-tap{color:var(--gold);text-align:center;margin:0;font-size:14px}.room-left,.lobby-side,.reveal-side,.room-final{align-content:start;gap:16px;min-width:0;display:grid}.room-final{width:100%;max-width:640px;margin:0 auto}.room-chat{align-content:start;gap:8px;padding:16px;display:grid}.chat-list{overscroll-behavior:contain;align-content:start;gap:2px;height:260px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.chat-line{border-radius:var(--r-cell);grid-template-columns:24px minmax(0,1fr);align-items:start;gap:8px;padding:4px;font-size:14px;line-height:1.45;display:grid}.chat-line .pface{margin-top:1px}.chat-text{overflow-wrap:anywhere;color:var(--text-2)}.chat-name{color:var(--text);font-weight:700}.chat-colon{color:var(--muted)}.chat-line.is-correct{background:#2f7d621a}.chat-line.is-correct .chat-text{color:var(--match-text)}.chat-line.is-wrong .chat-text,.chat-line.is-out .chat-text{color:var(--miss-text)}.chat-line.is-correct .chat-name,.chat-line.is-wrong .chat-name,.chat-line.is-out .chat-name{color:inherit}.chat-points{color:var(--match-text);font-family:var(--font-display);font-size:16px}.chat-line.is-emote .chat-text{justify-items:start;display:grid}.chat-line.is-emote .chat-colon{display:none}.chat-sticker{width:72px;height:72px;margin-top:2px}.chat-empty{padding:4px;font-size:14px}.chat-warn{color:var(--miss-text);margin:0;font-size:14px}.chat-tabs{border-bottom:1px solid var(--line);gap:16px;display:flex}.chat-tab{min-height:36px;color:var(--muted);background:0 0;border:0;padding:0;font-size:14px;font-weight:600;position:relative}.chat-tab:hover,.chat-tab[aria-selected=true]{color:var(--text)}.chat-tab[aria-selected=true]:after{content:"";background:var(--red);height:2px;position:absolute;bottom:-1px;left:0;right:0}.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.chat-input{height:44px;padding:0 16px}.chat-send{justify-content:center;width:44px;min-height:44px;padding:0}.chat-send.btn:has(>.ring){padding:0}.emote-grid{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px;max-height:188px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.emote-btn{aspect-ratio:1;border-radius:var(--r-ctl);width:100%;transition:background-color .12s var(--ease), border-color .12s var(--ease), transform .12s var(--ease);background:0 0;border:1px solid #0000;place-items:center;padding:2px;display:grid}.emote-btn .pompom{width:100%;max-width:56px;height:auto}.emote-btn:hover{background:var(--panel-3);border-color:var(--line)}.emote-btn:active{transform:scale(.94)}.room.has-dock{padding-bottom:76px}.chat-dock{z-index:40;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line-strong);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #24283214}.chat-dock.is-open{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:8px;display:grid}.chat-dock.is-open .chat-list{height:min(40vh,320px)}.chat-dock-head{justify-content:space-between;align-items:center;display:flex}.chat-dock .eyebrow{margin:0}.chat-bar{border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--panel-2);width:100%;min-height:48px;color:var(--text);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:0 12px;display:flex}.chat-bar-label{color:var(--text);flex:none;font-size:14px;font-weight:700}.chat-bar-last{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-2);flex:auto;font-size:14px;overflow:hidden}.chat-bar-last .chat-sticker{vertical-align:middle;width:24px;height:24px;margin:0;display:inline-block}.chat-badge{background:var(--red);min-width:22px;height:22px;color:var(--cream);border-radius:11px;flex:none;place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:grid}@media (width>=1024px){.room-round>.room-left{grid-area:stage}.room-left .room-chat .chat-list{height:220px}.reveal-side .room-chat .chat-list{height:300px}}.room-left>.stage-col{grid-area:auto}.room-custom .pool-chip{cursor:default}.room-custom-btn{gap:8px}.chat-line.is-correct.is-title{background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 30%, var(--panel)), color-mix(in srgb, var(--gold) 12%, var(--panel)));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 55%, transparent);animation:chat-title-in .52s var(--ease-bloom) both}.chat-line.is-title .chat-text{color:var(--gold-text);justify-items:start;gap:2px;display:grid}.chat-title-line{font-weight:600}.chat-title-row{align-items:center;gap:8px;display:flex}.chat-line.is-title .chat-points{color:var(--gold-text);font-size:20px}.chat-title-sticker{width:56px;height:56px}.rv-how.is-title{color:var(--gold-text);font-weight:700}@keyframes chat-title-in{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.03)}to{transform:none}}@media (prefers-reduced-motion:reduce){.chat-line.is-correct.is-title{animation:none}}:root{--ivory:#f5efe3;--cream:#fffcf6;--red:#b8383d;--red-hover:#a33035;--red-press:#8e292e;--gold:#d6b568;--gold-text:#7f6220;--ink:#242832;--ink-2:#646b74;--bg:var(--ivory);--panel:var(--cream);--panel-2:#fffefb;--panel-3:#f1e9da;--line:#2428321f;--line-strong:#24283238;--line-hover:#2428326b;--text:var(--ink);--text-2:#3f4550;--muted:var(--ink-2);--faint:#959aa1;--accent:var(--red);--accent-hover:var(--red-hover);--accent-press:var(--red-press);--on-accent:var(--cream);--hsr-gold:var(--gold);--violet-soft:#d6b5682e;--violet-line:#d6b568b3;--violet-text:var(--gold-text);--match:#2f7d62;--match-text:#1f6a50;--miss:#9e2f35;--miss-text:#9e2f35;--danger:var(--red);--deck:var(--ink);--deck-2:#2f3440;--deck-line:#f5efe324;--deck-text:#f5efe3;--deck-muted:#b6bac1;--r5-a:#b8834f;--r5-b:#f0d595;--r4-a:#6a55b6;--r4-b:#b99ae9;--r3-a:#3e6aa8;--r3-b:#86b4e2;--el-physical:#8d9097;--el-fire:#d9473b;--el-ice:#2f9ccc;--el-lightning:#a659d6;--el-wind:#2f9f78;--el-quantum:#5d55c9;--el-imaginary:#c9a520;--r-card:12px;--r-ctl:10px;--r-cell:6px;--r-pill:999px;--shadow-card:0 1px 0 #2428320a, 0 2px 8px #2428320a;--shadow-float:0 12px 32px #24283229, 0 2px 6px #24283214;--ease:cubic-bezier(.2, .7, .1, 1);--ease-bloom:cubic-bezier(.16, .84, .24, 1);--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Figtree", "Segoe UI", system-ui, -apple-system, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{line-height:1.15;font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700}p{text-wrap:pretty;margin:0}b,strong,.text-strong{color:var(--text);font-weight:600}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--text);text-underline-offset:3px;text-decoration-color:#24283259}a:hover{color:var(--red);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:50;border-radius:var(--r-cell);background:var(--ink);color:var(--cream);padding:8px 12px;font-weight:600;text-decoration:none;position:absolute;top:-48px;left:16px}.skip-link:focus{top:8px}.muted{color:var(--muted)}.accent-text{color:var(--red)}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700}.eyebrow,.hsr-micro{font-family:var(--font-body);color:var(--muted);font-size:13px;font-weight:600;line-height:1.4}.app{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:clip}.hsr-sky{z-index:-2;pointer-events:none;background:var(--bg);position:fixed;inset:0}.hsr-bloom{z-index:-1;pointer-events:none;background-image:var(--art,none);filter:blur(48px)saturate(1.2);clip-path:circle(var(--br,116px) at var(--bx,25%) var(--by,45%));opacity:0;background-position:50% 30%;background-size:cover;position:fixed;inset:0;transform:scale(1.18)}.solved .hsr-bloom{opacity:.14;clip-path:circle(150vmax at var(--bx,25%) var(--by,45%));transition:clip-path 1.1s var(--ease-bloom), transform 1.6s var(--ease-bloom), opacity .3s linear;transform:scale(1.06)}.hsr-scrim,.hsr-streak{display:none}.site-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;width:100%;max-width:1240px;margin:0 auto;padding:8px 16px;display:flex}.brand{min-height:44px;color:var(--text);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.brand:hover{color:var(--text)}.brand-mark{flex:none}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-size:19px;font-weight:800}.site-nav{gap:4px;display:flex}.site-nav a{border-radius:var(--r-cell);min-height:40px;color:var(--text-2);white-space:nowrap;align-items:center;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a:hover{background:var(--panel-3);color:var(--text)}.site-nav a[aria-current=page]{color:var(--red);box-shadow:inset 0 -2px 0 var(--red);border-radius:0}.main{flex:1;width:100%;max-width:920px;margin:0 auto;padding:16px 16px 40px}.site-footer{width:100%;max-width:920px;padding:24px 16px calc(24px + env(safe-area-inset-bottom));border-top:2px dashed var(--line-strong);color:var(--muted);margin:24px auto 0;font-size:13px}.footer-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.footer-brand{align-items:center;gap:12px;min-width:0;display:flex}.footer-mark{width:56px;height:56px}.footer-name{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:800}.footer-desc{color:var(--text-2);max-width:34em;font-size:14px}.footer-fine{border-top:1px solid var(--line);gap:4px;margin-top:16px;padding-top:16px;display:grid}.site-footer a{color:var(--text-2)}.footer-links{flex-wrap:wrap;gap:0 24px;display:flex}.footer-links a{align-items:center;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.support-link{position:relative}.support-tip{border-radius:var(--r-cell);background:var(--ink);color:var(--cream);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s var(--ease), translate .12s var(--ease), visibility 0s .12s;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;bottom:calc(100% + 4px);left:50%;translate:-50% 4px}.support-link:hover .support-tip,.support-link:focus-visible .support-tip{opacity:1;visibility:visible;transition-delay:0s;translate:-50%}.state-msg{text-align:center;place-content:center;justify-items:center;gap:16px;min-height:50vh;display:grid}.state-msg h1{font-size:28px}.spinner,.play-spinner{border:2px solid var(--line-strong);border-top-color:var(--red);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pompom{object-fit:contain;-webkit-user-select:none;user-select:none;flex:none;display:block}.btn{border-radius:var(--r-ctl);min-height:44px;font-family:var(--font-body);white-space:nowrap;transition:background-color .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease), transform .12s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:has(>.ring){padding:0 20px 0 16px}.btn .ring{flex:none;place-items:center;width:18px;height:18px;display:inline-grid}.btn .ring svg{width:16px;height:16px}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:var(--r-ctl)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:inset 0 -2px #00000024}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.btn-primary:active:not(:disabled){background:var(--accent-press)}.btn-primary:disabled{background:var(--panel-3);color:var(--faint);border-color:var(--line);box-shadow:none}.btn-ghost{background:var(--panel);color:var(--text);border-color:var(--line-strong)}.btn-ghost:hover:not(:disabled){border-color:var(--line-hover);background:var(--panel-2);color:var(--text)}.btn-sm{min-height:36px;padding:0 12px;font-size:14px}.btn-lg{min-height:52px;padding:0 24px;font-size:16px}.btn-lg:has(>.ring){padding:0 24px 0 20px}.btn-block{width:100%}.btn-pair{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.icon-btn{border-radius:var(--r-ctl);background:var(--panel);border:1px solid var(--line-strong);width:44px;height:44px;color:var(--text-2);flex:none;place-items:center;transition:background-color .16s,color .16s,border-color .16s;display:inline-grid}.icon-btn:hover{background:var(--panel-2);color:var(--text);border-color:var(--line-hover)}.icon-btn:focus-visible{border-radius:var(--r-ctl)}.icon-btn-sm{background:0 0;border-color:#0000;width:36px;height:36px}.link-btn{white-space:nowrap;color:var(--red);text-underline-offset:3px;background:0 0;border:0;flex:none;padding:4px 0;font-size:14px;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--red-hover)}.chip{border-radius:var(--r-cell);background:var(--panel-3);height:28px;color:var(--text-2);white-space:nowrap;align-items:center;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex}.chip-accent{background:var(--violet-soft);color:var(--gold-text)}.chip-tag{background:var(--violet-soft);color:var(--gold-text);font-weight:700}.chip-more{padding:0 8px}.card{border-radius:var(--r-card);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-card);position:relative}.hsr-ticks:after{content:none}.hsr-tabs{border-bottom:1px solid var(--line);gap:24px;display:flex}.hsr-tab{min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.hsr-tab:hover,.hsr-tab[aria-current=page],.hsr-tab[aria-selected=true]{color:var(--text)}.hsr-tab[aria-current=page]:after,.hsr-tab[aria-selected=true]:after{content:"";background:var(--red);height:2px;position:absolute;bottom:-1px;left:0;right:0}.hsr-diamond{display:none!important}.avatar,.cover{flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.avatar{width:var(--avatar-size,var(--avatar,34px));height:var(--avatar-size,var(--avatar,34px));background:color-mix(in srgb, var(--tint,var(--faint)) 35%, var(--panel-3));box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}.avatar.r5{background:linear-gradient(160deg, var(--r5-a), var(--r5-b))}.avatar.r4{background:linear-gradient(160deg, var(--r4-a), var(--r4-b))}.avatar.r3{background:linear-gradient(160deg, var(--r3-a), var(--r3-b))}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-initials,.cover-initials{font-family:var(--font-display);color:var(--cream);text-shadow:0 1px 2px #00000059;font-weight:700;line-height:1}.cover{width:var(--cover-size,var(--cover,96px));height:var(--cover-size,var(--cover,96px));border-radius:var(--r-cell);background:var(--deck);border:1px solid var(--line)}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-initials{color:var(--deck-muted);text-shadow:none}.trait-icon{object-fit:contain;flex:none;display:block}.home{gap:24px;display:grid}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:0 16px;padding-top:8px;display:grid}.hero-copy{gap:12px;min-width:0;display:grid}.hero h1{letter-spacing:-.025em;font-size:clamp(34px,9vw,56px);font-weight:800;line-height:1}.hero-sub{color:var(--text-2);max-width:34em;font-size:16px}.hero-pompom{width:clamp(96px,26vw,176px);height:auto;margin-bottom:-8px}.kind-switch{border-radius:var(--r-ctl);background:var(--panel-3);grid-template-columns:1fr 1fr;gap:4px;max-width:480px;margin-top:4px;padding:4px;display:grid}.kind-opt{min-height:56px;color:var(--muted);text-align:left;transition:background-color .16s var(--ease), color .16s var(--ease);background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.kind-opt svg{flex:none}.kind-opt:hover{color:var(--text)}.kind-opt.is-on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #2428321f}.kind-opt.is-on svg{color:var(--red)}.kind-text{min-width:0;display:grid}.kind-label{font-size:15px;font-weight:700;line-height:1.3}.kind-blurb{color:var(--muted);font-size:13px;line-height:1.35}.ticket{--notch:10px;border-radius:var(--r-card);background:var(--panel);box-shadow:0 0 0 1px var(--line), var(--shadow-card);grid-template-columns:1fr;display:grid;position:relative}.ticket-stub{border-radius:var(--r-card) var(--r-card) 0 0;background:var(--red);color:var(--cream);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.ticket-stub-label{font-size:14px;font-weight:600}.ticket-no{font-size:24px;line-height:1}.ticket-body{border-top:2px dashed var(--line-strong);gap:16px;padding:20px;display:grid;position:relative}.ticket-body:before,.ticket-body:after{content:"";top:calc(var(--notch) * -1 - 1px);width:calc(var(--notch) * 2);height:calc(var(--notch) * 2);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;position:absolute}.ticket-body:before{left:calc(var(--notch) * -1);clip-path:inset(0 0 0 50%)}.ticket-body:after{right:calc(var(--notch) * -1);clip-path:inset(0 50% 0 0)}.ticket-head{gap:4px;display:grid}.ticket-head h2{font-size:26px}.ticket-foot{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.ticket-foot .btn{flex:240px}.ticket-stamp{border:3px double var(--gold-text);width:88px;height:88px;color:var(--gold-text);font-family:var(--font-display);opacity:.85;pointer-events:none;background:radial-gradient(circle,#0000 58%,#d6b56829 59%);border-radius:50%;place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;top:60px;right:20px;transform:rotate(-14deg)}.ticket-stamp.is-failed{border-color:var(--red);color:var(--red);background:radial-gradient(circle,#0000 58%,#b8383d1a 59%)}.ticket.is-done .ticket-head{padding-right:96px}.daily-status{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.daily-status.is-solved{color:var(--match-text)}.daily-status.is-failed{color:var(--miss-text)}.daily-status.is-playing{color:var(--text)}.daily-score{color:var(--muted);font-size:14px;font-weight:400}.daily-score .num{color:var(--text);font-size:20px}.mini-stats{color:var(--muted);flex-wrap:wrap;gap:4px 24px;margin:0;font-size:14px;display:flex}.mini-stats>div,.mini-stats>span{align-items:baseline;gap:8px;display:inline-flex}.mini-stats dt{align-items:center;gap:4px;display:inline-flex}.mini-stats dd{margin:0}.mini-stats svg{color:var(--red);align-self:center}.mini-stats .num{color:var(--text);font-size:20px}.modes{border-block:1px solid var(--line);display:grid}.mode{align-content:start;gap:16px;padding:20px 0;display:grid}.mode+.mode{border-top:1px solid var(--line)}.mode-head{align-items:flex-start;gap:12px;display:flex}.mode-head>div{gap:4px;display:grid}.mode-head h2{font-size:22px}.mode .btn{justify-self:start}.mode .btn-pair .btn{justify-self:stretch}.mode-icon{width:40px;height:40px;color:var(--gold-text);background:var(--violet-soft);border-radius:50%;flex:none;place-items:center;display:grid}.active-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.saved-note{color:var(--text-2);font-size:14px}.how{gap:16px;display:grid}.how h2{font-size:22px}.how-steps{counter-reset:how;gap:16px;margin:0;padding:0;list-style:none;display:grid}.how-steps>li{counter-increment:how;color:var(--text-2);grid-template-rows:28px auto;grid-template-columns:28px minmax(0,1fr);align-items:center;column-gap:12px;font-size:15px;display:grid}.how-steps>li:before{content:counter(how);background:var(--ink);width:28px;height:28px;color:var(--cream);font-family:var(--font-display);border-radius:50%;grid-area:1/1;place-items:center;font-size:14px;font-weight:700;line-height:1;display:grid}.how-steps>li>b{font-family:var(--font-display);grid-area:1/2;font-size:17px}.how-steps>li>span{grid-area:2/2;align-self:start;padding-top:4px}.how-cats-wrap{border-radius:var(--r-card);background:var(--panel-3);color:var(--text-2);gap:16px;padding:20px;display:grid}.how-cats-head{gap:4px;display:grid}.how-cats-head h3{color:var(--text);font-size:17px}.how-cats-head p{font-size:14px}.how-cats{gap:0 32px;margin:0;font-size:14px;display:grid}.how-cats>div{border-top:1px solid var(--line);grid-template-columns:80px minmax(0,1fr);align-items:baseline;gap:12px;padding:8px 0;display:grid}.how-cats dt{color:var(--text);font-weight:700}.how-cats dd{margin:0}.how-cats-note{color:var(--muted);font-size:13px}.about{gap:12px;padding-top:8px;display:grid}.about-label{color:var(--red);font-size:13px;font-weight:700}.about h2{font-size:22px}.about-intro{color:var(--text-2);max-width:42em;font-size:15px}.faq{border-top:1px solid var(--line);margin-top:8px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;min-height:52px;color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:12px 4px;font-size:15px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--red)}.faq summary:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:var(--r-cell)}.faq summary svg{color:var(--muted);transition:transform .2s var(--ease);flex:none}.faq details[open] summary svg{transform:rotate(180deg)}.faq details>p{max-width:42em;color:var(--text-2);padding:0 4px 16px;font-size:15px;line-height:1.6}.sw-item{white-space:nowrap}.sw{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin:0 2px;display:inline-block}.sw.is-match{background:var(--match)}.sw.is-miss{background:var(--miss)}.game{gap:16px;scroll-margin-top:16px;display:grid}.game-top{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-areas:"back title settings""tabs tabs tabs";align-items:center;gap:12px;display:grid}.game-back{grid-area:back}.game-settings{grid-area:settings}.game-title{grid-area:title;gap:0;min-width:0;display:grid}.game-title h1{font-size:28px;line-height:1.1}.game-tabs{grid-area:tabs}.run-bar{border-block:1px solid var(--line);margin:0;display:flex}.stat{flex-direction:column;flex:1 1 0;justify-content:center;gap:0;min-width:0;padding:8px 0 8px 12px;display:flex}.stat:first-child{padding-left:0}.stat+.stat{border-left:1px solid var(--line)}.stat dt{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.stat dd{color:var(--text);white-space:nowrap;margin:0;font-size:22px;line-height:1.2}.bucket-suffix{display:none}.stage-col{--text:var(--deck-text);--text-2:#ddd8cd;--muted:var(--deck-muted);--faint:#8b9099;--line:var(--deck-line);--line-strong:#f5efe33d;--line-hover:#f5efe373;--panel:var(--deck-2);--panel-2:#363c49;--panel-3:#404755;border-radius:var(--r-card);background:var(--deck);min-width:0;color:var(--text);justify-items:center;gap:12px;padding:16px 16px 20px;display:grid;position:relative}.stage-col a{color:var(--text-2)}.stage-col :focus-visible{outline-color:var(--gold)}.stage-head{text-align:center;align-content:center;gap:2px;max-width:100%;min-height:48px;display:grid}.stage-head-text{gap:2px;min-width:0;display:grid}.stage-head.has-cover{text-align:left;grid-template-columns:auto minmax(0,auto);justify-content:center;align-items:center;column-gap:12px}.stage-cover{object-fit:cover;border-radius:var(--r-cell);width:52px;height:52px;box-shadow:0 0 0 1px var(--line-strong)}.stage-title{font-family:var(--font-display);overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:1.15}.stage-q{font-family:var(--font-display);color:var(--gold);font-size:22px;font-weight:700;line-height:1.15}.stage-sub{color:var(--muted);font-size:14px}.stage-text{color:var(--muted);text-align:center;font-size:13px}.stage-text .phrase{white-space:nowrap}.track-credits{text-align:center;width:100%;animation:hsr-in .4s var(--ease) both;justify-items:center;gap:12px;display:grid}.credit-lines{gap:0;display:grid}.credit-line{color:var(--muted);overflow-wrap:anywhere;font-size:13px;line-height:1.5}.listen-icons{justify-content:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.listen-icon{border:1px solid var(--line-strong);background:var(--panel-2);width:44px;height:44px;color:var(--text);cursor:pointer;transition:border-color .16s var(--ease), background .16s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid}.listen-icon:hover{border-color:var(--line-hover);background:var(--panel-3)}.listen-icon svg{width:22px;height:22px}.modal.player-pop{width:min(560px,100vw - 32px)}.pop-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 20px;display:flex}.pop-title{align-items:center;gap:8px;font-size:20px;line-height:1.2;display:flex}.player-pop .pop-youtube,.player-pop .spotify-embed{border-radius:var(--r-ctl);border:0;width:calc(100% - 32px);margin:16px 16px 0;display:block}.pop-youtube{aspect-ratio:16/9;background:#000;height:auto}.pop-out{min-height:40px;color:var(--muted);align-self:flex-start;align-items:center;gap:4px;margin:4px 16px 8px;font-size:13px;text-decoration:none;display:inline-flex}.pop-out:hover{color:var(--text);text-decoration:underline}.spotify-embed{background:0 0;border:0;border-radius:12px;width:min(100%,460px);height:152px;display:block}.spotify-note{color:var(--muted);margin:8px 16px 0;font-size:13px;line-height:1.5}.player-pop>:last-child{margin-bottom:16px}.song-credits{text-align:left;overflow-wrap:anywhere;display:grid}.song-credit-heading,.song-credit-line{text-indent:-16px;padding-left:16px}.song-credit-heading{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600;line-height:1.4}.song-credit-line{color:var(--text-2);font-size:13px;line-height:1.5}@media (hover:none){.kbd-hint{display:none}}.player{justify-items:center;gap:16px;width:100%;display:grid}.disc-wrap{width:var(--disc,240px);place-items:center;max-width:100%;display:grid;position:relative}.hsr-orbits{display:none}@keyframes hsr-spin{to{transform:rotate(360deg)}}.hsr-disc{aspect-ratio:1;width:100%;position:relative}.hsr-disc .face{background:radial-gradient(circle, var(--ink) 0 3%, var(--red) 3.5% 30%, #8e292e 30.5% 31.5%, transparent 32%), repeating-radial-gradient(circle, #15171c 0 2px, #1e2128 2px 3px), #15171c;border-radius:50%;position:absolute;inset:10%;overflow:hidden;box-shadow:inset 0 0 0 1px #f5efe31f,0 10px 30px #0006}.hsr-disc .face:before{content:"";pointer-events:none;background:conic-gradient(from 30deg, transparent 0 10%, #ffffff12 14%, transparent 20% 60%, #ffffff0d 64%, transparent 70%);border-radius:50%;position:absolute;inset:0}.hsr-disc .face img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease) .3s, transform .9s var(--ease-bloom) .3s;display:block;position:relative;transform:scale(1.12)}.hsr-disc .face img.is-portrait{object-position:50% 30%;transform-origin:50% 30%;background:var(--deck-2);transform:scale(1.75)}.solved .hsr-disc .face img{opacity:1;transform:scale(1)}.solved .hsr-disc .face img.is-portrait{transform:scale(1.5)}.hsr-disc .face,.hsr-disc .emblem{animation:14s linear infinite paused hsr-spin}.hsr-disc.is-playing .face,.hsr-disc.is-playing .emblem{animation-play-state:running}.hsr-disc .emblem{color:var(--cream);transition:opacity .4s var(--ease);place-items:center;display:grid;position:absolute;inset:10%}.hsr-disc .emblem svg{width:26%;height:26%}.hsr-disc .emblem .emblem-spark{color:var(--gold)}.solved .hsr-disc .emblem{opacity:0}.dial{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hsr-disc .emblem,.hsr-disc .face{pointer-events:none}.hsr-disc .face:after{content:"";pointer-events:auto;border-radius:50%;position:absolute;inset:12px}.hsr-disc .scrub{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;position:absolute;inset:-6%}.hsr-disc .scrub.is-grabbing{cursor:grabbing}.hsr-disc .scrub:focus{outline:none}.hsr-disc .scrub:focus-visible:not(.by-pointer){outline-offset:-1px;outline:2px dashed #d6b568b3}.dial .tick{stroke:#f5efe32e;stroke-width:1px}.dial .tick-major{stroke:#f5efe366}.dial .stage-arc{fill:none;stroke:#f5efe329;stroke-width:3px;stroke-linecap:round;transition:stroke .4s var(--ease)}.dial .stage-arc.is-open{stroke:var(--cream);stroke-width:4px}.dial .stage-arc.is-played{stroke:var(--gold);stroke-width:4px}.dial .dial-head{fill:var(--gold)}.dial .dial-knob-ring{fill:#d6b5682e;stroke:var(--gold);stroke-width:2px;opacity:0;transition:opacity .16s var(--ease)}@media (hover:hover){.scrub:hover~.dial .dial-knob-ring{opacity:.55}}.scrub:focus-visible:not(.by-pointer)~.dial .dial-knob-ring,.scrub.is-grabbing~.dial .dial-knob-ring{opacity:1}.dial .dial-rim{fill:none;stroke:#f5efe338}.play-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;max-width:100%;display:flex}.stage-col .play-btn{background:var(--cream);color:var(--ink);box-shadow:none}.stage-col .play-btn:hover:not(:disabled){color:var(--ink);background:#fff}.play-btn{min-width:116px;min-height:48px;position:relative}.play-btn .play-spinner{border-radius:var(--r-ctl);border-width:2px;border-color:#0000;border-top-color:var(--gold);width:auto;height:auto;position:absolute;inset:-4px}.player-time{white-space:nowrap;font-family:var(--font-display);font-variant-numeric:tabular-nums}.player-time strong{font-size:20px;font-weight:700}.player-time .muted{font-size:16px}.volume{color:var(--muted);flex:none;align-items:center;gap:4px;display:flex}.volume input[type=range]{appearance:none;background:0 0;width:72px;height:24px}.volume input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--text-2) var(--val), var(--line-strong) var(--val));border-radius:2px;height:3px}.volume input[type=range]::-moz-range-track{background:var(--line-strong);border-radius:2px;height:3px}.volume input[type=range]::-moz-range-progress{background:var(--text-2);border-radius:2px;height:3px}.volume input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--cream);border:0;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.volume input[type=range]::-moz-range-thumb{background:var(--cream);border:0;border-radius:50%;width:12px;height:12px}.player-error{color:#f3a6a0;text-align:center;font-size:14px}.main-card{gap:16px;min-width:0;padding:16px;display:grid}.mc-head{align-items:center;gap:12px;display:flex}.mc-title{flex:1;gap:0;min-width:0;display:grid}.mc-head h2{font-size:22px;line-height:1.2}.attempt{flex:none;justify-items:end;gap:8px;display:grid}.attempt-label{color:var(--muted);white-space:nowrap;font-size:13px}.attempt-label .num{color:var(--text);font-size:15px}.reaction{--pp:160px;grid-template-columns:var(--pp) minmax(0, 1fr);height:var(--pp);align-items:center;gap:8px;display:grid}.reaction-pompom{width:var(--pp);height:var(--pp);animation:pp-pop .42s var(--ease-bloom) both}.reaction-bubble{border-radius:var(--r-card);background:var(--panel-3);max-width:100%;animation:pp-bubble .32s var(--ease) 80ms both;justify-self:start;gap:4px;padding:12px 16px;display:grid;position:relative}.reaction-bubble:before{content:"";background:inherit;border-radius:2px;width:14px;height:14px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)rotate(45deg)}.reaction-title{font-family:var(--font-display);color:var(--text);font-size:22px;font-weight:800;line-height:1.15}.reaction-detail{color:var(--text-2);font-size:14px}.reaction.is-good .reaction-bubble{background:#2f7d621f}.reaction.is-good .reaction-title{color:var(--match-text)}.reaction.is-bad .reaction-bubble{background:#b8383d1a}.reaction.is-bad .reaction-title{color:var(--red)}.reaction{position:relative}.reaction.is-title .reaction-bubble{background:linear-gradient(135deg, color-mix(in srgb, var(--gold) 34%, var(--panel)), color-mix(in srgb, var(--gold) 16%, var(--panel)));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--gold) 60%, transparent)}.reaction.is-title .reaction-title{color:var(--gold-text)}.reaction.is-title .reaction-pompom{animation:pp-title .72s var(--ease-bloom) both}.reaction-burst{width:var(--pp);height:var(--pp);pointer-events:none;position:absolute;top:0;left:0}.reaction-burst>span{color:var(--gold-text);opacity:0;--a:calc(var(--i) * 60deg - 90deg);animation:pp-note 1.1s var(--ease) calc(var(--i) * 40ms + .12s) both;font-size:20px;font-weight:800;position:absolute;top:50%;left:50%}.title-tag{background:color-mix(in srgb, var(--gold) 28%, var(--panel));color:var(--gold-text);border-radius:999px;padding:0 8px;font-size:13px;font-weight:700;display:inline-block}.round-done .title-tag{margin-left:8px}@keyframes pp-title{0%{opacity:0;transform:translateY(16px)scale(.7)rotate(-8deg)}45%{opacity:1;transform:translateY(-10px)scale(1.12)rotate(6deg)}70%{transform:translateY(2px)scale(.97)rotate(-2deg)}to{transform:none}}@keyframes pp-note{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--a)) translateX(20px) rotate(calc(-1 * var(--a))) scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--a)) translateX(92px) rotate(calc(-1 * var(--a))) scale(1.1)}}@keyframes pp-pop{0%{opacity:0;transform:translateY(12px)scale(.86)}60%{opacity:1;transform:translateY(-4px)scale(1.04)}to{transform:none}}@keyframes pp-bubble{0%{opacity:0;transform:translate(-6px)}}.dots{gap:4px;margin:0;padding:0;list-style:none;display:flex}.dot{background:var(--panel-3);width:14px;height:8px;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;transition:background-color .3s}.dot.is-miss{background:var(--red);box-shadow:none}.dot.is-skip{background:var(--faint);box-shadow:none}.dot.is-solve{background:var(--match);box-shadow:none}.dot.is-current{box-shadow:inset 0 0 0 2px var(--gold)}.guess{gap:4px;display:grid}.guess-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.combo{position:relative}.guess-search{color:var(--muted);pointer-events:none;position:absolute;top:17px;left:16px}.guess-input{border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--panel-2);text-overflow:ellipsis;width:100%;height:52px;padding:0 56px 0 44px;font-size:16px;transition:border-color .16s,box-shadow .16s}.guess-input::placeholder{color:var(--muted)}.guess-input:hover{border-color:var(--line-hover)}.guess-input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 3px #d6b56873}.guess-input[aria-invalid=true]{border-color:var(--red);box-shadow:0 0 0 3px #b8383d33}.guess-submit{background:var(--accent);width:44px;height:44px;color:var(--on-accent);border:0;border-radius:8px;place-items:center;transition:background-color .16s,color .16s;display:grid;position:absolute;top:4px;right:4px}.guess-submit:hover:not(:disabled){background:var(--accent-hover)}.guess-submit:disabled{background:var(--panel-3);color:var(--faint)}.guess-submit:focus-visible{border-radius:8px}.combo-list{z-index:20;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--r-ctl);box-shadow:var(--shadow-float);max-height:min(400px,55vh);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.combo-opt{border-radius:var(--r-cell);cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:8px 12px;display:flex}.combo-opt.has-icon{padding-left:8px}.combo-opt.is-active{background:var(--panel-3);box-shadow:inset 3px 0 0 var(--red)}.combo-opt.is-done{opacity:.45;cursor:not-allowed}.combo-text{min-width:0;display:grid}.combo-name{overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.3}.combo-sub{color:var(--muted);font-size:13px;line-height:1.4}.combo-via{color:var(--text-2);font-weight:500}.combo-empty{color:var(--muted);padding:12px;font-size:14px}.combo-head{color:var(--gold-text);border-bottom:1px solid var(--line);margin-bottom:4px;padding:8px 12px 4px;font-size:13px;font-weight:600}.guess-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.guess-filters-label{color:var(--muted);margin-right:4px;font-size:13px;font-weight:600}.filter-pill{align-items:center;display:inline-flex;position:relative}.filter-pill select{appearance:none;border-radius:var(--r-cell);border:1px solid var(--line-strong);background:var(--panel-2);max-width:13em;height:36px;color:var(--text-2);font:inherit;text-overflow:ellipsis;cursor:pointer;padding:0 28px 0 12px;font-size:14px;transition:border-color .16s,background-color .16s}.filter-pill select:hover{border-color:var(--line-hover)}.filter-pill select:focus-visible{outline:2px solid var(--red);outline-offset:1px}.filter-pill.is-set select{border-color:var(--violet-line);background:var(--violet-soft);color:var(--gold-text);font-weight:600}.filter-pill select option{background:var(--cream);color:var(--ink)}.filter-pill-chev{pointer-events:none;color:var(--muted);position:absolute;right:8px}.filter-pill.is-set .filter-pill-chev{color:var(--gold-text)}.filter-clear{border-radius:var(--r-cell);height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 8px;font-size:14px;display:inline-flex}.filter-clear:hover{color:var(--text)}.skip-btn{gap:8px;height:52px;min-height:52px;padding:0 16px}.skip-hint{color:var(--muted);font-size:13px;font-weight:500}.guess-error{min-height:20px;color:var(--red);padding-left:4px;font-size:14px}.main-card>.guess:last-child .guess-error:empty{min-height:0}.fb{gap:8px;display:grid}.fb-head{display:none}.fb-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.fb-row{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));perspective:600px;gap:4px;display:grid}.fb-cell{border-radius:var(--r-cell);background:var(--miss);color:#fff4f2;text-align:center;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:60px;padding:4px 2px;font-size:clamp(11px,3.1vw,13px);font-weight:600;line-height:1.2;display:flex;position:relative}.fb-label{opacity:.9;font-size:10px;font-weight:600}.fb-cell.is-match{color:#f2fff9;background:linear-gradient(#247a61,#1a5e4b)}.fb-cell.is-miss{color:#fff0ee;background:linear-gradient(#8e1622,#70101a)}.fb-cell .trait-icon{filter:drop-shadow(0 0 1px #0009);width:22px;height:22px;margin:1px 0}.fb-cell[data-col=region] .trait-icon{width:auto;max-width:min(100%,44px)}.fb-cell.is-num .fb-text{font-family:var(--font-display);font-size:17px}.fb-name{text-align:left;flex-direction:row;grid-column:1/-1;justify-content:flex-start;gap:12px;min-height:52px;padding:4px 12px 4px 8px;font-size:15px}.fb-name .avatar{--avatar-size:36px}.fb-text{min-width:0;max-width:100%}.fb-name .fb-text{line-height:1.25}.fb-cell[data-col]{container-type:inline-size}@container (width<=70px){.fb-text.is-long{font-size:.86em}}.fb-arrow{justify-content:center;display:inline-flex}.fb-kind{opacity:.9;font-size:11px;font-weight:600;display:block}.fb-matched{white-space:nowrap;background:#ffffff2e;border-radius:4px;flex:none;margin-left:auto;padding:0 8px;font-size:12px;font-weight:700}.fb-row.is-new{animation:hsr-in .32s var(--ease) both}.fb-row.is-new .fb-cell{animation:hsr-flip .38s var(--ease) both;animation-delay:calc(var(--i) * 50ms);backface-visibility:hidden}@keyframes hsr-in{0%{opacity:0;transform:translateY(6px)}}@keyframes hsr-flip{0%{opacity:0;transform:rotateX(70deg)}}.tip{border-radius:var(--r-ctl);background:var(--panel-3);color:var(--text-2);animation:hsr-in .32s var(--ease) .6s both;grid-template-columns:auto 1fr;align-items:start;gap:8px 12px;margin-top:4px;padding:12px 16px;font-size:14px;display:grid}.tip svg{vertical-align:-2px}.tip-badge{color:var(--gold-text);font-size:13px;font-weight:700;line-height:20px}.tip .btn{grid-column:2;justify-self:start}.result{animation:hsr-in .4s var(--ease) both;gap:16px;display:grid}.result-main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.result-art{--avatar-size:64px;--cover-size:64px;align-self:start}.avatar.result-art{box-shadow:0 0 0 2px var(--cream), 0 0 0 3px var(--line-strong)}.avatar.result-art.r5{box-shadow:0 0 0 2px var(--cream), 0 0 0 4px var(--gold)}span.result-art:not(.avatar){display:flex}.result-text{gap:4px;min-width:0;display:grid}.result-badge{color:var(--match-text)}.result.is-failed .result-badge{color:var(--muted)}.result-text h2{overflow-wrap:anywhere;font-size:28px;line-height:1.1}.result-text h2:focus{outline:none}.result-zh,.result-sub{color:var(--text-2);font-size:14px}.result-sub.muted{color:var(--muted);font-size:13px}.result-sub .num{font-size:15px}.result-traits{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:4px 16px;margin:4px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.result-traits li{align-items:center;gap:8px;display:inline-flex}.result-traits .trait-icon{width:auto;max-width:40px;height:20px}.result-traits [data-trait=path] .trait-icon,.result-traits [data-trait=area] .trait-icon{filter:brightness(0)contrast(2);opacity:.85}.result-traits .stars{color:var(--r4-a);font-size:14px}.result-traits .stars.r5{color:var(--r5-a)}.result-score{grid-column:1/-1;align-items:center;gap:12px;display:flex}.score-num{color:var(--text-2);font-size:40px;font-weight:800;line-height:1}.result.is-solved .score-num{color:var(--red)}.score-label{color:var(--muted);font-size:14px}.result-tabs{border-top:1px solid var(--line);grid-column:1/-1;gap:12px;padding-top:16px;display:grid}.seg-tabs{border-radius:var(--r-ctl);background:var(--panel-3);justify-self:start;gap:4px;max-width:100%;padding:4px;display:flex;overflow-x:auto}.seg-tab{min-height:36px;color:var(--muted);white-space:nowrap;cursor:pointer;transition:background .16s var(--ease), color .16s var(--ease);background:0 0;border:0;border-radius:8px;padding:0 16px;font-size:14px;font-weight:600}.seg-tab:hover{color:var(--text)}.seg-tab[aria-selected=true]{background:var(--panel);color:var(--text);box-shadow:0 1px 2px #2428321f}.tab-panel .usages{border-top:0;padding-top:0}.tab-panel p.usages-hint{font-size:13px}.usages{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.usages-title{color:var(--text);font-size:14px;font-weight:700}.usages-hint{color:var(--muted);font-weight:400}.usages dl{gap:0;margin:0;display:grid}.usage{grid-template-columns:minmax(84px,max-content) minmax(0,1fr);gap:2px 16px;padding:8px 0;display:grid}.usage+.usage{border-top:1px solid var(--line)}.usage dt{color:var(--muted);font-size:13px}.usage dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:14px}.usage.is-type dd{color:var(--text-2)}.usage-note{font-size:12px}.usage-tag{color:var(--match-text);background:#2f7d621f;border-radius:4px;margin-left:8px;padding:0 6px;font-size:12px;font-weight:700;display:inline-block}.usage.is-matched dd{color:var(--match-text)}.result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.result-actions .btn-primary{flex:auto}.next-daily{text-align:left;margin-right:auto;font-size:13px;line-height:1.3;display:grid}.countdown{color:var(--text);font-size:22px}.modal{border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);color:var(--text);box-shadow:var(--shadow-float);width:min(460px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;position:fixed;overflow:visible}.modal[open]{animation:modal-in .2s var(--ease);flex-direction:column;display:flex}.modal::backdrop{background:#24283273}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 24px;display:flex}.panel-title{gap:0;display:grid}.panel-head h2{font-size:22px;line-height:1.2}.panel-body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.panel-section{gap:12px;padding:16px 24px;display:grid}.panel-section+.panel-section{border-top:1px solid var(--line)}.panel-section h3{font-family:var(--font-body);color:var(--text);letter-spacing:0;font-size:14px;font-weight:700}.panel-note{border-radius:var(--r-ctl);background:var(--panel-3);color:var(--text-2);gap:8px;margin:24px;padding:16px;font-size:15px;display:grid}.panel-status{justify-content:space-between;align-items:center;gap:8px;min-height:32px;padding:0 24px 12px;font-size:14px;display:flex}.panel-warn{color:var(--red);font-weight:600}.panel-foot{border-top:1px solid var(--line);border-radius:0 0 var(--r-card) var(--r-card);background:var(--panel);grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding:12px 24px 16px;display:grid;position:sticky;bottom:0}.field{gap:8px;display:grid;position:relative}.field-label{color:var(--text-2);font-size:14px;font-weight:600}.field-label-row{align-items:center;gap:4px;display:flex}.select-wrap{position:relative}.select{appearance:none;border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--panel-2);width:100%;height:44px;padding:0 40px 0 12px;font-size:15px}.select:hover{border-color:var(--line-hover)}.select option{background:var(--cream);color:var(--ink)}.select-chevron,.ms-chevron{color:var(--muted);pointer-events:none;transition:transform .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ms{gap:8px;display:grid;position:relative}.ms-field{border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--panel-2);text-align:left;align-items:center;width:100%;min-height:44px;padding:4px 40px 4px 8px;display:flex;position:relative}.ms-field:hover{border-color:var(--line-hover)}.ms-field.is-open{border-color:var(--ink)}.ms-field.is-open .ms-chevron{transform:translateY(-50%)rotate(180deg)}.ms-value{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.ms-placeholder{color:var(--text-2);padding-left:4px;font-size:15px}.ms-list{z-index:30;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--r-ctl);box-shadow:var(--shadow-float);max-height:260px;animation:modal-in .15s var(--ease);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ms-opt{border-radius:var(--r-cell);text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;font-size:15px;display:flex}.ms-opt:hover:not(:disabled){background:var(--panel-3)}.ms-opt:disabled{opacity:.6}.ms-check{border:1.5px solid var(--line-hover);width:18px;height:18px;color:var(--on-accent);border-radius:4px;flex:none;place-items:center;display:grid}.ms-opt.is-on .ms-check{background:var(--red);border-color:var(--red)}.ms-opt-label{flex:1}.ms-note{color:var(--muted);font-size:13px}.ms-clear-row{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.ms-clear{text-align:left;width:100%;min-height:40px;color:var(--red);border-radius:var(--r-cell);background:0 0;border:0;padding:8px 12px;font-size:14px;font-weight:600}.ms-clear:hover{background:var(--panel-3)}.panel-fine{margin:0;font-size:13px}.match-count{border-radius:var(--r-ctl);background:var(--panel-3);color:var(--text-2);justify-content:space-between;align-items:center;padding:8px 16px;font-size:14px;display:flex}.match-count strong{font-family:var(--font-display);color:var(--text);font-size:24px;line-height:1.2}.match-count.is-low{box-shadow:inset 0 0 0 1px #b8383d80}.match-count.is-low strong{color:var(--red)}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.toggle-text{display:grid}.toggle-label{color:var(--text-2);font-size:15px;font-weight:600}.toggle-desc{color:var(--muted);font-size:13px}.switch{border-radius:var(--r-pill);border:1px solid var(--line-strong);background:var(--panel-3);flex:none;width:48px;height:28px;transition:background-color .2s,border-color .2s;position:relative}.switch-knob{background:var(--cream);width:20px;height:20px;transition:transform .2s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #2428324d}.switch.is-on{background:var(--red);border-color:var(--red)}.switch.is-on .switch-knob{transform:translate(20px)}.switch:focus-visible{border-radius:var(--r-pill)}.infotip{display:inline-flex}.infotip-btn{width:28px;height:28px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.infotip-btn:hover,.infotip-btn[aria-expanded=true]{color:var(--text);background:var(--panel-3)}.infotip-pop{z-index:40;border-radius:var(--r-ctl);background:var(--panel-2);border:1px solid var(--line-strong);box-shadow:var(--shadow-float);color:var(--text-2);animation:modal-in .15s var(--ease);padding:12px 16px;font-size:14px;line-height:1.5;position:absolute;top:32px;left:0;right:0}@media (width>=640px){.site-header{padding:8px 24px}.main{padding:24px 24px 56px}.home{gap:32px}.ticket{grid-template-columns:136px minmax(0,1fr)}.ticket-stub{text-align:center;border-radius:var(--r-card) 0 0 var(--r-card);flex-direction:column;justify-content:center;gap:8px;padding:20px 12px}.ticket-no{font-size:32px}.ticket-body{border-top:0;border-left:2px dashed var(--line-strong);padding:24px 28px}.ticket-body:before,.ticket-body:after{top:auto;left:calc(var(--notch) * -1 - 1px);clip-path:none;right:auto}.ticket-body:before{top:calc(var(--notch) * -1);clip-path:inset(50% 0 0)}.ticket-body:after{bottom:calc(var(--notch) * -1);clip-path:inset(0 0 50%)}.ticket-head h2{font-size:30px}.ticket-stamp{top:24px;right:28px}.modes{grid-template-columns:1fr 1fr}.mode{padding:24px 24px 24px 0}.mode+.mode{border-top:0;border-left:1px solid var(--line);padding:24px 0 24px 24px}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.how-cats{grid-template-columns:1fr 1fr}.site-footer{padding-left:24px;padding-right:24px}.game{gap:20px}.game-top{grid-template-columns:44px minmax(0,1fr) auto 44px;grid-template-areas:"back title tabs settings";gap:16px}.game-tabs{align-self:end}.game-title h1{font-size:34px}.stat{flex-direction:row;flex:auto;align-items:baseline;gap:8px;padding:8px 0 8px 16px}.stat dt{font-size:13px}.stat dd{font-size:24px}.bucket-suffix{display:inline}.volume input[type=range]{width:96px}.main-card{padding:20px 24px 24px}.fb-head,.fb-row{grid-template-columns:minmax(150px, 1.7fr) repeat(var(--cols), minmax(0, 1fr));gap:4px;display:grid}.fb-head{padding-bottom:0}.fb-h{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:12px;font-weight:600;overflow:hidden}.fb-h-name{text-align:left;padding-left:8px}.fb-rows{gap:4px}.fb-name{grid-column:auto;min-height:60px;padding:4px 8px;font-size:15px}.fb-name .avatar{--avatar-size:40px}.fb-name:has(.fb-matched){flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.fb-name .fb-matched{margin-left:0}.fb-cell{gap:4px;min-height:60px;padding:4px;font-size:13px}.fb-cell .trait-icon{width:24px;height:24px;margin:0}.fb-cell.is-num .fb-text{font-size:18px}.fb-label{display:none}.result-main{grid-template-columns:auto minmax(0,1fr) auto;gap:16px}.result-art{align-self:center}.result-score{text-align:right;grid-column:auto;align-self:start;justify-items:end;gap:4px;display:grid}.score-num{font-size:44px}.result-actions .btn-primary{flex:none}.next-daily{text-align:right;margin-right:0}}@media (width>=1024px){.main{max-width:1240px;padding-top:32px}.home{width:100%;max-width:920px;margin:0 auto}.game{grid-template:"stage top""stage stats""stage chips""stage card"1fr/minmax(340px,5fr) minmax(0,7fr);align-items:start;gap:0 40px}.game-top{grid-area:top;margin-bottom:16px}.run-bar{grid-area:stats;margin-bottom:16px}.active-chips{grid-area:chips;margin-bottom:16px}.main-card{grid-area:card}.stage-col{--disc:340px;grid-area:1/stage/-1;gap:16px;padding:24px 24px 28px}.stage-head{min-height:56px}.stage-title,.stage-q{font-size:24px}.game-title h1{font-size:40px;line-height:1.05}.game-top{gap:16px 20px}.stat{flex-direction:column;align-items:flex-start;gap:0}.stat dd{font-size:24px}}@media (width>=1024px) and (width<=1199px){.game{grid-template-columns:minmax(340px,4fr) minmax(0,8fr);column-gap:24px}.stage-col{--disc:300px}}@media (width>=1200px){.stat{flex-direction:row;align-items:baseline;gap:8px}}@media (width>=1024px) and (height>=640px){.stage-col{position:sticky;top:24px}}@media (width<=1023px){.game{gap:12px}.stage-col{--disc:220px;gap:8px;padding:12px 12px 16px}.stage-head{min-height:0}.stage-q{display:none}.stage-title{font-size:20px}.stage-cover{width:44px;height:44px}.player{gap:12px}}@media (width<=559px){.site-header{gap:0;padding-top:4px;padding-bottom:0}.brand{min-height:40px}.brand-mark{width:30px;height:30px}.brand-name{font-size:17px}.site-nav{gap:0;width:100%;margin:0 -12px;overflow-x:auto}.hero{grid-template-columns:minmax(0,1fr)}.hero-pompom{width:88px;margin:0;position:absolute;top:0;right:0}.hero{position:relative}.hero h1{padding-right:92px}.ticket.is-done .ticket-head{padding-right:0}.ticket-stamp{width:60px;height:60px;font-size:12px;top:auto;bottom:18px;right:16px}.ticket.is-done .mini-stats{align-items:center;min-height:60px;padding-right:72px}}@media (width<=479px){.game-top{gap:4px 12px}.game-title h1{font-size:26px}.stat{padding-left:8px}.stat dd{font-size:20px}.kbd-hint{display:none}.mc-head h2{font-size:19px}.reaction{--pp:112px}.reaction-title{font-size:19px}.reaction-bubble{padding:8px 12px}.stage-col{--disc:188px;padding-top:8px}.stage-sub{font-size:13px}.guess-search,.skip-btn svg{display:none}.guess-input{padding-left:16px;padding-right:52px}.skip-btn{padding:0 16px}.guess-filters{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto;gap:4px;display:grid}.guess-filters-label{display:none}.filter-pill{min-width:0}.filter-pill select{width:100%;max-width:none;height:40px;padding:0 20px 0 8px;font-size:16px}.filter-pill-chev{right:4px}.filter-clear{flex:none;height:40px;padding:0 4px}.filter-clear span{display:none}}@media (width<=380px){.stat dt{font-size:11px}.skip-btn{gap:4px;padding:0 12px}.volume input[type=range]{width:56px}.play-row{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.solved .hsr-bloom{clip-path:none;transform:none}.fb-row.is-new,.fb-row.is-new .fb-cell{animation:none}.hsr-disc .face,.hsr-disc .emblem{animation-duration:28s!important;animation-iteration-count:infinite!important}.spinner,.play-spinner{animation:1.2s ease-in-out infinite alternate pulse!important}}@keyframes pulse{to{opacity:.35}}.clues{gap:8px;display:grid}.clues-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.clues-title{margin:0}.clues-spent{color:var(--gold-text);font-size:13px}.clue-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.clue{border:1px solid var(--line);border-radius:var(--r-cell);background:var(--panel-2);grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.clue.is-open{border-color:var(--violet-line);background:var(--violet-soft)}.clue.is-locked{background:0 0;border-style:dashed}.clue-dia{border:1px solid var(--faint);border-radius:50%;justify-self:center;width:8px;height:8px}.clue.is-open .clue-dia{background:var(--gold);border-color:var(--gold-text)}.clue-body{min-width:0;display:grid}.clue-label{color:var(--muted);font-size:12px;font-weight:600}.clue.is-open .clue-label{color:var(--gold-text)}.clue-value{color:var(--text);overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.25}.clue.is-locked .clue-value{color:var(--faint);font-weight:500}.clue-when{color:var(--muted);text-align:right;font-size:12px}.clue-buy{justify-self:start;gap:8px}.clue-buy .ring{color:var(--gold-text);font-size:14px;line-height:1}.clue-cost{color:var(--gold-text);font-weight:700}.clue-note{margin:0;font-size:14px}.tg-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tg-row{border-radius:var(--r-cell);background:var(--miss);color:#fff4f2;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.tg-row.is-match{background:var(--match);color:#f2fff9}.tg-row.is-new{animation:hsr-in .32s var(--ease) both}.tg-name{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:700;line-height:1.3}.tg-kind{opacity:.85;font-size:12px;font-weight:600;display:block}.tg-verdict{white-space:nowrap;font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){.tg-row.is-new{animation:none}}