:root{--page:#050a14;--page-top:#0d1e38;--page-bottom:#020409;--panel:#0d1830;--panel-2:#101d33;--glass:#08182eeb;--well:#08162b;--bar:#040912;--key:#0a1a30;--key-hi:#11264a;--key-shadow:#02060f;--hairline:#7d93b838;--glass-panel:#0a142af0;--glass-bar:#040912e6;--glass-bar-clear:#04091259;--glass-well:#08162bcc;--text:#e8f1ff;--muted:#7d93b8;--label:#8fa3c4;--faint:#4a5d80;--cyan:#4de3ff;--cyan-edge:#2fbfe8;--cyan-glow:#4de3ff40;--pink:#ff5d8f;--pink-ink:#2a0a18;--pink-shadow:#a8365d;--pink-glow:#ff5d8f4d;--gold:#ffd166;--gold-ink:#2b1d00;--danger:#ff5252;--scan:repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 3px);--font:"VT323", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--radius:6px;--col:720px;--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background-color:var(--page);background-image:linear-gradient(var(--page-top) 0%, #0a1729 21%, #071223 33%, #050c18 55%, #030710 78%, var(--page-bottom) 100%);-webkit-text-size-adjust:100%;background-attachment:fixed;min-height:100%}body{color:var(--text);font:22px/1.35 var(--font);letter-spacing:.04em;-webkit-font-smoothing:none;background:0 0;margin:0;overflow-x:hidden}h1,h2,h3,p,ol,ul,dl,dd{margin:0}button,input{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer}html,a[href],button,input,textarea,select,summary,label,[role=button],[role=switch],.slot{touch-action:manipulation}a{color:var(--cyan);text-underline-offset:3px}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}::selection{background:var(--pink);color:var(--pink-ink)}:root{--safe-top:env(safe-area-inset-top,0px)}#root{min-height:100dvh;padding-top:var(--safe-top)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{letter-spacing:.3em;text-transform:uppercase;color:var(--label);font-size:16px;font-weight:400;line-height:1.2}.caption{color:var(--muted);letter-spacing:.06em;font-size:19px}.cyan{color:var(--cyan)}.pink{color:var(--pink)}.gold{color:var(--gold)}.screen{width:100%;max-width:calc(var(--col) + 2 * var(--gutter));padding:16px var(--gutter) 32px;padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));flex-direction:column;gap:16px;margin:0 auto;display:flex}.loading{min-height:calc(100dvh - var(--safe-top));place-items:center;display:grid}.panel{background:var(--glass-panel) var(--scan);border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:0 6px #00000059}.key{border-radius:var(--radius);background:var(--key);min-height:52px;color:var(--text);letter-spacing:.25em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff0f, 0 5px 0 var(--key-shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:22px;line-height:1;text-decoration:none;transition:transform 60ms linear,box-shadow 60ms linear,background-color .12s linear;display:inline-flex}@media (hover:hover){.key:hover:not(:disabled){background-color:var(--key-hi)}}.key:active:not(:disabled){box-shadow:inset 0 1px 0 #ffffff0f, 0 2px 0 var(--key-shadow);transform:translateY(3px)}.key:disabled{opacity:.55;cursor:not-allowed}.key-pink{background:var(--pink);color:var(--pink-ink);box-shadow:0 5px 0 var(--pink-shadow)}@media (hover:hover){.key-pink:hover:not(:disabled){background-color:#ff7aa3}}.key-pink:active:not(:disabled){box-shadow:0 2px 0 var(--pink-shadow)}.key-danger{background:var(--danger);color:#2a0505;box-shadow:0 5px #9c2a2a}@media (hover:hover){.key-danger:hover:not(:disabled){background-color:#ff6b6b}}.key-sm{letter-spacing:.2em;min-height:42px;padding:0 14px;font-size:18px}.key-icon{width:46px;min-height:42px;padding:0}.pixel-icon{width:22px;height:auto;display:block}.key-big{white-space:normal;text-align:left;justify-content:space-between;width:100%;min-height:72px;padding:0 22px;font-size:26px}.key-sub{letter-spacing:.15em;opacity:.75;text-transform:uppercase;white-space:nowrap;font-size:17px}.key,.text-btn,.cat-strip,.chip,.note-key,.suggestion,.rate-reason{position:relative}.key:before,.text-btn:before,.cat-strip:before,.chip:before,.note-key:before,.suggestion:before,.rate-reason:before{content:"";inset:var(--reach,0);position:absolute}.key{--reach:0 0 -5px}.key-sm{--reach:-1px 0 -5px}.key-icon{--reach:-1px -3px -5px}.key-xs{--reach:-6px 0}.key-inrow{--reach:-8px 0}.rate-key{--reach:-5px 0}.text-btn{--reach:-4px -2px}.sheet-field-head .text-btn{--reach:-10px -2px -6px}.cat-strip{--reach:-5px 0}.chip{--reach:-1px 0}.cat-chip{--reach:-3px 0}.note-key{--reach:-11px 0}.suggestion{--reach:-3px 0 -5px}.rate-reason{--reach:-4px 0}.slot.hintable:first-child:after,.slot.has-fact:first-child:after,.slot.hintable:last-child:after,.slot.has-fact:last-child:after{content:"";position:absolute;inset:-3px 0 0}.slot.hintable:last-child:after,.slot.has-fact:last-child:after{inset:0 0 -3px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--glass);min-height:42px;color:var(--text);letter-spacing:.2em;text-transform:uppercase;touch-action:manipulation;border:0;border-radius:8px;padding:8px 14px;font-size:18px;box-shadow:0 3px #00000080}@media (hover:hover){.chip:hover{color:var(--cyan)}}.chip:active{transform:translateY(2px);box-shadow:0 1px #00000080}.home{min-height:calc(100dvh - var(--safe-top));max-width:calc(var(--col) + 2 * var(--gutter));gap:28px;padding-top:max(32px,6vh)}.home-group,.home-foot{background:var(--glass-panel) var(--scan);box-shadow:inset 0 0 0 1px var(--hairline), 0 6px 0 #00000059;border-radius:8px;margin-inline:-10px;padding:10px}.title .caption{background:var(--glass-panel);border-radius:6px;padding:2px 12px}.title{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.title .caption{text-wrap:balance}@media (width<=640px){.home .title{margin-top:14px}}.logo{letter-spacing:.08em;color:var(--text);text-shadow:-3px 0 var(--pink), 3px 0 var(--cyan), 0 6px 0 #00000080;margin-right:-.08em;font-size:clamp(76px,22vw,128px);font-weight:400;line-height:.9}.logo span:last-child{color:var(--gold)}@media (width<=359px){.logo{font-size:19.5vw}}.home .title{overflow-x:clip}.home-group{flex-direction:column;gap:12px;display:flex}.group-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.countdown{letter-spacing:.06em;color:var(--muted);font-size:17px}.countdown b{color:var(--cyan);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-weight:400}.mode-pair{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=640px){.mode-pair{grid-template-columns:1fr 1fr}}.today-stack{flex-direction:column;gap:14px;display:flex}@media (width>=640px){.today-stack{grid-template-columns:2fr 1fr;display:grid}.today-stack .mode-key.today{min-height:84px;padding:10px 20px 12px}.today-stack .mode-key.today.blitz .key-label{letter-spacing:.12em;white-space:nowrap;font-size:clamp(20px,2.1vw,28px)}}.today-stack .key-sub{font-size:20px}.mode-key{--accent:var(--pink);--accent-ink:var(--pink-ink);--accent-shadow:var(--pink-shadow);text-align:left;white-space:normal;flex-direction:column;justify-content:space-between;align-items:stretch;gap:10px;min-height:84px;padding:12px 18px 14px}.mode-key.blitz{--accent:var(--gold);--accent-ink:var(--gold-ink);--accent-shadow:#9c7a24}.mode-key-top,.mode-key-main{justify-content:space-between;align-items:center;gap:12px;display:flex}.mode-key-top{justify-content:flex-end}.mode-key .key-label{letter-spacing:.2em;font-size:23px;line-height:1.1}.mode-key .key-sub{letter-spacing:.15em;color:var(--label);opacity:1;font-size:17px}.mode-key.today{min-height:116px;padding:16px 22px 18px}.mode-key.today,.mode-key.today:hover:not(:disabled){background:var(--accent);box-shadow:0 5px 0 var(--accent-shadow)}.mode-key.today .key-label{letter-spacing:.18em;font-size:clamp(28px,7.4vw,36px)}.mode-key.today .key-label,.mode-key.today .key-sub,.mode-key.today .enter-hint{color:var(--accent-ink)}.mode-key.today:active:not(:disabled){box-shadow:0 2px 0 var(--accent-shadow)}.mode-key.today:focus,.mode-key.today:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mode-key.today.done,.mode-key.today.done:hover:not(:disabled){background:var(--accent);box-shadow:0 5px 0 var(--accent-shadow)}.mode-key.today.done .key-sub{letter-spacing:.1em;font-size:22px}.mode-key-top{position:relative}.enter-hint{visibility:hidden;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);opacity:.9;border:1px solid;border-radius:3px;padding:0 6px;font-size:13px;line-height:1.4;position:absolute;top:50%;left:0;translate:0 -50%}@media (pointer:fine){.mode-key.today:hover .enter-hint,html[data-modality=keyboard] .mode-key:focus .enter-hint{visibility:visible}.mode-key.today{transition:transform .12s,box-shadow .12s,background-color .12s linear}.mode-key.today:hover:not(:disabled){box-shadow:0 8px 0 var(--accent-shadow), 0 0 22px color-mix(in srgb, var(--accent) 35%, transparent);transform:translateY(-2px)scale(1.025)}.mode-key.today.done:hover:not(:disabled){box-shadow:0 8px 0 var(--accent-shadow)}.mode-key.today:active:not(:disabled){box-shadow:0 2px 0 var(--accent-shadow);transform:translateY(3px)}}.free-key{--accent:var(--pink);flex-direction:column;gap:8px;min-width:0;display:flex}.free-key>.mode-key{flex:1}.cat-anchor{flex-direction:column;display:flex;position:relative}.free-key.blitz{--accent:var(--gold)}.cat-strip{border-radius:var(--radius);min-height:34px;box-shadow:inset 0 0 0 1px var(--hairline);color:var(--label);letter-spacing:.25em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;margin-top:2px;padding:0 12px;font-size:15px;display:flex}.cat-strip:after{content:"";border-inline:5px solid #0000;border-top:6px solid}.cat-strip[aria-expanded=true]:after{border-top:0;border-bottom:6px solid}.cat-strip[aria-expanded=true]{color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}@media (hover:hover){.cat-strip:hover{color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}}.cat-picker{z-index:30;overscroll-behavior:contain;background:var(--glass-panel) var(--scan);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent), 0 8px 0 #00000073, 0 14px 30px #00000080;border-radius:8px;flex-flow:column;gap:6px;padding:8px;animation:.15s ease-out both rise;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.cat-picker[data-up=true]{top:auto;bottom:calc(100% + 6px)}.cat-chip{letter-spacing:.15em;text-align:left;justify-content:space-between;align-items:baseline;gap:10px;min-height:38px;padding:4px 12px;font-size:17px;display:flex}@media (hover:hover){.cat-chip:hover{color:var(--accent)}}.cat-n{color:var(--muted);letter-spacing:.05em;margin-left:4px}.games-row{flex-wrap:wrap;gap:12px;display:flex}.home-pair{flex-direction:column;gap:28px;display:flex}@media (width>=700px){.home-pair{grid-template-columns:minmax(0,65fr) minmax(0,35fr);column-gap:36px;display:grid}.games-group .games-row{flex-direction:column;gap:8px}.games-group .games-key{justify-content:space-between;min-height:38px}}.games-key{flex:auto;gap:10px}@media (width>=700px) and (width<=759px){.free-key .mode-key .key-label{letter-spacing:.14em}}@media (width>=1100px){.home{max-width:calc(880px + 2 * var(--gutter))}}.games-n{color:var(--muted);letter-spacing:.1em}.stat-row{grid-template-columns:repeat(3,1fr);gap:12px 8px;display:grid}@media (width>=520px){.stat-row{grid-template-columns:repeat(5,1fr)}}.stat-row dd.pink{color:var(--pink)}.stat-row div{flex-direction:column-reverse;display:flex}.stat-row dd{color:var(--cyan);font-size:44px;line-height:1}.stat-row dd.gold{color:var(--gold)}.stat-row dt{color:var(--muted);font-size:16px}.home-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.home-foot-end{flex-wrap:wrap;justify-content:flex-end;align-items:center;column-gap:14px;margin-left:auto;display:flex}.howto{width:min(560px, calc(100% - 2 * var(--gutter)));max-width:none;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:var(--panel) var(--scan);color:var(--text);border-left:3px solid var(--pink);overscroll-behavior:contain;margin:auto;padding:0;overflow:auto}.howto[open]{animation:.35s ease-out both rise}.howto:focus{outline:none}.howto::backdrop{background:#020409b3}.howto-body{padding:14px 18px 18px}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.howto .label{color:var(--pink)}.rules{flex-direction:column;gap:8px;margin-top:12px;padding:0;font-size:20px;line-height:1.3;list-style:none;display:flex}.rules li{gap:12px;display:flex}.rules b{color:var(--cyan);font-weight:400}.rules b.pink{color:var(--pink)}.rules b.gold{color:var(--gold)}.rule-n{width:1.4em;color:var(--faint);flex:none}.game{--dock-gap:max(10px, env(safe-area-inset-bottom));padding-bottom:var(--dock-gap);min-height:calc(100dvh - var(--safe-top));gap:14px}@media (width>=700px){.game{--dock-gap:max(16px, env(safe-area-inset-bottom))}}@media (width>=1100px){.stage{--frame:1280px;--ctl-w:380px;--gap:var(--gutter);--frame-pad:32px;--frame-top:24px;max-width:calc(var(--frame) + 2 * var(--frame-pad));grid-template-columns:minmax(0, 1fr) var(--ctl-w) minmax(0, .15fr);align-items:start;gap:var(--gap);padding-top:var(--frame-top);padding-bottom:32px;padding-left:max(var(--frame-pad), env(safe-area-inset-left));padding-right:max(var(--frame-pad), env(safe-area-inset-right));grid-template-rows:auto 1fr;display:grid}.stage>.game-head{grid-column:1/-1}.board-col{gap:var(--gap);flex-direction:column;grid-column:1;min-width:0;display:flex}.control-col{top:var(--frame-top);gap:var(--gap);flex-direction:column;grid-column:2;min-width:0;display:flex;position:sticky}.control-card{background:var(--glass-panel) var(--scan);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;display:flex;box-shadow:0 6px #00000059}.stage .control-card>*{box-shadow:none;border:0;border-top:1px dashed var(--hairline);background:0 0;border-radius:0;margin:0}.stage .control-card>.blitz-meter,.stage:not(.blitz) .control-card>.guess{border-top:0}.stage .control-card .blitz-meter{padding:12px 16px 14px}.stage .control-card .blitz-note{order:1;padding:6px 16px}.stage .control-card .guess{--guess-pad:16px;max-width:none;padding:var(--guess-pad);order:2;gap:10px;position:static}.stage .control-card .feedback-line{order:1;align-items:flex-start}.stage .control-col.has-roll{grid-column:2/4;container-type:inline-size}.stage .control-col.has-roll>*{width:var(--ctl-w)}.stage .control-col.has-roll .guess{position:relative;bottom:auto}.stage .control-card .roll-box{top:var(--guess-pad);height:52px;left:calc(100% + 1px + var(--gap));width:calc(100cqw - var(--ctl-w) - var(--gap));background:var(--glass-panel) var(--scan);right:auto}.stage .control-card .misses{order:3;padding:10px 16px 12px}.control-col>.results{margin-bottom:0}.stage .control-col .score-n{font-size:120px}.stage .control-col>.misses{border:1px solid var(--hairline);order:1;margin:0;padding:10px 16px 12px;box-shadow:0 6px #00000059}}@media (width<=1099px){.stage .board-col,.stage .control-col,.stage .control-card{display:contents}.stage .game-head,.stage .prompt{order:-2}.stage .lead{order:-1}.stage .control-col>.misses{border:1px solid var(--hairline);margin-inline:0;padding:8px 12px 10px;box-shadow:0 6px #00000059}.blitz-hits.is-empty,.blitz-hit.empty{display:none}}.game-head{background:var(--glass-panel) var(--scan);border:1px solid var(--hairline);border-radius:var(--radius);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px;display:grid;box-shadow:0 6px #00000059}.game-head-start{justify-self:start}.game-head-end{justify-self:end}.game-head-start,.game-head-end{align-items:center;gap:8px;display:flex}.game-head-mid{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.game-head-mid>.mode:only-child{white-space:normal;text-align:center;font-size:18px;line-height:1.15}@media (width<=480px){.game-head{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:6px}.game-head-mid>.mode{white-space:normal;text-align:center;line-height:1.15}}@media (width<=380px){.game-head{gap:6px;padding:6px 4px}.game-head-start,.game-head-end{gap:6px}.game-head .key-icon{width:40px}.game-head .sound-toggle{width:36px}}@media (width<=340px){.game-head .key-icon{width:36px}.game-head .sound-toggle{width:32px}.game-head .lives .ink-sac{width:16px;height:18px}}.mode{letter-spacing:.25em;white-space:nowrap;font-size:14px}.key-sm-spacer{width:46px}.lives{gap:6px;display:flex}.life{width:24px;height:auto;color:var(--pink);filter:drop-shadow(0 2px 0 var(--pink-shadow));display:block}.life.off{color:#1c2a45;filter:none}.life.lost{animation:.7s steps(2,end) both heart-lost}.lives-hit{animation:.3s linear shake}.prompt{padding:12px 18px 14px}.prompt-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.count{color:var(--muted);white-space:nowrap;font-size:20px}.count b{color:var(--cyan);font-size:28px;font-weight:400}.prompt h1{letter-spacing:.04em;margin-top:4px;font-size:clamp(30px,7.5vw,42px);font-weight:400;line-height:1.05}.prompt .caption{margin-top:6px;font-size:18px}.prompt .caption.blitz-rule{margin-top:2px}.asof{letter-spacing:.06em;color:var(--muted);margin-top:4px;font-size:16px}.asof a{color:var(--label)}@media (hover:hover){.asof a:hover{color:var(--cyan)}}.board{padding:8px 0 6px}.board-head,.slot{--slot-pad:16px;--rank-col:75px;--slot-gap:12px;grid-template-columns:var(--rank-col) minmax(0, 1fr);column-gap:var(--slot-gap);padding:0 var(--slot-pad);align-items:baseline;display:grid}.slot-body{flex-wrap:wrap;align-items:baseline;column-gap:14px;min-width:0;display:flex}.board-head{border-bottom:1px dashed var(--hairline);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);padding-bottom:6px;font-size:14px;line-height:1.15}.board-head .slot-body{flex-wrap:nowrap}.board-head .slot-body>span:first-child{flex:none}.board-metric{text-align:right;text-wrap:balance;overflow-wrap:anywhere;flex:0 auto;min-width:0;margin-left:auto}.slots{padding:0;list-style:none}.slot{min-height:42px;padding-top:5px;padding-bottom:5px;position:relative}.slot+.slot{border-top:1px solid #7d93b814}.rank{text-transform:uppercase;color:var(--cyan);font-variant-numeric:tabular-nums;font-size:28px;line-height:1}.name{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;text-transform:uppercase;letter-spacing:.06em;flex:auto;min-width:0;font-size:24px;line-height:1.15}.value{text-align:right;white-space:nowrap;color:var(--label);font-variant-numeric:tabular-nums;margin-left:auto;font-size:20px;line-height:1.15}.blank{color:var(--faint);letter-spacing:.1em;white-space:nowrap;display:block;overflow:hidden}.slot.hidden .rank{color:var(--faint)}.slot.hintable{cursor:pointer;-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){.slot.hintable:hover .blank{color:var(--muted)}}.slot.asking{background:#ffd1660d}.blank-toggle{width:100%;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:left;color:inherit;cursor:inherit;background:0 0;border:0;align-items:center;gap:12px;margin:0;padding:0;display:flex}.blank-toggle .blank{min-width:0}.clue{color:#ffd1666b;flex:none;margin-left:auto;display:inline-flex}.clue-icon{width:18px;height:18px;display:block}.clue-icon .glass{opacity:.2}.slot.asking .clue{color:var(--gold)}.slot:has(.blank-toggle:focus-visible) .clue{color:var(--gold)}@media (hover:hover) and (pointer:fine){.slot.hintable:hover .clue{color:var(--gold)}}.slot.clue-off .clue{color:var(--faint)}.clue-inline{vertical-align:-2px;color:var(--gold);margin:0 1px}.clue-inline .clue-icon{width:16px;height:16px}.blank-toggle:focus-visible{outline:none}.slot:has(.blank-toggle:focus-visible){outline:3px solid var(--cyan);outline-offset:-3px}.hint-letter{color:var(--gold);text-shadow:0 0 10px #ffd16659;font-weight:400}.slot.hinted .rank{color:var(--label)}.slot.asking .blank-toggle>*{visibility:hidden}.hint-ask{z-index:1;top:0;bottom:0;left:calc(var(--slot-pad) + var(--rank-col) + var(--slot-gap));right:var(--slot-pad);white-space:nowrap;color:var(--gold);justify-content:space-between;align-items:center;gap:10px;font-size:19px;line-height:1;display:flex;position:absolute}.hint-q{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=420px){.hint-ask{white-space:normal;font-size:17px}.hint-q{-webkit-line-clamp:2;text-wrap:balance;-webkit-box-orient:vertical;line-height:1;display:-webkit-box}}.key-inrow{flex:none;min-height:28px;padding:0 12px;font-size:16px}.key-xs{letter-spacing:.2em;min-height:32px;box-shadow:0 3px 0 var(--key-shadow);padding:0 14px;font-size:17px}.key-gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 5px #9c7a24}.key-gold.key-xs{box-shadow:0 3px #9c7a24}.key-gold:active:not(:disabled):not(.key-xs){box-shadow:0 2px #9c7a24}@media (hover:hover){.key-gold:hover:not(:disabled){background-color:#ffdc85}}.key-xs:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #9c7a24}.slot.found .name{color:var(--text)}.slot.top .rank,.slot.top.found .name{color:var(--gold)}.slot.top.found .value{color:var(--gold);opacity:.8}.slot.missed .rank,.slot.missed .name,.slot.missed .value{color:var(--muted)}.type-cursor{color:#0000;background:var(--cyan)}.slot.top .type-cursor{background:var(--gold)}.slot.missed .type-cursor{background:var(--muted)}.type-ghost{color:#0000}.slot.just:before{content:"";background:linear-gradient(90deg, var(--cyan-glow), transparent 85%);pointer-events:none;animation:.9s ease-out both row-flash;position:absolute;inset:0}.slot.top.just:before{background:linear-gradient(90deg,#ffd1664d,#0000 85%)}.slot.just .rank{animation:.32s steps(4,end) both pop}.slot.just .value{animation:.25s steps(3,end) .4s both fade}.slot.late .rank,.slot.late .value{animation:fade .2s var(--d,0s) steps(2, end) both}.slot.has-fact{cursor:pointer;-webkit-tap-highlight-color:transparent}.slot.fact-open{background:#4de3ff0a}.name-toggle{font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;color:inherit;cursor:inherit;background:0 0;border:0;margin:0;padding:0}.name-toggle:focus-visible{outline:none}.slot:has(.name-toggle:focus-visible){outline:3px solid var(--cyan);outline-offset:-3px}.fact{border-left:2px solid var(--cyan-edge);letter-spacing:.04em;color:var(--text);overflow-wrap:anywhere;grid-column:2/-1;margin:4px 0;padding-left:10px;font-size:19px;line-height:1.25;display:none}.slot.fact-open .fact{display:block}.slot.top .fact{border-left-color:var(--gold)}.slot.missed .fact{border-left-color:var(--faint);color:var(--label)}@media (hover:hover) and (pointer:fine){.slot.has-fact{cursor:help}.slot.has-fact:hover{background:#4de3ff0d}.slot.has-fact[data-hover]:not(.fact-open):hover .fact{z-index:6;background:var(--panel-2);border:1px solid var(--hairline);border-left:2px solid var(--cyan-edge);pointer-events:none;border-radius:0 0 4px 4px;margin:0;padding:6px 12px 7px 10px;display:block;position:absolute;top:calc(100% - 1px);left:0;right:0;box-shadow:0 4px #00000073}.slot.top.has-fact[data-hover]:hover .fact{border-left-color:var(--gold)}.slot.missed.has-fact[data-hover]:hover .fact{border-left-color:var(--faint)}.slot.has-fact[data-hover]:not(.fact-open):nth-child(n+8):hover .fact{border-radius:4px 4px 0 0;top:auto;bottom:calc(100% - 1px);box-shadow:0 -4px #00000073}}.board-foot{border-top:1px dashed var(--hairline);justify-content:flex-end;align-items:center;gap:10px;padding:6px 16px 2px;display:flex}.fact-cue{margin:0 auto 0 0;font-size:17px;line-height:1.3}.board-foot:has(.fact-cue:only-child){padding-top:8px;padding-bottom:6px}.text-btn{letter-spacing:.08em;min-height:36px;color:var(--muted);text-underline-offset:3px;touch-action:manipulation;background:0 0;border:0;padding:0 4px;font-size:17px;text-decoration:underline}@media (hover:hover){.text-btn:hover{color:var(--cyan)}}.text-btn.danger,.text-btn.danger:hover{color:var(--danger)}.swap-btn{place-items:center;display:inline-grid}.swap-btn>span{grid-area:1/1}.swap-btn>[data-off]{visibility:hidden}.misses{border-radius:var(--radius);background:var(--glass-panel);flex-wrap:wrap;align-items:center;gap:8px;margin-inline:-10px;padding:6px 10px;display:flex}.misses .label{color:var(--pink);margin-right:4px}.miss-chip{color:var(--pink);text-transform:uppercase;letter-spacing:.08em;background:#ff5d8f14;border:1px solid #ff5d8f73;border-radius:4px;padding:2px 10px;font-size:19px;animation:.25s steps(3,end) both pop}.miss-chip b{font-weight:400}.guess{bottom:var(--dock-gap);z-index:5;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;display:flex;position:sticky}.feedback-line{align-items:flex-end;min-height:28px;display:flex}@media (width<=699px){.guess:before{content:"";z-index:-1;top:-8px;bottom:calc(-1 * var(--dock-gap));left:calc(-1 * max(var(--gutter), env(safe-area-inset-left)));right:calc(-1 * max(var(--gutter), env(safe-area-inset-right)));background:var(--page-bottom);box-shadow:0 -1px 0 var(--hairline);pointer-events:none;position:absolute}.guess .feedback-line{border-radius:var(--radius);background:var(--bar);max-width:100%;min-height:0;box-shadow:inset 0 0 0 1px var(--hairline);padding:3px 10px 4px}.guess .guess-row{background:var(--bar);box-shadow:inset 0 0 0 1px var(--hairline), 0 6px 0 #00000059;border-radius:999px;align-self:stretch;padding:6px}.guess .guess-row input{border-radius:999px;height:50px;padding:0 18px}.guess .guess-row .key{border-radius:999px;min-height:50px}}@media (width>=700px){.guess{--guess-pad:12px;width:100%;max-width:600px;padding:10px 12px var(--guess-pad);background:var(--bar) var(--scan);box-shadow:inset 0 0 0 1px var(--hairline), 0 6px 0 #00000059;border-radius:8px;align-self:center;align-items:stretch;gap:10px}}.feedback{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:20px;line-height:1.2;animation:.2s ease-out both rise;display:flex}.feedback.good{color:var(--cyan)}.feedback.bad{color:var(--pink)}.feedback.warn{color:var(--gold)}.feedback.hint{color:var(--muted);font-size:18px;animation:none}.suggestion{min-height:36px;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;background:#ffd1661a;border:1px solid #ffd16680;border-radius:4px;padding:2px 12px;font-size:20px;box-shadow:0 3px #00000080}@media (hover:hover){.suggestion:hover{background:var(--gold);color:var(--gold-ink)}}.guess-row{gap:10px;display:flex}.guess-row input{border:3px solid var(--cyan-edge);border-radius:var(--radius);background:var(--glass-well);min-width:0;height:52px;color:var(--text);box-shadow:0 0 0 3px var(--cyan-glow);caret-color:var(--cyan);flex:1;padding:0 14px;font-size:28px}.guess-row input::placeholder{color:var(--label)}.guess-row input:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow), 0 0 18px #4de3ff2e;outline:none}.guess-row .key{flex:none;padding:0 18px}@property --roll-room{syntax:"<length>";inherits:true;initial-value:0}.guess{transition:--roll-room .2s ease-out .12s}.roll-box{right:calc(-1 * var(--roll-room));width:var(--roll-w);border-radius:var(--radius);background:var(--bar) var(--scan);color:var(--text);letter-spacing:.1em;text-transform:uppercase;text-align:center;text-wrap:balance;box-shadow:inset 0 0 0 1px var(--hairline), 0 6px 0 #00000059;-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;padding:0 4px;font-size:18px;line-height:1.15;transition:transform 60ms linear,box-shadow 60ms linear,background-color .12s linear,color .12s linear,opacity .15s linear,visibility 0s linear .15s;display:flex;position:absolute}@media (hover:hover){.roll-box:hover:not(:disabled){background-color:var(--key-hi);color:var(--cyan)}}.roll-box:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--hairline), 0 3px 0 #00000059;transform:translateY(3px)}.roll-box[data-gone]{opacity:0;visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:reduce){.guess,.roll-box{transition-delay:0s!important}}@media (width<=1099px){.guess[data-roll=on]{--roll-room:calc(var(--roll-w) + var(--roll-gap))}}@media (width<=699px){.guess{--roll-w:80px;--roll-gap:8px;margin-right:var(--roll-room)}.guess:before{right:calc(-1 * (max(var(--gutter), env(safe-area-inset-right)) + var(--roll-room)))}.guess .feedback-line{width:max-content;max-width:calc(100% + var(--roll-room))}.roll-box{letter-spacing:.15em;border-radius:20px;height:62px;font-size:16px;bottom:0}.guess[data-roll=on] .guess-row{gap:6px}.guess[data-roll=on] .guess-row input{padding:0 14px}.guess[data-roll=on] .guess-row .key{letter-spacing:.1em;padding:0 12px}}@media (width>=380px) and (width<=389px){.guess[data-roll=on] .guess-row input{font-size:26px}}@media (width>=700px) and (width<=1099px){.guess{--roll-w:148px;--roll-gap:10px;width:calc(100% - var(--roll-room));max-width:calc(600px - var(--roll-room));margin-right:var(--roll-room)}.roll-box{bottom:var(--guess-pad);border-radius:8px;height:52px;font-size:20px}}.guess-row.shake{animation:.3s linear shake}.guess-row.hit input{animation:.6s ease-out hit-ring}.results{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px;padding:16px 18px 18px;display:flex}.results.enter{animation:rise .35s ease-out var(--d,0s) both}.score{align-items:baseline;gap:6px;margin-top:4px;line-height:.85;display:flex}.score-n{color:var(--text);text-shadow:-3px 0 var(--pink), 3px 0 var(--cyan);font-size:clamp(110px,32vw,150px)}.score-n.gold{color:var(--gold)}.score-of{color:var(--cyan);font-size:44px}.results-actions{flex-wrap:wrap;gap:12px;width:100%;margin-top:12px;display:flex}.results-actions .key{flex:160px}@media (width<=359px){.results-actions .key{letter-spacing:.15em;padding:0 14px}}.results-meta{letter-spacing:.06em;color:var(--muted);flex-direction:column;gap:2px;margin-top:2px;font-size:19px;display:flex}.results-meta b{color:var(--text);font-weight:400}.results-meta b.pink{color:var(--pink)}.results-meta .countdown{font-size:19px}.archive{gap:14px}.archive .prompt h1{margin-top:0}.arch-n{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:28px;line-height:1}.arch-day.today .arch-n{color:var(--gold)}.arch-date{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-size:15px}.arch-status.faint,.play-result.faint{color:var(--faint)}.arch-status.muted,.play-result.muted{color:var(--muted)}.arch-status.cyan,.play-result.cyan{color:var(--cyan)}.arch-status.gold,.play-result.gold{color:var(--gold)}.arch-status.text,.play-result.text{color:var(--text)}@media (width<=420px){.arch-n{font-size:24px}}.source{color:var(--muted);overflow-wrap:anywhere;margin-top:12px;font-size:17px}.error{flex-direction:column;align-items:flex-start;gap:12px;padding:18px;display:flex}@media (width>=640px){.game{padding-top:24px}.board-head,.slot{--slot-pad:22px;--rank-col:79px;--slot-gap:18px;grid-template-columns:var(--rank-col) minmax(0, 1fr) auto}.slot{min-height:44px}.slot-body{flex-wrap:nowrap}.rank{font-size:32px}.name{font-size:26px}.value{font-size:22px}.key-big{min-height:80px}}@media (width<=420px){.slot{min-height:38px;padding-top:4px;padding-bottom:4px}.board-head,.slot{--slot-pad:12px;--rank-col:64px;--slot-gap:10px;grid-template-columns:var(--rank-col) minmax(0, 1fr)}.rank{font-size:24px}.name{font-size:22px}.value{font-size:18px}.key-big{letter-spacing:.18em;padding:0 16px;font-size:23px}.guess-row .key{letter-spacing:.15em;padding:0 14px}}@media (width<=379px){.guess .guess-row input{padding:0 14px;font-size:24px}}@media (width<=339px){.guess .guess-row input{padding:0 12px;font-size:22px}}@media (width<=379px){.guess{--roll-w:74px;--roll-gap:6px}.guess[data-roll=on] .guess-row .key{letter-spacing:.05em;padding:0 10px}.roll-box{padding:0 3px;font-size:15px}}@media (width<=359px){.guess[data-roll=on] .guess-row input{padding:0 12px;font-size:22px}}@media (width<=339px){.guess[data-roll=on] .guess-row input{padding:0 8px;font-size:20px}}@media (width<=319px){.guess[data-roll=on]{--roll-room:0px}.roll-box{order:-1;align-self:stretch;width:auto;height:48px;font-size:18px;position:static}.roll-box[data-gone]{display:none}}@media (height<=560px) and (width<=1099px){.game{gap:10px;padding-top:8px}.game .prompt{padding:8px 14px 10px}.game .prompt .caption,.game .prompt .asof,.blitz .prompt .prompt-top{display:none}.game .prompt h1{margin-top:0;font-size:24px}.blitz-meter{align-items:center;padding:6px 14px 8px}.blitz-clock{font-size:56px}.blitz-score{font-size:40px}}@media (height<=560px) and (width<=420px){.game .prompt .prompt-top,.game .board-head{display:none}.game .board{padding-top:2px}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:none}}@keyframes row-flash{0%{opacity:1}to{opacity:0}}@keyframes shake{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes hit-ring{0%{border-color:var(--pink);box-shadow:0 0 0 5px var(--pink-glow);color:var(--pink)}to{border-color:var(--cyan-edge);box-shadow:0 0 0 3px var(--cyan-glow)}}@keyframes heart-lost{0%,50%{color:#fff;transform:scale(1.3)}25%,75%{color:var(--pink);transform:scale(1.15)}to{color:#1c2a45;transform:none}}@keyframes blink{50%{opacity:0}}.blink{animation:1s step-end infinite blink}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.slot.just:before{display:none}}.key-blitz{color:var(--gold);box-shadow:inset 0 0 0 1px #ffd1668c, 0 5px 0 var(--key-shadow)}.key-blitz-sm{white-space:nowrap;color:var(--gold);box-shadow:inset 0 0 0 1px #ffd1668c, 0 3px 0 var(--key-shadow);align-self:center}@media (width<=420px){.key-blitz-sm{letter-spacing:.12em;padding:0 10px;font-size:16px}}.blitz-none{margin:-4px 2px 0;font-size:17px}.blitz-meter{justify-content:space-between;align-items:flex-end;gap:16px;padding:10px 18px 12px;display:flex}.blitz-meter-cell{flex-direction:column;gap:2px;display:flex}.blitz-meter-cell.right{text-align:right;align-items:flex-end;position:relative}.blitz-clock{color:var(--cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 18px var(--cyan-glow);font-size:clamp(72px,22vw,104px);line-height:.85}.blitz-clock.low{color:var(--danger);text-shadow:0 0 18px #ff52524d;animation:1s step-end infinite blink}.blitz-score{color:var(--gold);font-variant-numeric:tabular-nums;font-size:clamp(48px,13vw,64px);line-height:.9}.blitz-meter .caption{font-size:17px}.blitz-hits,.blitz-list ol{margin:0;padding:0;list-style:none}.blitz-hits{padding:4px 0}.blitz-hit{grid-template-columns:3.2em minmax(0,1fr) auto;align-items:baseline;column-gap:12px;padding:4px 18px;display:grid}.blitz-hit+.blitz-hit{border-top:1px solid #7d93b814}.blitz-body{display:contents}@media (width<=520px){.blitz-hit{grid-template-columns:2.6em minmax(0,1fr)}.blitz-body{flex-wrap:wrap;align-items:baseline;column-gap:12px;min-width:0;display:flex}.blitz-body .blitz-name{flex:auto;min-width:0}.blitz-body .value{margin-left:auto}}.blitz-hits .blitz-hit:first-child{animation:.2s ease-out both rise}.blitz-hits .blitz-hit:first-child .blitz-pts{animation:.25s steps(3,end) both pop}.blitz-pts{color:var(--cyan);font-variant-numeric:tabular-nums;font-size:22px}.blitz-name{text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere;font-size:22px;line-height:1.15}.blitz-hit .value{font-size:18px}.blitz-hit.empty .blitz-pts,.blitz-hit.empty .blitz-name{color:var(--faint);letter-spacing:.1em;white-space:nowrap;overflow:hidden}.blitz-list{padding:12px 0 8px}.blitz-list h2,.blitz-list>.caption{padding:0 18px 6px}.blitz-list.missed .blitz-pts{color:var(--muted)}.blitz-list.missed .blitz-name{color:var(--label)}.blitz .results-meta .gold{color:var(--gold)}.blitz-closed-title{font-size:30px;font-weight:400;line-height:1.05}.blitz-closed .results-actions{margin-top:4px}@media (width<=420px){.blitz-hit{column-gap:10px;padding:4px 12px}.blitz-name,.blitz-pts{font-size:20px}.blitz-hit .value{font-size:16px}}.blitz-note{color:var(--gold);margin:-4px 2px 0;border-radius:var(--radius);background:var(--glass-panel);margin-inline:-8px;padding:2px 10px;font-size:17px}a.text-btn{align-items:center;display:inline-flex}.blitz-runs{padding:0}.blitz-runs summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 18px;list-style:none;display:flex}.blitz-runs summary::-webkit-details-marker{display:none}.blitz-runs summary .label:before{content:"+ ";color:var(--faint)}.blitz-runs[open] summary .label:before{content:"- "}.blitz-runs summary .caption{font-size:17px}.blitz-runs summary b{font-weight:400}.blitz-runs ol{border-top:1px dashed var(--hairline);margin:0;padding:0 0 6px;list-style:none}.blitz-run{width:100%;min-height:40px;color:var(--label);text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto 4em;align-items:baseline;column-gap:14px;padding:4px 18px;font-size:19px;display:grid}.blitz-run:focus-visible{outline-offset:-3px}@media (hover:hover){.blitz-run:hover{color:var(--text);background:#4de3ff0d}}.run-n{color:var(--muted);font-size:17px}.run-score{text-align:right;color:var(--cyan);font-variant-numeric:tabular-nums;font-size:22px}.blitz-run.best .run-score,.blitz-run.best .run-when{color:var(--gold)}@media (width<=420px){.blitz-run{column-gap:10px;padding:4px 12px;font-size:18px}.blitz-runs summary{padding:12px}}@media (width>=1100px){.past-dailies{max-width:calc(880px + 2 * var(--gutter))}}.arch-table{padding:0 10px 6px}.arch-head,.arch-day{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);column-gap:8px;display:grid}.arch-head{border-bottom:1px solid var(--hairline);padding:12px 0 8px}.arch-col{letter-spacing:.3em;text-transform:uppercase;grid-row:1;padding-left:14px;font-size:16px;line-height:1.2}.arch-col.list{color:var(--pink);grid-column:2}.arch-col.blitz{color:var(--gold);grid-column:3}.arch-days{padding:0;list-style:none}.arch-days>li+li{border-top:1px solid #7d93b814}.arch-day{padding:4px 0}.arch-when{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 0 0 8px;display:flex}.arch-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--gold);border:1px solid #ffd16680;border-radius:3px;padding:0 5px;font-size:14px;line-height:1.3}.arch-cell{--accent:var(--pink);min-width:0;color:var(--text);-webkit-tap-highlight-color:transparent;outline-offset:-3px;border-radius:4px;flex-direction:column;gap:3px;padding:10px 14px 11px;text-decoration:none;transition:background-color .12s linear,box-shadow .12s linear;display:flex}.arch-cell.blitz{--accent:var(--gold)}.arch-name,.arch-cell.none{overflow-wrap:break-word;text-wrap:pretty;font-size:21px;line-height:1.15}.arch-cell.none{color:var(--faint)}.arch-status{font-variant-numeric:tabular-nums;font-size:18px;line-height:1.15}@media (hover:hover){a.arch-cell:hover{box-shadow:inset 3px 0 0 var(--accent);background-color:#ffffff0a}a.arch-cell:hover .arch-name{color:var(--accent)}}a.arch-cell:focus-visible{box-shadow:inset 3px 0 0 var(--accent);background-color:#ffffff0a}a.arch-cell:active{box-shadow:inset 3px 0 0 var(--accent);background-color:#ffffff14}a.arch-cell:focus-visible .arch-name,a.arch-cell:active .arch-name{color:var(--accent)}.arch-empty{padding:10px 8px}@media (width<=520px){.arch-table{padding:0 6px 4px}.arch-head,.arch-day{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4px}.arch-col{padding-left:8px}.arch-col.list{grid-column:1}.arch-col.blitz{grid-column:2}.arch-when{flex-direction:row;grid-column:1/-1;align-items:baseline;gap:10px;padding:8px 8px 0}.arch-cell{padding:4px 8px 8px}.arch-name,.arch-cell.none{font-size:19px}.arch-status{font-size:17px}}.results-meta p.gold b{color:var(--gold)}.play-list{padding:0 0 6px}.play-day+.play-day{border-top:1px solid var(--hairline)}.play-day-name{letter-spacing:.3em;text-transform:uppercase;color:var(--label);padding:14px 18px 6px;font-size:16px;font-weight:400;line-height:1.2}.play-rows{padding:0;list-style:none}.play-rows>li+li{border-top:1px solid #7d93b814}.play-row{--accent:var(--pink);color:var(--text);-webkit-tap-highlight-color:transparent;outline-offset:-3px;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"time title result"".tag vs";align-items:baseline;gap:3px 14px;padding:10px 18px 11px;text-decoration:none;transition:background-color .12s linear,box-shadow .12s linear;display:grid}.play-row.blitz{--accent:var(--gold)}@media (hover:hover){.play-row:hover{box-shadow:inset 3px 0 0 var(--accent);background-color:#ffffff0a}.play-row:hover .play-title{color:var(--accent)}}.play-row:focus-visible{box-shadow:inset 3px 0 0 var(--accent);background-color:#ffffff0a}.play-row:active{box-shadow:inset 3px 0 0 var(--accent);background-color:#ffffff14}.play-row:focus-visible .play-title,.play-row:active .play-title{color:var(--accent)}.play-time{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:time;font-size:19px}.play-title{overflow-wrap:break-word;text-wrap:pretty;grid-area:title;min-width:0;font-size:21px;line-height:1.15}.play-tag{letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;color:var(--accent);grid-area:tag;font-size:14px;line-height:1.2}.play-result{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;grid-area:result;font-size:18px}.play-vs{text-align:right;white-space:nowrap;grid-area:vs}@media (width<=520px){.play-day-name{padding:12px 12px 4px}.play-row{grid-template-columns:46px auto minmax(0,1fr);grid-template-areas:"time title title"".tag result"". .vs";column-gap:10px;padding:8px 12px 9px}.play-time{font-size:17px}.play-title{font-size:19px}.play-result{white-space:normal;font-size:17px}}.sound-toggle{width:40px;color:var(--muted)}@media (hover:hover){.sound-toggle:hover:not(:disabled){color:var(--text)}}.sound-toggle.on{color:var(--cyan)}.sound-toggle .pixel-icon{width:20px}.account-key{width:40px;color:var(--muted)}.account-icon{display:block}@media (hover:hover){.account-key[data-state=out]:hover:not(:disabled){color:var(--text)}}.account-key[data-state=in]{color:var(--cyan)}.account-key[data-state=in] .account-icon{filter:drop-shadow(0 0 4px var(--cyan-glow))}.account-key[data-state=loading]{color:var(--cyan-edge);cursor:progress}.account-dot{background:var(--pink);width:6px;height:6px;box-shadow:0 0 6px var(--pink-glow);pointer-events:none;position:absolute;top:9px;right:7px}.home{position:relative}.home-keys{top:25px;right:calc(max(var(--gutter), env(safe-area-inset-right)) + 9px);align-items:center;gap:8px;display:flex;position:absolute}.home-keys-start{right:auto;left:calc(max(var(--gutter), env(safe-area-inset-left)) + 9px)}@media (width<=480px){.home-keys{top:16px;right:calc(max(var(--gutter), env(safe-area-inset-right)) + 7px)}.home-keys-start{right:auto;left:calc(max(var(--gutter), env(safe-area-inset-left)) + 7px)}}@media (width<=380px){.home-keys{right:calc(max(var(--gutter), env(safe-area-inset-right)) + 5px)}.home-keys-start{right:auto;left:calc(max(var(--gutter), env(safe-area-inset-left)) + 5px)}}.prompt-end{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:baseline;gap:6px 12px;display:flex}.par-block{border-top:1px dashed var(--hairline);flex-direction:column;gap:6px;width:100%;margin-top:6px;padding:10px 0 2px;display:flex}.par-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.par-stat{flex-direction:column;gap:2px;display:flex}.par-stat b{color:var(--gold);font-size:44px;font-weight:400;line-height:.9}.histogram{flex-direction:column;gap:2px;display:flex}.histo-bars{border-bottom:2px solid var(--hairline);grid-template-columns:repeat(11,12px);align-items:end;column-gap:2px;height:42px;display:grid}.histo-col{align-items:flex-end;height:100%;display:flex;position:relative}.histo-bar{background:var(--faint);width:100%}.histo-col[data-you] .histo-bar{background:var(--pink);box-shadow:0 0 8px var(--pink-glow)}.histo-col[data-par]:after{content:"";border-inline:4px solid #0000;border-bottom:5px solid var(--gold);position:absolute;bottom:-9px;left:50%;translate:-50%}.histo-axis{color:var(--muted);justify-content:space-between;margin-top:5px;font-size:14px;line-height:1;display:flex}.par-line{letter-spacing:.06em;color:var(--text);font-size:19px}.par-est{color:var(--muted);white-space:nowrap;font-size:16px}.note{display:inline-block;position:relative}.note-key{text-align:inherit;text-underline-offset:3px;cursor:help;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.note-key[aria-expanded=true]{color:var(--text)}@media (hover:hover){.note-key:hover{color:var(--text)}}.note-bubble{z-index:30;top:calc(100% + 6px);left:var(--shift,0px);background:var(--panel-2);border:1px solid var(--hairline);border-left:2px solid var(--cyan-edge);letter-spacing:.04em;text-align:left;text-transform:none;white-space:normal;width:max-content;max-width:min(300px,100vw - 32px);color:var(--text);border-radius:4px;padding:6px 12px 7px 10px;font-size:18px;line-height:1.25;position:absolute;box-shadow:0 4px #00000073}.note-bubble[data-up=true]{top:auto;bottom:calc(100% + 6px)}.note-bubble:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.note-bubble[data-up=true]:before{top:auto;bottom:-8px}.swap{display:inline-grid}.swap>*{text-align:center;grid-area:1/1}.swap>:not([data-shown]){visibility:hidden}.metric{color:var(--label)}.vs-par{letter-spacing:.08em;color:var(--muted);font-size:16px;display:block}.know-overall{flex-wrap:wrap;align-items:flex-end;gap:8px 28px;margin-top:12px;display:flex}.know-headline{align-items:baseline;gap:10px;display:flex}.know-big{color:var(--text);text-shadow:-2px 0 var(--pink), 2px 0 var(--cyan);font-size:72px;line-height:.85}.know-big.over{color:var(--cyan)}.know-big.under{color:var(--pink)}.know-big-of{color:var(--label);letter-spacing:.1em;font-size:22px}.know-stats{gap:24px;display:flex}.know-stats div{flex-direction:column-reverse;display:flex}.know-stats dt{color:var(--muted);font-size:16px}.know-stats dd{color:var(--cyan);font-size:36px;line-height:1}.know-est{letter-spacing:.06em;color:var(--muted);flex-basis:100%;font-size:16px}.know-none .know-stats dd{color:var(--muted)}.know-empty-line{color:var(--label);flex-basis:100%;margin-top:4px}.know-placeholder .know-name{text-transform:none;letter-spacing:.06em;color:var(--muted);font-size:18px}.know-placeholder .know-vs{color:var(--faint)}.know-list{padding:12px 0 8px}.know-head{grid-template-columns:minmax(0, 1fr) var(--know-bar) 4.2em;--know-bar:216px;align-items:baseline;column-gap:14px;padding:0 18px 8px;display:grid}.know-axis{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);justify-content:space-between;font-size:14px;display:flex}.know-list ol{margin:0;padding:0;list-style:none}.know-row{--know-bar:216px;grid-template-columns:minmax(0, 1fr) var(--know-bar) 4.2em;align-items:center;column-gap:14px;padding:6px 18px;display:grid}.know-row+.know-row{border-top:1px solid #7d93b814}.know-name{text-transform:uppercase;letter-spacing:.06em;overflow-wrap:anywhere;flex-direction:column;min-width:0;font-size:22px;line-height:1.1;display:flex}.know-sub{text-transform:none;letter-spacing:.06em;color:var(--muted);font-size:16px}.know-bar{background:repeating-linear-gradient(90deg,#7d93b81a 0 2px,#0000 2px 8px);height:16px;position:relative}.know-bar:before{content:"";background:var(--gold);width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px;left:50%}.know-fill{position:absolute;top:2px;bottom:2px}.know-fill.over{background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);left:50%}.know-fill.under{background:var(--pink);box-shadow:0 0 8px var(--pink-glow);right:50%}.know-vs{text-align:right;font-variant-numeric:tabular-nums;color:var(--label);font-size:24px}.know-vs.over{color:var(--cyan)}.know-vs.under{color:var(--pink)}.know-head h2{grid-area:title}.know-axis{grid-area:axis}.know-name{grid-area:name}.know-bar{grid-area:bar}.know-vs{grid-area:vs}.know-head{grid-template-areas:"title axis."}.know-row{grid-template-areas:"name bar vs"}@media (width<=520px){.know-row,.know-head{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding-inline:12px}.know-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""axis"}.know-row{grid-template-areas:"name vs""bar bar";padding-block:8px}.know-name{font-size:19px}.know-vs{font-size:20px}.know-big{font-size:60px}}.motion-float{display:none}@property --motion-n{syntax:"<integer>";inherits:false;initial-value:0}@media (prefers-reduced-motion:no-preference){html[data-motion-boot] .home .logo{animation:.6s linear both motion-crt-on;position:relative}html[data-motion-boot] .home .logo:after{content:"";pointer-events:none;background:linear-gradient(#0000 0 72%,#4de3ff1f 90%,#4de3ff66 98%,#e8f1ffb3 100%);animation:.45s steps(9,end) .42s both motion-crt-sweep;position:absolute;inset:0 -6%}.enter-hint{animation:1s step-end infinite motion-blink-enter}.motion-colon{animation:1s step-end infinite motion-blink-colon}.blitz-meter-cell{position:relative}.motion-float{color:var(--cyan);text-shadow:0 0 12px var(--cyan-glow);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;font-size:30px;line-height:1;animation:.6s steps(8,end) both motion-float;display:block;position:absolute;top:26px;right:calc(100% + 22px)}.results.enter .motion-count{--motion-n:var(--to);counter-reset:motion-n var(--motion-n);animation:motion-count .6s cubic-bezier(.2, .7, .3, 1) calc(var(--d,0s) + .15s) both;display:inline-grid}.results.enter .motion-count-n{visibility:hidden}.results.enter .motion-count-n,.results.enter .motion-count:after{grid-area:1/1}.results.enter .motion-count:after{content:counter(motion-n);justify-self:end}.results.enter [data-motion=banner]{animation:motion-banner 1.2s steps(1, end) calc(var(--d,0s) + .35s) both}}@keyframes motion-crt-on{0%{opacity:0;transform:scale(1.2,.02)}6%{opacity:1;transform:scale(1.2,.02)}26%{transform:scaleY(1.08)}32%{opacity:1;animation-timing-function:step-end;transform:none}44%{opacity:.3}52%{opacity:1}68%{opacity:.6}76%,to{opacity:1;transform:none}}@keyframes motion-crt-sweep{0%{opacity:0;transform:translateY(-100%)}10%,80%{opacity:1}to{opacity:0;transform:none}}@keyframes motion-blink-enter{50%,to{opacity:0}}@keyframes motion-blink-colon{50%,to{opacity:0}}@keyframes motion-float{0%{opacity:0;transform:translateY(10px)}15%,65%{opacity:1}to{opacity:0;transform:translateY(-26px)}}@keyframes motion-count{0%{--motion-n:0}}@keyframes motion-banner{0%{opacity:1}25%{opacity:0}37.5%{opacity:1}62.5%{opacity:0}75%,to{opacity:1}}.menu{border:0;border-right:3px solid var(--cyan);background:var(--panel) var(--scan);width:min(420px,100% - 44px);max-width:none;height:auto;max-height:none;color:var(--text);margin:0;padding:0;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:6px 0 #00000059}.menu[open]{animation:.2s cubic-bezier(.2,.8,.2,1) both menu-in}.menu:focus{outline:none}.menu::backdrop{background:#020409b3}.menu[open]::backdrop{animation:.18s ease-out both fade}@keyframes menu-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.menu[open],.menu[open]::backdrop{animation:none}}.menu-body{overscroll-behavior:contain;height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));flex-direction:column;gap:18px;display:flex;overflow-y:auto}.menu-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.menu-brand{letter-spacing:.12em;color:var(--text);text-shadow:-1px 0 var(--pink), 1px 0 var(--cyan);font-size:22px;line-height:1}.menu-brand span:last-child{color:var(--gold)}.menu-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text);text-shadow:-2px 0 var(--pink), 2px 0 var(--cyan), 0 4px 0 #00000080;margin-top:4px;font-size:60px;font-weight:400;line-height:.9}.menu-close{flex:none;width:48px;min-height:48px}.menu-close .pixel-icon{width:20px}.menu-note{border-left:3px solid var(--gold);color:var(--gold);background:#ffd16614;align-items:center;gap:10px;padding:8px 12px;font-size:19px;display:flex}.menu-note-icon{flex:none;display:block}.menu-group{flex-direction:column;gap:8px;display:flex}.menu-group>.label{align-items:center;gap:12px;display:flex}.menu-group>.label:after{content:"";border-top:1px dashed var(--hairline);flex:1}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;display:grid}.menu-tile{letter-spacing:.14em;white-space:normal;text-align:left;flex-direction:column;justify-content:space-between;align-items:stretch;gap:10px;min-height:84px;padding:12px;font-size:19px;line-height:1.1}.menu-tile-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.menu-tile-icon{color:var(--cyan);flex:none;display:block}.menu-tile-icon.classic{color:var(--pink)}.menu-tile-icon.blitz{color:var(--gold)}.menu-tile-status{opacity:1;color:var(--muted);font-size:15px}.menu-tile-status.classic{color:var(--pink)}.menu-tile-status.blitz{color:var(--gold)}.menu-tile-label{overflow-wrap:anywhere}@media (hover:hover){.menu-tile:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--cyan-edge), 0 5px 0 var(--key-shadow)}}.menu-tile:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--cyan-edge), 0 2px 0 var(--key-shadow)}.menu-tile[aria-current=page],.menu-tile[aria-current=page]:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--pink), 0 5px 0 var(--key-shadow)}.menu-tile[aria-current=page]:active:not(:disabled){box-shadow:inset 0 0 0 2px var(--pink), 0 2px 0 var(--key-shadow)}.menu-tile[aria-current=page] .menu-tile-label{color:var(--pink)}:root{--limb-1:#ffd166;--limb-2:#b6f36a;--limb-3:#5cf2a8;--limb-4:#4de3ff;--limb-5:#5cb8ff;--limb-6:#8a9cff;--limb-7:#b28bff;--limb-8:#e07bff;--limb-9:#ff6fc0;--limb-10:#ff5d8f}.slot[data-rank="1"]{--limb:var(--limb-1)}.slot[data-rank="2"]{--limb:var(--limb-2)}.slot[data-rank="3"]{--limb:var(--limb-3)}.slot[data-rank="4"]{--limb:var(--limb-4)}.slot[data-rank="5"]{--limb:var(--limb-5)}.slot[data-rank="6"]{--limb:var(--limb-6)}.slot[data-rank="7"]{--limb:var(--limb-7)}.slot[data-rank="8"]{--limb:var(--limb-8)}.slot[data-rank="9"]{--limb:var(--limb-9)}.slot[data-rank="10"]{--limb:var(--limb-10)}.slot.found[data-rank] .rank{color:var(--limb)}.slot.found.just[data-rank]:before{background:linear-gradient(90deg, color-mix(in srgb, var(--limb) 30%, transparent), transparent 85%)}.results:has(>.squid.hero){position:relative}.results>.squid.hero{position:absolute;top:16px;right:18px}@media (width>=640px){.results>.squid.hero{--px:5px;right:28px}}.squid{--px:3px;width:calc(20 * var(--px));height:calc(24 * var(--px));pointer-events:none;flex:none;display:block;position:relative}.squid.hero{--px:4px}.squid-move{transform-origin:50% 40%;position:absolute;inset:0}.squid-px,.squid-glow{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.squid-px{transition:filter .6s steps(6,end)}.s-rim{fill:#2a8aa2}.s-left{fill:#15465a}.s-right{fill:#0f3445}.s-spot{fill:#2d93ad}.s-eye{fill:#a6f1ff}.s-pupil{fill:#06101e}.s-lid{fill:#2a8aa2;visibility:hidden}.squid[data-mood=lost] .s-lid,.squid[data-mood=gave-up] .s-lid{visibility:visible}.squid path{transition:fill .4s steps(4,end)}.limb .l-a{fill:#237f96}.limb .l-b{fill:#10384a}.limb .l-s{fill:#3b2d55}.limb[data-on=true] .l-a{fill:color-mix(in srgb, var(--limb,var(--cyan)) 45%, #fff)}.limb[data-on=true] .l-b{fill:var(--limb,var(--cyan))}.limb[data-on=true] .l-s{fill:var(--pink)}.squid-glow{filter:blur(3px);transition:opacity .35s ease-out,filter .35s ease-out}.g-body{fill:var(--cyan);opacity:calc(var(--charge,0) * .45);transition:opacity .4s ease-out}.g-eye{fill:#6fe9ff;opacity:.7}.g-limb{fill:var(--limb,var(--cyan))}.squid[data-mood=won] .s-rim{fill:#d4faff}.squid[data-mood=won] .s-left{fill:#5fe6ff}.squid[data-mood=won] .s-right{fill:#29b7df}.squid[data-mood=won] .s-spot{fill:#fff}.squid[data-mood=won] .s-pupil{fill:#0b2a4a}.squid[data-mood=won] .squid-glow{filter:blur(4px)}.squid[data-mood=won] .g-body{opacity:.75}.squid[data-mood=lost] .squid-px{filter:saturate(.35)brightness(.55)}.squid[data-mood=gave-up] .squid-px{filter:saturate(.5)brightness(.7)}.squid[data-mood=lost] .squid-glow,.squid[data-mood=gave-up] .squid-glow{opacity:.12}.squid[data-heat="1"] .g-body{opacity:max(.3, calc(var(--charge,0) * .45))}.squid[data-heat="2"] .g-body{opacity:max(.5, calc(var(--charge,0) * .45))}.squid[data-heat="3"] .g-body{opacity:.75}.squid[data-heat="4"] .g-body{opacity:1}.squid[data-heat="2"] .squid-glow{filter:blur(4px)}.squid[data-heat="3"] .squid-glow{filter:blur(5px)brightness(1.4)}.squid[data-heat="4"] .squid-glow{filter:blur(6px)brightness(1.8)}.squid[data-heat="2"] .squid-px{filter:brightness(1.12)}.squid[data-heat="3"] .squid-px{filter:brightness(1.25)}.squid[data-heat="4"] .squid-px{filter:brightness(1.35)saturate(1.2)}.squid[data-heat="3"] .s-rim{fill:#5fd8f0}.squid[data-heat="4"] .s-rim{fill:#d4faff}.squid[data-heat="4"] .s-left{fill:#2a7d95}.squid-motes{position:absolute;inset:0}.squid-motes i{left:calc(12% + var(--k) * 10.5%);width:4px;height:4px;box-shadow:0 0 4px var(--cyan), 0 0 8px var(--cyan);opacity:0;background:#e0fbff;position:absolute;top:72%}.squid-motes i:nth-child(3n){background:var(--cyan)}.squid[data-heat="4"] .squid-motes i:nth-child(3n+1){background:var(--gold);box-shadow:0 0 4px var(--gold)}.lives:has(.ink-sac){gap:4px}.lives .ink-sac{filter:none;width:24px;height:27px;display:block}@media (width>=640px){.lives:has(.ink-sac){gap:6px}.lives .ink-sac{width:32px;height:36px}}.ink-sac.on{filter:drop-shadow(0 0 3px #ff5d8f73)}.ink-sac.on .rim{fill:var(--pink)}.ink-sac.on .ink{fill:#241650}.ink-sac.on .deep{fill:#140b2e}.ink-sac.on .glint{fill:#ffa8c6}.ink-sac.off .rim{fill:#2b3c60}.ink-sac.off .ink,.ink-sac.off .deep,.ink-sac.off .glint{fill:#0000}.blitz-meter [data-motion=score]{transform-origin:85% 75%}.squid-fx{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.squid-sparks{display:none}@media (prefers-reduced-motion:no-preference){.squid[data-mood=play] .squid-move,.squid[data-mood=won] .squid-move{animation:2.4s step-end infinite squid-bob}.squid[data-mood=play] .tip,.squid[data-mood=won] .tip{animation:2.4s step-end -.6s infinite squid-sway}.squid [data-limb="2"] .tip,.squid [data-limb="4"] .tip,.squid [data-limb="6"] .tip,.squid [data-limb="8"] .tip,.squid [data-limb="10"] .tip{animation-delay:-1.8s}.squid[data-mood=won] .squid-glow{animation:2.4s steps(4,end) infinite alternate squid-breathe}.squid[data-heat="1"] .squid-motes i:nth-child(-n+2),.squid[data-heat="2"] .squid-motes i:nth-child(-n+4),.squid[data-heat="3"] .squid-motes i:nth-child(-n+6),.squid[data-heat="4"] .squid-motes i{animation:squid-mote 1.6s steps(8, end) calc(var(--k) * -.37s) infinite}.squid[data-heat="4"] .squid-motes i{animation-duration:1s}.limb.fresh path{animation:squid-limb-in .6s steps(6, end) var(--light-delay,0s) both}.limb.fresh .l-b{animation-name:squid-shade-in}.limb.fresh .l-s{animation-name:squid-sucker-in}.g-limb{animation:3.2s steps(4,end) infinite alternate squid-shimmer}.g-limb:nth-child(3n){animation-delay:-1.1s}.g-limb:nth-child(3n+1){animation-delay:-2.2s}.g-limb.fresh{animation:squid-glow-in .8s steps(8, end) var(--light-delay,0s) both, squid-shimmer 3.2s steps(4, end) 1.6s infinite alternate}.squid[data-mood=lost] .g-limb,.squid[data-mood=gave-up] .g-limb{animation:none}.squid-sparks{width:0;height:0;display:block;position:absolute;top:45%;left:50%}.squid-sparks i{left:calc(var(--px) / -2);top:calc(var(--px) / -2);width:var(--px);height:var(--px);background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:squid-spark .7s steps(7, end) calc(var(--k) * 12ms) both;position:absolute}.squid-sparks i:nth-child(3n){background:var(--gold);box-shadow:0 0 6px var(--gold)}.squid-sparks i:nth-child(4n){background:var(--pink);box-shadow:0 0 6px var(--pink)}.squid-sparks.best i{background:var(--gold);box-shadow:0 0 8px var(--gold);animation-duration:.55s}.squid-sparks.best i:nth-child(odd){background:#fff}.lives .ink-sac.lost{animation:.5s steps(5,end) both ink-sac-lost}}@media (prefers-reduced-motion:reduce){.squid-fx{display:none}}.fireworks .spark{width:6px;height:6px;position:absolute;top:-3px;left:-3px}.fireworks .cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.fireworks .gold{background:var(--gold);box-shadow:0 0 8px var(--gold)}.fireworks .pink{background:var(--pink);box-shadow:0 0 8px var(--pink)}.fireworks .white{box-shadow:0 0 8px var(--cyan);background:#fff}.ink-dim{background:radial-gradient(circle at var(--ox) var(--oy), #0c061e8c, #04020c4d 40%, #03020838);position:absolute;inset:0}.ink.big .ink-dim{background:radial-gradient(circle at var(--ox) var(--oy), #0c061ef2, #04020ccc 50%, #030208b3)}.ink-drop{background:#2a1650;width:8px;height:8px;position:absolute;top:-4px;left:-4px}.ink-drop:before{content:"";background:var(--pink);width:2px;height:2px;position:absolute;top:2px;left:2px}@keyframes squid-bob{50%{transform:translateY(calc(-1 * var(--px)))}}@keyframes squid-sway{50%{transform:translate(1px)}}@keyframes squid-breathe{0%{opacity:.75}to{opacity:1}}@keyframes squid-shimmer{to{opacity:.45}}@keyframes squid-mote{0%{opacity:0;transform:none}15%{opacity:1}to{opacity:0;transform:translateY(calc(-14 * var(--px)))}}@keyframes squid-limb-in{0%{fill:#237f96}1%{fill:#fff}}@keyframes squid-shade-in{0%{fill:#10384a}1%{fill:#fff}}@keyframes squid-sucker-in{0%{fill:#3b2d55}1%{fill:#fff}}@keyframes squid-glow-in{0%{opacity:0}1%{opacity:1;fill:#fff}}@keyframes squid-spark{0%{opacity:1;transform:none}70%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * var(--px)), calc(var(--dy) * var(--px)))}}@keyframes ink-sac-lost{0%{filter:brightness(2.5);transform:scale(1.3,.7)}40%{filter:brightness(1.5);transform:scale(.8,1.2)}to{filter:none;transform:none}}.rate{border-top:1px dashed var(--hairline);align-items:center;gap:8px;width:100%;min-height:46px;margin-top:10px;padding-top:10px;display:flex;position:relative}.rate-q{white-space:nowrap;flex:none;margin-right:4px}.rate-key{width:46px;min-height:34px;color:var(--label);box-shadow:inset 0 1px 0 #ffffff0f, 0 3px 0 var(--key-shadow);flex:none;padding:0}.rate-key:active:not(:disabled){box-shadow:inset 0 1px 0 #ffffff0f, 0 1px 0 var(--key-shadow);transform:translateY(2px)}@media (hover:hover){.rate-key:hover:not(:disabled){color:var(--text)}}.rate-key .thumb{width:20px;height:20px;display:block}.rate-key.up[aria-pressed=true]{background:var(--cyan);color:#04202a;box-shadow:0 3px 0 var(--cyan-edge)}@media (hover:hover){.rate-key.up[aria-pressed=true]:hover:not(:disabled){color:#04202a;background-color:#7aeaff}}.rate-key.up[aria-pressed=true]:active:not(:disabled){box-shadow:0 1px 0 var(--cyan-edge)}.rate-key.down[aria-pressed=true]{background:var(--pink);color:var(--pink-ink);box-shadow:0 3px 0 var(--pink-shadow)}@media (hover:hover){.rate-key.down[aria-pressed=true]:hover:not(:disabled){color:var(--pink-ink);background-color:#ff7aa3}}.rate-key.down[aria-pressed=true]:active:not(:disabled){box-shadow:0 1px 0 var(--pink-shadow)}.rate-note{flex:1;justify-content:flex-end;min-width:0;display:flex}.rate-why{text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:34px;overflow:hidden}.rate-reasons{z-index:30;background:var(--panel) var(--scan);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pink) 45%, transparent), 0 8px 0 #00000073, 0 14px 30px #00000080;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px 12px;animation:.15s ease-out both rise;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.rate-reasons[data-down=true]{top:calc(100% + 6px);bottom:auto}.rate-reasons-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.rate-reason-list{flex-wrap:wrap;gap:8px;display:flex}.rate-reason{border-radius:var(--radius);background:var(--key);min-height:36px;color:var(--text);font:inherit;letter-spacing:.06em;box-shadow:inset 0 0 0 1px var(--hairline), 0 3px 0 var(--key-shadow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;padding:4px 12px;font-size:18px}@media (hover:hover){.rate-reason:hover{color:var(--pink)}}.rate-reason:active{box-shadow:inset 0 0 0 1px var(--hairline), 0 1px 0 var(--key-shadow);transform:translateY(2px)}.rate-reason[aria-pressed=true]{background:var(--pink);color:var(--pink-ink);box-shadow:0 3px 0 var(--pink-shadow)}.rate-add{flex-direction:column;align-items:flex-start;width:100%;display:flex}.rate-add-key{margin-left:-4px}.rate-add-form{flex-direction:column;gap:12px;width:100%;padding:4px 0 2px;scroll-margin:16px;display:flex}.rate-add-text{border:3px solid var(--cyan-edge);border-radius:var(--radius);background:var(--glass-well);width:100%;min-height:128px;color:var(--text);font:inherit;letter-spacing:.04em;box-shadow:0 0 0 3px var(--cyan-glow);caret-color:var(--cyan);resize:vertical;margin:0;padding:8px 12px;font-size:22px;line-height:1.2;display:block}.rate-add-text::placeholder{color:var(--faint)}.rate-add-text:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-glow), 0 0 18px #4de3ff2e;outline:none}.rate-add-actions{align-items:center;gap:14px;display:flex}.rate-add-actions .key{min-width:96px}.rate-add-count{letter-spacing:.08em;color:var(--muted);margin-left:auto;font-size:17px}.rate-add-count[data-over=true]{color:var(--pink)}.rate-add-done{letter-spacing:.08em;min-height:36px;color:var(--muted);align-items:center;font-size:17px;display:flex}.rate-add-done:focus{outline:none}.settings-part{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:14px 18px 16px;display:flex}.setting-text{flex-direction:column;flex:260px;gap:4px;display:flex}.setting-switch{min-width:112px;color:var(--muted)}.setting-switch.on{color:var(--cyan)}.switch-light{background:var(--faint);flex:none;width:12px;height:12px}.setting-switch.on .switch-light{background:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.ocean{z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;contain:strict;background:var(--page-bottom);position:fixed;inset:0;overflow:hidden}.ocean canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute;top:0;left:0}.ocean-squid-state{opacity:0;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}