@layer tokens,base,layout,components,states;@layer tokens{:root,html[data-theme=carbon]{color-scheme:dark;--bg: #141713;--surface: #1b1e19;--surface-raised: #252a21;--text: #eceee4;--secondary: #a1aa98;--muted: #7c8575;--untyped: #929a8b;--correct: #f2fed6;--error: #ff918c;--error-bg: #ff918c16;--accent: #d5fb77;--accent-ink: #202a0f;--border: #ffffff12;--focus: var(--accent);--ambient: #b3d76a0a;--glow: #d5fb7730;--veil: #1b1e19bb;--shadow: #00000016;--sheen: #ffffff03;--backdrop: #090c09bb}html[data-theme=tide]{color-scheme:dark;--bg: #0f1419;--surface: #151c23;--surface-raised: #1f2831;--text: #e6edf3;--secondary: #93a4b4;--muted: #6e8092;--untyped: #869aab;--correct: #cff7f2;--error: #ff8f9a;--error-bg: #ff8f9a16;--accent: #5fe3d2;--accent-ink: #042320;--border: #ffffff14;--focus: var(--accent);--ambient: #5fe3d20c;--glow: #5fe3d230;--veil: #151c23bb;--shadow: #00000022;--sheen: #ffffff04;--backdrop: #060b10bb}html[data-theme=fireplace]{color-scheme:dark;--bg: #16100c;--surface: #1f1711;--surface-raised: #2c211a;--text: #f7ece0;--secondary: #c2a995;--muted: #937c69;--untyped: #a78d78;--correct: #ffe2c5;--error: #ff8083;--error-bg: #ff808318;--accent: #ff9d3c;--accent-ink: #2a1403;--border: #ffd9a81f;--focus: var(--accent);--ambient: #ff9d3c12;--glow: #ff9d3c3a;--veil: #1f1711cc;--shadow: #00000030;--sheen: #ffffff05;--backdrop: #0c0705cc}html[data-theme=winter]{color-scheme:dark;--bg: #0d1424;--surface: #111a2e;--surface-raised: #1a2744;--text: #f2f7ff;--secondary: #b4c6e0;--muted: #8599b6;--untyped: #9ab0cd;--correct: #f1f9ff;--error: #ff8b95;--error-bg: #ff8b9518;--accent: #cfe9ff;--accent-ink: #0b1626;--border: #dcebff22;--focus: var(--accent);--ambient: #cfe9ff14;--glow: #cfe9ff3d;--veil: #111a2ecc;--shadow: #00000045;--sheen: #ffffff0c;--backdrop: #070d1acc}html[data-theme=rain]{color-scheme:dark;--bg: #10151d;--surface: #181f2a;--surface-raised: #222b39;--text: #eef2f8;--secondary: #a8b6c8;--muted: #7d8c9f;--untyped: #92a2b5;--correct: #f8efdd;--error: #ff9a8a;--error-bg: #ff9a8a18;--accent: #e7c98f;--accent-ink: #231a0c;--border: #cfe0f51c;--focus: var(--accent);--ambient: #e7c98f10;--glow: #e7c98f30;--veil: #181f2acc;--shadow: #00000038;--sheen: #ffffff07;--backdrop: #070b12cc}html[data-theme=nightsky]{color-scheme:dark;--bg: #0a0d1c;--surface: #121730;--surface-raised: #1c2342;--text: #ecefff;--secondary: #adb6dc;--muted: #828cba;--untyped: #99a3cc;--correct: #efeeff;--error: #ff8bb0;--error-bg: #ff8bb018;--accent: #c9c6ff;--accent-ink: #12102e;--border: #d6dcff1f;--focus: var(--accent);--ambient: #c9c6ff12;--glow: #c9c6ff38;--veil: #121730cc;--shadow: #00000040;--sheen: #ffffff07;--backdrop: #050610cc}html[data-theme=deepsea]{color-scheme:dark;--bg: #04141c;--surface: #0b2029;--surface-raised: #133039;--text: #e4f6f6;--secondary: #9ec4c6;--muted: #74a0a4;--untyped: #8ab4b6;--correct: #d1fae9;--error: #ff8f92;--error-bg: #ff8f9218;--accent: #65f0b4;--accent-ink: #04231a;--border: #b8f0ff1c;--focus: var(--accent);--ambient: #65f0b410;--glow: #65f0b433;--veil: #0b2029cc;--shadow: #00000040;--sheen: #ffffff06;--backdrop: #020d12cc}html[data-theme=autumn]{color-scheme:dark;--bg: #211611;--surface: #221610;--surface-raised: #312018;--text: #fdf3e7;--secondary: #e6d0b8;--muted: #cdb59c;--untyped: #c9ae92;--correct: #fcedcb;--error: #ff6f55;--error-bg: #ff6f551f;--accent: #f5c552;--accent-ink: #2d1f05;--border: #ffe0bb22;--focus: var(--accent);--ambient: #f5c55212;--glow: #f5c55236;--veil: #221610cc;--shadow: #00000048;--sheen: #ffffff0a;--backdrop: #140c08cc}html[data-theme=galaxy]{color-scheme:dark;--bg: #050b13;--surface: #0a101d;--surface-raised: #131e35;--text: #e3eefa;--secondary: #a7bdd4;--muted: #7e95ae;--untyped: #93a9c2;--correct: #d6faee;--error: #ff8fa6;--error-bg: #ff8fa618;--accent: #76f0c5;--accent-ink: #052419;--border: #8ab4f822;--focus: var(--accent);--ambient: #76f0c512;--glow: #76f0c536;--veil: #0a101dcc;--shadow: #00000055;--sheen: #ffffff0c;--backdrop: #050b13e0}html[data-theme=blackhole]{color-scheme:dark;--bg: #050506;--surface: #0f0e10;--surface-raised: #1a1719;--text: #f6efe4;--secondary: #cfc0ad;--muted: #a08f7c;--untyped: #b5a28d;--correct: #fff4e1;--error: #ff8f8a;--error-bg: #ff8f8a18;--accent: #ffd79a;--accent-ink: #2a1c08;--border: #ffe3bd1c;--focus: var(--accent);--ambient: #ffd79a0f;--glow: #ffd79a33;--veil: #0f0e10cc;--shadow: #00000055;--sheen: #ffffff06;--backdrop: #020203e0}html[data-theme=city]{color-scheme:dark;--bg: #0a0e1a;--surface: #121829;--surface-raised: #1d2440;--text: #eef0fb;--secondary: #aeb6d4;--muted: #8089a8;--untyped: #98a1c0;--correct: #ffd7ee;--error: #ff6b9d;--error-bg: #ff6b9d18;--accent: #ff7ac6;--accent-ink: #2d0a22;--border: #d8dcff1f;--focus: var(--accent);--ambient: #ff7ac612;--glow: #ff7ac636;--veil: #121829cc;--shadow: #00000040;--sheen: #ffffff07;--backdrop: #05070fcc}html[data-theme=christmas]{color-scheme:dark;--bg: #1c0f16;--surface: #1b1214;--surface-raised: #291b1e;--text: #fdf0ee;--secondary: #e2cfc8;--muted: #b09892;--untyped: #c4aca5;--correct: #cff4dc;--error: #ff5f52;--error-bg: #ff5f521f;--accent: #5fd98a;--accent-ink: #06240f;--border: #ffdfc224;--focus: var(--accent);--ambient: #ff9d5e14;--glow: #5fd98a33;--veil: #1b1214cc;--shadow: #00000048;--sheen: #ffffff0a;--backdrop: #0e0609cc}html[data-theme=paper]{color-scheme:light;--bg: #f1efe7;--surface: #fbfaf6;--surface-raised: #e9e7dc;--text: #1b1d18;--secondary: #54584d;--muted: #6f7467;--untyped: #6f7467;--correct: #202c09;--error: #a81f12;--error-bg: #a81f1210;--accent: #41640a;--accent-ink: #f6fae9;--border: #1b1d1820;--focus: var(--accent);--ambient: #41640a12;--glow: #41640a2e;--veil: #fbfaf6cc;--shadow: #1b1d1814;--sheen: #ffffff80;--backdrop: #1b1d1899}html[data-theme=ember]{color-scheme:dark;--bg: #171312;--surface: #1f1a18;--surface-raised: #2a2320;--text: #f1e8e2;--secondary: #b3a59c;--muted: #8d7f77;--untyped: #a39389;--correct: #ffe3d6;--error: #ff7b8a;--error-bg: #ff7b8a16;--accent: #ff8a65;--accent-ink: #2b130b;--border: #ffffff12;--focus: var(--accent);--ambient: #ff8a650a;--glow: #ff8a6530;--veil: #1f1a18bb;--shadow: #00000016;--sheen: #ffffff03;--backdrop: #07070999}html[data-theme=plum]{color-scheme:dark;--bg: #16111a;--surface: #1e1723;--surface-raised: #29202f;--text: #f0e6f4;--secondary: #b2a3ba;--muted: #8b7d94;--untyped: #a092aa;--correct: #f6e2ff;--error: #ff8c99;--error-bg: #ff8c9916;--accent: #e3a0f7;--accent-ink: #2b1235;--border: #ffffff12;--focus: var(--accent);--ambient: #e3a0f70a;--glow: #e3a0f730;--veil: #1e1723bb;--shadow: #00000016;--sheen: #ffffff03;--backdrop: #07070999}html[data-theme=slate]{color-scheme:dark;--bg: #14171b;--surface: #1b1f24;--surface-raised: #252a31;--text: #e9e7e4;--secondary: #a7abb1;--muted: #80868e;--untyped: #959aa2;--correct: #fbe9da;--error: #ff8d86;--error-bg: #ff8d8616;--accent: #e39a5f;--accent-ink: #2a1708;--border: #ffffff12;--focus: var(--accent);--ambient: #e39a5f0a;--glow: #e39a5f30;--veil: #1b1f24bb;--shadow: #00000016;--sheen: #ffffff03;--backdrop: #07070999}html[data-theme=forest]{color-scheme:dark;--bg: #0f1512;--surface: #151d18;--surface-raised: #1e2822;--text: #e3ede4;--secondary: #9fb2a4;--muted: #7b8d80;--untyped: #8fa394;--correct: #dcf7e2;--error: #ff8e8a;--error-bg: #ff8e8a16;--accent: #86dc98;--accent-ink: #0c2614;--border: #ffffff12;--focus: var(--accent);--ambient: #86dc980a;--glow: #86dc9830;--veil: #151d18bb;--shadow: #00000016;--sheen: #ffffff03;--backdrop: #07070999}html[data-theme=vermilion]{color-scheme:dark;--bg: #0f0f12;--surface: #16161a;--surface-raised: #202025;--text: #f3f0ea;--secondary: #aeaab0;--muted: #86838b;--untyped: #9b979e;--correct: #fff1e8;--error: #ff9b6b;--error-bg: #ff9b6b16;--accent: #ff5c45;--accent-ink: #2a0904;--border: #ffffff12;--focus: var(--accent);--ambient: #ff5c450a;--glow: #ff5c4530;--veil: #16161abb;--shadow: #00000016;--sheen: #ffffff03;--backdrop: #07070999}html[data-theme=graphite]{color-scheme:dark;--bg: #121212;--surface: #191919;--surface-raised: #232323;--text: #ececec;--secondary: #a8a8a8;--muted: #828282;--untyped: #969696;--correct: #ffffff;--error: #ff8a8a;--error-bg: #ff8a8a16;--accent: #f2f2f2;--accent-ink: #111111;--border: #ffffff12;--focus: var(--accent);--ambient: #f2f2f20a;--glow: #f2f2f230;--veil: #191919bb;--shadow: #00000016;--sheen: #ffffff03;--backdrop: #07070999}html[data-theme=linen]{color-scheme:light;--bg: #f4efe6;--surface: #fbf8f2;--surface-raised: #ebe4d8;--text: #2a211b;--secondary: #5e534b;--muted: #776b61;--untyped: #776b61;--correct: #2a1a10;--error: #b0281b;--error-bg: #b0281b10;--accent: #a84a26;--accent-ink: #fff6f0;--border: #2a211b20;--focus: var(--accent);--ambient: #a84a2612;--glow: #a84a262e;--veil: #fbf8f2cc;--shadow: #2a211b14;--sheen: #ffffff80;--backdrop: #2a211b99}html[data-theme=sky]{color-scheme:light;--bg: #eef3f8;--surface: #f9fbfd;--surface-raised: #e2e9f1;--text: #16202c;--secondary: #4c5a6a;--muted: #5e6c7d;--untyped: #5e6c7d;--correct: #0f1d33;--error: #b42335;--error-bg: #b4233510;--accent: #1d5bc9;--accent-ink: #f2f7ff;--border: #16202c20;--focus: var(--accent);--ambient: #1d5bc912;--glow: #1d5bc92e;--veil: #f9fbfdcc;--shadow: #16202c14;--sheen: #ffffff80;--backdrop: #16202c99}html[data-theme=sage]{color-scheme:light;--bg: #edf0e9;--surface: #f8faf6;--surface-raised: #e1e6dc;--text: #1c251e;--secondary: #4f5c52;--muted: #5f6c63;--untyped: #5f6c63;--correct: #11281a;--error: #ac2a1e;--error-bg: #ac2a1e10;--accent: #2c6a44;--accent-ink: #f1fbf4;--border: #1c251e20;--focus: var(--accent);--ambient: #2c6a4412;--glow: #2c6a442e;--veil: #f8faf6cc;--shadow: #1c251e14;--sheen: #ffffff80;--backdrop: #1c251e99}html[data-theme=blush]{color-scheme:light;--bg: #f8eff0;--surface: #fdf8f8;--surface-raised: #efe2e4;--text: #2b1a20;--secondary: #5f4c53;--muted: #7a646c;--untyped: #7a646c;--correct: #2a0f18;--error: #b22d12;--error-bg: #b22d1210;--accent: #ad2357;--accent-ink: #fff2f6;--border: #2b1a2020;--focus: var(--accent);--ambient: #ad235712;--glow: #ad23572e;--veil: #fdf8f8cc;--shadow: #2b1a2014;--sheen: #ffffff80;--backdrop: #2b1a2099}html[data-theme=sand]{color-scheme:light;--bg: #f3ecdd;--surface: #faf6ec;--surface-raised: #e9e0cd;--text: #201e2a;--secondary: #53505e;--muted: #6c6878;--untyped: #6c6878;--correct: #151337;--error: #ae2a1c;--error-bg: #ae2a1c10;--accent: #3b3aa6;--accent-ink: #f3f2ff;--border: #201e2a20;--focus: var(--accent);--ambient: #3b3aa612;--glow: #3b3aa62e;--veil: #faf6eccc;--shadow: #201e2a14;--sheen: #ffffff80;--backdrop: #201e2a99}html[data-theme=snow]{color-scheme:light;--bg: #f7f7f5;--surface: #ffffff;--surface-raised: #ececea;--text: #151515;--secondary: #4f4f4f;--muted: #6a6a6a;--untyped: #6a6a6a;--correct: #0d0d0d;--error: #b8261c;--error-bg: #b8261c10;--accent: #c23a1b;--accent-ink: #fff5f2;--border: #15151520;--focus: var(--accent);--ambient: #c23a1b12;--glow: #c23a1b2e;--veil: #ffffffcc;--shadow: #15151514;--sheen: #ffffff80;--backdrop: #15151599}html[data-theme=void]{color-scheme:dark;--bg: #0a0a0a;--surface: #121212;--surface-raised: #1c1c1c;--text: #f2f2f2;--secondary: #a6a6a6;--muted: #7d7d7d;--untyped: #8a8a8a;--correct: #e6ffd1;--error: #ff5f87;--error-bg: #ff5f8718;--accent: #a6ff4d;--accent-ink: #142400;--border: #ffffff14;--focus: var(--accent);--ambient: #a6ff4d0c;--glow: #a6ff4d38;--veil: #121212cc;--shadow: #00000040;--sheen: #ffffff04;--backdrop: #000000cc}html[data-theme=obsidian]{color-scheme:dark;--bg: #06070a;--surface: #0e1015;--surface-raised: #181b22;--text: #f2f2f2;--secondary: #a3a8b3;--muted: #7a808c;--untyped: #878d99;--correct: #d9fbff;--error: #ff6b8b;--error-bg: #ff6b8b18;--accent: #3de8ff;--accent-ink: #002a31;--border: #ffffff14;--focus: var(--accent);--ambient: #3de8ff0c;--glow: #3de8ff38;--veil: #0e1015cc;--shadow: #00000040;--sheen: #ffffff04;--backdrop: #000000cc}html[data-theme=onyx]{color-scheme:dark;--bg: #0b0a0c;--surface: #141215;--surface-raised: #1e1b20;--text: #f2f2f2;--secondary: #aaa4ad;--muted: #817a85;--untyped: #8e8792;--correct: #ffe0f7;--error: #ffb347;--error-bg: #ffb34718;--accent: #ff52d9;--accent-ink: #33002a;--border: #ffffff14;--focus: var(--accent);--ambient: #ff52d90c;--glow: #ff52d938;--veil: #141215cc;--shadow: #00000040;--sheen: #ffffff04;--backdrop: #000000cc}html[data-theme=pitch]{color-scheme:dark;--bg: #090807;--surface: #13110f;--surface-raised: #1d1a17;--text: #f2f2f2;--secondary: #aca59d;--muted: #837b73;--untyped: #90887f;--correct: #fff0d4;--error: #ff6b6b;--error-bg: #ff6b6b18;--accent: #ffb22e;--accent-ink: #2b1a00;--border: #ffffff14;--focus: var(--accent);--ambient: #ffb22e0c;--glow: #ffb22e38;--veil: #13110fcc;--shadow: #00000040;--sheen: #ffffff04;--backdrop: #000000cc}html[data-theme=jet]{color-scheme:dark;--bg: #09080e;--surface: #121119;--surface-raised: #1c1a25;--text: #f2f2f2;--secondary: #a8a5b6;--muted: #7f7b8e;--untyped: #8c889b;--correct: #ece6ff;--error: #ff7a90;--error-bg: #ff7a9018;--accent: #b49bff;--accent-ink: #1d1040;--border: #ffffff14;--focus: var(--accent);--ambient: #b49bff0c;--glow: #b49bff38;--veil: #121119cc;--shadow: #00000040;--sheen: #ffffff04;--backdrop: #000000cc}html[data-theme=abyss]{color-scheme:dark;--bg: #03090a;--surface: #0b1314;--surface-raised: #141e1f;--text: #f2f2f2;--secondary: #9fb0ae;--muted: #778986;--untyped: #839693;--correct: #d4fff3;--error: #ff7b72;--error-bg: #ff7b7218;--accent: #2ff5c4;--accent-ink: #002b20;--border: #ffffff14;--focus: var(--accent);--ambient: #2ff5c40c;--glow: #2ff5c438;--veil: #0b1314cc;--shadow: #00000040;--sheen: #ffffff04;--backdrop: #000000cc}html[data-theme=coal]{color-scheme:dark;--bg: #0b0909;--surface: #141111;--surface-raised: #1f1a1a;--text: #f2f2f2;--secondary: #ada3a3;--muted: #857a7a;--untyped: #918686;--correct: #ffe3e8;--error: #ffa94d;--error-bg: #ffa94d18;--accent: #ff4d6d;--accent-ink: #330009;--border: #ffffff14;--focus: var(--accent);--ambient: #ff4d6d0c;--glow: #ff4d6d38;--veil: #141111cc;--shadow: #00000040;--sheen: #ffffff04;--backdrop: #000000cc}html[data-theme=raven]{color-scheme:dark;--bg: #07080a;--surface: #101216;--surface-raised: #1a1d22;--text: #f2f2f2;--secondary: #a4a9b1;--muted: #7b8189;--untyped: #888e96;--correct: #e3f4ff;--error: #ff7a7a;--error-bg: #ff7a7a18;--accent: #8fd3ff;--accent-ink: #002238;--border: #ffffff14;--focus: var(--accent);--ambient: #8fd3ff0c;--glow: #8fd3ff38;--veil: #101216cc;--shadow: #00000040;--sheen: #ffffff04;--backdrop: #000000cc}:root{--mono: "DejaVu Sans Mono", "SFMono-Regular", Consolas, monospace;--sans: "Inter", "Helvetica Neue", Arial, sans-serif;--type-scale: 1;--line-height: calc(60px * var(--type-scale))}}@layer base{*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:5px}button:disabled{cursor:default}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--accent-ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@layer layout{.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 83% 26%,var(--ambient),transparent 48%)}.rain{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.rain-night{position:absolute;inset:0;background:linear-gradient(to bottom,#090e15,#111926 56%,#19222f)}.rain-bokeh{position:absolute;inset:0}.rain-bokeh i{position:absolute;border-radius:50%;animation:bokeh-drift 19s ease-in-out infinite}.rain-bokeh i:nth-child(1){left:9%;top:58%;width:190px;height:190px;background:radial-gradient(circle,#e7c98f33,transparent 64%)}.rain-bokeh i:nth-child(2){left:26%;top:74%;width:120px;height:120px;background:radial-gradient(circle,#ffb86b2b,transparent 62%);animation-duration:24s}.rain-bokeh i:nth-child(3){right:14%;top:62%;width:230px;height:230px;background:radial-gradient(circle,#8fb6e733,transparent 66%);animation-duration:29s}.rain-bokeh i:nth-child(4){right:31%;top:80%;width:96px;height:96px;background:radial-gradient(circle,#e7c98f26,transparent 60%);animation-duration:21s;animation-delay:-7s}.rain-bokeh i:nth-child(5){left:47%;top:66%;width:150px;height:150px;background:radial-gradient(circle,#7fd3d82a,transparent 64%);animation-duration:33s;animation-delay:-14s}.rain-bokeh i:nth-child(6){left:68%;top:88%;width:180px;height:180px;background:radial-gradient(circle,#ffc98b24,transparent 62%);animation-duration:26s;animation-delay:-4s}.rain-glass{position:absolute;inset:0;width:100%;height:100%}.rain-condensation{position:absolute;inset:0;background:radial-gradient(ellipse 118% 78% at 50% 52%,transparent 40%,#090e15a6 100%),linear-gradient(to top,#090e15cc,transparent 26%)}@keyframes bokeh-drift{0%,to{transform:translate(0) scale(1);opacity:.78}50%{transform:translate(9px,-11px) scale(1.07);opacity:1}}.nightsky{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;--horizon: min(32vh, 24vw)}.sky-deep{position:absolute;inset:0;background:linear-gradient(to bottom,#05081a,#0a0e24 48%,#141b3c 76%,#232c54)}.sky-way{position:absolute;left:-30%;right:-30%;top:4%;height:48%;transform:rotate(-21deg);background:linear-gradient(to bottom,transparent,#cdd2ff12 26%,#e6e8ff24 50%,#cdd2ff12 74%,transparent)}.sky-stars{position:absolute;inset:0;width:100%;height:100%}.sky-glow{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,#2c3768 0%,#19204199 40%,transparent 100%)}.sky-horizon{position:absolute;left:0;bottom:0;width:100%;height:var(--horizon)}.horizon-hills{fill:#06091a}.horizon-trees{fill:#04060f}.deepsea{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.sea-column{position:absolute;inset:0;background:linear-gradient(to bottom,#062c34,#04202a 30%,#03151d 62%,#010a10)}.sea-rays{position:absolute;left:0;right:0;top:-12%;height:92%;mix-blend-mode:screen}.sea-rays i{position:absolute;top:0;height:100%;transform-origin:50% 0;background:linear-gradient(to bottom,#9ff0ff2b,#9ff0ff0f 44%,transparent 76%);animation:ray-sway 15s ease-in-out infinite}.sea-rays i:nth-child(1){left:8%;width:13%;animation-duration:17s}.sea-rays i:nth-child(2){left:31%;width:9%;animation-duration:13s;animation-delay:-5s}.sea-rays i:nth-child(3){left:58%;width:15%;animation-duration:21s;animation-delay:-9s}.sea-rays i:nth-child(4){left:81%;width:10%;animation-duration:19s;animation-delay:-3s}.sea-life{position:absolute;inset:0}.jelly{position:absolute;height:auto}.jelly-bell{fill:#8ef0d8;opacity:.24}.jelly-arms{fill:none;stroke:#8ef0d8;stroke-width:2;stroke-linecap:round;opacity:.2}.jelly-1{left:41%;bottom:13%;width:54px;animation:jelly-drift 27s ease-in-out infinite}.jelly-2{right:19%;top:4%;width:72px;animation:jelly-drift 35s ease-in-out infinite;animation-delay:-16s}.jelly-3{left:74%;top:19%;width:40px;animation:jelly-drift 31s ease-in-out infinite;animation-delay:-8s}.sea-motes{position:absolute;inset:0;width:100%;height:100%}.sea-floor{position:absolute;left:0;right:0;bottom:0;height:22vh;background:linear-gradient(to top,#010a10f7 0%,#010a10b3 40%,transparent 100%)}@keyframes ray-sway{0%,to{transform:rotate(-3deg) scaleX(1);opacity:.62}50%{transform:rotate(3deg) scaleX(1.14);opacity:1}}@keyframes jelly-drift{0%,to{transform:translate(0) scaleY(1)}25%{transform:translate(13px,-27px) scaleY(.91)}50%{transform:translate(-7px,-54px) scaleY(1.07)}75%{transform:translate(-17px,-25px) scaleY(.95)}}.autumn{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;--wood: min(46vh, 34vw)}.autumn-dusk{position:absolute;inset:0;background:linear-gradient(to bottom,#2e4256,#4f5a58 32%,#8a7049 60%,#c89a55 84%,#e2b063)}.autumn-sun{position:absolute;left:22%;bottom:calc(var(--wood) * .34);width:min(180px,19vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff3d2 0%,#ffd68c66 38%,#ffb44f2b 58%,transparent 74%);animation:hearth-breathe 11s ease-in-out infinite}.autumn-haze{position:absolute;left:-10%;right:-10%;bottom:calc(var(--wood) * .42);height:22vh;background:linear-gradient(to top,#f0c48c2e,#e0b57d0f 46%,transparent);animation:mist-drift 29s ease-in-out infinite}.autumn-wood{position:absolute;left:0;bottom:0;width:100%;height:var(--wood)}.wood-far{fill:#7d5330;opacity:.6}.wood-far-canopy{fill:#b4762f;opacity:.55}.wood-near{fill:#4a2a1a}.wood-near-canopy{fill:#c0632a}.autumn-leaves{position:absolute;inset:0;width:100%;height:100%}.autumn-ground{position:absolute;left:0;right:0;bottom:0;height:17vh;background:linear-gradient(to top,#211611f7 0%,#211611c4 36%,transparent 100%)}.galaxy{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.galaxy-void{position:absolute;inset:0;background:radial-gradient(ellipse 96% 80% at 72% 14%,#0e2235,#081422 46%,#050b13)}.galaxy-nebula{position:absolute;inset:0;mix-blend-mode:screen}.galaxy-nebula i{position:absolute;border-radius:50%;animation:nebula-drift 44s ease-in-out infinite}.galaxy-nebula i:nth-child(1){left:-12%;top:4%;width:66%;height:60%;background:radial-gradient(ellipse at 50% 50%,#76f0c518,#76f0c506 42%,transparent 68%)}.galaxy-nebula i:nth-child(2){right:-8%;top:18%;width:58%;height:66%;background:radial-gradient(ellipse at 50% 50%,#243c5538,#243c5512 44%,transparent 70%);animation-duration:57s}.galaxy-nebula i:nth-child(3){left:14%;bottom:-18%;width:70%;height:58%;background:radial-gradient(ellipse at 50% 50%,#4f86c81c,#4f86c808 46%,transparent 72%);animation-duration:63s;animation-delay:-21s}.galaxy-field{position:absolute;inset:0;width:100%;height:100%}.galaxy-worlds{position:absolute;inset:0}.world{position:absolute;aspect-ratio:1}.world-body{position:absolute;inset:0;border-radius:50%;box-shadow:inset -14% -12% 24% #050b13e6,inset 0 0 0 1px #76f0c51f,0 0 60px -22px #76f0c53d}.world-giant{left:-11%;bottom:-26%;width:min(430px,42vw)}.world-giant .world-body{background:repeating-linear-gradient(96deg,#e3eefa0a 0 9px,transparent 9px 24px),radial-gradient(circle at 34% 30%,#3f6a8e,#243c55 44%,#132536 72%,#081322 92%)}.world-ring{position:absolute;left:-26%;top:36%;width:152%;height:32%;border-radius:50%;border:8px solid #76f0c52b;transform:rotate(-17deg)}.world-ice{left:6%;bottom:16%;width:min(86px,8vw)}.world-ice .world-body{background:radial-gradient(circle at 34% 30%,#e3eefa,#a7bdd4 44%,#4e6a88 74%,#15293d 94%)}.world-moon{position:absolute;right:-36%;top:10%;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 34%,#e3eefa,#93a9c2 58%,#3d5873);box-shadow:inset -16% -14% 26% #050b13d9}.world-pebble{right:11%;bottom:9%;width:min(48px,5vw)}.world-pebble .world-body{background:radial-gradient(circle at 36% 32%,#8ba4bd,#4e6a88 48%,#1d3348 78%,#0a1420 96%)}.galaxy-edge{position:absolute;inset:0;background:radial-gradient(ellipse 116% 86% at 50% 48%,transparent 48%,#050b13ad 100%),linear-gradient(to top,#050b13d6,transparent 26%)}@keyframes nebula-drift{0%,to{transform:translate(0) scale(1);opacity:.78}50%{transform:translate(-3%,2%) scale(1.08);opacity:1}}.christmas{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.room-wall{position:absolute;inset:0;background:linear-gradient(180deg,#46202c,#321621 44%,#1c0f16)}.room-canvas{position:absolute;inset:0;width:100%;height:100%}.room-warmth{position:absolute;inset:0;background:radial-gradient(ellipse 58% 44% at 24% 84%,#ff9d4a33,#ff7a2b14 40%,transparent 70%),radial-gradient(ellipse 112% 86% at 50% 46%,transparent 50%,#0e0609ad 100%),linear-gradient(to top,#0e0609c4,transparent 22%)}html[data-theme=christmas] .under-stage,html[data-theme=christmas] .quiet-note,html[data-theme=christmas] footer{text-shadow:0 1px 3px #1c0f16,0 0 12px #1c0f16e6}.city{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.city-sky{position:absolute;inset:0;background:linear-gradient(to bottom,#080c18,#101830 44%,#23294d 72%,#3c3059 88%,#5a3a5e)}.city-glow{position:absolute;left:50%;bottom:0;width:140%;height:46%;transform:translate(-50%);background:radial-gradient(ellipse 50% 100% at 50% 100%,#ff7ac62e,#ff9d6b1c 34%,transparent 70%)}.city-canvas{position:absolute;inset:0;width:100%;height:100%}.city-haze{position:absolute;inset:0;background:radial-gradient(ellipse 108% 80% at 50% 48%,transparent 46%,#05070fb3 100%),linear-gradient(to top,#05070ff2 0%,#05070fbf 12%,transparent 30%)}.blackhole{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;--hole: min(42vh, 30vw)}.hole-void{position:absolute;inset:0;background:radial-gradient(ellipse 86% 72% at 50% 46%,#0d0a07,#060507 44%,#020203)}.hole-canvas{position:absolute;inset:0;width:100%;height:100%}.hole-stage{position:absolute;left:50%;top:46%;width:var(--hole);aspect-ratio:1;transform:translate(-50%,-50%)}.hole-glow{position:absolute;inset:-120% -180%;background:radial-gradient(ellipse 42% 28% at 44% 50%,#ffb45a2e,#ff9d3c12 38%,transparent 68%)}.hole-sphere{position:absolute;inset:0;border-radius:50%;background:#000;box-shadow:0 0 0 1.5px #ffe9c4d9,0 0 22px 2px #ffb45a73,0 0 64px 10px #ff9d3c29}.hole-rings{position:absolute;left:50%;top:50%;width:360%;height:170%;transform:translate(-50%,-50%);overflow:visible}.hole-rings>*{fill:none;vector-effect:non-scaling-stroke}.ring-glow{stroke:#ff9d3c;stroke-width:22;opacity:.15}.ring-base{stroke-linecap:round}.ring-base.ring-halo{stroke:#ffc87a;stroke-width:7}.ring-base.ring-disc{stroke:#ffdca6;stroke-width:6}.ring-flow{stroke:#fff4da;stroke-dasharray:23 15;animation:ring-flow 1.25s linear infinite}.ring-flow.ring-halo{stroke-width:5;opacity:.85;animation-duration:2.1s}.ring-flow.ring-disc{stroke-width:4.5;opacity:.92}.ring-near{animation-direction:reverse}.hole-edge{position:absolute;inset:0;background:radial-gradient(ellipse 104% 78% at 50% 46%,transparent 48%,#020203c7 100%),linear-gradient(to top,#020203e6,transparent 22%)}@keyframes ring-flow{to{stroke-dashoffset:-38}}.winter{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;--range: min(64vh, 42vw)}.winter-sky{position:absolute;inset:0;background:linear-gradient(to bottom,#0b1222,#101a30 50%,#1a2946 70%,#354b74)}.winter-moon{position:absolute;top:33px;right:25%;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff,#e7f0ff 56%,#c2d5f0);box-shadow:0 0 46px 14px #cfe9ff22,0 0 140px 52px #cfe9ff10}.winter-mist{position:absolute;left:-12%;right:-12%;bottom:calc(var(--range) * .42);height:16vh;background:linear-gradient(to top,#e4efff33,#cfe4ff14 46%,transparent);animation:mist-drift 27s ease-in-out infinite}.winter-range{position:absolute;left:0;bottom:0;width:100%;height:var(--range)}.range-far{fill:#6c85ad;opacity:.36}.range-far-caps{fill:#eef5ff;opacity:.42}.range-near{fill:#16213c}.range-near-caps{fill:#f4f9ff;opacity:.88}.range-trees{fill:#101b33}.winter-snow{position:absolute;inset:0;width:100%;height:100%}.winter-ground{position:absolute;left:0;right:0;bottom:0;height:24vh;background:linear-gradient(to top,#0d1424f7,#0d1424d6 26%,#0d142466 62%,#0d142400)}.winter-frost{position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,#e7f2ff26,transparent 28%),radial-gradient(circle at 100% 0%,#e7f2ff20,transparent 26%),radial-gradient(circle at 0% 100%,#e7f2ff18,transparent 24%),radial-gradient(circle at 100% 100%,#e7f2ff18,transparent 24%)}@keyframes mist-drift{0%,to{transform:translate(-3%);opacity:.8}50%{transform:translate(3%);opacity:1}}@media(max-width:760px){.winter-moon{display:none}.winter{--range: min(44vh, 96vw)}.winter-ground{height:16vh}}.hearth{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.hearth-glow{position:absolute;left:50%;bottom:-34vh;width:min(2200px,170vw);height:84vh;transform:translate(-50%);background:radial-gradient(ellipse 50% 50% at 50% 100%,#ff8c2466 0%,#ff61003d 30%,#c2300112 55%,transparent 74%);animation:hearth-breathe 7.3s ease-in-out infinite}.hearth-flames{position:absolute;left:50%;bottom:-12vh;width:min(1480px,124vw);height:58vh;transform:translate(-50%);opacity:.9;mix-blend-mode:screen;transition:opacity 1.1s ease,transform 1.1s ease}.hearth-flames i{position:absolute;bottom:0;height:100%;transform-origin:50% 100%;background:radial-gradient(ellipse 46% 54% at 50% 100%,#ffd98fa6,#ff923860 40%,#ff4a0022 66%,transparent 80%);animation:flame-lick 4.1s ease-in-out infinite}.hearth-flames i:nth-child(1){left:6%;width:32%;height:74%;animation-duration:5.7s;background:radial-gradient(ellipse 46% 54% at 50% 100%,#ffa44080,#ff5f1440 44%,transparent 74%)}.hearth-flames i:nth-child(2){left:21%;width:30%;height:93%;animation-duration:4.3s;animation-delay:-1.9s}.hearth-flames i:nth-child(3){left:36%;width:29%;height:100%;animation-duration:3.4s;animation-delay:-.7s;background:radial-gradient(ellipse 44% 52% at 50% 100%,#fff0c9c4,#ffaa4470 38%,#ff52001f 68%,transparent 82%)}.hearth-flames i:nth-child(4){left:52%;width:31%;height:88%;animation-duration:4.9s;animation-delay:-2.6s}.hearth-flames i:nth-child(5){left:66%;width:33%;height:70%;animation-duration:6.2s;animation-delay:-3.4s;background:radial-gradient(ellipse 46% 54% at 50% 100%,#ffa44080,#ff5f1440 44%,transparent 74%)}.hearth-coals{position:absolute;left:50%;bottom:-5vh;width:min(1320px,112vw);height:22vh;transform:translate(-50%);mix-blend-mode:screen;background:radial-gradient(ellipse 54% 62% at 50% 100%,#ffe6b8d6,#ff9c38a1 26%,#ff5a0f4d 48%,transparent 72%);animation:coal-pulse 3.1s ease-in-out infinite}.rain-glass,.sky-stars,.sea-motes,.autumn-leaves,.galaxy-field,.room-canvas,.city-canvas,.hole-canvas,.winter-snow,.hearth-embers{position:absolute;inset:0;width:100%;height:100%;display:block}.hearth-shade{position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg) 0%,#16100c99 18%,transparent 46%)}html[data-state=running] .hearth-flames{opacity:1;transform:translate(-50%) scaleY(1.07)}@keyframes hearth-breathe{0%,to{opacity:.84}23%{opacity:.97}51%{opacity:.88}74%{opacity:1}}@keyframes coal-pulse{0%,to{opacity:.86;transform:translate(-50%) scaleY(1)}34%{opacity:1;transform:translate(-50%) scaleY(1.07)}67%{opacity:.9;transform:translate(-50%) scaleY(.96)}}@keyframes flame-lick{0%,to{transform:translateY(5%) scaleY(.93) skew(0);opacity:.74}27%{transform:translateY(-3%) scale(.93,1.1) skew(3.5deg);opacity:.96}54%{transform:translateY(2%) scale(1.06,1.01) skew(-3deg);opacity:.8}79%{transform:translateY(-5%) scale(.9,1.16) skew(2deg);opacity:1}}.site-shell{max-width:1440px;padding:0 64px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.header-actions{display:flex;align-items:center;gap:10px}main{width:min(100%,1200px);margin:0 auto;flex:1}.intro{position:relative;padding:69px 0 43px}h1{font-size:clamp(46px,6vw,78px);letter-spacing:-.065em;font-weight:500;line-height:1.08;margin:21px 0 18px}h1 em{color:var(--accent);font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:-.06em}.intro p{font-size:15px;color:var(--secondary);margin:0;letter-spacing:.01em}footer{min-height:100px;margin-top:32px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}}@layer components{.brand{display:flex;gap:11px;align-items:center;color:var(--text);font-size:25px;font-weight:650;letter-spacing:-1.1px;text-decoration:none}.brand svg{width:30px;height:28px;fill:var(--accent)}.brand-period{color:var(--accent)}.header-label{flex:1 1 0;min-width:0;margin:0 28px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-family:var(--mono);letter-spacing:.15em;color:var(--muted)}@media(max-width:1120px){.header-label{display:none}}.icon-button{background:transparent;border:1px solid var(--border);border-radius:10px;width:38px;height:38px;display:grid;place-items:center;color:var(--secondary);transition:color .15s,background .15s}.icon-button:hover{color:var(--accent);background:var(--surface-raised)}.eyebrow{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:.12em;color:var(--secondary)}.status-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--glow)}.edition{margin-left:10px;color:var(--muted)}.speed-lines{position:absolute;right:19px;top:94px;display:flex;gap:12px;transform:skew(-28deg)}.speed-lines i{width:17px;height:86px;border:1px solid var(--border);background:linear-gradient(180deg,var(--ambient),transparent)}.speed-lines i:nth-child(2){opacity:.75}.speed-lines i:nth-child(3){opacity:.5}.speed-lines i:nth-child(4){opacity:.25}.test-panel{position:relative;border:1px solid var(--border);border-radius:18px;background:color-mix(in oklab,var(--surface) 64%,transparent);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);overflow:hidden;box-shadow:0 22px 72px var(--shadow),inset 0 1px 0 var(--sheen)}html:is([data-theme=paper],[data-theme=linen],[data-theme=sky],[data-theme=sage],[data-theme=blush],[data-theme=sand],[data-theme=snow]) .test-panel{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}.test-toolbar{display:flex;justify-content:space-between;align-items:center;padding:19px 29px;border-bottom:1px solid var(--border);min-height:78px;background:color-mix(in oklab,var(--bg) 28%,transparent)}.segmented{display:flex;position:relative;background:color-mix(in oklab,var(--bg) 58%,transparent);border:1px solid var(--border);border-radius:8px;padding:4px}.segmented button{position:relative;z-index:1;height:30px;padding:0 13px;background:none;border:0;color:var(--secondary);font:12px var(--mono);border-radius:5px;transition:color .18s;white-space:nowrap}.segmented button span{margin-left:2px;font-size:10px}.segmented button[aria-pressed=true]{color:var(--accent)}.segmented button:hover:not(:disabled){color:var(--text)}.segmented button[data-gap=after]{margin-right:14px}.segmented button[data-gap=after]:after{content:"";position:absolute;right:-8px;top:7px;bottom:7px;width:1px;background:var(--border);pointer-events:none}.segmented-highlight{position:absolute;left:0;top:4px;width:0;height:30px;border-radius:5px;background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border);transition:transform .2s ease,width .2s ease}#length-picker button{min-width:46px}.passage-source{font:11px var(--mono);color:var(--muted);text-align:right;max-width:46%;line-height:1.5}.test-body{padding:28px 24px 17px}.run-heading{display:flex;align-items:center;justify-content:space-between;height:35px;margin-bottom:23px}#run-label{color:var(--muted);font:9px var(--mono);letter-spacing:.14em}.clock{display:flex;align-items:baseline;gap:3px;font-family:var(--mono);color:var(--accent)}#time-left{font-size:24px;font-variant-numeric:tabular-nums}.clock-unit{color:var(--muted);font-size:12px}.clock svg{height:25px;width:25px;align-self:center;margin-left:9px;fill:none;stroke-width:2;transform:rotate(-90deg)}.clock-track{stroke:var(--border)}#clock-progress{stroke:var(--accent);stroke-dasharray:100;stroke-dashoffset:0}.typing-surface{position:relative;cursor:text}.words-viewport{height:calc(var(--line-height) * 3);overflow:hidden;position:relative;margin-bottom:15px}.words{position:relative;font:calc(30px * var(--type-scale))/var(--line-height) var(--mono);letter-spacing:-.04em;color:var(--untyped);-webkit-user-select:none;user-select:none;overflow-wrap:anywhere}.word{display:inline-block;margin-right:.65em;max-width:100%;vertical-align:top}.char{display:inline-block}.char.correct{color:var(--correct)}.char.incorrect,.char.extra{color:var(--error);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;background:var(--error-bg)}.char.missed{color:var(--error);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:6px}.caret{position:absolute;width:2px;height:calc(35px * var(--type-scale));background:var(--accent);top:11px;left:0;border-radius:1px;pointer-events:none}.typing-input{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;border:0;padding:0;resize:none;font-size:16px}.typing-surface:has(.typing-input:focus-visible){outline:none}.typing-surface[data-resting] .words{filter:blur(2.6px);opacity:.5}.typing-surface[data-resting] .caret{opacity:0}.words,.caret{transition:filter .2s ease,opacity .2s ease}.focus-prompt{position:absolute;inset:0;display:flex;gap:12px;justify-content:center;align-items:center;font-size:13px;color:var(--text);text-shadow:0 1px 10px var(--bg),0 0 22px var(--bg)}.focus-key{font:16px var(--mono);color:var(--accent)}.stage-bottom{display:flex;align-items:center;justify-content:space-between;min-height:45px;gap:12px}#input-instructions{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:8px}.hint-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.restart-button{display:flex;align-items:center;gap:7px;border:0;border-radius:6px;padding:8px 4px 8px 10px;color:var(--secondary);background:transparent;font-size:11px}.restart-button svg{width:16px;height:16px}.restart-button:hover{color:var(--accent)}.progress-track{height:2px;background:var(--border)}#time-progress{height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}.under-stage{display:flex;align-items:center;justify-content:space-between;margin:21px 3px 0;font-size:10px;color:var(--muted)}.under-stage>span{display:flex;align-items:center;gap:7px}kbd{font:9px var(--mono);padding:3px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;color:var(--secondary)}.practice-label{font:9px var(--mono);letter-spacing:.06em}.outlined-dot{width:6px;height:6px;border:1px solid var(--muted);border-radius:50%}.quiet-note{display:flex;align-items:center;justify-content:center;gap:18px;margin:44px 0 9px}.quiet-note p{color:var(--muted);font:italic 15px Georgia,serif}.note-line{width:32px;height:1px;background:var(--border)}.footer-tag,.footer-version{font:9px var(--mono);letter-spacing:.08em}.footer-version span{color:var(--secondary);margin-left:8px}.theme-button{display:flex;align-items:center;gap:10px;padding:5px 11px 5px 7px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--secondary);transition:border-color .15s,background .15s,color .15s}.theme-button:hover{border-color:var(--border);background:var(--surface-raised);color:var(--text)}.theme-swatch{display:flex;align-items:center}.theme-swatch i{height:9px;width:9px;border-radius:50%;border:1px solid var(--border);margin-left:-2px;background:var(--s1)}.theme-swatch i:nth-child(2){background:var(--s2)}.theme-swatch i:nth-child(3){background:var(--s3)}.theme-swatch i:first-child{margin-left:0}.theme-name{font-size:10px;white-space:nowrap}html[data-theme=winter] .caret{box-shadow:0 0 14px var(--glow)}html[data-theme=galaxy] .test-panel{box-shadow:0 28px 80px #01040aa8,0 0 70px -34px #76f0c526,inset 0 1px 0 var(--sheen)}html[data-theme=galaxy] .caret{box-shadow:0 0 14px var(--glow)}html[data-theme=winter] .under-stage,html[data-theme=winter] .quiet-note,html[data-theme=winter] footer{text-shadow:0 1px 3px #0d1424,0 0 12px #0d1424e6}html[data-theme=autumn] .under-stage,html[data-theme=autumn] .quiet-note,html[data-theme=autumn] footer{text-shadow:0 1px 3px #211611,0 0 12px #211611e6}html[data-theme=city] .under-stage,html[data-theme=city] .quiet-note,html[data-theme=city] footer{text-shadow:0 1px 3px #05070f,0 0 12px #05070fe6}html[data-theme=fireplace] .test-panel{box-shadow:0 18px 70px var(--shadow),0 44px 130px -46px var(--glow),inset 0 1px 0 var(--sheen)}html[data-theme=fireplace] .caret{box-shadow:0 0 14px var(--glow)}html[data-theme=fireplace] #time-progress{box-shadow:0 0 16px var(--glow)}html[data-theme=fireplace] .ambient{animation:hearth-breathe 9.7s ease-in-out infinite}html[data-theme=fireplace] .status-dot,html[data-theme=fireplace] .hint-dot{box-shadow:0 0 16px var(--glow)}.results{min-height:calc(var(--line-height) * 3 + 15px)}#results:focus{outline:none}.result-summary{display:flex;align-items:center;gap:55px}.primary-result{display:flex;align-items:baseline;gap:13px}#result-wpm{font-size:66px;letter-spacing:-.065em;line-height:1.12;color:var(--accent);font-variant-numeric:tabular-nums}.primary-result>span:last-child{color:var(--secondary);font:12px var(--mono)}.result-detail{display:grid;grid-template-columns:auto auto;column-gap:24px;row-gap:12px;font-size:11px;color:var(--secondary)}.result-detail strong{color:var(--text);font:15px var(--mono)}.result-detail small{font-size:10px;color:var(--muted)}.pace-chart{margin-top:12px}.chart-label{display:flex;justify-content:space-between;font:8px var(--mono);color:var(--muted);letter-spacing:.06em}#pace-chart{height:43px;width:100%;display:block;margin-top:5px;overflow:visible}.chart-baseline{stroke:var(--border)}.chart-grid{stroke:var(--border);stroke-dasharray:2 4;vector-effect:non-scaling-stroke;opacity:.8}.pace-plot{position:relative;margin-left:26px}.pace-plot #pace-chart{margin-top:5px}.pace-y{position:absolute;left:-26px;width:22px;text-align:right;font:8px var(--mono);color:var(--muted);letter-spacing:.04em;transform:translateY(calc(-50% + 2.5px));margin-top:5px}.pace-x{position:relative;height:12px;margin-top:4px;font:8px var(--mono);color:var(--muted);letter-spacing:.04em}.pace-x span{position:absolute;top:0;transform:translate(-50%)}.pace-x span[data-edge=start]{transform:none}.pace-x span[data-edge=end]{transform:translate(-100%)}#pace-line{stroke:var(--accent);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}#pace-fill{fill:var(--ambient)}.lane-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 2px 14px}.segmented.lanes{background:color-mix(in oklab,var(--surface) 64%,transparent);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--border);border-radius:11px;padding:4px;box-shadow:0 10px 40px var(--shadow)}.segmented.lanes button{height:34px;padding:0 16px 0 13px;font-size:12px;display:flex;align-items:center;gap:9px;letter-spacing:.02em}.segmented.lanes .segmented-highlight{height:34px;border-radius:7px}.lane-glyph{width:9px;height:9px;flex:none;border:1.5px solid currentColor;border-radius:50%;opacity:.8;transition:transform .25s ease}.lane-practice{border-radius:2px;transform:rotate(45deg) scale(.85)}.lane-comfort{border-radius:9px 9px 9px 2px}.segmented.lanes [aria-pressed=true] .lane-glyph{background:currentColor;box-shadow:0 0 10px var(--glow)}.lane-caption{font:10px var(--mono);color:var(--muted);letter-spacing:.04em}.toolbar-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}.toolbar-label{display:inline-flex;align-items:center;gap:6px;font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ghost-picker{display:flex;align-items:center;gap:9px}.ghost-glyph{width:8px;height:10px;border-radius:4px 4px 1px 1px;background:var(--secondary);opacity:.6}.heading-tools{display:flex;align-items:center;gap:22px}.split-readout{display:flex;align-items:baseline;gap:8px;font-family:var(--mono)}.split-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.split{font-size:17px;font-variant-numeric:tabular-nums;color:var(--secondary);min-width:5.5ch;text-align:right;transition:color .2s}.split[data-lead=ahead]{color:var(--accent);text-shadow:0 0 18px var(--glow)}.split[data-lead=behind]{color:color-mix(in oklab,var(--error) 70%,var(--secondary))}.ghost-caret{position:absolute;left:0;top:0;width:2px;height:29px;margin-top:-14.5px;border-radius:1px;pointer-events:none;background:var(--secondary);opacity:.5;box-shadow:0 0 12px var(--secondary);transition:transform .11s linear,opacity .2s,height .2s,width .2s}.ghost-tag{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--secondary);white-space:nowrap}.ghost-caret[data-edge=above],.ghost-caret[data-edge=below]{width:34px;height:2px;margin:-1px 0 0 -16px;opacity:.8;box-shadow:0 0 14px 2px var(--secondary)}.ghost-caret[data-edge=below]{margin-top:-3px}.ghost-caret[data-edge=below] .ghost-tag{bottom:calc(100% + 4px)}.ghost-caret[data-edge=above] .ghost-tag{bottom:auto;top:calc(100% + 4px)}.typing-surface[data-resting] .ghost-caret,html[data-state=ready] .ghost-caret{opacity:0}.progress-track{position:relative}.ghost-mark{position:absolute;inset:0;pointer-events:none;transition:transform .11s linear}.ghost-mark:after{content:"";position:absolute;left:-1px;top:-3px;width:2px;height:8px;border-radius:1px;background:var(--secondary);box-shadow:0 0 8px var(--secondary)}.finish-button{display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 8px 0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface-raised);font:11px var(--mono);color:var(--text);letter-spacing:.06em;transition:border-color .2s,color .2s,opacity .2s}.finish-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.finish-button:disabled{opacity:.35}.practice-brief{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.target-chip{font:14px var(--mono);padding:3px 11px 4px;border-radius:7px;border:1px solid color-mix(in oklab,var(--error) 35%,transparent);background:color-mix(in oklab,var(--error) 10%,var(--bg));color:var(--text);letter-spacing:.04em;transition:transform .15s,border-color .15s}.target-chip[data-kind=pair]{letter-spacing:.12em}.target-chip:hover{transform:translateY(-1px);border-color:var(--error)}.why-button{background:none;border:0;padding:4px;font-size:11px;color:var(--muted);text-decoration:underline dotted;text-underline-offset:4px}.why-button:hover{color:var(--accent)}.brief-text{font-size:11px;color:var(--secondary)}.brief-text strong{color:var(--accent);font-family:var(--mono);font-weight:500}.calibration-meter{width:72px;height:3px;border-radius:2px;background:var(--border);overflow:hidden}.calibration-meter i{display:block;height:100%;background:var(--accent);transform-origin:left;transition:transform .4s ease}.comfort-brief{margin:0;font-size:12px;color:var(--secondary);line-height:1.6}.comfort-brief span{color:var(--muted);text-decoration:underline dotted;text-underline-offset:4px;cursor:help}.result-inline{font-size:11px;color:var(--secondary);margin-top:2px}.result-inline strong{font:14px var(--mono);color:var(--text);margin-left:6px}#result-versus[data-lead=ahead]{color:var(--accent)}#result-versus[data-lead=behind]{color:color-mix(in oklab,var(--error) 70%,var(--text))}.results[data-best] #result-wpm{text-shadow:0 0 34px var(--glow)}.results[data-best] #results-title{color:var(--accent)}.best-star{width:9px;height:9px;background:var(--accent);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:star-turn 2.4s ease-in-out infinite}.chart-key i{display:inline-block;width:14px;border-top:1px dashed var(--secondary);vertical-align:middle;margin:0 2px}#ghost-line{stroke:var(--secondary);stroke-width:1.2;stroke-dasharray:4 4;fill:none;opacity:.75;vector-effect:non-scaling-stroke}.target-report{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:12px;color:var(--secondary)}.target-report li{display:grid;grid-template-columns:44px auto auto;gap:14px;align-items:baseline}.target-report code{font:15px var(--mono);color:var(--text);letter-spacing:.08em}.target-report s{color:var(--muted)}.target-report strong{font:13px var(--mono);color:var(--text)}.target-report li[data-better] strong{color:var(--accent)}.target-speed{color:var(--muted)}.calibration-note{margin:0;max-width:360px;font-size:12px;line-height:1.7;color:var(--secondary)}.calibration-note strong{color:var(--accent);font-family:var(--mono);font-weight:500}.results-comfort #result-wpm{color:var(--text)}.recap-button{margin-top:18px;background:none;border:1px dashed var(--border);border-radius:8px;padding:9px 14px;font:11px var(--mono);color:var(--secondary);letter-spacing:.04em}.recap-button:hover{color:var(--accent);border-color:var(--accent)}dialog.insights{width:min(640px,calc(100% - 32px))}.key-heat{display:grid;gap:6px;margin:22px 0 12px;justify-content:center}.key-row{display:flex;gap:6px;padding-left:calc(var(--row) * 18px)}.heat-key{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:8px;font:13px var(--mono);color:var(--text);background:color-mix(in oklab,var(--error) calc(var(--trouble) * 62%),var(--surface-raised));border:1px solid var(--border);box-shadow:0 0 calc(var(--trouble) * 22px) color-mix(in oklab,var(--error) calc(var(--trouble) * 40%),transparent)}.heat-key:after{content:"";position:absolute;left:8px;right:8px;bottom:5px;height:2px;border-radius:1px;background:var(--text);opacity:.7;transform:scaleX(var(--slow));transform-origin:left}.heat-key[data-sparse]{background:transparent;border-style:dashed;color:var(--muted);box-shadow:none}.heat-legend{display:flex;align-items:center;justify-content:center;gap:8px;font:9px var(--mono);color:var(--muted);letter-spacing:.06em}.legend-ramp{width:64px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--surface-raised),var(--error))}.legend-slow{width:16px;height:2px;margin-left:14px;background:var(--text);opacity:.7}.insight-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:22px}.insight-columns h3{margin:0 0 12px;font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:400}.weak-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.weak-list li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:baseline}.weak-list code{font:14px var(--mono);color:var(--error);letter-spacing:.06em}.weak-list span{font-size:12px;line-height:1.55;color:var(--secondary)}.word-chips{display:flex;flex-wrap:wrap;gap:6px}.word-chips span{font:12px var(--mono);padding:3px 8px;border-radius:6px;background:var(--bg);border:1px solid var(--border);color:var(--correct)}dialog .insight-empty{margin:0;font-size:12px}dialog .insight-fine{font-size:11px;color:var(--muted);margin:22px 0 14px}.reset-stats{background:none;border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:11px;color:var(--secondary);transition:color .15s,border-color .15s}.reset-stats:hover:not(:disabled),.reset-stats.confirming{color:var(--error);border-color:var(--error)}.reset-stats:disabled{opacity:.4}html[data-lane=comfort] .char.incorrect,html[data-lane=comfort] .char.extra{background:none;color:color-mix(in oklab,var(--error) 50%,var(--untyped));text-decoration:underline wavy color-mix(in oklab,var(--error) 45%,transparent);text-decoration-thickness:1px}html[data-lane=comfort] .char.missed{color:var(--untyped);text-decoration-color:color-mix(in oklab,var(--error) 35%,transparent)}html[data-lane=comfort] .progress-track{opacity:0}.token{--token: var(--secondary);display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;font:14px/1 var(--mono);color:var(--bg);background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--token) 70%,white),var(--token) 60%,color-mix(in oklab,var(--token) 70%,black));box-shadow:0 0 0 1px color-mix(in oklab,var(--token) 50%,transparent),0 4px 14px color-mix(in oklab,var(--token) 30%,transparent)}.token[data-size=sm]{width:22px;height:22px;font-size:9px;letter-spacing:-.06em}.token{letter-spacing:-.04em}.token[data-size=lg]{width:52px;height:52px;font-size:24px}.token[data-you]{--token: var(--accent);box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--accent),0 0 18px var(--glow)}.account-chip{display:flex;align-items:center;gap:9px;height:38px;padding:0 12px 0 6px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text);transition:background .15s,border-color .15s}.account-chip:hover{background:var(--surface-raised);border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.account-name{font-size:12px;white-space:nowrap}.account-state{font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.name-plate{display:flex;align-items:center;gap:16px;margin:22px 0 6px;padding:16px;border-radius:14px;background:var(--bg);border:1px solid var(--border)}.name-plate strong{display:block;font-size:20px;font-weight:500;letter-spacing:-.02em}.name-plate span:not(.token){font-size:11px;color:var(--muted)}.provider-list{display:grid;gap:8px;margin:18px 0 6px}.provider-button{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);font-size:13px;transition:border-color .15s,transform .15s}.provider-button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.provider-button:disabled{opacity:.6}.form-problem{color:var(--error)!important}.text-button{background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;text-underline-offset:3px;font:inherit}.lane-race{border-radius:0;border-width:0 0 0 0;width:11px;height:9px;background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 5px);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%)}.race-button{display:inline-flex;align-items:center;gap:10px;height:38px;padding:0 16px 0 18px;border:0;border-radius:999px;font:12px var(--mono);letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);box-shadow:0 8px 28px var(--glow);transition:transform .15s,box-shadow .15s}.race-button:hover{transform:translateY(-1px);box-shadow:0 12px 34px var(--glow)}.race-button span{transition:transform .2s}.race-button:hover span{transform:translate(3px)}.race-button[data-quiet]{background:var(--surface-raised);color:var(--text);box-shadow:none;border:1px solid var(--border)}.race-status{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.race-home{min-height:calc(var(--line-height) * 3 + 15px);display:grid;gap:18px;align-content:start}.ladder{position:relative;padding-top:6px}.ladder-track{position:relative;height:74px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,transparent calc(25% - .5px),var(--border) calc(25% - .5px) calc(25% + .5px),transparent calc(25% + .5px) calc(50% - .5px),var(--border) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px) calc(75% - .5px),var(--border) calc(75% - .5px) calc(75% + .5px),transparent calc(75% + .5px))}.ladder-bot{position:absolute;bottom:0;transform:translate(-50%);width:26px;height:100%;padding:0;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.ladder-bot[data-row="1"] .token{margin-bottom:30px}.ladder-bot .token{margin-bottom:4px;transition:transform .2s;filter:saturate(.8);opacity:.82}.ladder-bot:hover .token,.ladder-bot[aria-pressed=true] .token{transform:translateY(-4px) scale(1.18);opacity:1;filter:none}.ladder-band{position:absolute;bottom:-2px;left:50%;width:calc(var(--band) * 2 * 10.4);max-width:60px;height:3px;transform:translate(-50%);border-radius:2px;background:var(--token);opacity:.5}.ladder-bot[data-beaten] .token:after{content:"✓";position:absolute;transform:translate(10px,-10px);font-size:9px;color:var(--accent)}.ladder-you{position:absolute;top:-4px;bottom:-6px;width:0;border-left:1px dashed var(--accent);pointer-events:none}.ladder-you span{position:absolute;top:-8px;left:6px;font:9px var(--mono);color:var(--accent);white-space:nowrap;letter-spacing:.06em}.ladder-scale{display:flex;justify-content:space-between;margin-top:6px;font:9px var(--mono);color:var(--muted)}.race-home-split{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:center}.bot-card{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in oklab,var(--token) 30%,var(--border));background:linear-gradient(110deg,color-mix(in oklab,var(--token) 10%,var(--bg)),var(--bg) 70%);min-height:86px}.bot-card strong{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}.bot-band{display:block;font:10px var(--mono);color:var(--muted);margin:3px 0 5px;letter-spacing:.04em}.bot-note{margin:0;font-size:13px;line-height:1.5;color:var(--secondary)}.bot-card>div{flex:1;min-width:0}.challenge-toggle{align-self:center;flex:none;padding:7px 13px;border-radius:999px;border:1px solid color-mix(in oklab,var(--token) 55%,var(--border));background:transparent;color:var(--text);font:11px var(--mono);letter-spacing:.06em;transition:background .15s,color .15s}.challenge-toggle:hover:not(:disabled){background:color-mix(in oklab,var(--token) 18%,transparent)}.challenge-toggle[aria-pressed=true]{background:var(--token);color:var(--bg);border-color:var(--token)}.challenge-toggle:disabled{opacity:.4}.ladder-bot[data-picked] .token{opacity:1;filter:none;box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--token),0 0 18px var(--token)}.picked-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.picked-chip{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 4px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:12px}.picked-chip>span:last-child{color:var(--muted);margin-left:2px}.picked-chip:hover>span:last-child{color:var(--error)}.picked-hint{font:10px var(--mono);color:var(--muted)}.caret-toggle{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font:10px var(--mono);letter-spacing:.06em}.caret-toggle i{width:2px;height:12px;border-radius:1px;background:currentColor;box-shadow:4px 0 0 -.5px currentColor;opacity:.7}.caret-toggle[aria-pressed=true]{color:var(--text);border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.caret-toggle[aria-pressed=true] i{background:var(--accent);box-shadow:4px 0 0 -.5px var(--accent);opacity:1}.rename-form{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rename-form input{flex:1;min-width:140px;height:38px;padding:0 12px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:15px var(--sans)}.rename-form input:focus{outline:2px solid var(--focus);outline-offset:1px}.rename-form .provider-button{padding:8px 14px}.race-record{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--secondary)}.race-record p{margin:0;line-height:1.6}.record-stat strong{font:20px var(--mono);color:var(--text);margin-right:5px}.race-lobby{min-height:calc(var(--line-height) * 3 + 15px);display:grid;align-content:center;gap:20px}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.seat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;border-radius:14px;border:1px dashed var(--border);font-size:12px;color:var(--muted);text-align:center}.seat[data-filled]{border-style:solid;color:var(--text);background:var(--bg);animation:seat-in .35s ease-out}.seat[data-you]{border-color:color-mix(in oklab,var(--accent) 50%,var(--border))}.seat[data-empty] .token{opacity:.35;filter:grayscale(.6) blur(.4px)}.lobby-note{margin:0;text-align:center;font:11px var(--mono);color:var(--secondary);letter-spacing:.04em}.lobby-note span{color:var(--accent)}.surface-stack{position:relative}.race-intro{position:absolute;inset:-6px -8px 0;display:grid;align-content:center;justify-items:center;gap:10px;border-radius:12px;background:color-mix(in oklab,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.field{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;padding:0 6px}.field-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border-radius:12px;background:var(--bg);border:1px solid var(--border);text-align:center;animation:field-in .45s cubic-bezier(.2,.9,.3,1.3) backwards;animation-delay:calc(var(--i) * .14s)}.field-card[data-you]{border-color:color-mix(in oklab,var(--accent) 50%,var(--border))}.field-card strong{font-size:12px;font-weight:600}.field-sub{font:9px var(--mono);color:var(--muted);letter-spacing:.04em}.field-note{margin:2px 0 0;font-size:11px;line-height:1.45;color:var(--secondary)}.intro-note{margin:4px 0 0;font:10px var(--mono);color:var(--muted);letter-spacing:.06em}.countdown{min-width:3.2ch;text-align:right;font:600 30px/1 var(--mono);color:var(--accent);text-shadow:0 0 30px var(--glow);letter-spacing:-.03em;text-transform:uppercase}.countdown[data-beat$=s],.countdown[data-beat=read]{font-size:13px;letter-spacing:.2em;font-weight:500;color:var(--secondary);text-shadow:none}.big-count{position:absolute;z-index:3;top:clamp(4px,1.5vw,14px);left:clamp(8px,2.5vw,28px);pointer-events:none;font:700 clamp(64px,11vw,132px)/1 var(--mono);letter-spacing:-.04em;color:var(--accent);text-shadow:0 0 48px var(--glow),0 0 14px var(--glow)}.big-count.beat{animation:big-beat .95s ease-out forwards}.big-count[data-beat=go]{color:var(--text);text-transform:uppercase;text-shadow:0 0 40px var(--glow);animation:big-go .65s ease-out forwards}.countdown.beat{animation:count-beat .9s ease-out}.countdown[data-beat=go]{text-transform:uppercase}.tally-note{margin:10px 0 0;text-align:center;font:11px var(--mono);color:var(--secondary);letter-spacing:.04em;animation:caret-breathe 1.6s ease-in-out infinite}.race-rail{position:relative;height:calc(var(--rows) * 20px);margin:-8px 0 16px}.rail-row{position:absolute;left:0;right:0;top:0;height:20px;display:grid;grid-template-columns:30px 1fr 130px;align-items:center;gap:10px;transition:transform .35s cubic-bezier(.3,.8,.3,1)}.rail-place{font:9px var(--mono);color:var(--muted);letter-spacing:.06em}.rail-lane{position:relative;height:2px;border-radius:1px;background:var(--border)}.rail-lane:before{content:"";position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--progress, 0));background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--secondary) 40%,transparent))}.rail-row[data-you] .rail-lane:before{background:linear-gradient(90deg,transparent,var(--accent))}.rail-runner{position:absolute;inset:0;transform:translate(calc(var(--progress, 0) * 100%));transition:transform .12s linear}.rail-runner .token{position:absolute;left:-11px;top:-10px}.rail-name{font-size:10px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-row[data-you] .rail-name,.rail-row[data-you] .rail-place{color:var(--accent)}.rail-row[data-left]{opacity:.45}.ghost-caret{background:var(--rival, var(--secondary));box-shadow:0 0 12px var(--rival, var(--secondary))}.ghost-caret .ghost-tag{color:var(--rival, var(--secondary))}.race-results{height:auto;min-height:calc(var(--line-height) * 3 + 15px)}.podium-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.race-results[data-won] #results-title{color:var(--accent)}.podium-you{font:12px var(--mono);color:var(--secondary)}.podium-you #result-wpm{font:500 28px var(--mono);color:var(--text);letter-spacing:-.02em;line-height:1}.race-results[data-won] .podium-you #result-wpm{color:var(--accent)}.ghost-caret[data-rival^=seat-] .ghost-tag{font-size:11px;letter-spacing:0;text-transform:none}.podium{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;max-width:560px;margin:14px auto 6px}.podium-step{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;grid-row:1;grid-column:2}.podium-step[data-place="2"]{grid-column:1}.podium-step[data-place="3"]{grid-column:3}.podium-name{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-wpm{font:13px var(--mono);color:var(--secondary)}.podium-step[data-you] .podium-name,.podium-step[data-you] .podium-wpm{color:var(--accent)}.podium-block{width:100%;display:grid;place-items:start center;padding-top:8px;border-radius:10px 10px 0 0;font:600 18px var(--mono);color:var(--muted);background:linear-gradient(180deg,var(--surface-raised),var(--bg));border:1px solid var(--border);border-bottom:0;transform-origin:bottom;animation:podium-rise .6s cubic-bezier(.2,.9,.3,1.15) backwards}.podium-step[data-place="1"] .podium-block{height:74px;color:var(--accent);background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 22%,var(--surface-raised)),var(--bg));animation-delay:.45s}.podium-step[data-place="2"] .podium-block{height:52px;animation-delay:.25s}.podium-step[data-place="3"] .podium-block{height:36px;animation-delay:.05s}.podium-step[data-you] .podium-block{box-shadow:inset 0 0 0 1px var(--accent)}.podium-rest{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--muted)}.podium-rest[data-you]{color:var(--accent)}.left-tag{font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--error)}.clock-cap{margin-left:10px;align-self:center;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.race-source{margin:12px 0 0;text-align:right;font:11px/1.5 var(--mono);color:var(--muted)}.race-source:before{content:"— "}.quote-meta{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin-top:10px}.quote-meta .race-source{margin:0 0 0 auto}.quote-ghost{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 9px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--secondary);font:11px var(--mono);letter-spacing:.03em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.quote-ghost svg{width:16px;height:16px;fill:currentColor}.quote-ghost svg circle{fill:var(--surface)}.quote-ghost:hover:not(:disabled){color:var(--accent);border-color:color-mix(in oklab,var(--accent) 45%,var(--border))}.quote-ghost[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.quote-ghost:disabled{opacity:.45;cursor:default}.quote-ghost:disabled svg{opacity:.7}.race-rail[data-format=quote] .rail-row{grid-template-columns:30px 1fr 120px 64px}.race-rail[data-format=quote] .rail-lane{margin-right:12px}.rail-finish{font:9px var(--mono);color:var(--correct);letter-spacing:.04em;white-space:nowrap;font-variant-numeric:tabular-nums}.rail-row[data-finished] .rail-place{color:var(--correct)}.podium-time{font:11px var(--mono);color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums}.podium-time[data-dnf]{letter-spacing:.12em;color:var(--error)}.podium-step[data-you] .podium-time:not([data-dnf]){color:var(--accent)}.podium-pending{list-style:none;margin:14px auto 0;padding:0;max-width:560px;display:grid;gap:8px}.pending-row{display:grid;grid-template-columns:auto minmax(0,9em) 1fr auto;align-items:center;gap:10px;font-size:12px;color:var(--secondary)}.pending-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-bar{height:4px;border-radius:4px;background:color-mix(in oklab,var(--text) 10%,transparent);overflow:hidden}.pending-bar i{display:block;height:100%;border-radius:inherit;background:var(--accent);opacity:.7;transform-origin:left;transform:scaleX(var(--progress, 0));transition:transform .3s linear}.pending-label{font:11px var(--mono);letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pending-row[data-gone] .pending-label{color:var(--error)}.podium-note{margin:16px auto 0;max-width:560px;text-align:center;font:11px/1.6 var(--mono);color:var(--muted)}.race-results[data-provisional] #results-title:after{content:"";display:inline-block;width:6px;height:6px;margin-left:10px;border-radius:50%;background:var(--accent);vertical-align:middle;animation:pending-pulse 1.4s ease-in-out infinite}@keyframes pending-pulse{50%{opacity:.25}}.ranked-controls .race-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.policy{max-width:720px;margin:0 auto;padding:64px 0 40px}.policy h1{margin-bottom:22px}.policy-lede{font-size:17px;line-height:1.7;color:var(--text);margin:0 0 18px}.policy-section{padding:26px 0 8px;border-top:1px solid var(--border);margin-top:18px}.policy-section h2{margin:0 0 12px;font:11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:400}.policy-section p{font-size:15px;line-height:1.75;color:var(--secondary);margin:0 0 14px}.policy-section strong{color:var(--text);font-weight:600}.policy code{font:13px var(--mono);color:var(--text);background:var(--surface-raised);padding:1px 6px;border-radius:5px}.policy a,.insight-fine a{color:var(--accent);text-underline-offset:3px}.policy-back,.footer-link{font:11px var(--mono);letter-spacing:.06em;color:var(--secondary);text-decoration:none}.policy-back:hover,.footer-link:hover{color:var(--accent)}.footer-help{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer}.footer-help svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.account-chip{text-decoration:none}.profile-rename{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.profile-hero-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.profile-hero-links .text-button{font-size:.85rem;cursor:pointer}.account-actions{display:flex;gap:10px;flex-wrap:wrap}html[data-text-size=small]{--type-scale: .8}html[data-text-size=medium]{--type-scale: .9}html[data-text-size=xlarge]{--type-scale: 1.13}dialog.settings{width:min(620px,calc(100% - 32px))}.settings-group{display:grid;gap:14px;margin-top:22px}.settings-group-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.settings-group-head h3{margin:0;font:600 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--secondary)}.settings-group-head span{font:11px var(--mono);color:var(--accent)}.size-preview{--line-height: calc(60px * var(--type-scale));padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 55%,var(--surface))}.size-preview-viewport{height:calc(var(--line-height) * 2);overflow:hidden;transition:height .18s ease}.size-preview .words{transition:font-size .18s ease,line-height .18s ease}.size-preview .word{position:relative}.size-preview-caret{display:inline-block;width:2px;margin:0 -1px;vertical-align:middle;height:calc(35px * var(--type-scale));background:var(--accent);border-radius:1px;animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{50%{opacity:0}}.size-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.size-option{display:grid;justify-items:center;gap:4px;padding:10px 6px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--secondary);font:11px var(--mono);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.size-option:hover,.size-option:focus-visible{color:var(--text);border-color:color-mix(in oklab,var(--accent) 40%,var(--border));outline:none}.size-option[aria-checked=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.size-glyph{font-family:var(--mono);line-height:1.2;color:inherit}.settings-note{margin:0;font-size:11px;color:var(--muted)}@media(max-width:520px){.size-preview{--line-height: calc(48px * var(--type-scale));padding:12px}.size-preview .words{font-size:calc(22px * var(--type-scale))}.size-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.size-preview-caret{animation:none}}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:18px;padding:28px;width:min(500px,calc(100% - 32px));box-shadow:0 20px 90px var(--backdrop)}dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}dialog h2{font-size:24px;font-weight:500;letter-spacing:-.04em;margin:0}dialog p,dialog dd{color:var(--secondary);font-size:13px;line-height:1.7}dialog dl{display:grid;grid-template-columns:95px 1fr;gap:16px;margin:24px 0}dialog dt{font:11px/1.7 var(--mono);color:var(--accent)}dialog dd{margin:0}dialog summary{font-size:12px;cursor:pointer}}@layer states{.intro,.header-label,.quiet-note,.speed-lines{transition:opacity .3s}html[data-state=running] .intro{opacity:.4}html[data-state=running] .header-label,html[data-state=running] .quiet-note{opacity:.3}html[data-state=running] .segmented{opacity:.55}html[data-state=ready] .caret{animation:caret-blink 1.1s step-end infinite}html[data-state=finished] .results{animation:result-in .3s ease-out}html[data-state=finished] .restart-button{color:var(--accent)}html[data-state=running][data-lane=comfort] .caret{animation:caret-breathe 3.6s ease-in-out infinite}html[data-state=running] .segmented.lanes{opacity:.45}@keyframes seat-in{0%{opacity:0;transform:scale(.92)}}@keyframes field-in{0%{opacity:0;transform:translateY(14px) scale(.9)}}@keyframes big-beat{0%{opacity:0;transform:scale(1.9)}20%{opacity:1;transform:scale(1)}to{opacity:.35;transform:scale(.92)}}@keyframes big-go{0%{opacity:0;transform:scale(.8)}25%{opacity:1;transform:scale(1.08)}to{opacity:0;transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.big-count.beat,.big-count[data-beat=go]{animation:none}.big-count[data-beat=go]{opacity:.8}}@keyframes count-beat{0%{opacity:0;transform:scale(1.7)}22%{opacity:1;transform:scale(1)}to{opacity:.55;transform:scale(.94)}}@keyframes podium-rise{0%{transform:scaleY(0)}}@keyframes caret-breathe{50%{opacity:.45}}@keyframes star-turn{50%{transform:rotate(45deg) scale(.8)}}@keyframes caret-blink{50%{opacity:0}}@keyframes result-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.intro{padding-top:85px}}@media(max-width:760px){.test-toolbar{flex-wrap:wrap;justify-content:center}.toolbar-group{justify-content:center}.test-toolbar{gap:12px}.practice-brief{justify-content:center}.comfort-brief{text-align:center}.test-toolbar>*{flex:0 1 auto}.passage-source{max-width:100%;text-align:center}}@media(max-width:800px){.site-shell{padding:0 28px}.site-header{height:85px}.header-label{display:none}.intro{padding-top:52px}.speed-lines{right:9px;top:75px;gap:8px}.speed-lines i{height:66px;width:12px}.test-body{padding-inline:18px}:root{--line-height: calc(54px * var(--type-scale))}.words{font-size:calc(26px * var(--type-scale))}.caret{height:calc(31px * var(--type-scale))}}@media(max-width:520px){:root{--line-height: calc(48px * var(--type-scale))}.site-shell{padding:0 18px}.site-header{height:77px}.brand{font-size:22px}.intro{padding:40px 0 30px}.intro h1{font-size:48px;margin-top:18px}.intro p{font-size:12px;max-width:260px;line-height:1.7}.speed-lines{display:none}.test-toolbar{padding:12px;gap:9px}.segmented button{padding:0 10px;font-size:11px}#length-picker button{min-width:40px}.test-body{padding:22px 18px 13px}.words{font-size:calc(22px * var(--type-scale))}.caret{height:calc(27px * var(--type-scale))}.run-heading{margin-bottom:18px}#run-label{font-size:8px;letter-spacing:.08em}.caret{height:25px}.under-stage{gap:20px}.practice-label{font-size:8px;text-align:right;line-height:1.5}.under-stage>span{gap:4px}.quiet-note{margin-top:28px}.footer-tag{font-size:8px}.result-summary{gap:28px}#result-wpm{font-size:48px}.result-detail{column-gap:13px;row-gap:8px}.primary-result{gap:8px}#pace-chart{height:36px}.lane-caption{display:none}.lane-bar{justify-content:center}.segmented.lanes button{padding:0 11px 0 10px;gap:7px}.heading-tools{gap:12px}.split{font-size:15px}.split-label{display:none}.insight-columns{grid-template-columns:1fr;gap:18px}.key-heat,.key-row{gap:4px}.key-row{padding-left:calc(var(--row) * 12px)}.heat-key{width:27px;height:32px;font-size:12px;border-radius:6px}.heat-key:after{left:6px;right:6px;bottom:4px}.target-report li{grid-template-columns:34px auto}.target-speed,.account-name,.account-state{display:none}.account-chip{padding:0 6px}.race-home-split{grid-template-columns:1fr}.seats,.field{grid-template-columns:repeat(2,1fr)}.field-card q{display:none}.race-intro{inset:-6px -6px -40px}.rail-row{grid-template-columns:26px 1fr 70px}.race-rail[data-format=quote] .rail-row{grid-template-columns:26px 1fr 52px 54px}.clock-cap{margin-left:6px;font-size:9px}.podium-you #result-wpm{font-size:22px}.pending-row{grid-template-columns:auto minmax(0,1fr) auto}.pending-bar{grid-column:1 / -1;grid-row:2}.segmented.lanes button{padding:0 8px;gap:5px;font-size:11px}.lane-glyph{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}}@layer components{.profile-link{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px 0 11px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--secondary);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:color .15s,background .15s,border-color .15s}.profile-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.profile-link:hover{color:var(--accent);background:var(--surface-raised);border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.section-title h2,.profile-section h2{margin:8px 0 16px;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:500;letter-spacing:-.04em}.ranked-controls{padding:8px 0 28px;margin-bottom:24px;border-bottom:1px solid var(--border)}.rank-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:1060px){.rank-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.rank-card{display:flex;align-items:center;gap:8px;min-width:0;padding:18px 12px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,var(--surface-raised),var(--surface))}.rank-card h3{margin:6px 0;font-size:1.1rem}.rank-card p,.rank-card small{font-size:.7rem;color:var(--secondary);line-height:1.5}.rank-card .eyebrow{font-size:.58rem}.rank-badge{width:85px;flex-shrink:0;overflow:visible;filter:drop-shadow(0 5px 12px color-mix(in srgb,var(--rank-color) 18%,transparent))}.badge-frame{fill:none;stroke:var(--rank-color);stroke-width:1.5;opacity:.7}.badge-base{fill:color-mix(in srgb,var(--rank-color) 40%,#12131b);stroke:var(--rank-color);stroke-width:2}.badge-face{fill:color-mix(in srgb,var(--rank-color) 18%,#12131b);stroke:var(--rank-color);stroke-width:.7}.badge-caret{fill:none;stroke:var(--rank-color);stroke-width:3;stroke-linecap:round}.badge-mark,.badge-keys,.badge-crown{fill:var(--rank-color)}.muted{color:var(--secondary);font-size:.8rem;line-height:1.7}.rank-confirm{max-width:480px;width:calc(100% - 32px);padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text)}.rank-confirm::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rank-confirm h2{margin:0 0 20px}.rank-confirm p{font-size:.9rem;line-height:1.7;color:var(--secondary)}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.profile-actions button,.private-room button,.rank-confirm button{padding:10px 16px;border:1px solid var(--border);border-radius:9px;background:var(--surface-raised);color:var(--text);cursor:pointer}.profile-actions button:disabled,.private-room button:disabled{opacity:.45;cursor:default}.private-room{margin:22px 0;padding:24px;border:1px solid var(--border);border-radius:18px;background:color-mix(in oklab,var(--surface) 66%,transparent);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.room-link{display:grid;gap:8px;font-size:.8rem;color:var(--secondary)}.room-link input{width:100%;min-width:0;box-sizing:border-box;background:var(--bg);color:var(--text);padding:12px;border:1px solid var(--border);border-radius:8px}.room-members{list-style:none;padding:0;display:grid;gap:10px}.room-members li{display:flex;justify-content:space-between;font-size:.85rem}.room-members span{color:var(--accent)}.drop-result{margin:16px 0;font-size:.8rem}.rail-row[data-you] .rail-lane:before{transition:height .5s,filter .5s,background .5s}.rail-row[data-you][data-leading=true] .rail-lane:before{height:calc(3px + var(--lead-strength) * 5px);top:-2px;background:linear-gradient(90deg,transparent,var(--accent),var(--correct));clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);filter:drop-shadow(0 0 6px var(--accent));animation:lead-breathe 1.5s ease-in-out infinite alternate}@keyframes lead-breathe{to{opacity:.55;filter:drop-shadow(0 0 12px var(--accent))}}.profile-page{padding:35px 0 60px}.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 48px}.profile-hero h1{font-size:clamp(2.4rem,6vw,4.5rem);overflow-wrap:anywhere;letter-spacing:-.07em;margin:16px 0}.profile-hero p,.profile-hero a{font-size:.85rem;color:var(--secondary)}.profile-hero>.token{width:90px;height:90px;font-size:2rem;flex-shrink:0}.profile-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0;padding:24px 0;border-block:1px solid var(--border)}.profile-summary>div{display:grid;gap:8px;text-align:center}.profile-summary strong{font-size:2.3rem;font-weight:400;font-variant-numeric:tabular-nums}.profile-summary span{color:var(--secondary);font-size:.75rem}.profile-summary strong span{font:inherit;color:var(--text)}.profile-section{padding:28px;margin:20px 0;border:1px solid var(--border);border-radius:20px;background:color-mix(in oklab,var(--surface) 66%,transparent);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);animation:profile-arrive .6s ease both}.profile-section:nth-of-type(2n){animation-delay:.1s}.profile-section:nth-of-type(3n){animation-delay:.2s}@keyframes profile-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.profile-filters{display:flex;gap:12px;flex-wrap:wrap}.profile-filters label{display:grid;gap:5px;color:var(--secondary);font-size:.65rem}.profile-filters select{background:var(--surface-raised);color:var(--text);padding:8px;border:1px solid var(--border);border-radius:6px}.history-chart{width:100%;overflow:visible}.history-chart text{fill:var(--secondary);font-size:11px}.chart-grid{stroke:var(--border);fill:none}.history-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-dasharray:5000;animation:chart-draw 1.8s ease both}.chart-dot{fill:var(--accent)}.chart-best{fill:var(--text);stroke:var(--accent);stroke-width:3}.rank-window{fill:var(--accent);opacity:.08}@keyframes chart-draw{0%{stroke-dashoffset:5000}to{stroke-dashoffset:0}}.activity-calendar{display:grid;grid-template-columns:repeat(30,1fr);gap:5px;margin:22px 0}.activity-calendar span{aspect-ratio:1;border-radius:3px;background:var(--surface-raised);border:1px solid var(--border)}.activity-calendar span[data-active=true]{background:var(--accent);box-shadow:0 0 10px var(--glow)}.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.record-grid button{display:grid;gap:14px;text-align:left;padding:20px;background:var(--surface-raised);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;transition:transform .2s,border-color .2s}.record-grid button:hover{transform:translateY(-3px);border-color:var(--accent)}.record-grid strong{font-size:1.8rem}.record-grid span,.record-grid small{font-size:.75rem;color:var(--secondary)}.bot-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bot-collection>div{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:10px;flex-wrap:wrap}.bot-collection span:not(.token){font-size:.75rem;flex:1}.bot-collection small{color:var(--muted);font-size:.6rem}.bot-collection [data-beaten=true]{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.bot-collection [data-beaten=true] small{color:var(--accent)}.rival-records{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:20px}.rival-records p{display:flex;justify-content:space-between;gap:12px;font-size:.75rem}.rival-records span{color:var(--secondary)}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.profile-columns p{color:var(--secondary);font-size:.85rem;line-height:1.8}.race-history details{border-top:1px solid var(--border);padding:14px 0}.race-history summary{display:flex;gap:15px;align-items:center;cursor:pointer;font-size:.8rem;flex-wrap:wrap}.race-history summary>span:first-child{min-width:95px}.race-history small{color:var(--secondary)}.race-history time{margin-left:auto;color:var(--secondary);font-size:.7rem}.race-drop{font-size:.72rem}.race-drop small{color:var(--muted)}.race-history details p{font-size:.8rem;color:var(--secondary);line-height:1.8}.empty-state{padding:40px 0;color:var(--secondary);text-align:center}@media(max-width:700px){.rank-card{padding:12px 14px}.rank-badge{width:72px}.profile-summary{grid-template-columns:1fr 1fr;gap:24px}.bot-collection{grid-template-columns:1fr 1fr}.profile-section{padding:20px 16px}.profile-columns,.rival-records{grid-template-columns:1fr}.activity-calendar{grid-template-columns:repeat(15,1fr)}.profile-hero>.token{width:56px;height:56px;font-size:1.3rem}.ranked-controls .section-title{align-items:flex-start}}@media(max-width:520px){.header-actions{gap:6px}.header-actions .icon-button{width:34px;height:34px}.profile-label{display:none}.profile-link{width:34px;height:34px;padding:0;justify-content:center;border-radius:10px}.rank-card{flex-direction:column;text-align:center;gap:2px;padding:12px 8px}.rank-badge{width:56px}.rank-card h3{font-size:1rem;margin:4px 0}.rank-card .eyebrow{display:block}}@media(prefers-reduced-motion:reduce){.rail-row[data-you][data-leading=true] .rail-lane:before,.history-line,.profile-section{animation:none}.record-grid button{transition:none}.record-grid button:hover{transform:none}}.profile-section[data-revealed=false]{opacity:0;transform:translateY(20px);animation:none}.profile-section[data-revealed=true]{animation:profile-arrive .6s ease both}@media(prefers-reduced-motion:reduce){.profile-section[data-revealed]{opacity:1;transform:none;animation:none}}.rank-guide{margin-top:18px;color:var(--secondary);font-size:.8rem}.rank-guide summary{cursor:pointer}.rank-guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.rank-guide-grid>div{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid var(--border);border-radius:12px}.rank-guide-grid strong{color:var(--text);font-size:.8rem}.rank-guide-grid span{font-size:.65rem}.rank-guide-grid .rank-badge{width:68px}@media(max-width:700px){.rank-guide-grid{grid-template-columns:repeat(2,1fr)}}.profile-shell a{color:var(--secondary);text-decoration-color:var(--border);text-underline-offset:4px}.profile-shell a:hover{color:var(--accent)}.profile-shell a.brand{color:var(--text);text-decoration:none}.profile-shell a.policy-back{text-decoration:none}.profile-ranks-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}.profile-ranks-head h2{margin:6px 0 0;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:500;letter-spacing:-.035em}.rank-ladder-button{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px 0 14px;border-radius:999px;border:1px solid color-mix(in oklab,var(--accent) 42%,var(--border));background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 14%,var(--surface-raised)),var(--surface));color:var(--text);font:11px var(--mono);letter-spacing:.07em;text-transform:uppercase;box-shadow:0 10px 28px -12px var(--glow),inset 0 1px 0 var(--sheen);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.rank-ladder-button svg{width:18px;height:18px;stroke:var(--accent);stroke-width:1.7;flex:none;filter:drop-shadow(0 0 6px var(--glow))}.rank-ladder-button i{font-style:normal;color:var(--accent);font-size:13px;transition:transform .18s ease}.rank-ladder-button:hover{transform:translateY(-1.5px);border-color:var(--accent);box-shadow:0 14px 34px -8px var(--glow),inset 0 1px 0 var(--sheen);background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 22%,var(--surface-raised)),var(--surface-raised))}.rank-ladder-button:hover i{transform:translate(2px,-2px)}dialog.rank-ladder-dialog{width:min(1060px,calc(100% - 28px));max-height:calc(100svh - 28px);overflow-y:auto;padding:24px 28px;border-radius:22px;border:1px solid color-mix(in oklab,var(--accent) 25%,var(--border));background:radial-gradient(ellipse 80% 45% at 50% 0%,color-mix(in oklab,var(--accent) 10%,transparent),transparent 70%),var(--surface);box-shadow:0 32px 110px var(--backdrop),inset 0 1px 0 var(--sheen)}.rank-dialog-heading{align-items:flex-start}.rank-dialog-heading h2{margin-top:4px;font-size:clamp(1.4rem,2.6vw,1.85rem)}.rank-dialog-lede{margin:6px 0 16px;max-width:76ch;font-size:13px;line-height:1.55;color:var(--secondary)}.rank-spectrum{margin:0 0 14px;padding:14px 18px 24px;border-radius:14px;border:1px solid var(--border);background:var(--bg)}.rank-spectrum-bar{position:relative;display:flex;gap:3px;height:36px;border-radius:9px;padding:3px;background:var(--surface);border:1px solid var(--border)}.spectrum-segment{flex:var(--seg-span, 1) 1 0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:6px;background:linear-gradient(90deg,color-mix(in oklab,var(--seg-color) 18%,transparent),color-mix(in oklab,var(--seg-color) 34%,transparent));border:1px solid color-mix(in oklab,var(--seg-color) 45%,transparent);min-width:0}.spectrum-segment strong{font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--seg-color)}.spectrum-segment small{font:9.5px var(--mono);color:var(--secondary);white-space:nowrap}.spectrum-marker{position:absolute;top:-6px;bottom:-5px;width:2px;background:var(--accent);box-shadow:0 0 10px var(--accent);transform:translate(-50%);pointer-events:none;z-index:2}.spectrum-marker span{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:600 8.5px var(--mono);letter-spacing:.04em;white-space:nowrap}.rank-spectrum-ticks{position:relative;height:14px;margin-top:7px;font:9.5px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.rank-spectrum-ticks span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.rank-spectrum-ticks span:first-child{transform:none}.symbol-anatomy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 14px}.anatomy-card{padding:10px 12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--rank-color) 32%,var(--border));background:linear-gradient(155deg,color-mix(in oklab,var(--rank-color) 10%,var(--surface-raised)),var(--bg));display:grid;gap:3px;align-content:start}.anatomy-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.anatomy-dot{width:7px;height:7px;border-radius:50%;background:var(--rank-color);box-shadow:0 0 10px var(--rank-color)}.anatomy-head strong{font-size:12px;color:var(--text);letter-spacing:-.01em}.anatomy-head code{margin-left:auto;font:9.5px var(--mono);color:var(--rank-color)}.anatomy-feature{font:600 10.5px var(--mono);color:var(--rank-color);letter-spacing:.02em}.anatomy-card p{margin:0;font-size:11px;line-height:1.42;color:var(--secondary)}.rank-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rank-showcase-card{position:relative;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;border:1px solid color-mix(in oklab,var(--rank-color) 28%,var(--border));background:radial-gradient(circle at 18% 50%,color-mix(in oklab,var(--rank-color) 15%,transparent),transparent 58%),linear-gradient(145deg,var(--surface-raised),var(--bg));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.rank-showcase-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--rank-color) 65%,var(--border));box-shadow:0 12px 30px -12px color-mix(in oklab,var(--rank-color) 35%,transparent)}.rank-showcase-card[data-current=true]{border-color:var(--rank-color);box-shadow:0 0 0 1px color-mix(in oklab,var(--rank-color) 55%,transparent),0 14px 36px -12px color-mix(in oklab,var(--rank-color) 42%,transparent)}.showcase-badge-wrap{width:62px;height:62px;flex:none;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,color-mix(in oklab,var(--rank-color) 22%,transparent),transparent 72%)}.showcase-badge-wrap .rank-badge{width:58px;filter:drop-shadow(0 5px 12px color-mix(in srgb,var(--rank-color) 30%,transparent))}.showcase-body{flex:1;min-width:0;display:grid;gap:3px}.showcase-title-row{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap}.showcase-tier-tag{font:8.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.showcase-wpm-pill{padding:1.5px 6.5px;border-radius:999px;border:1px solid color-mix(in oklab,var(--rank-color) 48%,var(--border));background:color-mix(in oklab,var(--rank-color) 14%,var(--bg));color:var(--rank-color);font:600 9.5px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.showcase-body h3{margin:0;font-size:.98rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.showcase-note{margin:0!important;font-size:10.5px!important;line-height:1.38!important;color:var(--secondary)}.showcase-meter{height:3.5px;border-radius:999px;background:var(--border);overflow:hidden;margin-top:2px}.showcase-meter i{display:block;height:100%;width:var(--band-fill, 25%);border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--rank-color) 55%,transparent),var(--rank-color))}.showcase-active-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.showcase-active-tags span{padding:1.5px 6px;border-radius:5px;background:color-mix(in oklab,var(--accent) 18%,var(--bg));border:1px solid color-mix(in oklab,var(--accent) 55%,var(--border));color:var(--accent);font:600 9px var(--mono);letter-spacing:.04em}.rank-dialog-footer{margin:14px 0 0;font-size:11.5px;color:var(--muted);text-align:center}@media(max-width:960px){.rank-showcase-grid,.symbol-anatomy{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){dialog.rank-ladder-dialog{padding:20px 16px}.spectrum-segment small{display:none}.rank-spectrum-ticks span:nth-child(2),.rank-spectrum-ticks span:nth-child(3),.rank-spectrum-ticks span:nth-child(5),.rank-spectrum-ticks span:nth-child(6),.rank-spectrum-ticks span:nth-child(8),.rank-spectrum-ticks span:nth-child(9){display:none}}@media(max-width:520px){.symbol-anatomy,.rank-showcase-grid{grid-template-columns:1fr}.rank-ladder-button{width:100%;justify-content:center}}.rail-heat{position:absolute;left:0;top:50%;height:calc(2px + var(--lead-strength, 0) * 8px);width:calc(var(--progress, 0) * 100%);transform:translateY(-50%);border-radius:0 6px 6px 0;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent) 55%,color-mix(in oklab,var(--accent) 40%,white) 92%,white);clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);transition:opacity .4s,height .5s}.rail-heat:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 40%,#ffffffd0 50%,transparent 60% 100%);background-size:220px 100%;mix-blend-mode:overlay;animation:lead-shimmer var(--shimmer, 1.6s) linear infinite}.rail-trail{position:absolute;right:100%;top:50%;width:calc(14px + var(--lead-strength, 0) * 70px);height:calc(6px + var(--lead-strength, 0) * 10px);margin-right:-6px;transform:translateY(-50%);border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 100% 50%,color-mix(in oklab,var(--accent) 85%,white),transparent 70%);filter:blur(calc(1px + var(--lead-strength, 0) * 3px));transition:opacity .4s,width .5s}.rail-trail:before{content:"";position:absolute;inset:-60% 0;background:radial-gradient(circle,#fff 0 1px,transparent 1.6px) 0 0 / 12px 9px,radial-gradient(circle,var(--accent) 0 1.2px,transparent 1.8px) 5px 4px / 15px 11px;animation:lead-sparks var(--spark, .5s) linear infinite;opacity:.9}.rail-margin{display:inline-block;margin-left:6px;font:600 10px var(--mono);color:var(--accent);letter-spacing:.02em}.rail-row[data-you][data-leading=true] .rail-lane:before{opacity:0}.rail-row[data-you][data-leading=true] .rail-heat,.rail-row[data-you][data-leading=true] .rail-trail{opacity:1}.rail-row[data-you][data-leading=true] .token{animation:lead-aura calc(1.1s - var(--lead-strength, 0) * .5s) ease-in-out infinite}.rail-row[data-you][data-leading=true] .rail-margin{text-shadow:0 0 calc(6px + var(--lead-strength, 0) * 10px) var(--glow)}.rail-row[data-tier="2"]{--shimmer: 1s;--spark: .32s}.rail-row[data-tier="3"]{--shimmer: .6s;--spark: .2s}.rail-row[data-tier="3"] .rail-heat{background:linear-gradient(90deg,transparent,var(--accent) 35%,var(--correct) 70%,white);animation:lead-hue 1.2s ease-in-out infinite alternate}.rail-row[data-tier="3"] .rail-margin{animation:lead-beat .6s ease-in-out infinite}.rail-row.surge .rail-lane{animation:lead-surge .7s ease-out}.rail-row.surge .rail-margin{animation:lead-pop .6s cubic-bezier(.2,1.6,.4,1)}@keyframes lead-shimmer{0%{background-position:-220px 0}to{background-position:220px 0}}@keyframes lead-sparks{to{background-position:-36px 0,-40px 4px}}@keyframes lead-aura{50%{transform:scale(calc(1.1 + var(--lead-strength, 0) * .3));box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--accent),0 0 calc(14px + var(--lead-strength, 0) * 22px) var(--accent)}}@keyframes lead-hue{to{filter:hue-rotate(40deg) brightness(1.25)}}@keyframes lead-beat{50%{transform:scale(1.18)}}@keyframes lead-surge{0%{filter:brightness(2.6) drop-shadow(0 0 14px var(--accent))}to{filter:none}}@keyframes lead-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.35);opacity:1}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.rail-heat:after,.rail-trail:before,.rail-row[data-you][data-leading=true] .token,.rail-row[data-tier="3"] .rail-heat,.rail-row[data-tier="3"] .rail-margin,.rail-row.surge .rail-lane,.rail-row.surge .rail-margin{animation:none!important}}.leaderboard-main{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:24px;padding-bottom:48px}.leaderboard-main>*{min-width:0}.lb-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:end;padding:28px 32px;border-radius:22px;border:1px solid color-mix(in oklab,var(--accent) 26%,var(--border));background:radial-gradient(ellipse 75% 80% at 15% 0%,color-mix(in oklab,var(--accent) 12%,transparent),transparent 65%),color-mix(in oklab,var(--surface) 68%,transparent);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 24px 64px -28px var(--backdrop),inset 0 1px 0 var(--sheen)}.lb-hero-copy{max-width:60ch;min-width:0}.rank-ladder-kicker{display:block;font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.lb-hero-copy h1{margin:0 0 8px;font-size:clamp(2rem,4vw,2.85rem);font-weight:600;letter-spacing:-.045em;line-height:1.05}.lb-hero-copy p{margin:0;font-size:.92rem;line-height:1.6;color:var(--secondary)}.lb-hero-stats{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}.lb-stat-card{position:relative;min-width:0;margin:0;padding:14px 16px 15px;border-radius:14px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 72%,var(--surface));display:flex;flex-direction:column;justify-content:space-between;gap:10px;container-type:inline-size;overflow:hidden}.lb-stat-card dt{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);line-height:1.4}.lb-stat-card dt span{display:block;color:color-mix(in oklab,var(--muted) 70%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-stat-card dd{margin:0;display:flex;align-items:baseline;gap:5px;min-width:0;font:600 clamp(1.05rem,15cqi,1.6rem) var(--mono);color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-stat-card dd small{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--secondary)}.lb-stat-lead{border-color:color-mix(in oklab,var(--accent) 38%,var(--border));background:linear-gradient(160deg,color-mix(in oklab,var(--accent) 13%,transparent),transparent 70%),color-mix(in oklab,var(--bg) 72%,var(--surface))}.lb-stat-lead dd{color:var(--accent)}.leaderboard-main{container:lbmain / inline-size}@container lbmain (min-width: 640px){.lb-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@container lbmain (min-width: 920px){.lb-hero{grid-template-columns:minmax(0,1fr) minmax(340px,420px)}.lb-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.lb-view-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.filter-pills{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 70%,var(--surface));flex-wrap:wrap}.filter-pills button{height:32px;padding:0 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--secondary);font:600 11px var(--mono);letter-spacing:.05em;cursor:pointer;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.filter-pills button:hover{color:var(--text)}.filter-pills button[data-active=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 4px 14px -4px var(--glow)}.filter-pills{border-radius:18px}@media(max-width:760px){.lb-view-bar{flex-direction:column;align-items:stretch}.lb-view-bar .filter-pills{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:16px}.lb-view-bar .filter-pills button{border-radius:12px;white-space:normal;height:auto;min-height:34px;padding:6px 10px;line-height:1.25}}.lb-section{display:grid;gap:18px}.lb-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.lb-section-head h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:500;letter-spacing:-.035em}.lb-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lb-podium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lb-podium-card{position:relative;padding:18px 20px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(155deg,var(--surface-raised),var(--bg));display:grid;gap:14px;transition:transform .18s ease,border-color .18s ease}.lb-podium-card:hover{transform:translateY(-2px)}.lb-podium-card[data-place="1"]{border-color:color-mix(in oklab,#edc466 55%,var(--border));background:radial-gradient(circle at 90% 10%,rgba(237,196,102,.14),transparent 55%),linear-gradient(155deg,var(--surface-raised),var(--bg))}.lb-podium-card[data-place="2"]{border-color:color-mix(in oklab,#bccbdc 48%,var(--border));background:radial-gradient(circle at 90% 10%,rgba(188,203,220,.12),transparent 55%),linear-gradient(155deg,var(--surface-raised),var(--bg))}.lb-podium-card[data-place="3"]{border-color:color-mix(in oklab,#c58b60 48%,var(--border));background:radial-gradient(circle at 90% 10%,rgba(197,139,96,.12),transparent 55%),linear-gradient(155deg,var(--surface-raised),var(--bg))}.lb-podium-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.lb-podium-place{font:700 13px var(--mono);letter-spacing:.04em;padding:3px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text)}.lb-podium-card[data-place="1"] .lb-podium-place{color:#edc466;border-color:color-mix(in oklab,#edc466 55%,var(--border))}.lb-podium-card[data-place="2"] .lb-podium-place{color:#bccbdc;border-color:color-mix(in oklab,#bccbdc 50%,var(--border))}.lb-podium-card[data-place="3"] .lb-podium-place{color:#c58b60;border-color:color-mix(in oklab,#c58b60 50%,var(--border))}.lb-podium-racer{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:var(--text)!important;min-width:0}.lb-podium-identity{display:grid;gap:2px;min-width:0}.lb-podium-identity strong{font-size:1rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-podium-identity span{font:11px var(--mono);color:var(--secondary)}.lb-podium-mmr-body{display:flex;align-items:center;justify-content:space-between;gap:10px}.lb-podium-mmr-body .rank-badge{width:48px;height:48px;flex:none}.lb-podium-metrics{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--border)}.lb-podium-primary{display:flex;align-items:baseline;gap:6px}.lb-podium-primary b{font:600 1.65rem var(--mono);color:var(--accent);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.lb-podium-primary span{font:600 11px var(--mono);color:var(--muted)}.lb-podium-secondary{display:flex;gap:10px;font:11px var(--mono);color:var(--secondary);font-variant-numeric:tabular-nums}.lb-your-standing{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:12px;border:1px solid color-mix(in oklab,var(--accent) 45%,var(--border));background:color-mix(in oklab,var(--accent) 10%,var(--bg));font:12px var(--mono)}.lb-your-standing span{color:var(--secondary)}.lb-your-standing strong{color:var(--accent);margin-left:auto}.lb-mode-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font:600 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);white-space:nowrap}.lb-mode-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.lb-mode-badge[data-source=ranked]{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 48%,var(--border));background:color-mix(in oklab,var(--accent) 12%,var(--bg))}.lb-mode-badge[data-source=race]{color:#79b8ff;border-color:#79b8ff61;background:#79b8ff1a}.lb-mode-badge[data-source=solo]{color:#d9ccff;border-color:#d9ccff61;background:#d9ccff1a}.lb-mmr-delta{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;font:600 10px var(--mono);font-variant-numeric:tabular-nums;background:var(--surface);border:1px solid var(--border);color:var(--secondary)}.lb-mmr-delta[data-dir=up]{color:var(--correct);border-color:color-mix(in oklab,var(--correct) 42%,var(--border));background:color-mix(in oklab,var(--correct) 12%,var(--bg))}.lb-mmr-delta[data-dir=down]{color:var(--error);border-color:color-mix(in oklab,var(--error) 42%,var(--border));background:color-mix(in oklab,var(--error) 12%,var(--bg))}.lb-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 64%,transparent);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.lb-table{width:100%;border-collapse:collapse;font-size:.85rem;font-variant-numeric:tabular-nums}.lb-table th{text-align:left;padding:12px 16px;font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--surface) 65%,var(--bg));white-space:nowrap}.lb-table td{padding:11px 16px;border-bottom:1px solid color-mix(in oklab,var(--border) 60%,transparent);vertical-align:middle}.lb-table tbody tr:last-child td{border-bottom:none}.lb-table tbody tr:hover{background:color-mix(in oklab,var(--surface-raised) 55%,transparent)}.lb-table tbody tr[data-you=true]{background:color-mix(in oklab,var(--accent) 10%,transparent)}.lb-rank-num{font:600 12px var(--mono);color:var(--secondary)}.lb-rank-num[data-place="1"]{color:#edc466;font-weight:700}.lb-rank-num[data-place="2"]{color:#bccbdc;font-weight:700}.lb-rank-num[data-place="3"]{color:#c58b60;font-weight:700}.lb-racer-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--text)!important;font-weight:500}.lb-racer-link:hover .lb-racer-name{color:var(--accent)}.lb-you-pill{padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:600 9px var(--mono);text-transform:uppercase}.lb-speed-cell{display:grid;gap:4px;min-width:120px}.lb-speed-cell strong{font:600 13px var(--mono);color:var(--text)}.lb-speed-bar{height:4px;border-radius:999px;background:var(--surface);overflow:hidden}.lb-speed-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 45%,transparent),var(--accent))}.lb-tier-cell{display:inline-flex;align-items:center;gap:8px;font:11.5px var(--mono);color:var(--secondary);white-space:nowrap}.lb-tier-cell .rank-badge{width:28px;height:28px;flex:none}.lb-mmr-cell{display:inline-flex;align-items:center;gap:8px;font:13px var(--mono);white-space:nowrap}.lb-mmr-cell strong{color:var(--accent);white-space:nowrap}.lb-col-avg strong{font:600 12.5px var(--mono);color:var(--text)}.lb-win-cell{display:inline-flex;align-items:baseline;gap:6px;font:12px var(--mono)}.lb-win-cell span{color:var(--muted);font-size:10.5px}.lb-col-acc,.lb-col-races,.lb-col-time{font:12px var(--mono);color:var(--secondary);white-space:nowrap}.lb-empty{text-align:center;padding:36px 16px!important;color:var(--secondary);font:12px var(--mono)}@media(max-width:900px){.lb-podium-grid{grid-template-columns:1fr}}@media(max-width:860px){.lb-hero{padding:20px 18px}.lb-table th,.lb-table td{padding:10px}.lb-table th:first-child,.lb-table td:first-child{padding-left:14px;width:1%}.lb-speed-cell{min-width:0}#fastest-table :is(th,td):is(:nth-child(3),:nth-child(6),:nth-child(7)){display:none}#mmr-table :is(th,td):is(:nth-child(5),:nth-child(6),:nth-child(7)){display:none}.lb-racer-link{gap:8px;min-width:0;max-width:100%}.lb-racer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lb-table td:nth-child(2){max-width:1px;width:100%}.lb-table-wrap{overflow-x:hidden}}@media(max-width:440px){.lb-hero{padding:18px 14px}.lb-hero-copy h1{font-size:1.85rem}.lb-hero-copy .rank-ladder-kicker{white-space:normal}.lb-hero-stats{gap:8px}.lb-stat-card{padding:12px 12px 13px}#fastest-table :is(th,td):nth-child(5),#daily-table :is(th,td):nth-child(4){display:none}#mmr-table :is(th,td):nth-child(4){display:none}.lb-tier-cell span{display:none}.lb-table th,.lb-table td{padding:9px 8px}.lb-table th:first-child,.lb-table td:first-child{padding-left:12px}}.lane-learn{border-radius:2px;border-width:1.5px;width:10px;height:10px;clip-path:polygon(50% 0%,66% 34%,100% 50%,66% 66%,50% 100%,34% 66%,0% 50%,34% 34%);background:currentColor}.learn-academy{display:grid;gap:22px;padding:24px 28px 32px;position:relative}.learn-command-bar{display:flex;align-items:center;justify-content:space-between;gap:14px 18px;flex-wrap:wrap;padding:14px 18px;border-radius:15px;border:1px solid var(--border);background:radial-gradient(ellipse 65% 110% at 10% 0%,color-mix(in oklab,var(--accent) 12%,transparent),transparent 72%),color-mix(in oklab,var(--bg) 55%,var(--surface));box-shadow:inset 0 1px 0 var(--sheen)}.learn-layout-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.learn-bar-label{font:700 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.learn-layout-pills{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.learn-layout-pill{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 78%,var(--bg));color:var(--secondary);font:600 11.5px var(--mono);letter-spacing:.04em;cursor:pointer;transition:transform .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,background .16s ease}.learn-layout-pill:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--accent) 55%,var(--border));color:var(--text)}.learn-layout-pill.is-active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 6px 20px -4px var(--glow)}.learn-layout-pill.is-upcoming{opacity:.68}.learn-layout-pill .pill-name{font-weight:700}.learn-layout-pill .pill-badge{padding:2px 6px;border-radius:999px;font:700 8.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#0000003d;color:currentColor}.learn-layout-pill{position:relative;overflow:hidden}.learn-layout-pill .pill-progress{font:600 9.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.78;white-space:nowrap;font-variant-numeric:tabular-nums}.learn-layout-pill .pill-meter{position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:color-mix(in oklab,currentColor 18%,transparent);pointer-events:none}.learn-layout-pill .pill-meter:after{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;transform-origin:left;transform:scaleX(max(var(--p, 0),.04));opacity:.85}.learn-layout-pill.is-upcoming .pill-badge{background:var(--bg);color:var(--muted)}.learn-telemetry-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.learn-stat-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 78%,var(--surface));font:500 11px var(--mono);color:var(--secondary);font-variant-numeric:tabular-nums}.learn-stat-chip>div{display:inline-flex;align-items:baseline;gap:6px}.learn-stat-chip strong{color:var(--text);font-weight:700;font-size:12px}.learn-stat-chip strong span{color:var(--muted);font-weight:500}.learn-stat-chip small{color:var(--muted);font-size:9px;letter-spacing:.12em}.learn-stat-chip.is-stars .chip-icon{color:#f6c453;font-size:13px;filter:drop-shadow(0 0 6px rgba(246,196,83,.55))}.learn-stat-chip.is-mastered{border-color:#7df9ff6b;background:linear-gradient(125deg,#7df9ff21,#c084fc1f,#f6c4531f)}.learn-stat-chip.is-mastered .chip-icon{color:#7df9ff;font-size:12.5px;filter:drop-shadow(0 0 6px rgba(125,249,255,.7))}.learn-stat-chip.is-mastered strong{color:#9ff6ff}.learn-stat-chip.is-unlocked .chip-icon{color:var(--accent);font-size:12px}.learn-toggles{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.learn-toggle-btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,var(--surface));color:var(--muted);font:600 10.5px var(--mono);letter-spacing:.03em;cursor:pointer;transition:all .16s ease}.learn-toggle-btn:hover{color:var(--secondary);border-color:color-mix(in oklab,var(--accent) 38%,var(--border))}.learn-toggle-btn .toggle-dot{width:6.5px;height:6.5px;border-radius:50%;background:var(--muted);transition:background .16s ease,box-shadow .16s ease}.learn-toggle-btn.is-on{color:var(--text);border-color:color-mix(in oklab,var(--accent) 52%,var(--border));background:color-mix(in oklab,var(--accent) 12%,var(--bg))}.learn-toggle-btn.is-on .toggle-dot{background:var(--accent);box-shadow:0 0 9px var(--glow)}.learn-back-map-btn{height:32px;padding:0 13px;border-radius:9px;border:1px solid var(--border);background:var(--surface-raised);color:var(--secondary);font:600 11px var(--mono);cursor:pointer;transition:color .15s ease,border-color .15s ease,transform .15s ease}.learn-back-map-btn:hover{color:var(--accent);border-color:var(--accent);transform:translate(-2px)}.learn-notice-banner{padding:11px 16px;border-radius:12px;border:1px solid color-mix(in oklab,var(--accent) 45%,var(--border));background:color-mix(in oklab,var(--accent) 12%,var(--bg));color:var(--text);font:500 12px var(--mono);text-align:center;animation:banner-float-in .28s ease}.learn-map-view{display:grid;gap:22px}.learn-placement-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 24px;border-radius:18px;border:1px solid color-mix(in oklab,var(--accent) 45%,var(--border));background:radial-gradient(ellipse 70% 130% at 88% 50%,color-mix(in oklab,var(--accent) 18%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in oklab,var(--surface-raised) 88%,var(--bg)),var(--bg));box-shadow:0 18px 44px -22px var(--glow),inset 0 1px 0 var(--sheen);animation:banner-float-in .42s cubic-bezier(.2,.9,.3,1)}.learn-placement-banner.is-completed{padding:14px 20px;border-color:var(--border);background:color-mix(in oklab,var(--surface) 72%,var(--bg));box-shadow:none}.placement-banner-copy{max-width:66ch;display:grid;gap:6px}.placement-eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.pulse-beacon{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--glow);animation:caret-pulse 1.3s ease-in-out infinite}.placement-banner-copy h3{margin:0;font-size:1.16rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.placement-banner-copy p{margin:0;font-size:.85rem;line-height:1.55;color:var(--secondary)}.placement-banner-copy p strong{color:var(--text);font-weight:600}.placement-banner-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.learn-primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font:600 11.5px var(--mono);letter-spacing:.04em;cursor:pointer;box-shadow:0 10px 26px -6px var(--glow);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;white-space:nowrap}.learn-primary-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px -4px var(--glow);filter:brightness(1.05)}.learn-primary-cta.is-sm{padding:7px 14px;font-size:10.5px}.learn-secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-raised) 85%,var(--bg));color:var(--text);font:600 11.5px var(--mono);letter-spacing:.03em;cursor:pointer;transition:transform .16s ease,border-color .16s ease,color .16s ease;white-space:nowrap}.learn-secondary-cta:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--accent)}.learn-stages-stack{display:grid;gap:20px}.learn-stage-card{--stage-accent: hsl(var(--stage-hue, 188) 88% 62%);position:relative;padding:22px 24px 24px;border-radius:18px;border:1px solid var(--border);background:radial-gradient(ellipse 68% 90% at 10% 0%,color-mix(in oklab,var(--stage-accent) 12%,transparent),transparent 68%),color-mix(in oklab,var(--bg) 62%,var(--surface));box-shadow:inset 0 1px 0 var(--sheen);transition:border-color .22s ease,box-shadow .22s ease}.learn-stage-card.is-stage-unlocked{border-color:color-mix(in oklab,var(--stage-accent) 34%,var(--border))}.learn-stage-card.is-stage-locked{opacity:.84}.learn-stage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.stage-title-block{display:grid;gap:5px;max-width:62ch}.stage-badge{justify-self:start;padding:3px 9px;border-radius:999px;font:700 9.5px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--stage-accent);background:color-mix(in oklab,var(--stage-accent) 14%,var(--bg));border:1px solid color-mix(in oklab,var(--stage-accent) 38%,var(--border))}.stage-title-block h3{margin:2px 0 0;font-size:1.24rem;font-weight:600;letter-spacing:-.025em;color:var(--text)}.stage-title-block p{margin:0;font-size:.83rem;line-height:1.5;color:var(--secondary)}.stage-note{--note-c: hsl(var(--stage-hue, 160) 80% 62%);position:relative;display:grid;gap:3px;margin:6px 0 0;padding:9px 13px 10px 15px;border-radius:12px;border:1px solid color-mix(in oklab,var(--note-c) 34%,var(--border));background:radial-gradient(ellipse 90% 140% at 0% 0%,color-mix(in oklab,var(--note-c) 14%,transparent),transparent 70%),color-mix(in oklab,var(--bg) 70%,var(--surface));box-shadow:inset 0 1px 0 var(--sheen);overflow:hidden}.stage-note:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--note-c);opacity:.85}.stage-note-eyebrow{font:700 9.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--note-c)}.stage-title-block .stage-note-text,.stage-note-text{margin:0;font-size:.8rem;line-height:1.5;color:var(--secondary)}.dojo-stage-note{--note-c: hsl(var(--stage-hue, 160) 80% 62%);display:flex;align-items:baseline;gap:8px;margin:4px 0 2px;font-size:.74rem;line-height:1.4;color:var(--secondary)}.dojo-stage-note b{flex:none;font:700 9px var(--mono);letter-spacing:.16em;color:var(--note-c)}.stage-meta-right{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.stage-featured-keys{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.mini-keycap{min-width:24px;height:24px;padding:0 6px;border-radius:6px;display:inline-grid;place-items:center;font:700 11px var(--mono);color:var(--text);background:var(--surface-raised);border:1px solid color-mix(in oklab,var(--stage-accent) 42%,var(--border));box-shadow:0 2px #00000059,inset 0 1px 0 var(--sheen)}.stage-score-pills{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.stage-star-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font:700 11px var(--mono);color:#f6c453;background:#f6c4531c;border:1px solid rgba(246,196,83,.3)}.stage-mastered-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font:700 10.5px var(--mono);color:#9ff6ff;background:linear-gradient(120deg,#7df9ff2e,#c084fc2e);border:1px solid rgba(125,249,255,.42)}.stage-mastered-pill.is-all-mastered{box-shadow:0 0 16px #7df9ff73}.learn-node-constellation{position:relative;padding-top:4px}@keyframes conduit-flow{to{background-position:-30px 0}}@keyframes conduit-flow-v{to{background-position:0 -30px}}.learn-nodes-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:16px 18px}@media(min-width:560px){.learn-nodes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.learn-nodes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.learn-node-card:not(:first-child):before{content:"";position:absolute;top:50%;left:-18px;width:18px;height:2px;transform:translateY(-50%);background:repeating-linear-gradient(90deg,var(--border) 0 5px,transparent 5px 10px);pointer-events:none}.learn-node-card.is-conduit-live:not(:first-child):before{height:3px;background:repeating-linear-gradient(90deg,var(--stage-accent) 0 10px,transparent 10px 15px);background-size:30px 100%;filter:drop-shadow(0 0 5px var(--stage-accent));animation:conduit-flow 1.3s linear infinite}@media(min-width:900px){.learn-node-card:nth-child(3n+1):before{display:none}}@media(min-width:560px)and (max-width:899.98px){.learn-node-card:nth-child(odd):before{display:none}}@media(max-width:559.98px){.learn-node-card:not(:first-child):before{top:-16px;left:50%;width:2px;height:16px;transform:translate(-50%);background:repeating-linear-gradient(180deg,var(--border) 0 5px,transparent 5px 10px)}.learn-node-card.is-conduit-live:not(:first-child):before{width:3px;height:16px;background:repeating-linear-gradient(180deg,var(--stage-accent) 0 10px,transparent 10px 15px);background-size:100% 30px;animation-name:conduit-flow-v}}.learn-node-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:15px 16px;border-radius:15px;border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in oklab,var(--surface-raised) 90%,var(--bg)),var(--bg));color:var(--text);text-align:left;cursor:pointer;min-height:168px;box-shadow:0 8px 24px -16px var(--shadow),inset 0 1px 0 var(--sheen);transition:transform .22s cubic-bezier(.2,.9,.3,1.2),border-color .2s ease,box-shadow .2s ease}.learn-node-card:hover:not(:disabled){transform:translateY(-4px) scale(1.015);border-color:var(--stage-accent);box-shadow:0 16px 34px -14px color-mix(in oklab,var(--stage-accent) 45%,transparent)}.learn-node-card.is-locked{opacity:.5;cursor:not-allowed;background:color-mix(in oklab,var(--bg) 84%,var(--surface));border-style:dashed}.learn-node-card.is-passed{border-color:color-mix(in oklab,var(--stage-accent) 42%,var(--border))}.learn-node-card.is-current-target{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 14px 34px -10px var(--glow);animation:node-beacon-pulse 2.4s ease-in-out infinite}@keyframes node-beacon-pulse{0%,to{box-shadow:0 0 0 1px var(--accent),0 10px 28px -10px var(--glow)}50%{box-shadow:0 0 0 2px var(--accent),0 16px 40px -4px var(--glow)}}.learn-node-card.is-test-out-gate{border-style:dashed;border-color:color-mix(in oklab,#c084fc 62%,var(--border));background:radial-gradient(circle at 90% 10%,rgba(192,132,252,.16),transparent 60%),linear-gradient(160deg,var(--surface-raised),var(--bg))}.learn-node-card.is-gold{border-color:#f6c45394;background:radial-gradient(circle at 86% 0%,rgba(246,196,83,.15),transparent 58%),linear-gradient(160deg,var(--surface-raised),var(--bg))}.learn-node-card.is-mastered{border-color:#7df9ffb8;background:radial-gradient(circle at 88% 12%,rgba(125,249,255,.2),rgba(192,132,252,.14) 48%,transparent 74%),linear-gradient(160deg,var(--surface-raised),var(--bg));box-shadow:0 0 28px -8px #7df9ff80,inset 0 0 18px -10px #c084fc73}.learn-node-card.is-newly-unlocked{animation:ceremony-star-slam .55s cubic-bezier(.2,1.3,.4,1)}.node-top-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.node-number{font:700 10.5px var(--mono);letter-spacing:.06em;color:var(--stage-accent);padding:2px 7px;border-radius:6px;background:color-mix(in oklab,var(--stage-accent) 14%,var(--bg));border:1px solid color-mix(in oklab,var(--stage-accent) 30%,transparent)}.node-crown-badge{padding:2px 7px;border-radius:999px;font:700 8.5px var(--mono);letter-spacing:.07em;color:#061318;background:linear-gradient(120deg,#7df9ff,#e2b8ff,#fde08d);box-shadow:0 0 12px #7df9ff8c}.node-stars{display:inline-flex;align-items:center;gap:2px}.star-glyph{font-size:13px;color:var(--muted);opacity:.32;transition:transform .2s ease,color .2s ease}.star-glyph.is-lit{color:#f6c453;opacity:1;filter:drop-shadow(0 0 5px rgba(246,196,83,.55))}.learn-node-card.is-mastered .star-glyph.is-lit{color:#9ff6ff;filter:drop-shadow(0 0 6px rgba(125,249,255,.75))}.node-title{font-size:.95rem;font-weight:600;letter-spacing:-.015em;color:var(--text);line-height:1.25}.node-subtitle{font-size:.75rem;color:var(--secondary);line-height:1.38}.node-key-chips{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:2px 0}.node-keys-label{font:700 8.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:2px}.node-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid color-mix(in oklab,var(--border) 65%,transparent);font:600 10.5px var(--mono)}.node-best-stat{color:var(--text);font-variant-numeric:tabular-nums}.node-testout-tag{color:#d8b4fe;font-size:9.5px;letter-spacing:.04em}.node-req-tag{color:var(--muted);font-size:10px}.learn-map-preview-deck{padding:18px 22px;border-radius:18px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 72%,var(--surface));display:grid;gap:12px}.preview-deck-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.preview-deck-header span{font:700 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.preview-deck-header small{font:500 11px var(--mono);color:var(--secondary)}.learn-dojo-view{display:grid;gap:16px;position:relative}.dojo-top-hud{display:grid;gap:14px;padding:16px 20px;border-radius:16px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 60%,var(--surface));box-shadow:inset 0 1px 0 var(--sheen)}.dojo-hud-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid color-mix(in oklab,var(--border) 65%,transparent)}.dojo-hud-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dojo-lesson-id{display:grid;gap:5px;min-width:240px;flex:1}.dojo-lesson-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dojo-stage-pill{padding:3px 9px;border-radius:999px;font:700 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,var(--bg));border:1px solid color-mix(in oklab,var(--accent) 36%,var(--border))}.dojo-stage-pill.is-gauntlet{color:#f6c453;background:#f6c45324;border-color:#f6c4536b}.dojo-lesson-id h3{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.dojo-lesson-id p{margin:0;font-size:.8rem;line-height:1.45;color:var(--secondary)}.dojo-wave-conduit{display:flex;align-items:stretch;gap:10px;flex:1 1 360px;min-width:260px}.wave-step{flex:1;min-width:0;display:grid;gap:7px;padding:9px 12px;border-radius:11px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 78%,var(--surface));transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.wave-step.is-current{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 11%,var(--bg));box-shadow:0 0 18px -6px var(--glow)}.wave-step.is-done{border-color:color-mix(in oklab,var(--correct) 52%,var(--border))}.wave-step-label{display:flex;align-items:center;justify-content:space-between;gap:6px;font:600 10px var(--mono);letter-spacing:.03em;color:var(--secondary);white-space:nowrap;overflow:hidden}.wave-step-label span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.wave-step-label strong{overflow:hidden;text-overflow:ellipsis}.wave-step.is-current .wave-step-label,.wave-step.is-current .wave-step-label span{color:var(--text)}.wave-step.is-done .wave-step-label,.wave-step.is-done .wave-step-label span{color:var(--correct)}.wave-bar-track{height:4px;border-radius:999px;background:var(--surface-raised);overflow:hidden}.wave-bar-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 55%,transparent),var(--accent));box-shadow:0 0 10px var(--glow);transform-origin:left center;transition:transform .14s ease-out}.wave-step.is-done .wave-bar-fill{background:var(--correct)}.dojo-live-metrics{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.dojo-metric-box{min-width:98px;padding:7px 12px;border-radius:11px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,var(--surface));display:grid;gap:2px;text-align:center;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dojo-metric-box .metric-label{font:700 8.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.dojo-metric-box .metric-val{font:700 15px var(--mono);color:var(--text);font-variant-numeric:tabular-nums}.dojo-metric-box .metric-val.is-danger{color:var(--error)}.dojo-metric-box .metric-sub{font:500 9px var(--mono);color:var(--secondary);white-space:nowrap}.dojo-metric-box.is-flow{border-color:#38bdf8;box-shadow:0 0 16px -4px #38bdf873}.dojo-metric-box.is-flow .metric-val{color:#38bdf8}.dojo-metric-box.is-overdrive{border-color:#f59e0b;background:radial-gradient(circle at 50% 0%,rgba(245,158,11,.22),var(--bg));box-shadow:0 0 22px -4px #f59e0b8c}.dojo-metric-box.is-overdrive .metric-val{color:#fbbf24}.dojo-metric-box.is-shattered{border-color:var(--error);animation:char-shake .3s ease}.dojo-hud-toggles{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.dojo-mini-btn{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,var(--surface));color:var(--secondary);font:600 11px var(--mono);white-space:nowrap;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:all .15s ease}.dojo-mini-btn .mini-btn-dot{width:6.5px;height:6.5px;border-radius:50%;background:var(--muted);transition:background .15s ease,box-shadow .15s ease}.dojo-mini-btn:hover{color:var(--text);border-color:var(--accent)}.dojo-mini-btn.is-on{color:var(--text);border-color:color-mix(in oklab,var(--accent) 55%,var(--border));background:color-mix(in oklab,var(--accent) 13%,var(--bg))}.dojo-mini-btn.is-on .mini-btn-dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.learn-wave-surge{position:absolute;inset:76px 24px auto;z-index:12;padding:16px 24px;border-radius:15px;border:1px solid var(--accent);background:radial-gradient(circle at 50% 0%,color-mix(in oklab,var(--accent) 30%,var(--surface)),var(--bg));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 54px -12px var(--glow);animation:wave-surge-in .85s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}.learn-wave-surge.is-tier-unlock{border-color:#f6c453;background:radial-gradient(circle at 50% 0%,rgba(246,196,83,.28),var(--bg))}.surge-inner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font:600 13px var(--mono)}.surge-spark{color:var(--accent);font-size:16px}.surge-inner strong{color:var(--text);font-size:1.05rem}.surge-next{color:var(--secondary)}@keyframes wave-surge-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}20%{opacity:1;transform:translateY(0) scale(1.01)}82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.98)}}.learn-typing-arena{position:relative;padding:24px 28px 18px;border-radius:17px;border:1px solid color-mix(in oklab,var(--accent) 28%,var(--border));background:radial-gradient(ellipse 80% 75% at 50% 0%,color-mix(in oklab,var(--accent) 9%,transparent),transparent 72%),color-mix(in oklab,var(--bg) 76%,var(--surface));box-shadow:inset 0 1px 0 var(--sheen);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease}.learn-typing-arena.has-flow-aura{border-color:color-mix(in oklab,var(--accent) 62%,var(--border));box-shadow:0 0 36px -12px var(--glow),inset 0 1px 0 var(--sheen)}.learn-words-stream{display:flex;flex-wrap:wrap;gap:10px 14px;font:500 25px/1.55 var(--mono);letter-spacing:-.02em;min-height:84px;align-content:flex-start;-webkit-user-select:none;user-select:none}.learn-word{display:inline-flex;align-items:baseline;padding:2px 7px;border-radius:8px;transition:background .15s ease,box-shadow .15s ease,opacity .2s ease}.learn-word.is-active-word{background:color-mix(in oklab,var(--accent) 10%,var(--surface));box-shadow:0 0 0 1px color-mix(in oklab,var(--accent) 28%,transparent)}.learn-word.is-locked-error{background:#f871711c;box-shadow:0 0 0 1px #f8717152}.learn-word.is-locked-clean{opacity:.72}.learn-char{position:relative;display:inline-block;color:var(--untyped);font-variant-ligatures:none;transition:color .1s ease}.learn-char.is-correct{color:var(--correct)}.learn-char.is-incorrect,.learn-char.is-extra{color:var(--error);background:var(--error-bg);border-radius:3px;text-decoration:underline wavy var(--error);text-underline-offset:5px;animation:char-shake .26s cubic-bezier(.36,.07,.19,.97)}.learn-char.is-missed{color:var(--error);opacity:.75;text-decoration:underline dotted var(--error);text-underline-offset:5px}.learn-char.has-caret:before{content:"";position:absolute;left:-2px;top:4px;bottom:4px;width:2.5px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px var(--glow);animation:caret-pulse 1.05s ease-in-out infinite;pointer-events:none}.learn-char.has-caret-end:after{content:"";position:absolute;right:-3px;top:4px;bottom:4px;width:2.5px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px var(--glow);animation:caret-pulse 1.05s ease-in-out infinite;pointer-events:none}.learn-char.has-pacer:after{content:"";position:absolute;left:-1px;top:-3px;bottom:-3px;width:2px;background:#38bdf8;box-shadow:0 0 12px #38bdf8;opacity:.75;pointer-events:none}@keyframes char-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px) rotate(-2deg)}45%{transform:translate(4px) rotate(2deg)}70%{transform:translate(-2.5px)}}@keyframes caret-pulse{0%,to{opacity:1}50%{opacity:.32}}.learn-stream-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:11px;border-top:1px solid color-mix(in oklab,var(--border) 65%,transparent);font:500 11px var(--mono);color:var(--muted)}.learn-stream-footer kbd{padding:1px 6px;border-radius:5px;border:1px solid var(--border);background:var(--surface-raised);color:var(--secondary);font:600 10px var(--mono)}.vk-wrap{display:grid;gap:12px;padding:16px 20px;border-radius:17px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 82%,var(--surface));box-shadow:inset 0 1px 0 var(--sheen)}.vk-wrap.vk-compact{padding:12px 16px}.vk-hud-bar{display:flex;flex-direction:column;gap:8px}.vk-hud-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;flex-wrap:wrap}.vk-target-callout{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:28px}.vk-finger-pill{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--finger-color, var(--accent));background:color-mix(in oklab,var(--finger-color, var(--accent)) 14%,var(--bg));color:var(--text);font:600 11px var(--mono)}.vk-finger-dot{width:7.5px;height:7.5px;border-radius:50%;background:var(--finger-color, var(--accent));box-shadow:0 0 8px var(--finger-color, var(--accent))}.vk-callout-arrow,.vk-callout-plus{color:var(--muted);font:600 12px var(--mono)}.vk-key-badge{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 9px;border-radius:7px;border:1px solid var(--accent);background:color-mix(in oklab,var(--accent) 18%,var(--surface-raised));color:var(--text);font:700 12px var(--mono);box-shadow:0 2px #00000059}.vk-reach-hint,.vk-idle-hint{font:500 11px var(--mono);color:var(--secondary);white-space:nowrap}.vk-mistake-toast{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border-radius:999px;background:var(--error-bg);border:1px solid color-mix(in oklab,var(--error) 48%,transparent);color:var(--error);font:500 11px var(--mono);white-space:nowrap;flex-shrink:0;animation:char-shake .3s ease}.vk-mistake-toast strong{font-weight:700;color:var(--text)}.vk-mistake-icon{font-weight:700}.vk-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:24px}.vk-legend-item{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:var(--bg);font:600 9.5px var(--mono);color:var(--secondary)}.vk-legend-item i{width:6.5px;height:6.5px;border-radius:50%;display:inline-block}.vk-stage{width:100%;overflow-x:auto}.vk-svg{width:100%;max-width:900px;height:auto;margin:0 auto;display:block;overflow:visible}.vk-key{transition:transform .09s cubic-bezier(.2,.9,.3,1.3),opacity .2s ease;transform-box:fill-box;transform-origin:center}.vk-key.is-locked-key{opacity:.28}.vk-key-base{fill:#00000073;stroke:color-mix(in oklab,var(--finger-color, var(--border)) 28%,var(--border));stroke-width:1}.vk-key-cap{fill:color-mix(in oklab,var(--surface-raised) 86%,var(--bg));stroke:color-mix(in oklab,var(--finger-color, var(--border)) 36%,var(--border));stroke-width:1.1;transition:fill .14s ease,stroke .14s ease}.vk-key-zone-bar{pointer-events:none}.vk-key.is-new-key .vk-key-cap{stroke:var(--finger-color, var(--accent));stroke-width:1.7}.vk-key.is-target{transform:translateY(-2px)}.vk-key.is-target .vk-key-cap{fill:color-mix(in oklab,var(--finger-color, var(--accent)) 28%,var(--surface-raised));stroke:var(--finger-color, var(--accent));stroke-width:2.2}.vk-target-halo{fill:none;stroke-width:2;opacity:.8;animation:vk-halo-pulse 1.2s ease-in-out infinite}@keyframes vk-halo-pulse{0%,to{opacity:.88;stroke-width:2}50%{opacity:.28;stroke-width:3.6}}.vk-key.is-hit{transform:translateY(3px) scale(.96)}.vk-key.is-hit .vk-key-cap{fill:color-mix(in oklab,var(--correct) 38%,var(--surface-raised));stroke:var(--correct)}.vk-key.is-mistake{transform:translateY(3px) scale(.96)}.vk-key.is-mistake .vk-key-cap{fill:color-mix(in oklab,var(--error) 42%,var(--surface-raised));stroke:var(--error)}.vk-hit-ripple{fill:none;stroke-width:2.2;transform-origin:center;transform-box:fill-box;animation:vk-ripple-expand .32s ease-out forwards}@keyframes vk-ripple-expand{0%{transform:scale(.35);opacity:.95}to{transform:scale(1.7);opacity:0}}.vk-legend-main{fill:var(--text);font:600 13.5px var(--mono);pointer-events:none}.vk-legend-main.is-mod-label{font-size:9.5px;letter-spacing:.08em;fill:var(--secondary)}.vk-legend-shifted{fill:var(--muted);font:500 9.5px var(--mono);pointer-events:none}.vk-legend-qwerty{fill:var(--muted);opacity:.58;font:500 8.5px var(--mono);pointer-events:none}.vk-legend-mastery{font:700 8px var(--mono);pointer-events:none}.vk-new-dot{filter:drop-shadow(0 0 4px currentColor)}.vk-homing-bump{stroke:var(--finger-color, var(--accent));stroke-width:2.2;stroke-linecap:round;opacity:.85}.vk-calm .vk-key,.vk-calm .vk-key-cap{transition:none}.vk-calm .vk-new-dot{filter:none}.vk-calm *,.vk-calm *:before,.vk-calm *:after{animation:none!important;transition:none!important}.vk-calm :is(.holo-impact,.holo-impact-core,[class*=impact]){display:none}.vk-reach-arc{animation:vk-dash-flow .8s linear infinite}.vk-drift-arc{animation:vk-dash-flow .5s linear infinite}@keyframes vk-dash-flow{to{stroke-dashoffset:-22}}.holo-hands{--holo: color-mix(in oklab, var(--accent) 35%, #7dd3fc);--holo-bright: color-mix(in oklab, var(--holo) 55%, #ffffff);pointer-events:none;animation:holo-materialize .55s cubic-bezier(.16,1,.3,1) both,holo-flicker 7s steps(1,end) .6s infinite}.holo-stop{stop-color:var(--holo)}.holo-scanline{fill:var(--holo-bright);opacity:.16}.holo-shadow{fill:#000;opacity:.2}.holo-contact{mix-blend-mode:screen}.holo-body{stroke:none}.holo-scan{opacity:.55}.holo-sweep{animation:holo-sweep 3.4s cubic-bezier(.45,0,.55,1) infinite}.holo-halo{fill:none;stroke:var(--holo);stroke-width:7;stroke-linejoin:round;opacity:.16}.holo-rim{fill:none;stroke:var(--holo-bright);stroke-width:2.2;stroke-linejoin:round;opacity:.82}.holo-tendons{fill:none;stroke:var(--holo-bright);stroke-width:.95;stroke-linecap:round;stroke-dasharray:4 3;opacity:.26}.holo-knuckles{fill:none;stroke:var(--holo-bright);stroke-width:1.15;stroke-linecap:round;opacity:.42}.holo-wrist-arcs{fill:none;stroke:var(--holo-bright);stroke-width:1;stroke-dasharray:8 4;stroke-linecap:round;opacity:.28}.holo-finger .holo-finger-shell{fill:none;stroke:color-mix(in oklab,var(--finger-color) 42%,var(--holo-bright));stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.22;transition:opacity .15s ease,stroke .15s ease,stroke-width .15s ease}.holo-finger .holo-finger-ridge{fill:none;stroke:var(--holo-bright);stroke-width:.8;stroke-linecap:round;stroke-dasharray:2 3;opacity:.22}.holo-finger .holo-creases{fill:none;stroke:var(--holo-bright);stroke-width:.85;stroke-linecap:round;opacity:.44}.holo-finger .holo-nail{fill:color-mix(in oklab,var(--finger-color) 45%,rgba(255,255,255,.12));stroke:var(--holo-bright);stroke-width:.85;opacity:.58;transition:opacity .15s ease,fill .15s ease}.holo-finger-glow{opacity:.68;stroke:none;filter:drop-shadow(0 0 6px var(--finger-color))}.holo-finger.is-active .holo-finger-shell,.holo-finger.is-striking .holo-finger-shell{opacity:.96;stroke:var(--finger-color);stroke-width:1.55}.holo-finger.is-active .holo-finger-ridge,.holo-finger.is-striking .holo-finger-ridge{opacity:.45;stroke:#fff}.holo-finger.is-active .holo-nail,.holo-finger.is-striking .holo-nail{opacity:.96;fill:var(--finger-color)}.holo-finger.is-striking .holo-finger-glow{opacity:1;stroke:none;filter:drop-shadow(0 0 12px var(--finger-color))}.holo-finger.is-error .holo-finger-glow{animation:holo-error-shudder .24s ease-out}.holo-impact-ring{fill:none;stroke:var(--finger-color);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:holo-impact .3s ease-out forwards}.holo-impact-core{fill:#fff;transform-box:fill-box;transform-origin:center;animation:holo-impact-core .22s ease-out forwards}@keyframes holo-materialize{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes holo-flicker{0%,to{opacity:1}61%{opacity:.9}62%{opacity:1}63.5%{opacity:.94}64.5%{opacity:1}}@keyframes holo-sweep{0%{transform:translateY(80px)}to{transform:translateY(360px)}}@keyframes holo-error-shudder{0%,to{transform:none}25%{transform:translate(-1.6px)}60%{transform:translate(1.4px)}}@keyframes holo-impact{0%{transform:scale(.5);opacity:1}to{transform:scale(1.9);opacity:0}}@keyframes holo-impact-core{0%{transform:scale(1.3);opacity:1}to{transform:scale(.3);opacity:0}}.learn-ceremony-view{display:grid;place-items:center;padding:14px 0}.ceremony-card{width:min(100%,700px);padding:30px 34px;border-radius:22px;border:1px solid var(--border);background:radial-gradient(ellipse 75% 70% at 50% 0%,color-mix(in oklab,var(--accent) 15%,transparent),transparent 72%),color-mix(in oklab,var(--bg) 70%,var(--surface));text-align:center;display:grid;gap:18px;box-shadow:0 26px 68px -24px var(--shadow),inset 0 1px 0 var(--sheen);animation:banner-float-in .4s cubic-bezier(.2,.9,.3,1)}.learn-ceremony-view.is-platinum-ceremony .ceremony-card{border-color:#7df9ffad;background:radial-gradient(ellipse 80% 75% at 50% 0%,rgba(125,249,255,.22),rgba(192,132,252,.14) 48%,transparent 75%),color-mix(in oklab,var(--bg) 72%,var(--surface));box-shadow:0 0 54px -12px #7df9ff7a}.ceremony-eyebrow{font:700 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.ceremony-card h2{margin:-6px 0 0;font-size:1.7rem;font-weight:600;letter-spacing:-.03em;color:var(--text)}.ceremony-headline{margin:-6px 0 0;font-size:.92rem;color:var(--secondary)}.ceremony-stars-stage{display:grid;gap:14px;justify-items:center;margin:4px 0}.ceremony-star-sockets{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}.ceremony-star-slot{width:96px;height:92px;border-radius:20px;border:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.ceremony-star-slot .star-icon{font-size:36px;line-height:1;color:var(--muted);opacity:.28}.ceremony-star-slot small{font:700 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ceremony-star-slot.is-earned{border-color:#f6c4539e;background:radial-gradient(circle at 50% 30%,rgba(246,196,83,.22),var(--bg));box-shadow:0 12px 30px -10px #f6c45373;animation:ceremony-star-slam .5s cubic-bezier(.2,1.3,.4,1) backwards;animation-delay:var(--star-delay, 0ms)}.ceremony-star-slot.is-earned .star-icon{color:#f6c453;opacity:1;filter:drop-shadow(0 0 12px rgba(246,196,83,.7))}.ceremony-star-slot.is-earned small{color:#f6c453}.ceremony-star-slot.is-fused-platinum{border-color:#7df9ffb8;background:radial-gradient(circle at 50% 30%,rgba(125,249,255,.24),rgba(192,132,252,.14),var(--bg));box-shadow:0 12px 32px -10px #7df9ff8c}.ceremony-star-slot.is-fused-platinum .star-icon,.ceremony-star-slot.is-fused-platinum small{color:#9ff6ff;filter:drop-shadow(0 0 12px rgba(125,249,255,.8))}@keyframes ceremony-star-slam{0%{opacity:0;transform:scale(2.1) rotate(-14deg)}65%{opacity:1;transform:scale(.92) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.ceremony-platinum-crest{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:8px 18px;border-radius:999px;background:linear-gradient(120deg,#7df9ff3d,#c084fc3d,#f6c4533d);border:1px solid rgba(125,249,255,.68);color:#9ff6ff;font:700 11px var(--mono);letter-spacing:.1em;box-shadow:0 0 26px #7df9ff73;animation:ceremony-star-slam .55s cubic-bezier(.2,1.3,.4,1) .45s backwards}.crest-crown{font-size:14px}.ceremony-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ceremony-metric-card{padding:12px 10px;border-radius:13px;border:1px solid var(--border);background:var(--bg);display:grid;gap:3px}.ceremony-metric-card span{font:700 8.5px var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.ceremony-metric-card strong{font:700 1.25rem var(--mono);color:var(--text);font-variant-numeric:tabular-nums}.ceremony-metric-card small{font:500 9.5px var(--mono);color:var(--secondary)}.ceremony-wave-splits{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.wave-split-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 75%,var(--bg));font:500 10.5px var(--mono);color:var(--secondary)}.wave-split-pill strong{color:var(--text)}.ceremony-next-target{padding:9px 14px;border-radius:11px;border:1px dashed color-mix(in oklab,var(--accent) 42%,var(--border));background:color-mix(in oklab,var(--accent) 8%,var(--bg));font:500 11.5px var(--mono);color:var(--secondary)}.ceremony-next-target strong{color:var(--accent)}.ceremony-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:6px}.ceremony-actions-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.ceremony-actions .learn-primary-cta,.ceremony-actions .learn-secondary-cta{height:44px;padding:0 20px;gap:12px;max-width:100%}.ceremony-actions .learn-primary-cta{min-width:260px;font-size:12px}.ceremony-actions .cta-label{overflow:hidden;text-overflow:ellipsis}.ceremony-actions kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;border-radius:6px;font:700 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:inherit;background:color-mix(in oklab,currentColor 14%,transparent);border:1px solid color-mix(in oklab,currentColor 22%,transparent);box-shadow:none}@media(max-width:640px){.ceremony-actions,.ceremony-actions-row{width:100%;flex-direction:column;align-items:stretch}.ceremony-actions .learn-primary-cta,.ceremony-actions .learn-secondary-cta{width:100%;min-width:0}}.placement-explanation{margin:-4px 0 0;font-size:.88rem;line-height:1.55;color:var(--secondary)}.placement-tiers-breakdown{display:grid;gap:8px;text-align:left}.placement-tier-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 15px;border-radius:12px;border:1px solid var(--border);background:var(--bg);font:500 11.5px var(--mono)}.placement-tier-row.is-cleared{border-color:color-mix(in oklab,var(--correct) 52%,var(--border));background:color-mix(in oklab,var(--correct) 8%,var(--bg))}.placement-tier-row.is-stopped{border-color:color-mix(in oklab,var(--error) 48%,var(--border))}.placement-tier-row.is-unreached{opacity:.55}.tier-row-left{display:flex;align-items:center;gap:10px}.tier-badge{padding:2px 7px;border-radius:6px;font:700 9.5px var(--mono);color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,var(--surface))}.tier-row-right{display:flex;align-items:center;gap:10px;color:var(--secondary)}.tier-status-pill{padding:2px 8px;border-radius:999px;font:700 9.5px var(--mono);letter-spacing:.06em;background:var(--surface-raised);color:var(--text)}.placement-tier-row.is-cleared .tier-status-pill{color:var(--correct);background:color-mix(in oklab,var(--correct) 16%,var(--bg))}@keyframes banner-float-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.ceremony-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.learn-academy{padding:16px 14px 22px}}.learn-secondary-cta.is-sm{padding:7px 14px;font-size:10.5px}.learn-node-card.is-boss-node{--boss-accent: hsl(var(--boss-hue, 280) 82% 64%);border-color:color-mix(in oklab,var(--boss-accent) 58%,var(--border));background:radial-gradient(ellipse 90% 70% at 100% 0%,color-mix(in oklab,var(--boss-accent) 20%,transparent),transparent 70%),linear-gradient(160deg,color-mix(in oklab,var(--surface-raised) 90%,var(--bg)),var(--bg));box-shadow:0 0 26px -10px var(--boss-accent),0 8px 24px -16px var(--shadow),inset 0 1px 0 var(--sheen)}.learn-node-card.is-boss-node:hover:not(:disabled){border-color:var(--boss-accent);box-shadow:0 0 34px -6px var(--boss-accent),0 16px 34px -14px var(--shadow)}.node-boss-ribbon{position:absolute;top:-9px;right:16px;padding:2px 10px;border-radius:999px;font:800 9px var(--mono);letter-spacing:.2em;color:#14060a;background:var(--boss-accent);box-shadow:0 0 14px color-mix(in oklab,var(--boss-accent) 70%,transparent)}.node-boss-head{display:flex;align-items:center;gap:14px;margin:2px 0 4px}.node-boss-avatar{--av-size: 100px;flex:none;width:100px;height:100px;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle at 50% 55%,color-mix(in oklab,var(--boss-accent) 20%,transparent),transparent 70%);filter:drop-shadow(0 0 12px color-mix(in oklab,var(--boss-accent) 50%,transparent))}.node-boss-name{display:grid;gap:1px;min-width:0}.node-boss-name strong{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.node-boss-name em{font-size:.8rem;font-style:normal;line-height:1.3;color:var(--boss-accent)}.node-source{margin:-4px 0 0;font-size:.72rem;font-style:italic;line-height:1.35;color:var(--muted)}.checkpoint-strip{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding:11px 16px;border-radius:14px;border:1px solid var(--border);background:color-mix(in oklab,var(--bg) 70%,var(--surface))}.checkpoint-glyph{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:14px;background:var(--surface-raised);border:1px solid var(--border);flex:none}.checkpoint-copy{display:grid;gap:1px;flex:1 1 220px;min-width:0}.checkpoint-copy strong{font:700 12px var(--mono);letter-spacing:.03em;color:var(--text)}.checkpoint-copy span{font-size:.8rem;color:var(--secondary)}.checkpoint-strip.is-locked{opacity:.6;border-style:dashed}.checkpoint-strip.is-available{border-color:var(--stage-accent);background:radial-gradient(ellipse 60% 140% at 0% 50%,color-mix(in oklab,var(--stage-accent) 18%,transparent),transparent 70%),color-mix(in oklab,var(--bg) 70%,var(--surface));box-shadow:0 0 26px -10px var(--stage-accent);animation:node-beacon-pulse 2.6s ease-in-out infinite}.checkpoint-strip.is-available .checkpoint-glyph{border-color:var(--stage-accent);box-shadow:0 0 12px color-mix(in oklab,var(--stage-accent) 60%,transparent)}.checkpoint-strip.is-taken .checkpoint-glyph{color:var(--stage-accent);border-color:color-mix(in oklab,var(--stage-accent) 45%,var(--border))}.checkpoint-stats{display:flex;gap:18px;flex-wrap:wrap;font:500 11.5px var(--mono);color:var(--secondary)}.checkpoint-stats span{display:grid;gap:1px;white-space:nowrap}.checkpoint-stats small{font:700 8.5px var(--mono);letter-spacing:.14em;color:var(--muted)}.checkpoint-stats strong{color:var(--text);font-size:13px}.checkpoint-stats em{font-style:normal;white-space:nowrap}.speed-journey{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;align-items:center;padding:18px 24px;border-radius:18px;border:1px solid color-mix(in oklab,var(--accent) 30%,var(--border));background:radial-gradient(ellipse 60% 120% at 0% 0%,color-mix(in oklab,var(--accent) 11%,transparent),transparent 70%),color-mix(in oklab,var(--bg) 66%,var(--surface));box-shadow:inset 0 1px 0 var(--sheen)}.speed-journey.is-chart-only{display:block;padding:6px 8px 0;border-radius:14px;border-color:var(--border);background:var(--bg)}.journey-head{display:grid;gap:10px}.journey-eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 10px var(--mono);letter-spacing:.18em;color:var(--accent)}.journey-copy{display:grid;gap:4px;font-size:.82rem;color:var(--secondary)}.journey-baseline-line{font-size:1.15rem;letter-spacing:-.02em;color:var(--text)}.journey-flow{display:flex;align-items:baseline;gap:9px;font:600 1.15rem var(--mono);color:var(--secondary)}.journey-flow .journey-to{font-size:1.7rem;color:var(--text)}.journey-flow small{font:700 10px var(--mono);letter-spacing:.14em;color:var(--muted)}.journey-delta{font:700 2.1rem/1.1 var(--mono);letter-spacing:-.03em}.journey-delta.is-up{color:#5ee0a0;text-shadow:0 0 22px rgba(94,224,160,.35)}.journey-delta.is-down{color:var(--error);text-shadow:0 0 22px color-mix(in oklab,var(--error) 40%,transparent)}.journey-goal-status{justify-self:start;margin-top:2px;padding:3px 10px;border-radius:999px;font:700 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,var(--bg));border:1px solid color-mix(in oklab,var(--accent) 34%,var(--border))}.journey-goal line{stroke-width:1.3;stroke-dasharray:6 5}.journey-goal text{font:700 9.5px var(--mono);letter-spacing:.06em}.journey-goal.is-grad line{stroke:#f0b84a}.journey-goal.is-grad text{fill:#f0b84a}.journey-goal.is-cruise line{stroke:#4fd8b0}.journey-goal.is-cruise text{fill:#4fd8b0}.journey-goal.is-pinned{opacity:.6}.journey-chart{width:100%;height:auto;display:block;overflow:visible}.journey-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}.journey-baseline{stroke:color-mix(in oklab,var(--muted) 50%,transparent);stroke-width:1}.journey-axis,.journey-label{font:600 10px var(--mono);fill:var(--muted)}.journey-label{letter-spacing:.06em}.journey-val{font:700 11px var(--mono);fill:var(--secondary)}.journey-line{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;filter:drop-shadow(0 0 6px var(--glow));animation:journey-draw 1s ease-out both}.journey-area{fill:color-mix(in oklab,var(--accent) 10%,transparent);stroke:none}.journey-dot{fill:var(--bg);stroke:var(--accent);stroke-width:2.2}.journey-point.is-new .journey-dot{fill:var(--accent)}.journey-point.is-new .journey-val{fill:var(--accent);font-size:13px}.journey-point.is-new{animation:journey-pop .6s cubic-bezier(.2,1.3,.4,1) .7s both;transform-box:fill-box;transform-origin:center}.journey-pulse{fill:none;stroke:var(--accent);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:journey-ping 1.8s ease-out 1.2s infinite}@keyframes journey-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes journey-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes journey-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.checkpoint-arena{display:grid;gap:14px}.checkpoint-hud{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.checkpoint-ring{position:relative;width:120px;height:120px;flex:none}.checkpoint-ring svg{width:100%;height:100%;display:block}.checkpoint-ring .ring-track{fill:none;stroke:var(--border);stroke-width:7}.checkpoint-ring .ring-fill{fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 7px var(--glow));transition:stroke-dashoffset .22s linear,stroke .3s ease}.checkpoint-ring.is-urgent .ring-fill{stroke:var(--error);filter:drop-shadow(0 0 8px var(--error))}.ring-readout{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ring-readout strong{font:700 2.5rem/1 var(--mono);letter-spacing:-.04em;color:var(--text)}.ring-readout small{font:700 9px var(--mono);letter-spacing:.2em;color:var(--muted)}.checkpoint-ring.is-urgent .ring-readout strong{color:var(--error)}.checkpoint-live{display:flex;gap:12px;flex-wrap:wrap}.checkpoint-stream-window{position:relative;max-height:164px;overflow:hidden;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.checkpoint-hint{justify-self:start;padding:6px 14px;border-radius:999px;font:600 11px var(--mono);letter-spacing:.03em;color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,var(--bg));border:1px solid color-mix(in oklab,var(--accent) 34%,var(--border));animation:caret-pulse 1.6s ease-in-out infinite}.checkpoint-hint i{font-style:normal;opacity:.5;margin:0 4px}.ceremony-card.is-checkpoint-card{width:min(100%,720px)}.checkpoint-score{display:flex;justify-content:center;gap:44px}.checkpoint-score>div{display:grid;gap:2px}.checkpoint-score strong{font:700 4rem/1 var(--mono);letter-spacing:-.05em;color:var(--text);animation:ceremony-star-slam .5s cubic-bezier(.2,1.3,.4,1) backwards}.checkpoint-score>div:first-child strong{color:var(--accent);text-shadow:0 0 34px var(--glow)}.checkpoint-score strong small{font-size:1.6rem;opacity:.6}.checkpoint-score span{font:700 10px var(--mono);letter-spacing:.18em;color:var(--muted)}.checkpoint-badge{justify-self:center;padding:6px 16px;border-radius:999px;font:700 11.5px var(--mono);letter-spacing:.05em}.checkpoint-badge.is-best{color:#2a1d00;background:linear-gradient(120deg,#f6c453,#ffe39a);box-shadow:0 0 22px #f6c45380}.checkpoint-badge.is-baseline{color:var(--accent);background:color-mix(in oklab,var(--accent) 12%,var(--bg));border:1px solid color-mix(in oklab,var(--accent) 38%,var(--border))}.checkpoint-chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.checkpoint-chip{display:grid;gap:1px;padding:8px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg);font:600 11px var(--mono);color:var(--secondary);text-align:left}.checkpoint-chip b{font-size:15px}.checkpoint-chip small{font:500 10px var(--mono);color:var(--muted)}.checkpoint-chip.is-up{border-color:#5ee0a066}.checkpoint-chip.is-up b{color:#5ee0a0}.checkpoint-chip.is-down{border-color:color-mix(in oklab,var(--error) 40%,var(--border))}.checkpoint-chip.is-down b{color:var(--error)}.learn-source-line{margin:10px 0 0;font-size:.8rem;font-style:italic;color:var(--muted)}.learn-dojo-view:has(.bb-wrap){gap:10px}.learn-dojo-view:has(.bb-wrap) .dojo-top-hud{padding:12px 18px;gap:10px}.learn-dojo-view:has(.bb-wrap) .dojo-lesson-id p{display:none}.learn-boss-footer{margin:0;text-align:center;font:500 11px var(--mono);letter-spacing:.08em;color:var(--muted)}.ceremony-metrics-grid.is-boss-metrics{grid-template-columns:repeat(5,1fr)}.ceremony-hearts{display:flex;gap:4px;align-items:center;min-height:31px}@media(max-width:920px){.ceremony-metrics-grid.is-boss-metrics{grid-template-columns:repeat(2,1fr)}}.ceremony-boss-head{--boss-accent: hsl(var(--boss-hue, 280) 82% 64%);display:flex;align-items:center;justify-content:center;gap:18px;text-align:left;padding:12px 18px;border-radius:16px;border:1px solid color-mix(in oklab,var(--boss-accent) 45%,var(--border));background:radial-gradient(ellipse 80% 120% at 0% 50%,color-mix(in oklab,var(--boss-accent) 18%,transparent),transparent 70%)}.ceremony-boss-avatar{--av-size: 96px;flex:none;width:96px;height:96px}.ceremony-boss-copy{display:grid;gap:4px;min-width:0}.ceremony-boss-copy strong{font:800 12.5px var(--mono);letter-spacing:.1em;color:var(--boss-accent)}.ceremony-boss-head.is-victorious .ceremony-boss-copy strong{color:var(--error)}.ceremony-boss-copy em{font-size:.9rem;color:var(--secondary);line-height:1.4}.learn-primary-cta.is-checkpoint-cta{box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 22%,transparent),0 12px 30px -4px var(--glow);animation:node-beacon-pulse 2.4s ease-in-out infinite}@media(max-width:760px){.speed-journey{grid-template-columns:1fr}.checkpoint-score{gap:26px}.checkpoint-score strong{font-size:3rem}.ceremony-boss-head{flex-direction:column;text-align:center}}}@layer components{.lane-bar .lane-caption{flex:1;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.race-lane{position:relative;display:inline-flex;align-items:center;gap:10px;flex:none;height:44px;padding:0 16px 0 14px;border:0;border-radius:12px;cursor:pointer;color:var(--accent-ink);font:700 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 88%,white),var(--accent) 55%,color-mix(in oklab,var(--accent) 80%,black));box-shadow:0 12px 32px -12px var(--glow),inset 0 1px color-mix(in oklab,white 45%,transparent);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.race-lane:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 16px 36px -12px var(--glow),inset 0 1px color-mix(in oklab,white 45%,transparent)}.race-lane:focus-visible{outline:2px solid var(--text);outline-offset:3px}.race-lane:disabled{cursor:default;opacity:.55}.race-lane[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent),0 14px 36px -10px var(--glow)}.race-lane-pulse{position:relative;width:8px;height:8px;border-radius:50%;background:var(--accent-ink)}.race-lane-pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--accent-ink);opacity:0;animation:race-lane-ping 1.8s ease-out infinite}.race-lane-sub{padding:2px 6px;border-radius:6px;font-size:9px;letter-spacing:.12em;background:color-mix(in oklab,var(--accent-ink) 14%,transparent)}@keyframes race-lane-ping{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.8);opacity:0}}html[data-state=running] .race-lane:not([aria-pressed=true]){opacity:.45}}@layer states{@media(max-width:900px){.lane-bar .lane-caption{display:none}}@media(max-width:640px){.lane-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;justify-content:stretch}.lane-bar .segmented.lanes{display:flex;width:100%}.lane-bar .segmented.lanes button{flex:1 1 0;justify-content:center;min-width:0}.race-lane{height:44px;padding:0 12px;gap:8px}.race-lane-sub{display:none}}@media(max-width:400px){.race-lane{flex-direction:column;justify-content:center;gap:4px;padding:0 10px;font-size:10px;letter-spacing:.08em}.race-lane-pulse{width:6px;height:6px}.lane-bar .segmented.lanes button{padding:0 4px;font-size:10.5px}}@media(prefers-reduced-motion:reduce){.race-lane-pulse:after{animation:none}}}@layer states{footer{gap:24px}.footer-nav{display:flex;align-items:center;gap:6px 22px;flex-wrap:wrap;justify-content:center}.footer-nav .footer-link,.footer-nav .theme-button,.footer-tag,.footer-version{white-space:nowrap}@media(max-width:1000px){.footer-version{display:none}}@media(max-width:720px){footer{flex-direction:column-reverse;justify-content:center;gap:14px;padding:22px 0 26px;min-height:0;margin-top:12px}.footer-nav{gap:4px 18px}.footer-nav .footer-link{padding:6px 2px}}@media(max-width:360px){.footer-nav{gap:2px 14px}.theme-name{display:none}}}@layer components{.rank-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rank-chip{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 12px 8px 8px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-raised) 70%,transparent);transition:border-color .15s}.rank-chip:hover{border-color:color-mix(in srgb,var(--rank-color, var(--accent)) 45%,var(--border))}.rank-chip .rank-badge{width:36px;height:auto;filter:none}.rank-chip>div{display:grid;min-width:0;line-height:1.25}.rank-chip-track{font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.rank-chip strong{font-size:.86rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-chip small{font:10px var(--mono);color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.rank-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:340px){.rank-chip{gap:7px;padding:7px 8px 7px 6px}.rank-chip .rank-badge{width:30px}.rank-chip strong{font-size:.8rem}}}@layer components{.brand{gap:8px;letter-spacing:-1px}.site-header .brand svg.brand-emote{width:44px;height:30px;fill:none;overflow:visible;animation:emote-bob 3.2s ease-in-out infinite;transform-origin:50% 90%}.brand-emote .emote-tile{fill:var(--accent);stroke:none;filter:drop-shadow(0 3px 8px color-mix(in srgb,var(--accent) 35%,transparent))}.brand-emote path,.brand-emote circle{stroke:var(--bg);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill:none}.brand-emote .emote-mouth{fill:var(--bg)}.brand-emote .emote-tongue{stroke:#ff6f91;stroke-width:4}.brand-emote .emote-tongue-lobe{fill:#ff6f91;stroke:var(--bg);stroke-width:3.5}.brand-emote .emote-tongue-groove{stroke:#c9416a;stroke-width:2}.brand-emote g{transform-box:fill-box;transform-origin:30% 60%}.emote-eyes{animation:emote-squint 3.2s ease-in-out infinite;transform-origin:50% 50%!important}.emote-laugh{animation:emote-laugh 3.2s ease-in-out infinite}.emote-grin{animation:emote-grin 3.2s ease-in-out infinite}@keyframes emote-laugh{0%,42%{opacity:1;transform:none}50%,92%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes emote-grin{0%,42%{opacity:0;transform:scale(1.3)}50%,92%{opacity:1;transform:none}to{opacity:0;transform:scale(1.3)}}@keyframes emote-squint{0%,6%,40%,to{transform:none}12%,24%{transform:scaleY(.5)}18%,30%{transform:none}}@keyframes emote-bob{0%,40%,to{transform:none}10%{transform:rotate(-7deg) translateY(-1px)}20%{transform:rotate(5deg)}30%{transform:rotate(-3deg)}46%{transform:scale(.94)}52%{transform:scale(1.04)}}@media(max-width:640px){.site-header .brand svg.brand-emote{width:37px;height:25px}.brand{gap:6px}}@media(prefers-reduced-motion:reduce){.site-header .brand svg.brand-emote,.brand-emote g{animation:none}.emote-grin{opacity:0}}}@layer components{.typed-word{white-space:nowrap}.typed-caret{display:inline-block;width:.06em;height:.82em;margin-left:.06em;vertical-align:-.06em;border-radius:2px;background:var(--accent);animation:typed-blink 1.05s steps(1) infinite}@keyframes typed-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.typed-caret{animation:none;opacity:0}}}@layer components{.brand-key{position:relative;display:inline-flex}.site-header .brand svg.brand-finger{position:absolute;z-index:2;left:50%;bottom:58%;width:15px;height:26px;margin-left:-4px;fill:none;opacity:0;transform:translate(6px,-14px) rotate(14deg);transform-origin:50% 100%;pointer-events:none;filter:drop-shadow(0 3px 3px #0006)}.brand-finger .finger-skin{fill:#f0c7a2;stroke:#b97e58;stroke-width:1.4}.brand-finger .finger-nail{fill:#fbe6d6;stroke:#d7a587;stroke-width:1}.brand-finger .finger-crease{stroke:#c48c66;stroke-width:1.1;stroke-linecap:round}.brand:hover .brand-finger{animation:finger-press .7s cubic-bezier(.3,.7,.3,1) both}.brand:hover .brand-key{animation:key-press .7s cubic-bezier(.3,.7,.3,1) both}@keyframes finger-press{0%{opacity:0;transform:translate(10px,-18px) rotate(18deg)}30%{opacity:1;transform:translateY(-4px) rotate(8deg)}45%,62%{opacity:1;transform:translateY(2px) rotate(6deg)}to{opacity:0;transform:translate(8px,-16px) rotate(16deg)}}@keyframes key-press{0%,38%{transform:none}45%,62%{transform:translateY(3px) scale(.95,.9)}78%{transform:translateY(-1px) scale(1.02)}to{transform:none}}.brand:hover .brand-emote .emote-tile{transition:filter .2s}@media(prefers-reduced-motion:reduce){.brand:hover .brand-finger,.brand:hover .brand-key{animation:none}}}@layer tokens,base,layout,components,states;@layer components{.boss-arena{--boss-c: oklch(70% .17 var(--boss-hue));--boss-c2: oklch(48% .15 var(--boss-hue));--boss-c3: oklch(88% .09 var(--boss-hue));--boss-glow: oklch(70% .17 var(--boss-hue) / .38);--av-size: 150px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:172px minmax(0,1fr) 190px;align-items:center;gap:14px;min-height:196px;padding:14px 20px;margin:0 0 14px;border:1px solid color-mix(in oklab,var(--boss-c) 34%,var(--border));border-radius:22px;background:color-mix(in oklab,var(--surface) 90%,var(--boss-c) 10%);box-shadow:0 18px 50px var(--shadow),inset 0 1px 0 var(--sheen);color:var(--text);transition:min-height .45s cubic-bezier(.3,.8,.3,1)}.boss-arena[data-stage=intro]{--av-size: 200px;grid-template-columns:224px minmax(0,1fr) 190px;min-height:300px}.boss-sky{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 34% 90% at 11% 55%,var(--boss-glow),transparent 70%),linear-gradient(180deg,transparent 62%,color-mix(in oklab,var(--boss-c) 9%,transparent)),repeating-linear-gradient(115deg,transparent 0 22px,color-mix(in oklab,var(--text) 2.5%,transparent) 22px 23px)}.boss-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.boss-col{min-width:0}.boss-col-boss{position:relative;display:grid;place-items:center;height:var(--av-size)}.boss-arena[data-stage=intro] .boss-col-boss{animation:boss-materialise 1.1s cubic-bezier(.2,.8,.3,1) both}.boss-col-mid{display:flex;flex-direction:column;gap:5px;align-items:stretch}.boss-eyebrow{margin:0;font:600 10.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.boss-arena[data-stage=intro] .boss-col-mid>.boss-eyebrow{color:color-mix(in oklab,var(--boss-c) 60%,var(--text));animation:boss-slide-in .6s .1s ease-out both}.boss-name{margin:0;font:800 clamp(1.4rem,3.2vw,1.85rem) / 1.1 var(--sans);letter-spacing:-.01em;color:color-mix(in oklab,var(--boss-c) 55%,var(--text));text-shadow:0 0 22px var(--boss-glow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.1em}.boss-arena[data-stage=intro] .boss-name{font-size:clamp(2rem,5vw,2.8rem)}.boss-caret{display:inline-block;width:.09em;height:.9em;margin-left:.06em;vertical-align:-.08em;background:currentColor;opacity:0}.boss-caret[data-on=true]{opacity:1;animation:boss-caret .6s steps(1) infinite}.boss-epithet{margin:0;font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-arena[data-stage=intro] .boss-epithet{animation:boss-fade-in .8s .9s ease-out both}.boss-hp{display:flex;gap:4px;height:14px;margin-top:4px}.boss-hp-seg{position:relative;flex:1 1 0;min-width:18px;overflow:hidden;border-radius:5px;background:color-mix(in oklab,var(--text) 9%,transparent);border:1px solid color-mix(in oklab,var(--boss-c) 30%,var(--border));transform:skew(-14deg)}.boss-hp-seg[data-current=true]{border-color:color-mix(in oklab,var(--boss-c) 75%,var(--border));box-shadow:0 0 12px var(--boss-glow)}.boss-hp-fill,.boss-hp-ghost{position:absolute;left:0;top:0;bottom:0}.boss-hp-fill{background:linear-gradient(90deg,var(--boss-c2),var(--boss-c));box-shadow:inset 0 1px #ffffff59;transition:width .16s linear}.boss-hp-ghost{background:color-mix(in oklab,var(--boss-c3) 85%,white);opacity:.8;transition:width .5s ease-out .4s}.boss-arena[data-stage=intro] .boss-hp-ghost{opacity:0}.boss-arena[data-stage=intro] .boss-hp-fill{animation:boss-hp-in .5s ease-out both}.boss-arena[data-stage=intro] .boss-hp-seg:nth-child(1) .boss-hp-fill{animation-delay:.3s}.boss-arena[data-stage=intro] .boss-hp-seg:nth-child(2) .boss-hp-fill{animation-delay:.65s}.boss-arena[data-stage=intro] .boss-hp-seg:nth-child(3) .boss-hp-fill{animation-delay:1s}.boss-hp-meta{display:flex;align-items:center;gap:10px;font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--secondary)}.boss-phase-label{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boss-hp-pct{color:var(--muted);font-variant-numeric:tabular-nums}.boss-bubble-slot{height:44px;display:flex;align-items:center;margin-top:3px}.boss-bubble{position:relative;max-width:100%;padding:6px 12px;border-radius:12px;background:color-mix(in oklab,var(--surface-raised) 88%,var(--boss-c) 12%);border:1px solid color-mix(in oklab,var(--boss-c) 38%,var(--border));font:italic 500 .78rem / 1.35 var(--sans);color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transform:translate(-6px);transition:opacity .2s,transform .2s}.boss-bubble[data-open=true]{opacity:1;transform:none}.boss-bubble:empty{visibility:hidden}.boss-engage{align-self:flex-start;margin-top:4px;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 8px 0 20px;border:0;border-radius:999px;cursor:pointer;background:var(--accent);color:var(--accent-ink, var(--bg));font:700 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 0 0 var(--glow),0 8px 24px var(--shadow);animation:boss-engage-pulse 1.8s ease-in-out infinite,boss-fade-in .6s 1.3s ease-out backwards;transition:transform .15s}.boss-engage:hover{transform:translateY(-1px) scale(1.03)}.boss-engage:focus-visible{outline:2px solid var(--text);outline-offset:3px}.boss-engage kbd{font:700 10px var(--mono);letter-spacing:.1em;padding:5px 9px;border-radius:999px;border:0;box-shadow:none;color:var(--accent-ink, var(--bg));background:color-mix(in oklab,var(--accent-ink, var(--bg)) 16%,transparent)}.boss-col-player{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.boss-typist{width:72px;height:auto;margin-bottom:2px}.boss-arena[data-stage=defeated] .boss-typist{animation:bb-hop .7s steps(1,end) infinite}.boss-arena[data-stage=survived] .boss-typist{filter:saturate(.6)}@media(prefers-reduced-motion:reduce){.boss-arena[data-stage=defeated] .boss-typist{animation:none}}.boss-arena[data-stage=survived] .boss-col-player{opacity:.35;transition:opacity .4s}.boss-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 38px 8px #e70021bf;box-shadow:inset 0 0 38px 8px oklch(58% .25 25 / .75);animation:boss-vignette .5s ease-out forwards}.boss-arena[data-stage=defeated] .boss-hp-pct,.boss-arena[data-stage=survived] .boss-hp-pct{visibility:hidden}.boss-stamp{position:absolute;z-index:5;right:22px;top:50%;max-width:210px;padding:8px 16px;text-align:center;font:900 clamp(1rem,2.6vw,1.45rem) / 1.15 var(--mono);letter-spacing:.14em;text-transform:uppercase;border:3px solid currentColor;border-radius:10px;background:color-mix(in oklab,var(--surface) 82%,transparent);transform:translateY(-50%) rotate(-7deg);animation:boss-stamp .55s cubic-bezier(.2,1.7,.4,1) .15s both}.boss-stamp[data-kind=win]{color:#e7ad00;color:oklch(78% .17 85);box-shadow:0 0 28px #e7ad0073;box-shadow:0 0 28px oklch(78% .17 85 / .45)}.boss-stamp[data-kind=lose]{color:#ee343b;box-shadow:0 0 28px #ee343b59}.boss-avatar{--ah: var(--boss-hue);--spd: 1;--b1: oklch(64% .17 var(--ah));--b2: oklch(42% .13 var(--ah));--b3: oklch(85% .11 var(--ah));--bd: oklch(18% .05 var(--ah));--be: oklch(97% .08 95);position:relative;width:var(--av-size, 150px);height:var(--av-size, 150px);filter:drop-shadow(0 0 14px oklch(68% .17 var(--ah) / .5))}.boss-avatar[data-mood=enraged]{--ah: calc(var(--boss-hue) * .25 + 12);--spd: 1.9;animation:boss-rage-glow .8s ease-in-out infinite alternate}.boss-avatar svg{display:block;width:100%;height:100%;overflow:visible}.boss-avatar svg svg{overflow:hidden}.boss-avatar .f1{fill:var(--b1)}.boss-avatar .f2{fill:var(--b2)}.boss-avatar .f3{fill:var(--b3)}.boss-avatar .fd{fill:var(--bd)}.boss-avatar .fe{fill:var(--be)}.boss-avatar .s1{stroke:var(--b1)}.boss-avatar .s2{stroke:var(--b2)}.boss-avatar .s3{stroke:var(--b3)}.boss-avatar .s1d{stroke:var(--bd)}.boss-av-lunge,.boss-av-hit,.boss-av-idle{width:100%;height:100%}.boss-av-idle{transform-origin:50% 92%;animation:boss-breathe calc(4.2s / var(--spd)) ease-in-out infinite}.boss-av-lunge.is-lunge{animation:boss-lunge .26s cubic-bezier(.3,0,.3,1)}.boss-av-hit.is-hit{animation:boss-recoil .14s ease-out}.boss-avatar[data-mood=gloat] .boss-av-idle{animation:boss-gloat .55s ease-in-out infinite}.boss-avatar[data-mood=shattered] .boss-av-idle{animation:none;opacity:.08;transition:opacity .3s .05s;filter:grayscale(1)}.boss-eye{transform-box:view-box;animation:boss-blink 5.2s var(--blink-delay, 0s) infinite}.boss-av-spin{animation:boss-spin calc(var(--dur, 20s) / var(--spd)) linear infinite}.boss-av-spin.rev{animation-direction:reverse}.boss-av-pillar{animation:boss-pillar calc(2.8s / var(--spd)) ease-in-out infinite alternate}.boss-av-pupil{animation:boss-pupil calc(5s / var(--spd)) ease-in-out infinite alternate}.boss-av-float{animation:boss-float calc(var(--dur, 4s) / var(--spd)) ease-in-out infinite alternate}.boss-av-beam{animation:boss-beam calc(2.2s / var(--spd)) ease-in-out infinite alternate}.boss-av-scan{animation:boss-scan calc(1.5s / var(--spd)) ease-in-out infinite alternate}.boss-av-sway{animation:boss-sway calc(3.6s / var(--spd)) ease-in-out infinite alternate}.boss-av-sway.slow{animation-name:boss-sway-slow;animation-duration:calc(5s / var(--spd))}.boss-av-breathe{transform-origin:75px 138px;animation:boss-colossus calc(3.4s / var(--spd)) ease-in-out infinite alternate}.boss-av-jaw.a{animation:boss-jaw calc(2.6s / var(--spd)) ease-in-out infinite alternate}.boss-av-jaw.b{animation:boss-jaw calc(2.6s / var(--spd)) ease-in-out infinite alternate-reverse}.boss-av-core{transform-box:fill-box;transform-origin:center;animation:boss-core calc(1.8s / var(--spd)) ease-in-out infinite alternate}.boss-av-bolt{opacity:0;animation:boss-bolt calc(2.1s / var(--spd)) steps(1) infinite}.boss-av-bolt.b{animation-delay:-.7s}.boss-av-bolt.c{animation-delay:-1.4s}.boss-av-after{opacity:0;animation:boss-after calc(3.2s / var(--spd)) ease-in-out infinite}.boss-av-after.b{animation-name:boss-after-r;animation-delay:-1.6s}.boss-av-flicker{animation:boss-flicker calc(4.5s / var(--spd)) steps(1) infinite}.boss-av-tilt{transform-origin:75px 110px;animation:boss-tilt calc(2.8s / var(--spd)) ease-in-out infinite alternate}.boss-av-bell{animation:boss-bell calc(1.1s / var(--spd)) ease-in-out infinite alternate}.boss-av-bell.b{animation-delay:-.4s}.boss-av-bell.c{animation-delay:-.8s}.boss-av-grin{transform-origin:75px 98px;animation:boss-grin calc(1.9s / var(--spd)) ease-in-out infinite alternate}.boss-av-rays{animation:boss-beam calc(2.4s / var(--spd)) ease-in-out infinite alternate}.boss-av-page{opacity:.4;transform-origin:76px 122px;animation:boss-page calc(3s / var(--spd)) ease-in-out infinite alternate}.boss-av-ink{animation:boss-ink calc(2.6s / var(--spd)) ease-in infinite}.boss-av-wave.a{animation:boss-wave calc(4.4s / var(--spd)) linear infinite}.boss-av-wave.b{animation:boss-wave calc(6s / var(--spd)) linear infinite reverse}.boss-av-head{transform-origin:92px 40px;animation:boss-head calc(2.4s / var(--spd)) ease-in-out infinite alternate}.boss-av-cape{transform-origin:70px 52px;animation:boss-cape calc(2.1s / var(--spd)) ease-in-out infinite alternate}.boss-av-flow{animation:boss-flow calc(1.6s / var(--spd)) linear infinite}.boss-av-streak{animation:boss-streak calc(1.3s / var(--spd)) linear infinite}.boss-av-embers{position:absolute;inset:0;pointer-events:none;overflow:visible}.boss-av-embers span{position:absolute;bottom:12%;border-radius:50%;background:#ffa564;background:oklch(80% .18 55);box-shadow:0 0 6px 1px #ff6138d9;box-shadow:0 0 6px 1px oklch(70% .22 35 / .85);opacity:0;animation:boss-ember 2s ease-out infinite}.boss-av-embers span:nth-child(odd){--drift: 14px}.boss-av-embers span:nth-child(2n){--drift: -12px}.boss-av-shard{position:absolute;background:var(--b1);animation:boss-shard 1.2s cubic-bezier(.15,.7,.3,1) forwards;pointer-events:none}.boss-av-shard.alt{background:var(--b3)}.boss-av-whiteout{position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,white 0 28%,transparent 68%);animation:boss-whiteout .55s ease-out forwards;pointer-events:none}@media(max-width:640px){.boss-arena,.boss-arena[data-stage=intro]{--av-size: 104px;grid-template-columns:108px minmax(0,1fr);gap:8px 10px;padding:12px 14px;min-height:0;align-items:start}.boss-arena[data-stage=intro]{--av-size: 120px;grid-template-columns:124px minmax(0,1fr)}.boss-col-boss{align-self:center}.boss-name{font-size:1.3rem}.boss-arena[data-stage=intro] .boss-name{font-size:1.6rem}.boss-epithet{letter-spacing:.1em;font-size:10px}.boss-col-player{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;text-align:left;gap:10px;flex-wrap:wrap}.boss-typist{width:40px;margin:0}.boss-stamp{right:10px;top:36%;max-width:150px}.boss-bubble-slot{height:40px}}@keyframes boss-materialise{0%{opacity:0;transform:scale(.55);filter:blur(14px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes boss-slide-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes boss-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes boss-caret{50%{opacity:0}}@keyframes boss-hp-in{0%{width:0}}@keyframes boss-engage-pulse{0%,to{box-shadow:0 0 0 0 var(--glow),0 8px 24px var(--shadow)}50%{box-shadow:0 0 0 9px transparent,0 8px 28px var(--shadow)}}@keyframes boss-stamp{0%{opacity:0;transform:translateY(-50%) rotate(-7deg) scale(1.6)}to{opacity:1;transform:translateY(-50%) rotate(-7deg) scale(1)}}@keyframes boss-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.028)}}@keyframes boss-gloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-9px) rotate(-3deg)}50%{transform:translateY(0)}75%{transform:translateY(-6px) rotate(3deg)}}@keyframes boss-lunge{0%,to{transform:none}40%{transform:translate(26px) scale(1.2)}}@keyframes boss-recoil{0%{transform:translate(-3px,1px);filter:brightness(3.4) saturate(.15)}65%{filter:brightness(3.4) saturate(.15)}to{transform:none;filter:none}}@keyframes boss-blink{0%,91%,to{transform:scaleY(1)}94%{transform:scaleY(.07)}}@keyframes boss-spin{to{transform:rotate(360deg)}}@keyframes boss-pillar{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes boss-pupil{0%{transform:translate(-6px)}to{transform:translate(6px)}}@keyframes boss-float{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes boss-beam{0%{opacity:.1}to{opacity:.4}}@keyframes boss-scan{0%{transform:translate(0)}to{transform:translate(20px)}}@keyframes boss-sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes boss-sway-slow{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes boss-colossus{0%{transform:scale(1)}to{transform:scale(1.015,1.03)}}@keyframes boss-jaw{0%{transform:translateY(0)}to{transform:translateY(5px)}}@keyframes boss-core{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.3);opacity:1}}@keyframes boss-bolt{0%{opacity:0}55%{opacity:1}62%{opacity:.2}68%{opacity:1}78%{opacity:0}to{opacity:0}}@keyframes boss-after{0%,to{opacity:0;transform:translate(0)}50%{opacity:.3;transform:translate(-15px)}}@keyframes boss-after-r{0%,to{opacity:0;transform:translate(0)}50%{opacity:.22;transform:translate(15px)}}@keyframes boss-flicker{0%{opacity:1}70%{opacity:.55}74%{opacity:1}90%{opacity:.7}93%{opacity:1}}@keyframes boss-tilt{0%{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}@keyframes boss-bell{0%{transform:translate(-2px)}to{transform:translate(2px,2px)}}@keyframes boss-grin{0%{transform:scale(1)}to{transform:scale(1.06,1.18)}}@keyframes boss-page{0%{transform:scaleX(1) skewY(0)}to{transform:scaleX(.9) skewY(-3deg)}}@keyframes boss-ink{0%{opacity:0;transform:translateY(0)}20%{opacity:1}80%{opacity:1;transform:translateY(22px)}to{opacity:0;transform:translateY(24px)}}@keyframes boss-wave{0%{transform:translate(0)}to{transform:translate(-75px)}}@keyframes boss-cape{0%{transform:rotate(-3deg) skewY(0)}to{transform:rotate(3deg) skewY(5deg) scaleX(1.06)}}@keyframes boss-flow{to{stroke-dashoffset:-30}}@keyframes boss-streak{0%{opacity:0;transform:translate(10px)}30%{opacity:.75}to{opacity:0;transform:translate(-16px)}}@keyframes boss-head{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}@keyframes boss-ember{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:1}to{opacity:0;transform:translate(var(--drift, 8px),-105px) scale(.3)}}@keyframes boss-shard{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}@keyframes boss-whiteout{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes boss-rage-glow{0%{filter:drop-shadow(0 0 10px oklch(62% .24 28 / .5))}to{filter:drop-shadow(0 0 22px oklch(62% .25 28 / .9))}}.boss-hearts{display:flex;gap:6px}.bb-heart-svg{display:block;fill:color-mix(in oklab,var(--text) 8%,transparent);stroke:color-mix(in oklab,var(--text) 30%,transparent);stroke-width:1.4;stroke-linejoin:round}.bb-heart-svg[data-lit=true]{fill:#fc425d;stroke:#ff9ca0;stroke:oklch(80% .14 18);filter:drop-shadow(0 0 6px oklch(66% .22 18 / .7))}.boss-waves{list-style:none;margin:6px 0 0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.boss-waves li{display:grid;gap:1px;padding:6px 12px;border-radius:10px;border:1px solid color-mix(in oklab,var(--boss-c) 34%,var(--border));background:color-mix(in oklab,var(--surface) 80%,var(--boss-c) 8%);animation:boss-fade-in .5s calc(.5s + var(--i) * .22s) ease-out backwards}.boss-waves b{font:600 9.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.boss-waves span{font:700 .9rem var(--mono);color:var(--text)}.boss-arena[data-stage=intro] .boss-col-player{align-items:flex-end}.boss-arena[data-stage=intro] .boss-shield-label{max-width:150px;line-height:1.5;white-space:normal}.bb-wrap{--boss-c: oklch(70% .17 var(--boss-hue));--boss-c2: oklch(48% .15 var(--boss-hue));--boss-c3: oklch(88% .09 var(--boss-hue));--boss-glow: oklch(70% .17 var(--boss-hue) / .38);width:100%;min-width:0}.bb-wrap>.boss-arena,.bb-wrap>.boss-arena[data-stage=intro]{margin-bottom:0;min-height:var(--bb-h, 380px)}.bb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}.bb-field{position:relative;isolation:isolate;overflow:hidden;width:100%;border-radius:22px;color:var(--text);border:1px solid color-mix(in oklab,var(--boss-c) 34%,var(--border));background:radial-gradient(ellipse 60% 70% at 50% 108%,color-mix(in oklab,var(--boss-c) 22%,transparent),transparent 70%),color-mix(in oklab,var(--surface) 90%,var(--boss-c) 10%);box-shadow:0 18px 50px var(--shadow),inset 0 1px 0 var(--sheen);-webkit-user-select:none;user-select:none}.bb-field.is-shaking{animation:bb-shake .28s ease-in-out}.bb-grid{position:absolute;inset:0 0 44px;width:100%;height:calc(100% - 44px);z-index:-2;pointer-events:none}.bb-grid line{stroke:var(--boss-c);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.2}.bb-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 85% 85% at 50% 55%,transparent 55%,color-mix(in oklab,var(--bg) 60%,transparent) 100%)}.bb-flash{position:absolute;inset:0;z-index:8;pointer-events:none;box-shadow:inset 0 0 60px 12px var(--error);background:color-mix(in oklab,var(--error) 14%,transparent);animation:bb-flash .5s ease-out forwards}.bb-strip{position:absolute;z-index:6;left:0;right:0;bottom:0;height:44px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 16px;background:color-mix(in oklab,var(--surface) 82%,var(--boss-c) 6%);border-top:1px solid color-mix(in oklab,var(--boss-c) 30%,var(--border));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bb-hearts{display:flex;gap:5px}.bb-mid{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0}.bb-portrait{flex:none;width:38px;height:38px;margin:0 -2px}.bb-bossbar{flex:0 1 380px;min-width:120px;display:grid;gap:4px}.bb-bossbar-name{display:flex;align-items:baseline;gap:8px;min-width:0}.bb-bossbar-name strong{font:800 .8rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.bb-bossbar-name em{font:500 9px var(--mono);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-hp{position:relative;height:9px;overflow:hidden;border-radius:3px;transform:skew(-14deg);background:color-mix(in oklab,var(--text) 10%,transparent);border:1px solid color-mix(in oklab,var(--boss-c) 55%,var(--border));box-shadow:0 0 10px var(--boss-glow)}.bb-hp-fill{position:absolute;inset:0;transform-origin:left;background:linear-gradient(90deg,var(--boss-c2),var(--boss-c));box-shadow:inset 0 1px #ffffff59;transition:transform .25s ease-out}.bb-hp[data-low=true] .bb-hp-fill{background:linear-gradient(90deg,#bb061e,#dd272a,#ff4139);background:linear-gradient(90deg,#bb061e,#dd272a,color(xyz 0.442 0.253 0.061))}.bb-waves-wrap{flex:none;display:grid;gap:3px;justify-items:start}.bb-wave-label{font:600 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.bb-hud{display:flex;align-items:center;gap:14px}.bb-combo{display:flex;align-items:center;gap:6px}.bb-combo-num{min-width:2ch;text-align:right;font:800 1.25rem / 1 var(--mono);font-variant-numeric:tabular-nums}.bb-combo-mult{font:800 .75rem var(--mono);padding:2px 7px;border-radius:999px;color:var(--muted);border:1px solid var(--border)}.bb-combo[data-tier="2"] .bb-combo-mult{color:var(--accent-ink, var(--bg));background:var(--accent);border-color:transparent}.bb-combo[data-tier="3"] .bb-combo-mult,.bb-combo[data-tier="4"] .bb-combo-mult{color:#220a00;color:oklch(18% .05 50);background:linear-gradient(120deg,#ffa718,#ff7138);background:linear-gradient(120deg,color(xyz 0.569 0.494 0.052),color(xyz 0.524 0.338 0.044));border-color:transparent}.bb-combo[data-tier="4"] .bb-combo-num{color:#ff9036;color:oklch(76% .19 55)}.bb-waves{display:flex;gap:4px}.bb-wave-dot{position:relative;width:34px;height:5px;overflow:hidden;border-radius:3px;background:color-mix(in oklab,var(--text) 14%,transparent)}.bb-wave-dot i{position:absolute;inset:0;transform-origin:left;background:var(--boss-c);transition:transform .2s}.bb-wave-dot[data-done=true] i{background:var(--accent)}.bb-wave-dot[data-cur=true]{outline:1px solid color-mix(in oklab,var(--boss-c) 70%,transparent);outline-offset:1px}.bb-acc{display:flex;align-items:baseline;gap:5px;font:600 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.bb-acc b{font:800 .95rem var(--mono);letter-spacing:0;color:var(--text);min-width:4ch;text-align:right}.bb-bubble{position:absolute;z-index:6;left:0;top:0;pointer-events:none}.bb-bubble span{position:absolute;width:max-content;max-width:300px;padding:6px 12px;border-radius:12px;background:color-mix(in oklab,var(--surface-raised) 88%,var(--boss-c) 12%);border:1px solid color-mix(in oklab,var(--boss-c) 40%,var(--border));font:italic 500 .8rem / 1.35 var(--sans);color:var(--text);animation:boss-fade-in .25s ease-out both}.bb-bubble[data-side=right] span{left:66px;top:max(-18px,calc(10px - var(--boss-py, 0px)))}.bb-bubble[data-side=left] span{right:66px;top:max(-18px,calc(10px - var(--boss-py, 0px)))}.bb-bubble[data-side=floor]{top:auto;bottom:0}.bb-bubble[data-side=floor] span{left:16px;bottom:52px}.bb-bubble b{font:700 .72rem var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--boss-c);margin-right:4px}.bb-boss{position:absolute;left:0;top:0;z-index:3;width:0;height:0;will-change:transform}.bb-boss-body{position:absolute;left:-55px;top:-55px;width:110px;height:110px}.bb-boss[data-intro=true] .bb-boss-body{animation:boss-materialise 1s ease-out both}.bb-tok{position:absolute;left:0;top:0;z-index:4;width:0;height:0;will-change:transform;pointer-events:none}.bb-tok-body{--tc: var(--boss-c);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;white-space:nowrap;font:700 1.2rem / 1 var(--mono);color:var(--text);will-change:transform;background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--tc) 35%,var(--surface-raised)),color-mix(in oklab,var(--tc) 14%,var(--surface)));border:2px solid var(--tc);box-shadow:0 0 14px color-mix(in oklab,var(--tc) 55%,transparent),inset 0 1px #ffffff2e}.bb-tok-body[data-kind=char]{width:46px;height:46px;border-radius:50%;font-size:1.45rem}.bb-tok-body[data-kind=word],.bb-tok-body[data-kind=phrase]{height:38px;padding:0 16px;border-radius:999px;letter-spacing:.02em}.bb-tok-body[data-kind=phrase]{font-size:1.05rem;padding:0 18px}.bb-tok-body[data-locked=true]{--tc: var(--accent);box-shadow:0 0 20px color-mix(in oklab,var(--accent) 70%,transparent),inset 0 1px #fff3;z-index:2}.bb-tok-body[data-dim=true]{opacity:.55}.bb-tok-body[data-locked=true]{outline:2px solid var(--accent);outline-offset:3px}.bb-tok-body[data-danger=true]{--tc: var(--error);animation:bb-danger .5s ease-in-out infinite alternate}.bb-tok-body[data-miss=true]{animation:bb-miss .2s linear;--tc: var(--error)}.bb-text{display:inline-flex}.bb-typed{opacity:.38;text-decoration:line-through;text-decoration-thickness:2px}.bb-next{color:var(--accent);border-bottom:3px solid var(--accent);line-height:1.05;min-width:.5ch}.bb-next[data-lead=true]{color:var(--text);border-bottom-color:color-mix(in oklab,var(--tc) 70%,transparent);border-bottom-width:2px}.bb-rest{color:var(--text)}.bb-glyph{text-shadow:0 0 8px color-mix(in oklab,var(--tc) 70%,transparent)}.bb-reticle{position:absolute;left:-22px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;pointer-events:none;border:2px dashed var(--accent);box-shadow:0 0 10px var(--glow);animation:boss-spin 3s linear infinite}.bb-reticle:before,.bb-reticle:after{content:"";position:absolute;background:var(--accent)}.bb-reticle:before{left:50%;top:-7px;width:2px;height:8px;margin-left:-1px;box-shadow:0 40px 0 var(--accent)}.bb-reticle:after{top:50%;left:-7px;height:2px;width:8px;margin-top:-1px;box-shadow:40px 0 0 var(--accent)}.bb-tok-body[data-kind=char] .bb-reticle{left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px}.bb-tok-body[data-kind=char] .bb-reticle:before{box-shadow:0 60px 0 var(--accent)}.bb-tok-body[data-kind=char] .bb-reticle:after{box-shadow:60px 0 0 var(--accent)}.bb-reticle[data-still=true]{animation:none}.bb-tok-body:not([data-kind=char]) .bb-reticle{inset:-9px;width:auto;height:auto;margin:0;border-radius:999px;animation:bb-frame-pulse 1.1s ease-in-out infinite alternate}.bb-tok-body:not([data-kind=char]) .bb-reticle:before{top:-6px;height:7px;box-shadow:0 calc(100% + 47px) 0 var(--accent)}.bb-tok-body:not([data-kind=char]) .bb-reticle:after{left:-6px;width:7px;box-shadow:none}.bb-tok-body:not([data-kind=char]) .bb-reticle[data-still=true]{animation:none}@keyframes bb-core{0%{transform:translate(-50%,50%) scale(.92)}to{transform:translate(-50%,50%) scale(1.1)}}@keyframes bb-frame-pulse{0%{transform:scale(1);opacity:.75}to{transform:scale(1.035);opacity:1}}.bb-beam-layer{position:absolute;left:0;top:0;z-index:5;pointer-events:none;overflow:visible}.bb-beam{stroke:var(--accent);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--accent));animation:bb-beam .12s ease-out forwards}.bb-burst{position:absolute;left:0;top:0;z-index:5;width:0;height:0;pointer-events:none}.bb-ring{position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;border:2px solid var(--accent);animation:bb-ring .55s ease-out forwards}.bb-burst[data-danger=true] .bb-ring{border-color:var(--error)}.bb-letter{position:absolute;left:-.5ch;top:-.6em;font:800 1.1rem var(--mono);color:var(--accent);text-shadow:0 0 8px var(--glow);animation:bb-letter .6s cubic-bezier(.1,.7,.3,1) forwards}.bb-burst[data-danger=true] .bb-letter{color:var(--error)}.bb-core{position:absolute;left:50%;bottom:44px;z-index:3;width:0;height:0;pointer-events:none}.bb-core>i{position:absolute;display:block;border-radius:50%;transform:translate(-50%,50%)}.bb-core-base{bottom:-4px;width:130px;height:34px;background:radial-gradient(ellipse,color-mix(in oklab,var(--accent) 55%,transparent),transparent 68%)}.bb-core-orb{bottom:30px;width:26px;height:26px;background:radial-gradient(circle at 38% 32%,#fff,var(--accent) 45%,color-mix(in oklab,var(--accent) 50%,var(--bg)));box-shadow:0 0 22px var(--accent),0 0 48px var(--glow);animation:bb-core 1.8s ease-in-out infinite alternate}.bb-field[data-reduced=true] .bb-core-orb{animation:none}.bb-player{position:absolute;left:calc(9px * var(--bb-scale) * -1);bottom:var(--bb-feet, 2px);width:calc(18px * var(--bb-scale));height:calc(28px * var(--bb-scale))}.bb-player>.pixel-avatar{width:100%;height:100%;animation:bb-bob 1s steps(1,end) infinite}.bb-player[data-pose=cast]>.pixel-avatar,.bb-player[data-pose=hurt]>.pixel-avatar{animation:none}.bb-player[data-pose=hurt]{animation:bb-knock .35s ease-out}.bb-player[data-pose=hurt]>.pixel-avatar{filter:brightness(1.5) saturate(1.3) drop-shadow(0 0 4px var(--error));transition:filter .4s ease-out}.bb-player[data-pose=win]>.pixel-avatar{animation:bb-hop .7s steps(1,end) infinite;filter:drop-shadow(0 0 8px var(--glow))}.bb-player[data-final=lose]>.pixel-avatar{animation:none;filter:saturate(.5) brightness(.7)}.bb-field[data-reduced=true] .bb-player,.bb-field[data-reduced=true] .bb-player>.pixel-avatar{animation:none}.bb-heart{display:block}.bb-heart[data-lost=true]{animation:bb-heart-fall .9s cubic-bezier(.5,0,.9,.5) forwards}.bb-banner{position:absolute;z-index:7;left:0;right:0;top:47%;transform:translateY(-50%);display:grid;gap:6px;justify-items:center;text-align:center;pointer-events:none;padding:14px 0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--surface) 78%,var(--boss-c) 10%) 20%,color-mix(in oklab,var(--surface) 78%,var(--boss-c) 10%) 80%,transparent);animation:bb-banner 1.8s ease-out forwards}.bb-banner strong{font:900 clamp(1.1rem,3vw,1.7rem) var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--text);text-shadow:0 0 18px var(--boss-glow)}.bb-banner span{font:600 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--boss-c)}.bb-paused{position:absolute;inset:0;z-index:9;display:grid;place-content:center;gap:4px;text-align:center;background:color-mix(in oklab,var(--bg) 66%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bb-paused strong{font:900 1.6rem var(--mono);letter-spacing:.3em;text-transform:uppercase}.bb-paused span{font:600 11px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}@media(max-width:760px){.bb-bossbar-name em,.bb-acc span,.bb-waves-wrap,.bb-portrait{display:none}.bb-strip{gap:10px;padding:0 10px}.bb-bubble span{max-width:200px}}@media(prefers-reduced-motion:reduce){.bb-field.is-shaking,.bb-banner,.bb-tok-body[data-danger=true]{animation:none}.bb-player,.bb-player>.pixel-avatar{animation:none!important}}@keyframes bb-shake{0%,to{transform:none}15%{transform:translate(-6px)}35%{transform:translate(6px)}55%{transform:translate(-4px)}75%{transform:translate(3px)}}@keyframes bb-flash{0%{opacity:1}to{opacity:0}}@keyframes bb-danger{0%{box-shadow:0 0 10px color-mix(in oklab,var(--error) 50%,transparent)}to{box-shadow:0 0 26px var(--error)}}@keyframes bb-miss{0%,to{margin-left:0}25%{margin-left:-5px}75%{margin-left:5px}}@keyframes bb-beam{0%{opacity:1}to{opacity:0}}@keyframes bb-ring{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}@keyframes bb-letter{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.5)}}@keyframes bb-bob{0%{transform:none}50%{transform:translateY(1px)}}@keyframes bb-hop{0%{transform:none}50%{transform:translateY(-3px)}}@keyframes bb-knock{0%,to{transform:none}20%{transform:translate(-4px)}45%{transform:translate(3px)}70%{transform:translate(-2px)}}@keyframes bb-heart-fall{0%{transform:none;opacity:1}18%{transform:translate(-3px) rotate(-8deg) scale(1.15);filter:brightness(2)}36%{transform:translate(3px) rotate(7deg) scale(1.05)}to{transform:translateY(70px) rotate(32deg) scale(.7);opacity:0}}@keyframes bb-banner{0%{opacity:0;transform:translateY(-50%) scaleY(.3)}14%{opacity:1;transform:translateY(-50%)}80%{opacity:1}to{opacity:0}}}@layer tokens,base,layout,components,states;@layer components{.pixel-avatar{display:block;overflow:visible;flex:none;stroke:none}.pixel-avatar[data-crop=face]{width:100%;height:100%;overflow:hidden}.pa-tail-b{visibility:hidden}.pa-tail-a{animation:pa-flap-a .5s steps(1,end) infinite}.pa-tail-b{animation:pa-flap-b .5s steps(1,end) infinite}@keyframes pa-flap-a{0%{visibility:visible}50%{visibility:hidden}}@keyframes pa-flap-b{0%{visibility:hidden}50%{visibility:visible}}.token-avatar{overflow:hidden;align-items:stretch;justify-items:stretch}.token-avatar>.pixel-avatar{margin-top:6%}.rb-ends foreignObject .token{width:100%;height:100%}.typist-head{display:flex;align-items:center;gap:16px}.typist-head>div{flex:1;min-width:0}.typist-head h2{margin:6px 0 0}.typist-section[data-open] .typist-head{margin-bottom:22px}.typist-mini{display:grid;place-items:end center;overflow:hidden;width:48px;height:48px;flex:none;border-radius:50%;background:color-mix(in oklab,var(--accent) 14%,transparent)}.typist-toggle{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);font:12px var(--mono);letter-spacing:.04em;cursor:pointer}.typist-toggle:hover{border-color:color-mix(in oklab,var(--accent) 45%,var(--border));color:var(--accent)}.typist-grid[hidden]{display:none}@media(max-width:520px){.typist-head h2{font-size:1.15rem}.typist-mini{width:40px;height:40px}}.typist-grid{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:28px;align-items:start}.typist-stage{position:relative;isolation:isolate;display:grid;justify-items:center;gap:14px;padding:22px 16px 16px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:radial-gradient(ellipse 70% 30% at 50% 66%,color-mix(in oklab,var(--accent) 22%,transparent),transparent 70%),color-mix(in oklab,var(--bg) 70%,var(--accent) 5%)}.typist-floor{position:absolute;z-index:-1;left:12%;right:12%;top:58%;height:18%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in oklab,var(--accent) 38%,transparent),transparent 68%)}.typist-hero{width:180px;height:auto}.typist-poses{display:flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:9px;background:color-mix(in oklab,var(--bg) 58%,transparent)}.typist-poses button{height:28px;padding:0 11px;border:0;border-radius:6px;background:none;color:var(--secondary);font:11px var(--mono);transition:color .15s,background .15s}.typist-poses button:hover{color:var(--text)}.typist-poses button[aria-pressed=true]{color:var(--accent);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border)}.typist-back{display:flex;align-items:flex-end;gap:10px;margin:0;align-self:stretch;justify-content:center;padding-top:12px;border-top:1px dashed var(--border)}.typist-back figcaption{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:6px}.wardrobe{display:grid;gap:14px;min-width:0;align-content:start}.wd-card{display:grid;gap:14px;padding:16px 18px 18px;border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--surface) 55%,transparent);min-width:0}.wd-card-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px 22px;min-width:0}.wd-group{margin:0;font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:500}.wd-group small{margin-left:6px;color:var(--muted);letter-spacing:.08em;text-transform:none;font-size:10px}.wd-pill:disabled{opacity:.4;cursor:default}.wd-row{display:grid;gap:8px;align-content:start;min-width:0}.wd-label{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--secondary)}.wd-options{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.wd-swatch{position:relative;width:24px;height:24px;padding:0;border-radius:50%;border:1px solid color-mix(in oklab,var(--text) 24%,transparent);background:var(--swatch);cursor:pointer;transition:transform .15s,box-shadow .15s}.wd-swatch:hover{transform:scale(1.12)}.wd-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--accent);transform:scale(1.08)}.wd-pill{height:30px;padding:0 13px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--secondary);font:12px var(--mono);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.wd-pill:hover{color:var(--text);border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.wd-pill[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in oklab,var(--accent) 10%,transparent)}.wd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border)}.wd-save,.wd-ghost{height:36px;padding:0 16px;border-radius:9px;border:1px solid var(--border);background:var(--surface-raised);color:var(--text);font-size:13px;cursor:pointer;transition:border-color .15s,transform .15s,opacity .15s}.wd-save{background:var(--accent);border-color:transparent;color:var(--accent-ink, var(--bg));font-weight:600}.wd-save:hover:not(:disabled),.wd-ghost:hover:not(:disabled){transform:translateY(-1px)}.wd-ghost:hover:not(:disabled){border-color:var(--accent)}.wd-save:disabled,.wd-ghost:disabled{opacity:.45;cursor:default}.wd-status{font:11px var(--mono);color:var(--muted)}.wd-status[data-kind=saved]{color:var(--correct, var(--accent))}.wd-status[data-kind=error]{color:var(--error)}.typist-stage{position:sticky;top:16px}.wd-actions{position:sticky;bottom:10px;z-index:2;margin-top:2px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in oklab,var(--surface) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px -14px var(--backdrop, #000)}@media(max-width:980px){.typist-grid{grid-template-columns:minmax(200px,230px) minmax(0,1fr);gap:20px}.typist-hero{width:150px}}@media(max-width:700px){.typist-grid{grid-template-columns:1fr;gap:14px}.typist-stage{top:8px;z-index:3;grid-template-columns:auto auto;grid-template-areas:"hero back" "poses poses";align-items:end;justify-content:center;column-gap:18px;row-gap:10px;padding:12px 12px 10px;background:color-mix(in oklab,var(--surface) 92%,var(--accent) 4%);box-shadow:0 12px 28px -18px var(--backdrop, #000)}.typist-hero{grid-area:hero;width:92px}.typist-back{grid-area:back;flex-direction:column;align-items:center;gap:4px;padding:0 0 4px 16px;border-top:0;border-left:1px dashed var(--border);align-self:stretch;justify-content:flex-end}.typist-back .pixel-avatar{width:46px!important;height:auto!important}.typist-back figcaption{padding:0;font-size:9px}.typist-poses{grid-area:poses;justify-self:center}.typist-floor{top:46%}.wd-card{padding:14px 14px 16px}.wd-card-body{grid-template-columns:1fr;gap:14px}.wd-actions{justify-content:stretch}.wd-actions .wd-save{flex:1 1 auto}}@media(max-width:380px){.typist-hero{width:76px}.typist-poses button{padding:0 8px}.wd-pill{padding:0 11px}.wd-options{gap:7px}}@media(prefers-reduced-motion:reduce){.pa-tail-a{animation:none;visibility:visible}.pa-tail-b{animation:none;visibility:hidden}}}@layer tokens,base,layout,components,states;@layer components{.race-breakdown{margin-top:26px;padding-top:18px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;animation:rb-rise .6s .35s cubic-bezier(.2,.7,.2,1) both}.rb-title{margin:2px 0 8px;font:500 20px/1.25 var(--mono);letter-spacing:-.02em;color:var(--text)}.rb-label{font:9px var(--mono);letter-spacing:.14em;color:var(--muted)}.rb-readout{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;min-height:30px}.rb-time{font:12px var(--mono);color:var(--secondary);white-space:nowrap}.rb-time strong{display:inline-block;min-width:4.4ch;font-size:13px;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.rb-readout ol{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none}.rb-readout li{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--secondary);transition:color .2s}.rb-readout li[data-you]{color:var(--accent)}.rb-place{font:10px var(--mono);color:var(--muted)}.rb-readout li[data-you] .rb-place{color:inherit}.rb-name{max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-wpm{font:12px var(--mono);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.rb-wpm small{font-size:9px;color:var(--muted);letter-spacing:.06em}.rb-readout li[data-you] .rb-wpm{color:var(--accent)}.rb-readout .token[data-size=sm]{width:18px;height:18px;font-size:8px}.rb-chart{position:relative;border-radius:12px;cursor:crosshair;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline-offset:4px;margin-top:2px}.rb-chart:focus-visible{outline:2px solid var(--focus)}.rb-chart svg{display:block;overflow:visible;font-family:var(--mono)}.rb-grid line{stroke:var(--border);stroke-dasharray:2 4}.rb-grid text,.rb-axis{font-size:9px;fill:var(--muted)}.rb-unit{font-size:8.5px;letter-spacing:.12em;fill:var(--muted);text-transform:uppercase}.rb-grid[data-zero] line{display:none}.rb-base{stroke:color-mix(in oklab,var(--muted) 45%,transparent)}.rb-line{--token: var(--secondary);fill:none;stroke:var(--token);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.8;stroke-dasharray:1;stroke-dashoffset:0;animation:rb-draw .9s calc(var(--i, 0) * 90ms) cubic-bezier(.3,.7,.2,1) both}.rb-line[data-you]{stroke-width:2.75;opacity:1;filter:drop-shadow(0 0 6px var(--glow))}.rb-line[data-partial]{stroke-dasharray:5 4;animation:rb-fade .6s .5s ease both;opacity:.7}.rb-area{animation:rb-fade .8s .6s ease both}.rb-slips line{stroke:var(--error);stroke-width:1.5;stroke-linecap:round;opacity:.85}.rb-cursor{pointer-events:none}.rb-cursor line{stroke:var(--secondary);stroke-width:1;stroke-dasharray:3 3;opacity:.7}.rb-cursor circle{fill:var(--token);stroke:var(--surface);stroke-width:1.5}.rb-moments{pointer-events:none;animation:rb-fade .5s .9s ease both}.rb-moments circle{fill:var(--surface-raised);stroke:var(--accent);stroke-width:1.25}.rb-moments text{font-size:8.5px;fill:var(--text)}.rb-ends{animation:rb-fade .5s .8s ease both}.rb-ends g{--token: var(--secondary)}.rb-lead{fill:none;stroke:var(--token);stroke-width:1;opacity:.35}.rb-disc{fill:var(--token);stroke:var(--surface);stroke-width:1.5}.rb-ends g[data-you] .rb-disc{filter:drop-shadow(0 0 5px var(--glow))}.rb-glyph{font-size:8px;fill:var(--bg);letter-spacing:-.04em}.rb-final{font-size:11px;fill:var(--secondary)}.rb-final-wpm{fill:var(--text);font-weight:600;font-size:12px;font-variant-numeric:tabular-nums}.rb-ends g[data-you] .rb-final,.rb-ends g[data-you] .rb-final-wpm{fill:var(--accent)}.rb-note{margin:4px 0 0;font-size:10px;color:var(--muted)}.rb-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 28px;margin-top:16px}.rb-block{display:flex;flex-direction:column;gap:10px;min-width:0}.rb-splits{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.rb-splits li{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 2px;border-radius:10px;background:color-mix(in oklab,var(--surface-raised) 55%,transparent);border:1px solid var(--border);min-width:0}.rb-splits li[data-best]{border-color:color-mix(in oklab,var(--accent) 55%,transparent);box-shadow:0 0 18px -6px var(--glow)}.rb-split-range{font:9px var(--mono);color:var(--muted);white-space:nowrap}.rb-bar{display:flex;align-items:flex-end;width:14px;height:54px;border-radius:4px;background:color-mix(in oklab,var(--muted) 14%,transparent);overflow:hidden}.rb-bar>span{display:block;width:100%;border-radius:4px 4px 0 0;background:color-mix(in oklab,var(--accent) 55%,var(--surface-raised));transform-origin:bottom;animation:rb-grow .7s .5s cubic-bezier(.2,.7,.2,1) both}.rb-splits li[data-best] .rb-bar>span{background:var(--accent)}.rb-split-wpm{font:13px var(--mono);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.rb-split-wpm small{display:none;font-size:9px;color:var(--muted)}.rb-badge{font:600 9px var(--mono);padding:2px 6px;border-radius:99px;color:var(--secondary);background:color-mix(in oklab,var(--muted) 18%,transparent)}.rb-badge[data-place="1"]{color:var(--accent-ink);background:var(--accent)}.rb-dots{display:flex;align-items:center;gap:3px;min-height:8px;font:9px var(--mono);color:var(--error)}.rb-dots i{width:6px;height:6px;border-radius:50%;background:var(--error)}.rb-dots b{font-weight:500}.rb-moments-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.rb-moments-list button{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:12px;color:var(--secondary);transition:background .15s,color .15s}.rb-moments-list button:hover{background:color-mix(in oklab,var(--muted) 14%,transparent);color:var(--text)}.rb-moments-list button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.rb-moments-list button[data-active]{background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--text)}.rb-num{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font:9px var(--mono);color:var(--text);border:1.25px solid var(--accent);background:var(--surface-raised)}.rb-moments-list button[data-kind=finish] .rb-num{background:var(--accent);color:var(--accent-ink)}.rb-moments-list button[data-kind=mistake] .rb-num,.rb-moments-list button[data-kind=stall] .rb-num{border-color:var(--error)}.rb-moment-text{flex:1;min-width:0}.rb-moment-time{flex:none;font:10px var(--mono);color:var(--muted)}.rb-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 0}.rb-stats>div{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-raised) 40%,transparent);min-width:0}.rb-stats dt{font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.rb-stats dd{margin:0;font:500 20px/1.15 var(--mono);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.rb-stats dd small{font-size:10px;color:var(--muted);letter-spacing:0}.rb-stats .rb-sub{font:10px var(--mono);letter-spacing:0;color:var(--muted)}.rb-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px!important;font:11px var(--mono)!important}.rb-chips span{padding:1px 7px;border-radius:99px;color:var(--error);background:var(--error-bg);border:1px solid color-mix(in oklab,var(--error) 30%,transparent)}@keyframes rb-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes rb-draw{0%{stroke-dashoffset:1}}@keyframes rb-fade{0%{opacity:0}}@keyframes rb-grow{0%{transform:scaleY(0)}}@media(min-width:521px){.rb-split-wpm small{display:inline}}@media(max-width:760px){.rb-columns{grid-template-columns:minmax(0,1fr)}.rb-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.rb-stats .rb-wide{grid-column:1 / -1}}@media(max-width:520px){.rb-title{font-size:17px}.rb-readout ol{gap:6px 12px}.rb-name{max-width:8ch}.rb-split-wpm{font-size:12px}.rb-bar{width:10px}}@media(prefers-reduced-motion:reduce){.race-breakdown,.rb-line,.rb-area,.rb-moments,.rb-ends,.rb-bar>span{animation:none!important}}}@layer tokens,base,layout,components,states;@layer components{.replay-card{--replay-line: 38px;margin:26px 0 12px;padding:18px 20px 16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in oklab,var(--surface) 70%,transparent);display:flex;flex-direction:column;gap:14px;text-align:left;outline-offset:3px}.replay-card:focus-visible{outline:2px solid var(--focus, var(--accent))}.replay-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.replay-title{font:9px var(--mono);letter-spacing:.14em;color:var(--muted)}.replay-hint{font:10px var(--mono);color:var(--muted)}.replay-stage{position:relative}.replay-viewport{max-height:calc(var(--replay-line) * 3);overflow:hidden;position:relative;transition:filter .25s ease,opacity .25s ease}.replay-viewport[data-dim]{filter:blur(1.6px);opacity:.55}.replay-words{position:relative;font:21px/var(--replay-line) var(--mono);letter-spacing:-.04em;color:var(--untyped);-webkit-user-select:none;user-select:none;overflow-wrap:anywhere;transition:transform .22s ease}.replay-word{display:inline-block;margin-right:.65em;max-width:100%;vertical-align:top}.replay-char{display:inline-block}.replay-char[data-s=correct]{color:var(--correct)}.replay-char[data-s=incorrect],.replay-char[data-s=extra]{color:var(--error);background:var(--error-bg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.replay-char[data-s=missed]{color:var(--error);text-decoration:underline dotted;text-underline-offset:6px}.replay-caret{position:absolute;left:0;top:0;width:2px;height:26px;border-radius:1px;background:var(--accent);box-shadow:0 0 12px var(--glow, var(--accent));pointer-events:none;transition:background-color .12s ease,box-shadow .12s ease}.replay-card[data-playing] .replay-caret{transition:background-color .12s ease,box-shadow .12s ease}.replay-card[data-flash=wrong] .replay-caret,.replay-card[data-flash=extra] .replay-caret{background:var(--error);box-shadow:0 0 16px var(--error)}.replay-card[data-flash=fix] .replay-caret{background:#e8b04a;box-shadow:0 0 14px #e8b04a}.replay-start{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;border:1px solid color-mix(in oklab,var(--accent) 55%,var(--border));background:color-mix(in oklab,var(--bg) 70%,transparent);color:var(--accent);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 28px color-mix(in oklab,var(--glow, var(--accent)) 35%,transparent);transition:transform .18s ease,background-color .18s ease}.replay-start:hover{transform:scale(1.06);background:color-mix(in oklab,var(--accent) 16%,var(--bg))}.replay-start svg{width:30px;height:30px;fill:currentColor;stroke:none;margin-left:3px}.replay-stats{display:flex;flex-wrap:wrap;gap:4px 20px;font:11px var(--mono);color:var(--muted)}.replay-stat b{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums;display:inline-block;min-width:2ch;text-align:right}.replay-stat[data-bad] b{color:var(--error)}.replay-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.replay-play{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--accent);display:grid;place-items:center;cursor:pointer;flex:none}.replay-play:hover{border-color:color-mix(in oklab,var(--accent) 50%,var(--border));background:color-mix(in oklab,var(--accent) 12%,transparent)}.replay-play svg{width:18px;height:18px;fill:currentColor;stroke:none}.replay-speeds{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:2px}.replay-speeds button{height:28px;min-width:38px;padding:0 9px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:11px var(--mono);cursor:pointer}.replay-speeds button:hover{color:var(--text)}.replay-speeds button[aria-pressed=true]{background:color-mix(in oklab,var(--accent) 18%,transparent);color:var(--accent)}.replay-time{margin-left:auto;font:11px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.replay-time b{color:var(--text);font-weight:500}.replay-track{display:flex;flex-direction:column;gap:6px}.replay-scrubber{width:100%;margin:0;height:18px;accent-color:var(--accent);cursor:pointer;background:transparent}.replay-strip{position:relative;height:18px;margin:0 7px}.replay-strip svg{position:absolute;inset:4px 0 0;width:100%;height:14px;overflow:visible}.replay-strip path{fill:none;stroke-width:1.4;vector-effect:non-scaling-stroke}.replay-strip path[data-k=correct],.replay-strip path[data-k=space]{stroke:color-mix(in oklab,var(--muted) 70%,transparent)}.replay-strip path[data-k=wrong],.replay-strip path[data-k=extra]{stroke:var(--error);stroke-width:2}.replay-strip path[data-k=fix]{stroke:#e8b04a;stroke-width:2}.replay-fix{position:absolute;top:-4px;transform:translate(-50%);font:9px/1 var(--mono);color:#e8b04a;pointer-events:none}.replay-head-line{position:absolute;top:0;bottom:-2px;width:1px;background:var(--accent);box-shadow:0 0 6px var(--glow, var(--accent));pointer-events:none}.replay-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;font:10px var(--mono);color:var(--muted)}.replay-legend i{display:inline-block;width:2px;height:9px;margin-right:6px;vertical-align:-1px;background:var(--muted)}.replay-legend [data-k=wrong] i{background:var(--error)}.replay-legend [data-k=fix] i{background:#e8b04a}.replay-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}@media(max-width:640px){.replay-card{--replay-line: 34px;padding:14px 14px 12px}.replay-words{font-size:18px}.replay-caret{height:22px}.replay-time{margin-left:0}}@media(prefers-reduced-motion:reduce){.replay-words,.replay-viewport,.replay-caret,.replay-start{transition:none}}}@layer tokens,base,layout,components,states;@layer components{.quote-history{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;margin:4px 0 12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--surface) 70%,transparent);font:11px/1.5 var(--mono);color:var(--secondary);animation:qh-in .35s ease-out both}.qh-main{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;min-width:0}.qh-line{margin:0;display:flex;flex-wrap:wrap;gap:0 8px}.qh-line strong{color:var(--text);font-weight:500}.qh-sep{color:var(--muted)}.qh-record{font-style:normal;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.qh-delta{padding:1px 9px;border-radius:99px;border:1px solid currentColor;font-size:11px;color:var(--secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.qh-delta[data-lead=ahead]{color:var(--accent)}.qh-delta[data-lead=behind]{color:var(--error)}.qh-dots{flex:none;margin-left:auto;overflow:visible}.qh-usual{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3;opacity:.6}.qh-trail{fill:none;stroke:var(--border);stroke-width:1;stroke:var(--muted);opacity:.35}.qh-dot{fill:var(--muted)}.qh-now{fill:var(--accent);stroke:var(--bg);stroke-width:1.5;filter:drop-shadow(0 0 4px var(--glow))}.qh-daily{flex-basis:100%;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding-top:8px;border-top:1px solid var(--border)}.qh-daily strong{color:var(--accent);font-weight:500}.qh-tag{font-size:9px;letter-spacing:.14em;color:var(--muted)}.quote-history a,.qh-link{color:var(--accent);background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in oklab,var(--accent) 40%,transparent)}.quote-history a:hover,.qh-link:hover{text-decoration-color:currentColor}.quote-history a:focus-visible,.qh-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}@keyframes qh-in{0%{opacity:0;transform:translateY(4px)}}@media(max-width:560px){.qh-dots{margin-left:0}.quote-history{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.quote-history{animation:none}}}@layer tokens,base,layout,components,states;@layer components{.daily-card{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;padding:9px 12px 9px 14px;border:1px solid var(--border);border-radius:10px;background:color-mix(in oklab,var(--surface) 62%,transparent);font:11px/1.5 var(--mono);color:var(--secondary)}.daily-tag{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.14em;color:var(--accent);white-space:nowrap}.daily-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--glow)}.daily-teaser{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-family:var(--sans);font-size:12px}.daily-standing{display:inline-flex;gap:8px;white-space:nowrap;color:var(--muted)}.daily-standing strong{color:var(--text);font-weight:500}.daily-play{flex:none;height:28px;padding:0 14px;border-radius:7px;border:1px solid color-mix(in oklab,var(--accent) 55%,transparent);background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent);font:500 11px var(--mono);letter-spacing:.04em;cursor:pointer;transition:background .15s,transform .15s}.daily-play:hover{background:color-mix(in oklab,var(--accent) 24%,transparent)}.daily-play:active{transform:translateY(1px)}.daily-play:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:560px){.daily-card{padding:10px 12px}.daily-teaser{flex-basis:100%;order:2;white-space:normal}.daily-standing{order:3;flex-basis:calc(100% - 90px);white-space:normal}.daily-play{order:4}}@media(prefers-reduced-motion:reduce){.daily-play{transition:none}}}@layer components{.daily-play-link{display:inline-flex;align-items:center;gap:6px;height:34px;text-decoration:none}.daily-quote{margin:0 0 16px;padding:16px 20px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;background:color-mix(in oklab,var(--surface) 64%,transparent)}.daily-quote p{margin:0;font:17px/1.6 var(--mono);color:var(--text);text-wrap:pretty}.daily-quote cite{display:block;margin-top:10px;font:11px var(--mono);font-style:normal;color:var(--muted)}.daily-count{margin:12px 2px 0;font:11px var(--mono);color:var(--muted)}.lb-gap{text-align:center;color:var(--muted);letter-spacing:.3em;padding:2px 0}}@layer components{@media(max-width:560px){#daily-table th,#daily-table td{padding:10px 8px}#daily-table .lb-col-speed strong{white-space:nowrap}}}@layer tokens,base,layout,components,states;@layer components{.pm{position:relative}.pm .account-chip{cursor:pointer}.pm-caret{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;color:var(--muted);transition:transform .15s}.pm .account-chip[aria-expanded=true]{border-color:color-mix(in oklab,var(--accent) 45%,var(--border));background:var(--surface-raised)}.pm .account-chip[aria-expanded=true] .pm-caret{transform:rotate(180deg)}.pm-panel{position:absolute;z-index:40;top:calc(100% + 10px);right:0;width:320px;max-width:calc(100vw - 32px);display:grid;gap:16px;padding:18px;border:1px solid var(--border);border-radius:16px;background:color-mix(in oklab,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px #00000073;color:var(--text);animation:pm-in .16s ease-out}.pm-panel:before{content:"";position:absolute;top:-6px;right:28px;width:10px;height:10px;transform:rotate(45deg);background:inherit;border-left:1px solid var(--border);border-top:1px solid var(--border)}.pm-head{display:flex;align-items:center;gap:14px}.pm-head .token{width:56px;height:56px}.pm-head strong{display:block;font:600 1.1rem var(--sans);letter-spacing:-.01em}.pm-head span{font:11px var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.pm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pm-stats[data-count="2"]{grid-template-columns:repeat(2,1fr)}.pm-stats>div{display:grid;gap:2px;padding:9px 8px;border-radius:10px;background:color-mix(in oklab,var(--text) 4%,transparent);text-align:center}.pm-stats b{font:600 1.05rem var(--mono)}.pm-stats small{font-size:.65rem;color:var(--muted);font-weight:400}.pm-stats span{font:10px var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.pm-label{display:flex;justify-content:space-between;gap:8px;font:10px var(--mono);letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.pm-spark{display:block;width:100%;height:34px;overflow:visible}.pm-spark path{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--glow))}.pm-rank-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.pm-rank{display:grid;justify-items:center;gap:2px;text-align:center}.pm-rank .rank-badge{width:40px;height:40px}.pm-rank-len{font:10px var(--mono);color:var(--muted)}.pm-rank-name{font-size:.7rem;line-height:1.25;color:var(--secondary)}.pm-actions{display:flex;gap:8px}.pm-primary,.pm-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 14px;border-radius:10px;font:12px var(--mono);letter-spacing:.04em;text-decoration:none;cursor:pointer}.pm-panel a.pm-primary,.pm-panel a.pm-primary:is(:link,:visited,:hover,:focus-visible){flex:1;background:var(--accent);color:var(--accent-ink);border:0;text-decoration:none;font-weight:600}.pm-panel a.pm-primary:hover{filter:brightness(1.1);box-shadow:0 6px 18px -8px var(--glow)}.pm-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.pm-secondary:hover{border-color:color-mix(in oklab,var(--accent) 45%,var(--border));color:var(--accent)}@keyframes pm-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.pm-panel{animation:none}}@media(max-width:520px){.pm-panel{position:fixed;top:76px;left:16px;right:16px;width:auto;max-width:none}.pm-panel:before{display:none}}@media(max-width:900px){.header-actions .profile-label{display:none}.header-actions .profile-link{width:38px;padding:0;justify-content:center;border-radius:10px}.account-state{display:none}}@media(max-width:640px){.account-name{display:none}.account-chip{padding:0 6px}}@media(max-width:400px){.site-header .brand{font-size:19px;gap:8px}.site-header .brand svg{width:24px}.header-actions{gap:4px}.header-actions .icon-button,.header-actions .profile-link{width:32px;height:32px}.pm .account-chip{height:34px;gap:4px;padding:0 4px}.pm-caret{display:none}}}@layer tokens,base,layout,components,states;@layer components{dialog.theme-dialog{width:min(920px,calc(100% - 24px));max-height:min(820px,calc(100svh - 32px));padding:0;overflow:hidden;display:none;flex-direction:column;border-radius:22px;background:radial-gradient(80% 50% at 0% 0%,color-mix(in oklab,var(--accent) 9%,transparent),transparent 60%),var(--surface)}dialog.theme-dialog[open]{display:flex}.td-head{display:flex;align-items:center;gap:18px;padding:20px 22px 16px 26px;border-bottom:1px solid var(--border)}.td-title{display:grid;gap:2px;min-width:0;flex:1}.td-title h2{font-size:24px}.td-current{font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-jump{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--bg) 60%,transparent)}.td-jump button{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--secondary);font:11px var(--mono);letter-spacing:.04em;cursor:pointer}.td-jump button:hover{background:var(--surface-raised);color:var(--text)}.td-jump button span{font-size:9.5px;color:var(--muted)}.td-body{overflow-y:auto;overscroll-behavior:contain;padding:6px 26px 22px;scroll-padding-top:12px}.td-section{padding-top:20px}.td-section-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.td-section-head h3{margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.td-section-head span{font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.td-section-head:after{content:"";flex:1;height:1px;align-self:center;background:linear-gradient(90deg,var(--border),transparent)}.td-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:12px}.td-scenes .td-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tc{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid color-mix(in oklab,var(--t-text) 12%,transparent);border-radius:16px;overflow:hidden;background:var(--t-surface);color:var(--t-text);text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.tc:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px color-mix(in oklab,var(--t-bg) 70%,#000);border-color:color-mix(in oklab,var(--t-accent) 45%,transparent)}.tc:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tc[aria-pressed=true]{border-color:var(--t-accent);box-shadow:0 0 0 1px var(--t-accent),0 14px 34px -18px var(--t-accent)}.tc-stage{position:relative;overflow:hidden;display:flex;align-items:flex-end;height:74px;padding:12px 14px;background:var(--t-bg)}.tc-scene .tc-stage{height:112px;background:var(--t-art, var(--t-bg));background-color:var(--t-bg)}.tc-scene .tc-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,color-mix(in oklab,var(--t-bg) 80%,transparent));pointer-events:none}.tc-specimen{position:relative;z-index:1;display:flex;align-items:center;font:15px/1 var(--mono);letter-spacing:-.01em;white-space:nowrap}.tc-correct{color:var(--t-correct)}.tc-error{color:var(--t-error);text-decoration:underline 1.5px;text-underline-offset:4px}.tc-untyped{color:var(--t-untyped)}.tc-caret{display:inline-block;width:2px;height:17px;margin:0 1px;border-radius:1px;background:var(--t-accent)}.tc:hover .tc-caret,.tc[aria-pressed=true] .tc-caret{animation:tc-blink 1s steps(1) infinite}@keyframes tc-blink{50%{opacity:0}}.tc-name{display:flex;align-items:baseline;gap:7px;min-width:0;padding:11px 14px 12px;border-top:1px solid color-mix(in oklab,var(--t-text) 8%,transparent)}.tc-name strong{font-size:13.5px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}.tc-name em{font:italic 13.5px Georgia,Times New Roman,serif;color:var(--t-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc-live{position:absolute;z-index:1;top:10px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 7px;border-radius:999px;background:color-mix(in oklab,var(--t-bg) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--t-text)}.tc-live i{width:6px;height:6px;border-radius:50%;background:var(--t-accent);box-shadow:0 0 0 0 var(--t-accent);animation:tc-pulse 2.2s ease-out infinite}@keyframes tc-pulse{0%{box-shadow:0 0 color-mix(in oklab,var(--t-accent) 70%,transparent)}80%,to{box-shadow:0 0 0 7px transparent}}.tc-check{position:absolute;z-index:2;top:10px;right:10px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--t-accent);color:var(--t-bg);box-shadow:0 2px 8px color-mix(in oklab,var(--t-accent) 40%,transparent)}.tc-check svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.td-note{margin:22px 0 0;font-size:12px;color:var(--muted)}@media(max-width:640px){.td-head{flex-wrap:wrap;gap:12px;padding:16px 16px 12px 18px}.td-jump{order:3;width:100%;justify-content:space-between}.td-jump button{flex:1;justify-content:center}.td-body{padding:4px 16px 18px}.td-grid,.td-scenes .td-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tc-stage{height:62px;padding:10px 11px}.tc-scene .tc-stage{height:84px}.tc-specimen{font-size:12.5px}.tc-caret{height:14px}.tc-name{flex-direction:column;gap:1px;padding:9px 11px 10px}.tc-name strong,.tc-name em{font-size:12.5px}}@media(max-width:460px){.tc-more{display:none}}@media(prefers-reduced-motion:reduce){.tc,.tc:hover{transition:none;transform:none}.tc-caret,.tc-live i{animation:none!important}}}