*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ground: #e7ebf3;--surface: #ffffff;--ink: #1b2233;--ink-soft: #7c8398;--ink-quiet: #59617a;--ink-faint: #8b93a6;--line: #e2e7ef;--accent: #2f6fed;--on-accent: #ffffff;--accent-deep: #2456c4;--accent-soft: #e6eeff;--halo: rgba(47, 111, 237, .16);--grad: linear-gradient(180deg, #ffd75a 0%, #f4bf2c 100%);--gold-ink: #3a2b00;--gold-text: #a4750a;--flash-row: rgba(244, 222, 150, .5);--fill: linear-gradient(180deg, #4f86f2 0%, #2f6fed 100%);--tick: rgba(27, 34, 51, .22);--tile-face: linear-gradient(180deg, #faf3df 0%, #f1e7cd 100%);--tile-ink: #2b2413;--tile-border: #d9c9a2;--tile-raised: inset 0 1px 0 rgba(255, 255, 255, .7), 0 3px 0 #cdbf98, 0 6px 12px rgba(70, 55, 10, .16);--tile-pressed: inset 0 2px 3px rgba(90, 70, 20, .3);--key-border: #e0ae1f;--key-raised: inset 0 1px 0 rgba(255, 255, 255, .5), 0 3px 0 #d29e16, 0 6px 12px rgba(190, 140, 0, .3);--key-pressed: inset 0 2px 3px rgba(120, 85, 0, .35);--kc-border: #e0e5ef;--kc-face: linear-gradient(180deg, #ffffff 0%, #f4f6fb 100%);--kc-raised: inset 0 1px 0 rgba(255, 255, 255, .8), 0 2px 0 #dbe0ea, 0 5px 12px rgba(27, 34, 51, .1);--kc-pressed: inset 0 1px 2px rgba(27, 34, 51, .16), 0 1px 2px rgba(27, 34, 51, .08);--kc-raised-accent: inset 0 1px 0 rgba(255, 255, 255, .28), 0 3px 0 #2456c4, 0 7px 14px rgba(47, 111, 237, .34);--kc-raised-soft: inset 0 1px 0 rgba(255, 255, 255, .7), 0 1px 2px rgba(27, 34, 51, .05), 0 3px 8px -1px rgba(27, 34, 51, .08);--shadow-1: 0 1px 2px rgba(27, 34, 51, .05);--shadow-card: 0 1px 2px rgba(27, 34, 51, .04), 0 10px 26px -8px rgba(27, 34, 51, .12);--shadow-pop: 0 10px 28px rgba(27, 34, 51, .14);--shadow-modal: 0 24px 60px -12px rgba(27, 34, 51, .34);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .7);--track-inset: inset 0 1px 2px rgba(27, 34, 51, .09);--divider: rgba(27, 34, 51, .14);--scrim: rgba(20, 27, 43, .38);--toast-error: #ffd6cd;--toast-soft: #ffe6ad;--toast-neutral: #e7ebf3;--wash: radial-gradient(100% 80% at 50% 120%, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, 0) 46%), radial-gradient(95% 75% at 50% 20%, rgba(47, 111, 237, .06) 0%, rgba(47, 111, 237, 0) 55%);--glow-a: rgba(255, 205, 70, .22);--celebrate-bg: radial-gradient(120% 90% at 50% 12%, #eef3fb 0%, #e9edf5 46%, #e4e9f2 100%);--celebrate-bg-master: radial-gradient(120% 95% at 50% 6%, #fff2d6 0%, #f6edda 40%, #eceadf 100%);--glass-fill: rgba(255, 255, 255, .5);--glass-stroke: rgba(255, 255, 255, .7);--font-ui: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--w-body: 400;--w-label: 500;--lh-body: 1.35;--pitch: clamp(44px, 12vw, 82px);--playfield-h: calc(var(--pitch) * 4.15 + 64px);--hint-scale: 44px;--ease: cubic-bezier(.22, 1, .36, 1);--z-toast: 40;--control-h: 38px;--card-pad: clamp(16px, 2.5vw, 24px);font-family:var(--font-ui);color:var(--ink);color-scheme:light;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}[data-theme=dark]{color-scheme:dark;--ground: #141b2b;--surface: #1d2740;--ink: #eef2fb;--ink-soft: #93a0bd;--ink-quiet: #aab4cd;--ink-faint: #697498;--line: #2b3757;--accent: #5c93ff;--on-accent: #08122a;--accent-deep: #86aaff;--accent-soft: #26314f;--halo: rgba(92, 147, 255, .22);--grad: linear-gradient(180deg, #ffd75a 0%, #f4bf2c 100%);--gold-ink: #3a2b00;--gold-text: #ffd75a;--flash-row: rgba(248, 224, 158, .16);--fill: linear-gradient(180deg, #74a0ff 0%, #5c93ff 100%);--tick: rgba(255, 255, 255, .2);--tile-face: linear-gradient(180deg, #34416b 0%, #2a3556 100%);--tile-ink: #eaf0fb;--tile-border: #3f4d78;--tile-raised: inset 0 1px 0 rgba(255, 255, 255, .09), 0 3px 0 #171f36, 0 6px 14px rgba(0, 0, 0, .5);--tile-pressed: inset 0 2px 3px rgba(0, 0, 0, .5);--key-border: #d29e16;--key-raised: inset 0 1px 0 rgba(255, 255, 255, .45), 0 3px 0 #c08f10, 0 6px 14px rgba(0, 0, 0, .5);--key-pressed: inset 0 2px 3px rgba(90, 65, 0, .45);--kc-border: #35426b;--kc-face: linear-gradient(180deg, #27314f 0%, #212b46 100%);--kc-raised: inset 0 1px 0 rgba(255, 255, 255, .06), 0 2px 0 #131a2b, 0 5px 12px rgba(0, 0, 0, .5);--kc-pressed: inset 0 1px 2px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .4);--kc-raised-accent: inset 0 1px 0 rgba(255, 255, 255, .22), 0 3px 0 #2f5fbf, 0 7px 15px rgba(0, 0, 0, .55);--kc-raised-soft: inset 0 1px 0 rgba(255, 255, 255, .05), 0 1px 2px rgba(0, 0, 0, .4), 0 3px 8px -1px rgba(0, 0, 0, .45);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 32px -10px rgba(0, 0, 0, .6);--shadow-pop: 0 12px 30px rgba(0, 0, 0, .6);--shadow-modal: 0 24px 60px -12px rgba(0, 0, 0, .7);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .07);--track-inset: inset 0 1px 2px rgba(0, 0, 0, .45);--divider: rgba(255, 255, 255, .14);--scrim: rgba(3, 6, 14, .6);--toast-error: #4d2b28;--toast-soft: #4a3d1e;--toast-neutral: #29334f;--wash: radial-gradient(100% 80% at 50% 120%, rgba(92, 147, 255, .08) 0%, rgba(92, 147, 255, 0) 50%), radial-gradient(95% 75% at 50% 18%, rgba(92, 147, 255, .06) 0%, rgba(92, 147, 255, 0) 55%);--glow-a: rgba(255, 205, 70, .14);--celebrate-bg: radial-gradient(120% 90% at 50% 10%, #1c2947 0%, #16203a 46%, #121a2e 100%);--celebrate-bg-master: radial-gradient(120% 95% at 50% 6%, #2a2416 0%, #1c1c2c 42%, #141a2b 100%);--glass-fill: rgba(35, 47, 78, .42);--glass-stroke: rgba(255, 255, 255, .12)}html{overflow-x:clip}body{background:var(--ground);min-height:100dvh;overscroll-behavior:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--wash)}.felt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.felt--door{background:radial-gradient(46% 40% at 50% 47%,var(--glow-a) 0%,transparent 62%)}.felt__tiles{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1600px;perspective-origin:50% 50%;-webkit-mask-image:radial-gradient(58% 60% at 50% 48%,transparent 0%,transparent 40%,#000 82%),linear-gradient(to bottom,transparent 0%,transparent 8%,#000 16%);mask-image:radial-gradient(58% 60% at 50% 48%,transparent 0%,transparent 40%,#000 82%),linear-gradient(to bottom,transparent 0%,transparent 8%,#000 16%);-webkit-mask-composite:source-in;mask-composite:intersect}.felt__tile{position:absolute;display:grid;place-items:center;border-radius:20%;font-weight:800;background:#ffffff6b;border:1px solid rgba(255,255,255,.6);color:#2b24135c;box-shadow:inset 0 1px #ffffffe6,inset 0 -6px 12px #ffffff38,0 1px #d8e0f0bf,0 2px #c8d2e8b8,0 3px #b8c4e0ad,0 4px #a8b6d89e,0 6px 11px #38446829;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:.94}[data-theme=dark] .felt__tile{background:#96ace01a;border-color:#c8d7ff29;color:#eaf0fb8c;box-shadow:inset 0 1px #ffffff1f,inset 0 -7px 13px #0000001a,0 1px #2e3a5cd9,0 2px #25304ed9,0 3px #1c2640e6,0 4px #151d33eb,0 6px 13px #0000005c;opacity:.6}@media(max-width:700px){.felt__tile{display:none}}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;touch-action:manipulation}:focus-visible{outline:2.5px solid var(--accent-deep);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.roll{display:inline-flex;vertical-align:baseline}.roll__digits{display:inline-flex;font-variant-numeric:tabular-nums}.roll__col{display:inline-block;height:1em;line-height:1;overflow:hidden}.roll__stack{display:flex;flex-direction:column;transition:transform .55s var(--ease)}.roll__d,.roll__static{height:1em;line-height:1;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.roll__stack{transition:none}}.app{width:100%;max-width:1000px;margin:0 auto;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 16px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-card),var(--inset-hi)}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:8px;padding:4px 4px 12px}.brandwrap{display:flex;align-items:center;gap:15px;min-width:0}.brand{font-weight:800;font-size:1.625rem;letter-spacing:-.03em;line-height:1;color:var(--ink)}.brand__date{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;font-weight:var(--w-label);line-height:1;color:var(--ink-quiet);letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;background:none;border:0;padding:3px 5px;margin:-3px -5px;border-radius:8px;cursor:pointer;transition:color .12s var(--ease),background .12s var(--ease)}.brand__date:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.brand__datecaret{font-size:.72em;opacity:.65;transition:transform .16s var(--ease)}.brand__date[aria-expanded=true] .brand__datecaret{transform:rotate(180deg)}.daymenu{position:fixed;inset:auto;margin:0;padding:6px;min-width:194px;max-height:min(60vh,420px);overflow-y:auto;border:1px solid var(--kc-border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-pop)}.daymenu__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:9px;background:none;font:inherit;font-size:.875rem;font-weight:var(--w-label);color:var(--ink);text-align:left;cursor:pointer;transition:background .1s var(--ease)}.daymenu__item:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.daymenu__item.is-active{color:var(--accent-deep)}.daymenu__label{flex:1;font-variant-numeric:tabular-nums}.daymenu__check{font-size:.9em;color:var(--accent-deep)}.daymenu__dot{flex:none;width:9px;height:9px;border-radius:50%;box-sizing:border-box}.daymenu__dot--empty{border:1.5px solid color-mix(in srgb,var(--ink-quiet) 45%,transparent)}.daymenu__dot--played{background:var(--ink-quiet)}.daymenu__dot--brilliant{background:var(--accent-deep)}.daymenu__dot--master{background:var(--gold-text)}.brand__date-short{display:none}.topbar__end{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.soundtoggle,.helpbtn{display:inline-grid;place-items:center;width:var(--control-h);height:var(--control-h);border-radius:999px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);color:var(--ink);font-size:1.125rem;cursor:pointer;transition:box-shadow 80ms var(--ease),color .12s var(--ease)}.helpbtn svg{width:21px;height:21px}.soundtoggle:active,.helpbtn:active{transform:translateY(1px);box-shadow:var(--kc-pressed)}.soundctl{position:relative;display:inline-flex}.soundpop{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--kc-border);border-radius:14px;box-shadow:var(--shadow-pop);animation:soundpop-in .14s var(--ease)}@keyframes soundpop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.soundpop__mute{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:999px;background:var(--kc-face);border:1px solid var(--kc-border);color:var(--ink);font-size:.9375rem;cursor:pointer}.soundpop__mute[aria-pressed=true]{color:var(--ink-soft)}.soundpop__slider{width:120px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:24px;background:transparent}.soundpop__slider::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:var(--kc-border)}.soundpop__slider::-moz-range-track{height:5px;border-radius:999px;background:var(--kc-border)}.soundpop__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8.5px;border-radius:999px;background:var(--accent-deep);border:2px solid var(--surface);box-shadow:0 1px 3px #00000040}.soundpop__slider::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:var(--accent-deep);border:2px solid var(--surface);box-shadow:0 1px 3px #00000040}.soundpop__pct{width:34px;text-align:right;font-size:.75rem;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}.signin{display:inline-flex;align-items:center;gap:7px;height:var(--control-h);background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);border-radius:999px;padding:0 15px 0 12px;color:var(--ink);font-weight:700;transition:box-shadow 80ms var(--ease)}.signin svg{width:21px;height:21px;color:var(--accent-deep);flex-shrink:0}.signin__label{font-size:.875rem;letter-spacing:-.2px}.signin:active{transform:translateY(1px);box-shadow:var(--kc-pressed)}.modetoggle{display:inline-flex;align-items:stretch;gap:2px;height:var(--control-h);padding:3px;border-radius:999px;background:var(--ground);border:1px solid var(--kc-border);box-shadow:var(--track-inset)}.modetoggle__opt{display:inline-flex;align-items:center;gap:5px;padding:0 13px;border-radius:999px;font-size:.875rem;font-weight:700;letter-spacing:-.1px;color:var(--ink-quiet);white-space:nowrap;transition:color .12s var(--ease),box-shadow .12s var(--ease),background .12s var(--ease)}.modetoggle__opt svg{flex:none;width:15px;height:15px;transition:color .12s var(--ease)}.modetoggle__opt.is-active{background:var(--kc-face);box-shadow:var(--inset-hi),var(--shadow-1);color:var(--ink)}.modetoggle__opt--light.is-active svg{color:var(--gold-text)}.modetoggle__opt--dark.is-active svg{color:var(--accent-deep)}.modetoggle__opt:not(.is-active):hover{color:var(--ink)}.modetoggle__opt:active{transform:translateY(1px)}.hintsbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);border-radius:11px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);color:var(--ink-soft);cursor:pointer;transition:box-shadow 80ms var(--ease),background .12s var(--ease),color .12s var(--ease)}.hintsbtn__eyes{font-size:1.15rem;line-height:1;filter:saturate(.85)}.hintsbtn__tile{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:var(--tile-face);color:var(--tile-ink);border:1px solid var(--tile-border);font-size:.9375rem;font-weight:800;line-height:1}.hintsbtn:active{transform:translateY(1px);box-shadow:var(--kc-pressed)}.utilcluster{display:inline-flex;align-items:stretch;height:var(--control-h);border-radius:11px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);overflow:hidden}.utilcluster__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;color:var(--ink-soft);cursor:pointer;transition:color .12s var(--ease),background .12s var(--ease)}.utilcluster__btn+.utilcluster__btn:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:1px;background:var(--divider)}.utilcluster__btn svg{width:20px;height:20px;flex-shrink:0}.utilcluster__btn:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.utilcluster__btn:active{background:color-mix(in srgb,var(--ink) 11%,transparent)}.actionsbtn{display:none;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);border-radius:11px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);color:var(--ink-soft);font-size:1.25rem;cursor:pointer;transition:box-shadow 80ms var(--ease),background .12s var(--ease),color .12s var(--ease)}.actionsbtn:hover{color:var(--ink)}.actionsbtn.is-active{color:var(--ink);box-shadow:var(--kc-pressed)}.actionsmenu{position:fixed;inset:auto;margin:0;padding:6px;min-width:168px;border:1px solid var(--kc-border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow-pop)}.actionsmenu__item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;font:inherit;font-size:.9375rem;font-weight:var(--w-label);color:var(--ink);text-align:left;cursor:pointer;transition:background .1s var(--ease)}.actionsmenu__item:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.actionsmenu__item>svg{flex:none;font-size:1.2rem;color:var(--ink-soft)}.actionsmenu__eyes{flex:none;width:1.2rem;font-size:1rem;line-height:1;text-align:center}.actionsmenu__label{flex:1}.actionsmenu__check{flex:none;font-size:.95em;color:var(--accent-deep)}@media(max-width:600px){.topbar__end .hintsbtn,.topbar__end .utilcluster{display:none}.actionsbtn{display:inline-flex}}@media(max-width:560px){.signin{width:var(--control-h);padding:0;gap:0;justify-content:center}.signin__label{display:none}.signin svg{width:22px;height:22px}}@media(hover:none)and (pointer:coarse){:root{--control-h: 44px}.cap{display:none}.clearbtn{min-height:44px}}.main,.playcol{display:flex;flex-direction:column;gap:14px}@media(min-width:860px){.main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.playcol{min-height:0}.rail{align-self:stretch}.rail--hint{align-self:start}.rail--hint .rail__inner{position:static;-webkit-mask-image:none;mask-image:none}.rail--hint .twolist{flex:none;overflow:visible;padding-bottom:2px}}.pager,.pager__track{display:contents}@media(max-width:859px){.pager{display:block;position:relative;overflow-x:clip;overflow-y:visible;touch-action:pan-y}.pager__track{display:flex;gap:14px;transform:translate(0)}.pager__track>.playcol{flex:0 0 100%;min-width:0}.pager__track>.rail{flex:0 0 78%;min-width:0;max-height:none}.pager__track>.rail .rail__list{grid-template-columns:1fr}.pager__track>.rail--hint{align-self:start}.rail--hint .rail__inner{position:static;-webkit-mask-image:none;mask-image:none}.rail--hint .twolist{flex:none;overflow:visible;padding-bottom:2px}.pager__track.is-hint{flex-direction:column}.pager__track.is-hint>.playcol,.pager__track.is-hint>.rail{flex:0 0 auto;width:100%}.pager__track.is-hint .panelhead__nav,.pager__track.is-hint .panelhead__back{display:none}}.play{padding:var(--card-pad);display:flex;flex-direction:column;gap:14px}.play__status{flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;gap:9px}.status__top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.status__rank{font-weight:800;font-size:.875rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);white-space:nowrap}.rankbar{position:relative;width:100%;height:30px}.rankbar__track{position:absolute;top:50%;left:0;right:0;height:7px;transform:translateY(-50%);border-radius:999px;background:var(--ground);border:1px solid var(--kc-border);box-shadow:var(--track-inset);overflow:hidden}.rankbar__fill{position:absolute;top:0;bottom:0;left:0;right:8px;border-radius:999px;background:var(--fill);transition:clip-path .45s var(--ease)}.rankbar__tick{position:absolute;top:50%;width:2px;height:7px;transform:translate(-50%,-50%);border-radius:1px;background:var(--tick);transition:background .3s var(--ease)}.rankbar__tick.is-cleared{background:#ffffff80}.rankbar__score{position:absolute;top:50%;transform:translate(-50%,-50%);-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:34px;height:30px;padding:0 11px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:var(--on-accent);font-family:inherit;font-size:.9375rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;cursor:pointer;box-shadow:0 0 0 4px var(--halo),0 3px 8px -1px #2f6fed66;animation:score-pop .5s var(--ease)}button.rankbar__score:focus-visible{outline:2.5px solid var(--accent-deep);outline-offset:3px}@keyframes score-pop{0%{transform:translate(-50%,-50%) scale(.55)}55%{transform:translate(-50%,-50%) scale(1.16)}to{transform:translate(-50%,-50%) scale(1)}}.rank-pop{position:fixed;inset:auto;margin:0;padding:7px 12px;border:1px solid var(--kc-border);border-radius:11px;background:var(--surface);color:var(--ink);font-size:.875rem;font-weight:var(--w-label);letter-spacing:-.01em;white-space:nowrap;box-shadow:var(--shadow-pop),var(--inset-hi);opacity:0;transform:translateY(-4px);transition:opacity .16s var(--ease),transform .16s var(--ease),overlay .16s allow-discrete,display .16s allow-discrete}.rank-pop strong{font-weight:800;font-variant-numeric:tabular-nums;color:var(--accent-deep)}.rank-pop:popover-open{opacity:1;transform:translateY(0)}@starting-style{.rank-pop:popover-open{opacity:0;transform:translateY(-4px)}}.rank-pop:before,.rank-pop:after{content:"";position:absolute;bottom:100%;left:var(--caret-x, 50%);width:0;height:0;transform:translate(-50%);border:7px solid transparent}.rank-pop:before{border-bottom-color:var(--kc-border)}.rank-pop:after{margin-bottom:-1.5px;border-width:6px;border-bottom-color:var(--surface)}@media(prefers-reduced-motion:reduce){.rank-pop{transition:none}.rank-pop,.rank-pop:popover-open{transform:none}}.arrangepin{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin:6px 0 -4px -2px;padding:5px 10px;border:1px solid var(--divider);border-radius:999px;background:color-mix(in srgb,var(--kc-face) 55%,transparent);color:var(--ink-soft);cursor:pointer;transition:color .12s var(--ease),background .12s var(--ease),border-color .12s var(--ease)}.arrangepin .glyph{width:20px;height:15px;flex-shrink:0}.arrangepin__label{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.arrangepin:hover{color:var(--ink);background:var(--kc-face);border-color:var(--kc-border)}.arrangepin:active{transform:translateY(1px)}.playfield{position:relative;height:var(--playfield-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}@media(max-width:600px){:root{--pitch: clamp(56px, 19vw, 82px);--card-pad: 14px}html,body{height:100%;overflow:hidden}body{position:fixed;top:0;right:0;bottom:0;left:0}.app{height:100dvh;min-height:0;overflow:hidden;padding-inline:12px}.main{flex:1;min-height:0}.pager{height:100%;min-height:0}.pager__track,.pager__track>.playcol{height:100%}.playcol{min-height:0}.play{flex:1;min-height:0;gap:10px}.play--hint{flex:0 1 auto}.play--hint .hintchart{flex:1}.pcallout{flex:0 0 auto}.pager.is-hint{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pager__track.is-hint,.pager__track.is-hint>.playcol{height:auto}.pager__track.is-hint{min-height:100%}.pager__track.is-hint .play--hint{flex:0 0 auto}.pager__track.is-hint .hintchart{flex:none;overflow:visible;min-height:0}.play__status{margin-bottom:-2px;gap:14px}.rankbar{height:28px}.arrangepin{margin-top:8px}.brand__date-long{display:none}.brand__date-short{display:inline}.playfield{flex:1;min-height:0;height:auto;gap:7px}.stage{height:auto;align-items:center}}.toast-slot{height:30px;display:flex;justify-content:center;align-items:center;position:relative;z-index:var(--z-toast)}.wordwrap{position:relative;display:flex;justify-content:center}.wordline{height:calc(var(--pitch) * .55);line-height:1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--pitch) * .42 * var(--wl-scale, 1))}.wordline__ch{animation:pop-in .12s ease}.wordline__ch.is-key{color:var(--accent-deep)}.wordline__ch.is-out{color:var(--ink-faint)}.wordline__caret{width:3px;height:calc(var(--pitch) * .42 * var(--wl-scale, 1));border-radius:2px;background:var(--accent-deep);animation:blink 1.05s step-end infinite}.wordline__hint{margin-left:3px;font-weight:500;font-size:calc(var(--pitch) * .24 * var(--wl-scale, 1));color:var(--ink-faint);white-space:nowrap;letter-spacing:.01em}.wordline.shake{animation:shake .34s cubic-bezier(.36,.07,.19,.97)}.pointspop{position:absolute;top:0;left:50%;font-weight:800;font-size:1.625rem;color:var(--accent-deep);pointer-events:none;animation:pointfloat .85s var(--ease) forwards}.pointspop.is-pangram{color:var(--gold-text);font-size:2rem}.toast{font-weight:700;font-size:.9375rem;padding:6px 15px;border-radius:999px;color:var(--ink);animation:toast-life 1.5s var(--ease) forwards}.toast--error{background:var(--toast-error)}.toast--soft{background:var(--toast-soft)}.toast--neutral{background:var(--toast-neutral)}.toast--pangram{background:var(--grad);color:var(--gold-ink)}.stage{display:flex;justify-content:center;width:100%}.board{position:relative;width:100%;transition:height .4s var(--ease)}.tile{position:absolute;left:50%;top:0;width:calc(var(--pitch) * .84);height:calc(var(--pitch) * .84);border-radius:20%;background:var(--tile-face);border:1px solid var(--tile-border);color:var(--tile-ink);display:flex;align-items:center;justify-content:center;perspective:320px;box-shadow:var(--tile-raised);transform:translate(-50%,-50%) translate(calc(var(--x) * var(--pitch)),calc((var(--y) + .55) * var(--pitch))) rotate(var(--rot));transition:transform .4s var(--ease),box-shadow .1s ease;will-change:transform}.tile__ch{font-size:calc(var(--pitch) * .42);font-weight:800;line-height:1;animation:letter-flip .42s var(--ease) calc(var(--i, 0) * 45ms) backwards;will-change:transform,opacity;backface-visibility:hidden}.tile:active{box-shadow:var(--tile-pressed)}.tile--key{background:var(--grad);color:var(--gold-ink);border-color:var(--key-border);box-shadow:var(--key-raised)}.tile--key:active{box-shadow:var(--key-pressed)}.controls{display:flex;gap:10px;flex-shrink:0}.btn{flex:1 1 0;min-width:0;min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;border:1px solid var(--kc-border);font-size:.96875rem;font-weight:800;color:var(--ink);transition:transform .09s ease,box-shadow .09s ease}.btn:active{transform:translateY(2px);box-shadow:var(--kc-pressed)!important}.btn--ghost{background:var(--kc-face);box-shadow:var(--kc-raised)}.btn--primary{background:var(--accent);color:var(--on-accent);border:1px solid transparent;box-shadow:var(--kc-raised-accent);font-weight:800;transition:transform .09s ease,box-shadow .09s ease}.btn--primary:active{transform:translateY(2px);box-shadow:var(--kc-pressed)!important}.btn__icon{display:none;width:22px;height:22px}.cap{font-size:.6875rem;font-weight:700;line-height:1;min-width:22px;text-align:center;padding:4px 6px;border-radius:6px;background:var(--kc-face);color:var(--ink);border:1px solid var(--kc-border);box-shadow:var(--shadow-1)}.clearbtn{align-self:center;display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;font-weight:700;color:var(--ink-quiet);padding:4px 10px;flex-shrink:0}.clearbtn .cap{border-color:var(--line);color:var(--ink-quiet)}.clearbtn:disabled{opacity:.4;cursor:default}@media(max-width:600px){.controls{gap:8px;margin-top:2px;padding-top:12px;border-top:1px solid var(--line)}.btn{min-height:50px}.btn--shuffle{flex:0 0 auto;width:50px;padding:0}.btn--shuffle .btn__text{display:none}.btn--shuffle .btn__icon{display:block}}.status__words{display:none}@media(max-width:859px){.status__words{display:inline-flex;align-items:center;gap:6px;flex:none;padding:5px 8px 5px 11px;border-radius:999px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);font-size:.875rem;font-weight:700;color:var(--ink);transition:box-shadow 80ms var(--ease)}.status__words>svg:first-child{width:16px;height:16px;color:var(--ink-quiet)}.status__words-count{font-variant-numeric:tabular-nums}.status__words-chev{width:14px;height:14px;color:var(--accent-deep);animation:wordspill-nudge 2.8s var(--ease) infinite}.status__words:active{transform:translateY(1px);box-shadow:var(--kc-pressed)}}@keyframes wordspill-nudge{0%,62%,to{transform:translate(0)}78%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.status__words-chev{animation:none}}.wordclear{display:none}@media(max-width:859px){.wordclear{display:inline-grid;place-items:center;flex:none;align-self:center;margin-left:8px;width:32px;height:32px;border-radius:999px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);color:var(--ink-quiet)}.wordclear svg{width:16px;height:16px}.wordclear:active{transform:translateY(1px);box-shadow:var(--kc-pressed)}.wordwrap{align-items:center}.clearbtn{display:none}}.glyph{width:24px;height:19px}.glyph__dot{fill:currentColor;opacity:.5}.glyph__dot--key{fill:var(--accent-deep);opacity:1}.anchortoggle{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0;background:none;border:none;cursor:pointer;color:var(--ink-quiet)}.anchortoggle__label{flex:1;text-align:left;font-size:.9375rem;font-weight:700}.anchortoggle__track{position:relative;width:36px;height:20px;flex:none;border-radius:999px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-pressed);transition:background .15s,border-color .15s}.anchortoggle__knob{position:absolute;top:1px;left:1px;width:16px;height:16px;border-radius:50%;background:var(--ink-soft);transition:transform .16s ease,background .15s}.anchortoggle[aria-checked=true]{color:var(--ink)}.anchortoggle[aria-checked=true] .anchortoggle__track{background:var(--accent-soft);border-color:var(--accent)}.anchortoggle[aria-checked=true] .anchortoggle__knob{transform:translate(16px);background:var(--accent-deep)}.rail{position:relative;padding:0}.rail__inner{--rail-fade: 34px;display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0;padding:16px 16px 14px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--rail-fade)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--rail-fade)),transparent)}.rail__head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:11px;margin-bottom:4px;border-bottom:1.5px solid var(--line);flex-shrink:0}.rail__head h2{font-weight:800;font-size:1.0625rem}.rail__meta{font-size:.875rem;font-weight:700;color:var(--ink-quiet)}.rail__head-left{display:flex;align-items:center;gap:4px;min-width:0}.rail__back{display:none}@media(max-width:859px){.rail__head{align-items:center}.rail__head h2{cursor:pointer}.rail__back{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-left:-8px;border-radius:10px;color:var(--ink);flex-shrink:0}.rail__back svg{width:21px;height:21px}.rail__back:active{transform:translateY(1px)}}.optdev{display:flex;align-items:center;gap:10px;margin-top:2px}.optdev__label{font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-quiet)}.optdev__row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:auto}.optdev__btn{font-size:.75rem;font-weight:700;color:var(--ink-soft);padding:5px 12px;border:1.5px dashed var(--line);border-radius:8px;cursor:pointer;transition:color .12s var(--ease)}.optdev__btn:hover{color:var(--ink)}.optdev__btn:active{transform:translateY(1px)}.rail__empty{flex:1;display:grid;place-items:center;text-align:center;color:var(--ink-quiet);font-weight:var(--w-body);font-size:.875rem;line-height:var(--lh-body);padding:16px 12px;max-width:24ch;margin:0 auto}.rail__list{list-style:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;align-content:start;padding:4px 2px var(--rail-fade);scrollbar-width:none}.rail__list::-webkit-scrollbar{display:none}@media(min-width:860px){.rail__list{grid-template-columns:1fr}}.rail__list li{display:flex;align-items:center;gap:6px;padding:6px 8px;margin:0 -6px;border-radius:8px;border-bottom:1px solid var(--line);font-size:1rem;font-weight:400;text-transform:capitalize;animation:word-in .28s var(--ease);transition:background-color .82s cubic-bezier(.25,.1,.25,1)}.rail__num{flex:0 0 auto;min-width:2ch;margin-right:5px;text-align:right;font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink-quiet);opacity:.5}.rail__word{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .24s var(--ease)}.rail__pts{font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-quiet);padding-right:7px}.rail__list li.is-pangram{font-weight:800}.rail__list li.is-pangram .rail__pts{color:var(--gold-ink);background:var(--grad);box-shadow:inset 0 0 0 1px #b4820059,0 1px 1.5px #78550033;border-radius:999px;padding:1px 7px}.rail__list li.flash{background-color:var(--flash-row);transition-duration:.19s;transition-timing-function:cubic-bezier(.32,0,.24,1)}.rail__list li.flash .rail__word{color:var(--accent-deep)}@media(prefers-reduced-motion:reduce){.rail__word,.rail__list li{transition:none}}.play--hint{gap:0}.rail--hint .rail__inner{padding:var(--card-pad)}.panelhead__bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.panelhead__title{font-weight:800;font-size:1.0625rem}.panelhead__meta{font-size:.875rem;font-weight:700;color:var(--ink-quiet);font-variant-numeric:tabular-nums}.panelhead__lead,.panelhead__right{display:inline-flex;align-items:center;gap:6px;min-width:0}.panelhead__nav,.panelhead__back{display:none;color:var(--ink-quiet)}@media(max-width:859px){.panelhead__nav,.panelhead__back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.panelhead__nav{margin-right:-6px}.panelhead__back{margin-left:-6px}.panelhead__nav svg,.panelhead__back svg{width:20px;height:20px}.panelhead__nav:active,.panelhead__back:active{transform:translateY(1px)}}.panelhead__sub{margin-top:3px;margin-bottom:12px;padding-bottom:12px;border-bottom:1.5px solid var(--line);font-size:.8125rem;font-weight:var(--w-body);line-height:var(--lh-body);color:var(--ink-quiet)}.hint-summary{display:flex;gap:8px;margin:0 0 22px;padding-bottom:12px;border-bottom:1.5px solid var(--line)}.hint-summary__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.hint-summary__item dt{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-quiet)}.hint-summary__item dd{margin:0;font-size:1.375rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-deep)}.hintchart{flex:0 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:2px 0 14px;animation:hint-in .26s var(--ease)}.hgrid{border-collapse:collapse;font-variant-numeric:tabular-nums;margin-inline:auto}.hgrid th,.hgrid td{width:var(--hint-scale);height:var(--hint-scale);text-align:center;vertical-align:middle}.hgrid tbody td,.hgrid tbody th,.hgrid tfoot td,.hgrid tfoot th{border:1px solid var(--line)}.hgrid tbody .hgrid__letter{border-left:none}.hgrid tbody tr:first-child .hgrid__letter,.hgrid tbody tr:first-child .hgrid__total{border-top:none}.hgrid tbody .hgrid__total{border-right:none}.hgrid tfoot .hgrid__totalhead--row{border-left:none}.hgrid tfoot .hgrid__grand{border-right:none}.hgrid tfoot td,.hgrid tfoot th{border-bottom:none}.hgrid thead td,.hgrid thead th{height:auto;color:var(--ink-quiet);font-weight:400;font-size:.8125rem;vertical-align:bottom;padding-bottom:6px}.hgrid__corner{width:var(--hint-scale)}.hgrid__len{font-size:.9375rem}.hgrid__letter{color:var(--ink);font-size:1.0625rem;font-weight:400}.hgrid__cell{font-size:1rem;font-weight:800}.hgrid__cell.is-active{background:var(--accent-soft);color:var(--ink)}.hgrid__cell.is-done{background:var(--accent);color:var(--on-accent)}.hgrid__cell.is-done svg,.twolist__box.is-done svg{width:32%;height:32%;stroke:currentColor;stroke-width:14;stroke-linejoin:round;stroke-linecap:round}.hgrid__none{background:var(--surface)}.hgrid__total{background:var(--surface);color:var(--ink);font-size:.9375rem;font-weight:400}.hgrid__grand{font-weight:var(--w-label)}.hgrid__dash{color:var(--ink-quiet);opacity:.7}.hgrid__totalhead--row{background:var(--surface);color:var(--ink-quiet);font-size:.8125rem;font-weight:400}.pcallout{margin-top:4px;padding:12px 14px 13px;background:var(--ground);border:1px solid var(--line);border-radius:14px}.pcallout__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.pcallout__title{margin:0;font-size:.9375rem;font-weight:700;color:var(--ink)}.pcallout__rating{display:inline-flex;align-items:center;flex:none;padding:3px 10px;border:1px solid transparent;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pcallout__rating--breezy{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent) 26%,var(--surface));color:var(--accent-deep)}.pcallout__rating--steady{background:var(--surface);border-color:var(--line);color:var(--ink)}.pcallout__rating--tough{background:color-mix(in srgb,var(--gold-text) 15%,var(--surface));border-color:color-mix(in srgb,var(--gold-text) 32%,var(--surface));color:var(--gold-text)}.pcallout__text{margin:0;font-size:.875rem;font-weight:var(--w-body);line-height:var(--lh-body);text-wrap:pretty;color:var(--ink-quiet)}.coveredhint{position:relative}.hintcover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;border-radius:14px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:color-mix(in srgb,color-mix(in srgb,var(--ground) 16%,var(--surface)) 76%,transparent)}.hintcover__content{display:flex;flex-direction:column;align-items:center;gap:8px;animation:hintcover-in .2s var(--ease) both}.hintcover__eyes{font-size:1.875rem;line-height:1}.hintcover__lead{margin:0;font-size:1.0625rem;font-weight:800;color:var(--ink)}.hintcover__note{margin:0;max-width:21rem;font-size:.8125rem;font-weight:var(--w-body);line-height:var(--lh-body);color:var(--ink-quiet);text-wrap:pretty}.hintcover__btn{margin-top:6px;min-width:150px;padding:11px 22px;border-radius:12px;font-size:.9375rem}.hintcover__fineprint{margin:10px 0 0;max-width:24ch;font-size:.6875rem;line-height:var(--lh-body);color:color-mix(in srgb,var(--ink-quiet) 62%,transparent);text-wrap:pretty}.hintcover__statslink{padding:0;border:0;background:none;font:inherit;color:var(--accent-deep);font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.hintcover__statslink:hover{text-decoration-thickness:2px}@keyframes hintcover-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.hintcover{animation:none}}.twolist{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px var(--rail-fade);animation:hint-in .26s var(--ease)}.twolist::-webkit-scrollbar{display:none}.twolist__groups{display:flex;flex-direction:column;gap:12px}.twolist__group{display:flex;flex-wrap:wrap;gap:8px 12px}.twolist__item{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}.twolist__pair{width:1.7em;flex:0 0 auto;text-align:left;font-size:1rem;font-weight:400;letter-spacing:.06em;color:var(--ink);font-variant-numeric:tabular-nums}.twolist__box{display:inline-flex;align-items:center;justify-content:center;width:var(--hint-scale);height:var(--hint-scale);background:var(--surface);color:var(--ink);border:1px solid var(--line);font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums}.twolist__box.is-active{background:var(--accent-soft);color:var(--ink)}.twolist__box.is-done{background:var(--accent);color:var(--on-accent)}@keyframes hint-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.hintchart,.twolist{animation:none}}@keyframes pop-in{0%{transform:scale(.5);opacity:0}}@keyframes blink{50%{opacity:0}}@keyframes word-in{0%{opacity:0;transform:translateY(-5px)}}@keyframes letter-flip{0%{transform:rotateX(-90deg) scale(.86);opacity:0}60%{opacity:1}to{transform:rotateX(0) scale(1);opacity:1}}@keyframes pointfloat{0%{opacity:0;transform:translate(-50%,8px) scale(.7)}22%{opacity:1;transform:translate(-50%,-6px) scale(1.14)}to{opacity:0;transform:translate(-50%,-48px) scale(1)}}@keyframes toast-life{0%{opacity:0;transform:translateY(8px) scale(.9)}8%{opacity:1;transform:translateY(0) scale(1)}88%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.tile,.board,.rankbar__fill,.rankbar__score,.rankbar__tick{transition:none}}.howto{margin:auto;padding:24px 24px 22px;max-width:400px;width:calc(100vw - 40px);border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-modal),var(--inset-hi);animation:howto-in .2s var(--ease)}.howto::backdrop{background:var(--scrim);animation:howto-fade .2s var(--ease)}@keyframes howto-in{0%{opacity:0;transform:translateY(10px) scale(.97)}}@keyframes howto-fade{0%{opacity:0}}.howto__title{font-size:1.3125rem;font-weight:800;letter-spacing:-.02em}.howto__sub{margin-top:4px;font-size:.875rem;font-weight:var(--w-body);color:var(--ink-quiet)}.howto__rules{list-style:none;margin:17px 0 20px;display:flex;flex-direction:column;gap:13px}.howto__rules li{display:flex;align-items:center;gap:12px;font-size:.9375rem;line-height:var(--lh-body);font-weight:var(--w-body)}.howto__mark{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);font-size:.8125rem;font-weight:800;color:var(--ink)}.howto__mark svg{width:18px;height:18px}.howto__mark--key{background:var(--grad);color:var(--gold-ink);border-color:var(--key-border);font-size:.9375rem}.howto__go{width:100%;min-height:50px;border-radius:14px;font-size:.96875rem}.celebrate{position:relative;flex:1;display:grid;place-items:center;width:100%;min-height:calc(var(--pitch) * 4.15 + 64px + 111px);padding:8px 0;overflow:hidden}@media(max-width:600px){.celebrate{min-height:calc(var(--pitch) * 3.4)}}.celebrate__card{position:relative;z-index:2;width:min(420px,100%);padding:4px 20px;text-align:center;animation:celebrate-pop .62s var(--ease) both}.celebrate__emblem{display:inline-grid;place-items:center;width:84px;height:84px;margin-bottom:18px;border-radius:50%;color:var(--gold-ink);background:#f4bf2c;box-shadow:0 8px 20px -6px #be8c006b,inset 0 1px #ffffff73;animation:celebrate-emblem .72s var(--ease) both}.celebrate--master .celebrate__emblem{color:var(--gold-ink);background:var(--grad);box-shadow:0 8px 20px -6px #be8c0073,inset 0 1px #ffffff80}.celebrate__emblem svg{width:46px;height:46px;filter:drop-shadow(0 1px 1px rgba(120,40,10,.25))}.celebrate__emblem:before{content:"";position:absolute;width:84px;height:84px;border-radius:50%;border:2px solid var(--key-border);opacity:0;animation:celebrate-ring 1.4s var(--ease) .32s infinite}.celebrate--master .celebrate__emblem:before{border-color:#d99a2c}.celebrate__eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-quiet);animation:celebrate-rise .5s var(--ease) .14s both}.celebrate__title{margin:6px 0 10px;font-size:clamp(44px,12vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--gold-text);animation:celebrate-title .7s var(--ease) .18s both}.celebrate__tagline{max-width:30ch;margin:0 auto 24px;font-size:.9375rem;font-weight:var(--w-body);line-height:var(--lh-body);color:var(--ink-quiet);animation:celebrate-rise .5s var(--ease) .26s both}.celebrate__stats{display:flex;justify-content:center;gap:10px;margin-bottom:26px}.celebrate__stat{flex:1;max-width:110px;padding:12px 6px;border-radius:16px;background:var(--glass-fill);border:1px solid var(--glass-stroke);backdrop-filter:blur(7px) saturate(1.3);-webkit-backdrop-filter:blur(7px) saturate(1.3);box-shadow:var(--inset-hi),0 4px 14px -8px #1b22334d;animation:celebrate-rise .52s var(--ease) both;animation-delay:var(--d)}.celebrate__stat-num{display:block;font-size:1.625rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.celebrate__stat-label{display:block;margin-top:3px;font-size:.75rem;font-weight:var(--w-label);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-quiet)}.celebrate__cta{min-width:180px;padding:13px 26px;border-radius:14px;font-size:1rem;font-weight:700;animation:celebrate-rise .52s var(--ease) .64s both}.celebrate__rain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.rain-tile{position:absolute;top:-16%;margin-left:calc(var(--s) / -2);display:grid;place-items:center;width:var(--s);height:var(--s);border-radius:22%;background:var(--tile-face);border:1px solid var(--tile-border);color:var(--tile-ink);box-shadow:inset 0 1px #fff9,0 2px 5px #46370a2e;font-size:calc(var(--s) * .5);font-weight:800;line-height:1;will-change:transform,opacity;animation:tile-rain var(--dur) linear var(--delay) forwards}.rain-tile--key{background:var(--grad);color:var(--gold-ink);border-color:var(--key-border);box-shadow:inset 0 1px #ffffff80,0 2px 5px #be8c0047}@keyframes tile-rain{0%{transform:translate3d(0,-20px,0) rotate(var(--rot0));opacity:0}8%{opacity:1}85%{opacity:1}to{transform:translate3d(var(--drift),560px,0) rotate(var(--rot1));opacity:0}}@keyframes celebrate-pop{0%{opacity:0;transform:translateY(14px) scale(.94)}60%{transform:translateY(0) scale(1.012)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes celebrate-emblem{0%{opacity:0;transform:scale(.4) rotate(-24deg)}70%{transform:scale(1.08) rotate(4deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes celebrate-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes celebrate-title{0%{opacity:0;transform:scale(.8)}65%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes celebrate-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.celebrate__card,.celebrate__emblem,.celebrate__eyebrow,.celebrate__title,.celebrate__tagline,.celebrate__stat,.celebrate__cta{animation:none}.celebrate__emblem:before{display:none}}.celeblab__bar{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:#16161adb;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.celeblab__title{font-weight:700;font-size:.875rem}.celeblab__opts{display:inline-flex;gap:6px}.celeblab__btn,.celeblab__replay{padding:7px 12px;border-radius:9px;font-size:.8125rem;font-weight:600;color:#fff;background:#ffffff24}.celeblab__btn.is-active{background:var(--accent-deep)}.celeblab__replay{margin-left:auto}.options{margin:auto auto 0;padding:0;width:100%;max-width:480px;max-height:90dvh;border:none;border-radius:24px 24px 0 0;background:var(--surface);color:var(--ink);box-shadow:0 -12px 44px -10px #00000047,var(--inset-hi);animation:sheet-up .3s var(--ease)}.options::backdrop{background:var(--scrim);animation:howto-fade .2s var(--ease)}@keyframes sheet-up{0%{transform:translateY(100%)}}@media(min-width:601px){.options{margin:auto;max-width:400px;border-radius:22px;box-shadow:var(--shadow-modal),var(--inset-hi);animation:modal-in .22s var(--ease)}.options__sheet{padding:18px 22px 22px;max-height:85dvh}.options__grab{display:none}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.options__sheet{display:flex;flex-direction:column;gap:12px;padding:10px 20px calc(22px + env(safe-area-inset-bottom));max-height:90dvh;overflow-y:auto}.options__grab{flex:none;width:40px;height:4px;margin:0 auto 4px;border-radius:999px;background:var(--line)}.options__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.options__title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.options__close{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--kc-face);border:1px solid var(--kc-border);color:var(--ink-quiet);font-size:.9375rem;cursor:pointer;transition:color .12s var(--ease)}.options__close:active{transform:translateY(1px);color:var(--ink)}.options__div{height:1px;margin:4px 0;background:var(--line)}.optrow{display:flex;align-items:center;gap:12px;min-height:48px}.optrow__label{flex:none;font-size:.9375rem;font-weight:700;color:var(--ink)}.optrow>.modetoggle{margin-left:auto}.optsound__mute{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);color:var(--ink);font-size:1.0625rem;cursor:pointer;transition:box-shadow 80ms var(--ease),color .12s var(--ease)}.optsound__mute[aria-pressed=true]{color:var(--ink-soft)}.optsound__mute:active{transform:translateY(1px);box-shadow:var(--kc-pressed)}.optsound__slider{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer}.optsound__slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) var(--v, 50%),var(--line) var(--v, 50%))}.optsound__slider::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}.optsound__slider::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent)}.optsound__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5px;width:16px;height:16px;border-radius:50%;background:var(--accent-deep);border:2px solid var(--surface);box-shadow:0 1px 3px #00000040}.optsound__slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-deep);border:2px solid var(--surface);box-shadow:0 1px 3px #00000040}.optsound__slider:focus-visible{outline:none}.optsound__slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft)}.optsound__slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--accent-soft)}.optsound__pct{flex:none;width:38px;text-align:right;font-size:.8125rem;font-weight:700;color:var(--ink-quiet);font-variant-numeric:tabular-nums}.optlink{display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:0 14px;border-radius:14px;background:var(--ground);border:1px solid var(--kc-border);color:var(--ink);font-size:.9375rem;font-weight:700;text-align:left;cursor:pointer;transition:background .12s var(--ease)}.optlink:active{transform:translateY(1px)}.optlink__icon{flex:none;width:20px;height:20px;color:var(--accent-deep)}.optlink__chev{flex:none;width:18px;height:18px;margin-left:auto;color:var(--ink-quiet)}.optsignin{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border-radius:14px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);color:var(--ink);font-size:.9375rem;font-weight:800;cursor:pointer;transition:box-shadow 80ms var(--ease)}.optsignin svg{width:22px;height:22px;flex-shrink:0}.optsignin:active{transform:translateY(1px);box-shadow:var(--kc-pressed)}.gmark{flex:none;box-sizing:content-box}:root[data-theme=dark] .gmark{background:#fff;border-radius:4px;padding:2px}.optacct{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 12px;border-radius:14px;background:var(--ground);border:1px solid var(--kc-border)}.optacct__avatar{flex:none;width:36px;height:36px;border-radius:50%;object-fit:cover}.optacct__avatar--icon{color:var(--accent-deep)}.optacct__who{display:flex;flex-direction:column;min-width:0}.optacct__label{font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-quiet)}.optacct__name{font-size:.9375rem;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.optacct__out{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none;padding:8px 12px;border-radius:10px;background:transparent;border:1px solid var(--line);color:var(--ink-quiet);font-size:.8125rem;font-weight:700;cursor:pointer;transition:background .12s var(--ease)}.optacct__out svg{width:16px;height:16px}.optacct__out:active{transform:translateY(1px)}.acctnudge{display:flex;flex-direction:column;gap:12px;border-radius:16px;border:1px solid var(--kc-border);background:var(--surface)}.acctnudge--banner{padding:16px;margin-bottom:14px}.acctnudge--inline{padding:14px;margin-top:16px;background:var(--ground);border-color:var(--line)}.statspage__card .acctnudge--inline{margin:0;padding:18px;background:none;border:0;border-top:1px solid var(--line);border-radius:0}.acctnudge__headline{margin:0;font-size:1rem;font-weight:800;color:var(--ink)}.acctnudge__sub{margin:2px 0 0;font-size:.8125rem;font-weight:var(--w-body);line-height:var(--lh-body);color:var(--ink-quiet)}.acctnudge__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:12px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);color:var(--ink);font-size:.9375rem;font-weight:800;cursor:pointer;transition:box-shadow 80ms var(--ease)}.acctnudge__btn svg{width:20px;height:20px;flex-shrink:0}.acctnudge__btn:active{transform:translateY(1px);box-shadow:var(--kc-pressed)}@media(prefers-reduced-motion:reduce){.options{animation:howto-fade .2s var(--ease)}}.statspage{position:relative;z-index:1;height:100dvh;overflow-y:auto;animation:howto-fade .3s var(--ease)}.statspage__inner{width:100%;max-width:880px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom))}.statspage__bar{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:0 2px}.statspage__back{flex:none;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--kc-face);border:1px solid var(--kc-border);box-shadow:var(--kc-raised-soft);color:var(--ink);cursor:pointer;transition:transform 90ms var(--ease),color .12s var(--ease)}.statspage__back svg{width:19px;height:19px}.statspage__back:hover{color:var(--accent-deep)}.statspage__back:active{transform:translateY(1px)}.statspage__title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.statspage__card{padding:0;overflow:hidden}.statspage__cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:720px){.statspage__cols{grid-template-columns:1fr}}.statspage__inner>.statspage__card{max-width:520px;margin:0 auto}.statblock{padding:18px}.statblock+.statblock{border-top:1px solid var(--line)}.statblock--summary{display:flex;flex-direction:column;gap:16px}.statblock__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.statblock__title{font-size:.875rem;font-weight:700;letter-spacing:.01em;color:var(--ink-quiet)}.statblock__meta{font-size:.8125rem;font-weight:var(--w-label);color:var(--ink-quiet)}.statrow{display:grid;grid-template-columns:repeat(3,1fr)}.stat{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;text-align:center}.stat+.stat{border-left:1px solid var(--line)}.stat__num{font-size:1.5rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}.stat__label{font-size:.75rem;font-weight:var(--w-label);color:var(--ink-quiet)}.prizes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prize{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:14px;min-width:0}.prize__mark{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;box-shadow:var(--kc-raised-soft)}.prize__mark svg{width:20px;height:20px}.prize__num{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;min-width:1.1ch;text-align:center}.prize__label{font-size:.9375rem;font-weight:700;color:var(--ink)}.prize--brilliant{background:color-mix(in srgb,var(--accent-deep) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--accent-deep) 30%,var(--line))}.prize--brilliant .prize__mark{background:var(--accent);border:1px solid var(--accent-deep);color:var(--on-accent)}.prize--brilliant .prize__num{color:var(--accent-deep)}.prize--master{background:color-mix(in srgb,var(--gold-text) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--key-border) 50%,var(--line))}.prize--master .prize__mark{background:var(--grad);border:1px solid var(--key-border);color:var(--gold-ink)}.prize--master .prize__num{color:var(--gold-text)}@media(max-width:600px){.prize{gap:8px;padding:10px 11px}.prize__mark{width:33px;height:33px}.prize__num{font-size:1.2rem}}.statempty__preview{opacity:.5;filter:grayscale(.9);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 98%);mask-image:linear-gradient(to bottom,#000 55%,transparent 98%)}.statempty__grid{margin-top:2px}.statempty__foot{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.statempty__title{font-size:1.0625rem;font-weight:800;color:var(--ink)}.statempty__sub{font-size:.875rem;font-weight:var(--w-body);line-height:var(--lh-body);color:var(--ink-quiet);max-width:46ch;text-wrap:pretty}.statempty__foot .acctnudge__btn--bare{width:100%;min-height:50px;margin-top:12px;box-shadow:var(--kc-raised)}.statspage__card--loading{min-height:220px}.records{display:flex;flex-direction:column}.record{display:flex;align-items:center;gap:12px;padding:11px 2px}.record+.record{border-top:1px solid var(--line)}.record__mark{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ground);border:1px solid var(--kc-border);color:var(--accent-deep)}.record__mark svg{width:19px;height:19px}.record__label{font-size:.9375rem;font-weight:700;color:var(--ink)}.record__value{margin-left:auto;display:flex;align-items:baseline;gap:6px;font-size:1.0625rem;font-weight:800;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}.record__unit{font-size:.8125rem;font-weight:var(--w-label);color:var(--ink-quiet)}.records__word{text-transform:uppercase;letter-spacing:.02em;color:var(--accent-deep)}.activity__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.actile{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:6px;background:var(--ground);border:1px solid var(--line);box-shadow:inset 0 1px 2px #1b22330d;overflow:hidden;cursor:pointer}.actile__water{position:absolute;left:0;right:0;bottom:0;height:calc(var(--fill, 0) * 100%);background:color-mix(in srgb,var(--accent-deep) 20%,var(--ground));transition:height .42s var(--ease)}.actile__icon{width:58%;height:58%}.actile--brilliant{background:var(--accent);border-color:var(--accent-deep);box-shadow:var(--kc-raised-soft);color:var(--on-accent)}.actile--master{background:var(--grad);border-color:var(--key-border);box-shadow:var(--kc-raised-soft);color:var(--gold-ink)}.actile--future{background:transparent;border-color:color-mix(in srgb,var(--line) 55%,transparent);box-shadow:none}.actile.is-today{outline:2px solid var(--accent-deep);outline-offset:1px}@media(prefers-reduced-motion:reduce){.actile__water{transition:none}}.actip{position:fixed;inset:auto;margin:0;display:flex;align-items:baseline;gap:8px;padding:7px 12px;border:1px solid var(--kc-border);border-radius:11px;background:var(--surface);color:var(--ink);font-size:.875rem;letter-spacing:-.01em;white-space:nowrap;overflow:visible;box-shadow:var(--shadow-pop),var(--inset-hi);opacity:0;transform:translateY(-4px);transition:opacity .16s var(--ease),transform .16s var(--ease),overlay .16s allow-discrete,display .16s allow-discrete}.actip__date{font-weight:800}.actip__line{font-weight:var(--w-label);color:var(--ink-quiet);font-variant-numeric:tabular-nums}.actip:popover-open{opacity:1;transform:translateY(0)}@starting-style{.actip:popover-open{opacity:0;transform:translateY(-4px)}}.actip:before,.actip:after{content:"";position:absolute;top:100%;left:var(--caret-x, 50%);width:0;height:0;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--kc-border)}.actip:after{margin-top:-1.5px;border-width:6px;border-top-color:var(--surface)}.actip[data-below=true]:before,.actip[data-below=true]:after{top:auto;bottom:100%;border-top-color:transparent}.actip[data-below=true]:before{border-bottom-color:var(--kc-border)}.actip[data-below=true]:after{margin-top:0;margin-bottom:-1.5px;border-bottom-color:var(--surface)}@media(prefers-reduced-motion:reduce){.actip{transition:none}.actip,.actip:popover-open{transform:none}}.recents{display:flex;flex-direction:column;list-style:none}.recents li+li{border-top:1px solid var(--line)}.recent{display:flex;align-items:center;gap:12px;min-height:52px;padding:9px 10px;margin:0 -10px;width:calc(100% + 20px);border:0;border-radius:12px;background:none;cursor:pointer;text-align:left;transition:background-color .12s var(--ease)}.recent:hover{background:var(--ground)}.recent:active{background:color-mix(in srgb,var(--ink) 6%,var(--ground))}.recent__date{flex:none;width:52px;font-size:.9375rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.recent__rank{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.8125rem;font-weight:700}.recent__rank--plain{background:var(--ground);border:1px solid var(--kc-border);color:var(--ink-soft)}.recent__rank--brilliant{background:var(--accent);border:1px solid var(--accent-deep);color:var(--on-accent)}.recent__rank--master{background:var(--grad);border:1px solid var(--key-border);color:var(--gold-ink)}.recent__hint{flex:none;font-size:.9375rem;line-height:1;opacity:.85}.recent__meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.recent__score{font-size:1rem;font-weight:800;letter-spacing:-.01em;color:var(--ink);font-variant-numeric:tabular-nums}.recent__sub{font-size:.75rem;font-weight:var(--w-label);color:var(--ink-quiet)}.recent__chev{flex:none;width:16px;height:16px;color:var(--ink-quiet)}@media(prefers-reduced-motion:reduce){.statspage{animation:none}}.brandbtn{display:inline-flex;align-items:center;gap:.55rem;font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;transition:color .12s var(--ease)}.brandbtn:hover .brand__word{color:var(--accent-deep)}.brandbtn:active{transform:translateY(1px)}.brand__tile{display:inline-grid;place-items:center;inline-size:2.25rem;block-size:2.25rem;border-radius:20%;color:var(--ink);font-size:1.125rem;font-weight:800;line-height:1;background:#ffffff80;border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 1px #ffffffe6,inset 0 -6px 12px #ffffff38,0 1px #d8e0f0d9,0 2px #c8d2e8cc,0 3px #b8c4e0bd,0 4px #a8b6d8a8,0 6px 11px #38446833;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=dark] .brand__tile{background:#96ace024;border-color:#c8d7ff33;box-shadow:inset 0 1px #ffffff24,inset 0 -7px 13px #0000001a,0 1px #2e3a5ce6,0 2px #25304ee6,0 3px #1c2640eb,0 4px #151d33f0,0 6px 13px #0006}.door{position:relative;height:100dvh;overflow-y:auto;display:flex;align-items:safe center;justify-content:center;padding:calc(24px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));animation:howto-fade .3s var(--ease)}.door__inner{position:relative;z-index:1;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}.door__brand{font-weight:800;font-size:1.5rem;letter-spacing:-.03em;line-height:1;color:var(--ink)}.door__brand:after{content:"";display:inline-block;width:.19em;height:.19em;margin-left:.11em;border-radius:50%;background:var(--accent-deep);vertical-align:.04em}.door__tile{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;margin-top:26px;border-radius:20%;background:var(--grad);color:var(--gold-ink);border:1px solid var(--key-border);box-shadow:var(--key-raised);font-size:2.625rem;font-weight:800;line-height:1;letter-spacing:-.02em}.door__card{position:relative;width:100%;margin-top:-41px;padding:60px 28px 26px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card),var(--inset-hi);display:flex;flex-direction:column;align-items:center;text-align:center}.door__eyebrow{font-size:.9375rem;font-weight:700;color:var(--accent-deep)}.door__date{margin-top:6px;font-size:clamp(1.375rem,5vw,1.625rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--ink);text-wrap:balance}.door__streak{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 13px 6px 11px;border-radius:999px;background:var(--accent-soft);color:var(--accent-deep);font-size:.875rem;font-weight:700}.door__streak svg{width:16px;height:16px}.door__play{margin-top:32px;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:58px;border-radius:16px;font-size:1.0625rem;cursor:pointer}.door__play svg{width:20px;height:20px}.door__yesterday{margin-top:16px;display:inline-flex;align-items:center;gap:3px;padding:8px 8px 8px 12px;background:none;border:0;border-radius:10px;color:var(--ink-quiet);font-size:.9375rem;font-weight:700;cursor:pointer;transition:color .12s var(--ease)}.door__yesterday svg{width:15px;height:15px}.door__yesterday:hover{color:var(--accent-deep)}.door__yesterday:active{transform:translateY(1px)}.door__brand{animation:door-rise .55s var(--ease) 40ms both}.door__tile{animation:door-tile .6s var(--ease) .13s both}.door__card{animation:door-rise .6s var(--ease) .21s both}@keyframes door-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes door-tile{0%{opacity:0;transform:translateY(-10px) scale(.85)}}@media(prefers-reduced-motion:reduce){.door__brand,.door__tile,.door__card{animation:none}}