@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_621fc4fb-module__HeiFAa__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_621fc4fb-module__HeiFAa__variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/cdf703449fd42bc8-s.103uf.8aa8pr3.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/3f10656f33c57dec-s.0m4wt3xm5i890.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/56eb15be423b6220-s.0zqusx.h7vgvl.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/96074e70a40501da-s.0fw52gc_mc5b0.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/de161955856a921d-s.p.04z8pihzuh7s1.woff2?dpl=dpl_awrhgvk5BxNxvrWQcx9WMJo8iRCP)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}.press_start_2p_1cb14378-module__hkes-a__className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}.press_start_2p_1cb14378-module__hkes-a__variable{--font-retro:"Press Start 2P", "Press Start 2P Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-20{top:calc(var(--spacing) * 20)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#0a0a0f;--surface:#13131f;--surface-alt:#1c1c2e;--border:#2a2a45;--text:#e8e8ff;--text-muted:#6b6b9a;--primary:#7c6af5;--primary-glow:#7c6af580;--success:#4ade80;--error:#f87171;--combo:#fbbf24;--word-bg:#1c1c2e;--word-correct:#4ade8020;--word-error:#f8717120;--cursor:#7c6af5;--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--font-display:var(--font-display,var(--font-geist-sans));--font-retro:var(--font-retro,monospace)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans), system-ui, sans-serif;min-height:100dvh;transition:background .4s,color .3s;overflow-x:hidden}.app-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.main-menu{display:contents}.menu-logo-area{text-align:center}.menu-logo{letter-spacing:-.04em;font-size:clamp(2.4rem,7vw,4rem);font-weight:700;font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;background:linear-gradient(135deg, var(--primary) 0%, var(--success) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.05}.menu-tagline{color:var(--text-muted);margin-top:.4rem;font-size:.95rem}.menu-section{width:100%}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.6rem;font-size:.78rem;display:block}.personal-best-display{color:var(--text-muted);text-align:center;font-size:.9rem}.personal-best-display strong{color:var(--combo)}.menu-nav{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.menu-nav-link{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.menu-nav-link:hover{color:var(--primary)}.menu-bottom{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.sound-toggle{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s}.sound-toggle:hover{opacity:1}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 0 0 0 var(--primary-glow);border:none;border-radius:12px;padding:.75rem 2rem;font-size:1rem;font-weight:700;transition:box-shadow .2s,transform .1s}.btn-primary:hover{box-shadow:0 0 20px 4px var(--primary-glow)}.btn-play{letter-spacing:.04em;border-radius:16px;width:100%;padding:1rem 3rem;font-size:1.2rem}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.btn-secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s,border-color .2s}.btn-secondary:hover{border-color:var(--primary)}.btn-ghost{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;transition:color .2s,background .2s}.btn-ghost:hover{color:var(--text);background:var(--surface-alt)}.difficulty-picker{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.difficulty-btn{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .5rem;transition:all .2s;display:flex}.difficulty-btn:hover{border-color:var(--primary)}.difficulty-btn-active{border-color:var(--primary);background:var(--surface-alt);box-shadow:0 0 12px 2px var(--primary-glow)}.difficulty-label{color:var(--text);font-size:.9rem;font-weight:700}.difficulty-desc{color:var(--text-muted);text-align:center;font-size:.72rem}.theme-picker{grid-template-columns:repeat(5,1fr);gap:.45rem;display:grid}.theme-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,border-color .2s;display:flex}.theme-swatch-active{transform:scale(1.15)}.theme-dot{border-radius:50%;width:12px;height:12px}.username-setup,.username-edit{flex-direction:column;gap:.6rem;width:100%;display:flex}.username-prompt{color:var(--text-muted);font-size:.85rem}.username-row{align-items:center;gap:.5rem;display:flex}.username-field{background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:.6rem .9rem;font-size:.95rem;transition:border-color .2s}.username-field:focus{border-color:var(--primary)}.username-error{color:var(--error);font-size:.8rem}.username-display{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:.3rem;padding:.5rem 1rem;font-size:.95rem;transition:border-color .2s;display:flex}.username-display:hover{border-color:var(--primary)}.username-at{color:var(--text-muted)}.username-name{color:var(--text);font-weight:700}.username-edit-icon{color:var(--text-muted);margin-left:.2rem;font-size:.8rem}.arena{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:800px;padding:1.5rem;display:flex;position:relative}@media (min-width:1100px){.arena{gap:2rem;max-width:1040px;padding:2rem}.word-area{min-height:140px;padding:2.5rem 2rem}.word-active{font-size:2.5rem}.score-display{font-size:2.8rem}.timer-container{width:120px;height:120px}.timer-number{font-size:2.1rem}}.arena-idle{justify-content:center;align-items:center;min-height:60vh;display:flex}.idle-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.idle-title{letter-spacing:-.04em;font-size:clamp(2.5rem,8vw,4rem);font-weight:700;font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;background:linear-gradient(135deg, var(--primary), var(--success));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.idle-subtitle{color:var(--text-muted);font-size:1.05rem}.arena-header{justify-content:space-between;align-items:center;width:100%;display:flex}.timer-container{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.timer-ring{position:absolute;inset:0}.timer-number{color:var(--text);font-variant-numeric:tabular-nums;z-index:1;font-size:1.8rem;font-weight:900;position:relative}.timer-urgent{color:var(--combo)}.timer-critical{color:var(--error)}.combo-container{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex}.score-display{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2.4rem;font-weight:900}.word-area{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;width:100%;min-height:100px;padding:1.5rem;transition:border-color .1s,background .1s}.word-display-container{width:100%;overflow:hidden}.word-track{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.word-chip{font-size:1.4rem;font-weight:600;font-family:var(--font-mono), monospace;border-radius:8px;padding:.2rem .5rem;transition:all .15s}.word-current{background:var(--word-bg);border:1.5px solid var(--primary);color:var(--text);box-shadow:0 0 10px 2px var(--primary-glow)}.word-upcoming{color:var(--text-muted)}.word-past-correct{color:var(--success);opacity:.5;text-decoration:line-through}.word-past-error{color:var(--error);opacity:.5;text-decoration:line-through}.char-error{color:var(--error);text-decoration:underline;-webkit-text-decoration-color:var(--error);-webkit-text-decoration-color:var(--error);-webkit-text-decoration-color:var(--error);text-decoration-color:var(--error)}.char-extra{color:var(--error)}.cursor-beam{background:var(--cursor);border-radius:1px;width:2px;height:100%;position:absolute;top:0;left:-1px}.hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.input-display:focus-within,.word-area:focus-within+.input-display{border-color:var(--primary)}.input-error{border-color:var(--error)!important}.special-keyboard{flex-wrap:wrap;justify-content:center;gap:.4rem;width:100%;display:flex}.special-key{background:var(--surface-alt);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:1.1rem;font-weight:700;font-family:var(--font-mono), monospace;-webkit-user-select:none;user-select:none;border-radius:8px;padding:.5rem .9rem;transition:all .15s}.special-key:hover{border-color:var(--primary);background:var(--surface);box-shadow:0 0 8px 2px var(--primary-glow)}.countdown-overlay{background:var(--bg);z-index:100;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.countdown-number{font-size:clamp(5rem,20vw,12rem);font-weight:700;font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;color:var(--primary);text-shadow:0 0 60px var(--primary-glow);letter-spacing:-.04em}.stat-card{background:var(--surface);border:1.5px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:.2rem;padding:1rem;display:flex}.stat-card-highlight{border-color:var(--primary);background:var(--surface-alt);box-shadow:0 0 20px 4px var(--primary-glow);grid-column:1/-1}.stat-card-highlight .stat-value{color:var(--primary);font-size:2.8rem}.leaderboard-page,.classroom-page{flex-direction:column;gap:1.5rem;width:100%;max-width:640px;padding:1.5rem;display:flex}.page-header{align-items:center;gap:1rem;display:flex}.back-link{color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .2s}.back-link:hover{color:var(--primary)}.page-title{color:var(--text);font-size:1.6rem;font-weight:800}.lb-controls{flex-direction:column;gap:.8rem;display:flex}.toggle-group{flex-wrap:wrap;gap:.4rem;display:flex}.toggle-btn{background:var(--surface);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:.4rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s}.toggle-btn:hover{border-color:var(--primary);color:var(--text)}.toggle-active{border-color:var(--primary);color:var(--primary);background:var(--surface-alt)}.lb-loading,.lb-empty{color:var(--text-muted);text-align:center;padding:2rem;font-size:.95rem}.lb-list{flex-direction:column;gap:.5rem;display:flex}.lb-row{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;grid-template-columns:2.5rem 1fr auto auto auto;align-items:center;gap:.8rem;padding:.75rem 1rem;font-size:.9rem;display:grid}.lb-gold{background:#fbbf2408;border-color:#fbbf24}.lb-silver{background:#9ca3af08;border-color:#9ca3af}.lb-bronze{background:#cd7c2f08;border-color:#cd7c2f}.lb-rank{text-align:center;font-size:1rem}.lb-username{color:var(--text);font-weight:700}.lb-score{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:800}.lb-wpm,.lb-accuracy{color:var(--text-muted);font-size:.8rem}.classroom-desc{color:var(--text-muted);font-size:.95rem}.classroom-choose{flex-direction:column;gap:1.2rem;display:flex}.classroom-choice-btns{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.choice-card{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem 1rem;transition:all .2s;display:flex}.choice-card:hover{border-color:var(--primary);box-shadow:0 0 16px 4px var(--primary-glow)}.choice-icon{font-size:2rem}.choice-label{color:var(--text);font-size:.95rem;font-weight:700}.choice-desc{color:var(--text-muted);font-size:.8rem}.classroom-form{flex-direction:column;gap:1.2rem;display:flex}.form-title{color:var(--text);font-size:1.3rem;font-weight:800}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.form-input,.form-textarea{background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--primary)}.form-code-input{text-align:center;letter-spacing:.3em;font-size:1.5rem;font-weight:800;font-family:var(--font-mono), monospace}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--error);font-size:.85rem}.form-actions{align-items:center;gap:.8rem;display:flex}.room-created{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;display:flex}.room-created-title{color:var(--text);font-size:1.6rem;font-weight:800}.room-code-label{color:var(--text-muted);font-size:.9rem}.room-code-display{letter-spacing:.4em;color:var(--primary);font-size:4rem;font-weight:900;font-family:var(--font-mono), monospace;text-shadow:0 0 30px var(--primary-glow);background:var(--surface);border:2px solid var(--primary);border-radius:16px;padding:1rem 2rem}.room-hint{color:var(--text-muted);font-size:.9rem}.room-actions{flex-direction:column;align-items:center;gap:.7rem;display:flex}@media (max-width:600px){.arena-header{flex-direction:row;gap:1rem}.word-chip{font-size:1.1rem}.score-display{font-size:1.8rem}.lb-row{grid-template-columns:2rem 1fr auto}.lb-wpm,.lb-accuracy{display:none}.classroom-choice-btns{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.timer-container{width:80px;height:80px}.timer-number{font-size:1.4rem}}.waiting-room{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:640px;padding:2rem 1.5rem;display:flex}.waiting-header{flex-direction:column;align-items:center;gap:.6rem;display:flex}.room-code-pill{letter-spacing:.35em;color:var(--primary);font-size:2.8rem;font-weight:900;font-family:var(--font-mono), monospace;background:var(--surface);border:2px solid var(--primary);box-shadow:0 0 24px 4px var(--primary-glow);border-radius:14px;padding:.5rem 1.5rem}.waiting-teacher{color:var(--text-muted);font-size:.95rem}.waiting-hint{color:var(--text-muted);max-width:340px;font-size:.85rem}.waiting-count{color:var(--text-muted);font-size:.9rem}.waiting-empty{color:var(--text-muted);grid-column:1/-1;font-size:.9rem}.players-grid{flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;min-height:60px;display:flex}.player-chip{background:var(--surface);border:1.5px solid var(--border);border-radius:50px;align-items:center;gap:.5rem;padding:.4rem .9rem .4rem .4rem;display:flex}.player-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.player-chip-name{color:var(--text);font-size:.9rem;font-weight:600}.live-lb{flex-direction:column;gap:.45rem;width:100%;display:flex}.live-lb-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;grid-template-columns:3rem 1fr 8rem 6rem;gap:.5rem;padding:.3rem .8rem;font-size:.75rem;display:grid}.live-lb-row{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.6rem;padding:.7rem 1rem;transition:border-color .2s,background .2s;display:grid}.live-lb-compact .live-lb-row{border-radius:8px;padding:.5rem .7rem;font-size:.88rem}.live-lb-me{border-color:var(--primary);background:var(--surface-alt);box-shadow:0 0 10px 2px var(--primary-glow)}.live-lb-done{opacity:.85}.live-lb-rank{text-align:center;font-size:1rem}.live-lb-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.live-lb-you{color:var(--primary);margin-left:.2rem;font-size:.8em;font-weight:600}.live-lb-score{color:var(--primary);font-variant-numeric:tabular-nums;text-align:right;font-weight:900}.live-lb-wpm{color:var(--text-muted);text-align:right;font-size:.82rem}.live-lb-done-badge{color:var(--success);margin-left:.3rem;font-size:.85rem}.classroom-arena{grid-template-columns:1fr 280px;align-items:start;gap:1.5rem;width:100%;max-width:1000px;min-height:100dvh;padding:2rem 1.5rem 1.5rem;display:grid}.classroom-arena-main{flex-direction:column;gap:1.2rem;display:flex}.classroom-sidebar{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;padding:1rem;position:sticky;top:1.5rem}.sidebar-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.8rem;font-size:.78rem}.projector-shell{background:var(--bg);flex-direction:column;align-items:center;gap:1.5rem;min-height:100dvh;padding:1.5rem;display:flex}.projector-bar{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;width:100%;max-width:900px;padding:1rem 1.5rem;display:flex}.projector-room-info{flex-direction:column;gap:.1rem;display:flex}.projector-code{letter-spacing:.25em;color:var(--primary);font-size:2rem;font-weight:900;font-family:var(--font-mono), monospace}.projector-teacher{color:var(--text-muted);font-size:.85rem}.projector-done{color:var(--text-muted);font-size:1.1rem;font-weight:700}.projector-lb-wrap{width:100%;max-width:900px}.projector-lb-wrap .live-lb-row{padding:1rem 1.2rem;font-size:1.1rem}.projector-lb-wrap .live-lb-score{font-size:1.4rem}.projector-controls{justify-content:center;gap:.8rem;display:flex}.projector-finished{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.projector-finished-title{background:linear-gradient(135deg, var(--primary), var(--success));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,6vw,4rem);font-weight:900}.projector-winner{background:var(--surface);border:2px solid var(--combo);border-radius:20px;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem 2rem;display:flex;box-shadow:0 0 30px 8px #fbbf2430}.projector-winner-name{color:var(--combo);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900}.projector-winner-score{color:var(--text-muted);font-size:1.3rem;font-weight:700}@media (max-width:700px){.classroom-arena{grid-template-columns:1fr}.classroom-sidebar{order:-1;position:static}.live-lb-wpm{display:none}.projector-lb-wrap .live-lb-row{font-size:.95rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.word-area{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:110px;padding:2rem 1.5rem;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:hidden}.word-area-error{border-color:var(--error);background:#f8717108}.word-area-grace{border-color:var(--combo);background:#fbbf2408}.word-display{justify-content:center;align-items:center;gap:1.8rem;width:100%;display:flex}.word-previews-left,.word-previews-right{flex-shrink:0;align-items:center;gap:1rem;max-width:30%;display:flex;overflow:hidden}.word-done{font-size:1rem;font-family:var(--font-mono), monospace;white-space:nowrap}.word-done-correct{color:var(--success);opacity:.5;text-decoration:line-through}.word-done-error{color:var(--error);opacity:.4;text-decoration:line-through}.word-preview-next{font-size:1.15rem;font-family:var(--font-mono), monospace;color:var(--text-muted);opacity:.45;white-space:nowrap}.word-preview-after{font-size:.9rem;font-family:var(--font-mono), monospace;color:var(--text-muted);opacity:.25;white-space:nowrap}.word-active-wrap{background:var(--word-bg);border:1.5px solid var(--primary);box-shadow:0 0 12px 2px var(--primary-glow);border-radius:10px;flex-shrink:0;padding:.4rem .8rem;transition:box-shadow .3s,border-color .2s}.word-in-grace{border-color:var(--combo);box-shadow:0 0 14px 3px #fbbf2440}.word-active{font-size:2rem;font-weight:700;font-family:var(--font-mono), monospace;letter-spacing:.02em;align-items:baseline;gap:0;display:inline-flex}.char-wrap{display:inline-block;position:relative}.char-cursor{background:var(--cursor);width:2.5px;height:84%;box-shadow:0 0 6px var(--primary-glow);border-radius:2px;position:absolute;top:8%;left:-1px}.char-correct{color:var(--success)}.char-pending{color:var(--text-muted)}.char-wrong{color:var(--error);text-decoration:underline;-webkit-text-decoration-color:var(--error);-webkit-text-decoration-color:var(--error);-webkit-text-decoration-color:var(--error);text-decoration-color:var(--error)}.char-typed-wrong{color:var(--error);white-space:nowrap;pointer-events:none;font-size:.55em;font-weight:800;position:absolute;top:-1.1em;left:50%;transform:translate(-50%)}.char-overflow{color:var(--error);font-style:italic}.combo-score-wrap{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:relative}.delta-container{pointer-events:none;width:140px;position:absolute;top:-2.5rem;right:0;overflow:visible}.score-delta{color:var(--success);white-space:nowrap;text-shadow:0 0 8px;flex-direction:column;align-items:flex-end;font-size:1rem;font-weight:800;display:flex;position:absolute;right:0}.delta-speed{color:var(--combo);letter-spacing:.08em;font-size:.65rem;font-weight:700}.score-main{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2.6rem;font-weight:900;line-height:1}.combo-badge{white-space:nowrap;border:1.5px solid #0000;border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .8rem;font-size:.85rem;font-weight:800;display:inline-flex}.tier-1{background:var(--surface-alt);border-color:var(--border);color:var(--text-muted)}.tier-2{border-color:var(--primary);color:var(--primary);background:#7c6af520}.tier-3{border-color:var(--primary);color:var(--primary);box-shadow:0 0 10px 2px var(--primary-glow);background:#7c6af530}.tier-4{border-color:var(--combo);color:var(--combo);background:#fbbf2420;box-shadow:0 0 12px 3px #fbbf2440}.tier-5{color:#f97316;background:linear-gradient(135deg,#fbbf2430,#f9731640);border-color:#f97316;box-shadow:0 0 16px 4px #f9731640}.tier-6{background:linear-gradient(135deg, var(--primary), var(--success));border-color:var(--success);color:#fff}.combo-fire{animation:.7s ease-in-out infinite alternate combo-pulse}.combo-maxed{animation:.45s ease-in-out infinite alternate combo-pulse-fast}@keyframes combo-pulse{0%{box-shadow:0 0 16px 4px #f9731640}to{box-shadow:0 0 28px 8px #f9731660}}@keyframes combo-pulse-fast{0%{box-shadow:0 0 20px 6px var(--primary-glow);transform:scale(1)}to{box-shadow:0 0 36px 12px var(--primary-glow);transform:scale(1.04)}}.combo-mult{font-size:1.05rem}.combo-count{opacity:.75;font-size:.8rem}.combo-label-text{letter-spacing:.06em;opacity:.9;font-size:.68rem}.combo-pips{align-items:center;gap:.3rem;padding:.2rem 0;display:flex}.combo-pip{background:var(--border);border-radius:50%;width:7px;height:7px;transition:background .12s,box-shadow .12s}.combo-pip-active{background:var(--primary);box-shadow:0 0 6px 2px var(--primary-glow)}.combo-pips-hint{color:var(--text-muted);letter-spacing:.05em;opacity:.6;margin-left:.1rem;font-size:.65rem}.combo-ghost{color:#f87171;white-space:nowrap;pointer-events:none;letter-spacing:.03em;font-size:.72rem;font-weight:700;position:absolute;bottom:-1.4rem;right:0}.arena-break-flash:after{content:"";pointer-events:none;z-index:50;background:radial-gradient(#0000 60%,#f8717130 100%);animation:.2s ease-out break-flash;position:fixed;inset:0}@keyframes break-flash{0%{opacity:1}to{opacity:0}}.input-display{background:var(--surface);border:1.5px solid var(--border);width:100%;font-size:1.3rem;font-family:var(--font-mono), monospace;cursor:text;border-radius:12px;align-items:center;gap:2px;min-height:58px;padding:1rem 1.2rem;transition:border-color .15s;display:flex}.input-error{background:#f8717106;border-color:var(--error)!important}.input-grace{background:#fbbf2406;border-color:var(--combo)!important}.input-text{color:var(--text);flex:1}.input-placeholder{color:var(--text-muted);font-size:.95rem;font-style:italic}.input-cursor{background:var(--cursor);vertical-align:middle;border-radius:1px;width:2px;height:1.2em;display:inline-block}.pb-mid-banner{background:linear-gradient(135deg, var(--combo), #f97316);color:#000;white-space:nowrap;z-index:10;border-radius:20px;padding:.35rem 1.2rem;font-size:.9rem;font-weight:800;position:absolute;top:-3rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #fbbf2450}.results-screen{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:560px;padding:2rem 1.5rem;display:flex}.results-title{color:var(--text);letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.results-score-hero{flex-direction:column;align-items:center;gap:.2rem;display:flex}.results-score-number{color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-shadow:0 0 40px var(--primary-glow);font-size:clamp(3rem,10vw,5rem);font-weight:900;line-height:1}.results-score-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.85rem}.acc-bonus-label{color:var(--success);background:#4ade8015;border:1px solid #4ade8030;border-radius:20px;margin-top:.3rem;padding:.2rem .7rem;font-size:.82rem;font-weight:700}.personal-best-badge{background:linear-gradient(135deg, var(--combo), #f97316);color:#000;border-radius:20px;padding:.5rem 1.2rem;font-size:1rem;font-weight:800}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;width:100%;display:grid}.stat-card{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.15rem;padding:.9rem .7rem;display:flex}.stat-icon{font-size:1.1rem}.stat-value{color:var(--text);font-size:1.4rem;font-weight:900}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.7rem}.results-actions{flex-direction:column;align-items:center;gap:.7rem;width:100%;display:flex}.submitted-badge{color:var(--success);font-size:.9rem;font-weight:600}@media (max-width:600px){.word-active{font-size:1.5rem}.word-previews-left,.word-previews-right{display:none}.score-main{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.results-score-number{font-size:3.5rem}}.navbar{z-index:100;background:var(--bg);align-items:center;gap:1.5rem;height:56px;padding:0 1.5rem;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.navbar{background:color-mix(in srgb, var(--bg) 85%, transparent)}}.navbar{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.navbar-logo{letter-spacing:-.03em;font-size:1.15rem;font-weight:700;font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;background:linear-gradient(135deg, var(--primary), var(--success));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;text-decoration:none}.navbar-links{flex:1;gap:.25rem;display:flex}.navbar-link{color:var(--text-muted);border-radius:8px;padding:.35rem .75rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .15s,background .15s}.navbar-link:hover{color:var(--text);background:var(--surface-alt)}.navbar-link-active{background:var(--surface-alt);color:var(--primary)!important}.navbar-end{align-items:center;gap:.25rem;margin-left:auto;display:flex}.navbar-lang-btn{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.04em;cursor:pointer;background:0 0;border-radius:4px;padding:.2rem .45rem;font-size:.72rem;font-weight:600;transition:color .15s,background .15s,border-color .15s}.navbar-lang-btn:hover{color:var(--text);background:var(--surface-alt);border-color:var(--primary)}.navbar-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:.35rem .6rem;font-size:1rem;text-decoration:none;transition:color .15s,background .15s;display:flex}.navbar-icon-btn:hover{color:var(--text);background:var(--surface-alt)}.navbar-end{position:relative}.navbar-menu{background:var(--surface);border:1px solid var(--border);z-index:200;border-radius:10px;flex-direction:column;gap:.15rem;min-width:200px;padding:.35rem;display:flex;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 8px 24px #00000040}.navbar-menu-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:.65rem;padding:.55rem .7rem;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.navbar-menu-item:hover{background:var(--surface-alt);color:var(--text)}.navbar-menu-icon{justify-content:center;width:1.25rem;font-size:1rem;display:inline-flex}.navbar-menu-sep{background:var(--border);height:1px;margin:.25rem .1rem}.bottom-nav{display:none}@media (max-width:640px){.navbar-links{display:none}.bottom-nav{z-index:100;background:var(--bg);display:flex;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.bottom-nav{background:color-mix(in srgb, var(--bg) 92%, transparent)}}.bottom-nav{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.6rem .25rem;font-size:.68rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.bottom-nav-active{color:var(--primary)}.bottom-nav-icon{font-size:1.25rem}.bottom-nav-label{font-size:.62rem}.navbar-lang-btn-mobile{cursor:pointer;background:0 0;border:none}}.page-with-nav{flex-direction:column;min-height:100dvh;display:flex}.page-content{flex:1;justify-content:center;padding:1.5rem 1rem 5rem;display:flex}.page-content.page-content-landing{align-items:flex-start;padding-top:1.5rem}.inner-page{flex-direction:column;gap:1.5rem;width:100%;max-width:640px;display:flex}.inner-page-title{letter-spacing:-.03em;font-size:clamp(1.4rem,4vw,2rem);font-weight:700;font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;color:var(--text)}.menu-hero{text-align:center;padding:1rem 0 .5rem}.menu-card{background:var(--surface);border:1.5px solid var(--border);border-radius:20px;flex-direction:column;gap:1.2rem;width:100%;padding:1.5rem;display:flex}.pb-sub{color:var(--text-muted);margin-top:.15rem;font-size:.78rem;display:block}.mode-cards{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.mode-card{background:var(--surface);border:1.5px solid var(--border);color:var(--text);border-radius:14px;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:flex}.mode-card:hover{border-color:var(--primary);background:var(--surface-alt);transform:translateY(-1px)}.mode-card-icon{flex-shrink:0;font-size:1.5rem}.mode-card-title{font-size:.9rem;font-weight:700}.mode-card-desc{color:var(--text-muted);margin-top:.1rem;font-size:.75rem}@media (max-width:480px){.mode-cards{grid-template-columns:1fr}}.landing-wrap{flex-direction:column;gap:1.25rem;width:100%;max-width:900px;display:flex}@media (min-width:1100px){.landing-wrap{gap:1.5rem;max-width:1180px}}.menu-footer-links{justify-content:center;align-items:center;gap:.6rem;padding:.5rem 0;font-size:.82rem;display:flex}.menu-footer-links a{color:var(--text-muted);text-decoration:none;transition:color .15s}.menu-footer-links a:hover{color:var(--text)}.menu-footer-sep{color:var(--text-muted);opacity:.6}.landing-grid{grid-template-columns:1fr;align-items:start;gap:1rem;width:100%;display:grid}@media (min-width:720px){.landing-grid{grid-template-columns:1.15fr 1fr;gap:1.25rem}}@media (min-width:1100px){.landing-grid{grid-template-columns:1.25fr 1fr;gap:2rem}.play-card{padding:2rem 2.25rem}.play-card-title{font-size:clamp(2rem,3vw,2.6rem)}.play-card-desc{font-size:.95rem}.play-cta{padding:1rem;font-size:1.2rem}.sidebar-stack{gap:1rem}.sidebar-daily{padding:1.35rem 1.5rem}}.play-card,.sidebar-card{background:var(--surface);border:1px solid var(--border)}@supports (color:color-mix(in lab, red, red)){.play-card,.sidebar-card{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.play-card,.sidebar-card{border-radius:16px;box-shadow:0 2px 16px #00000040}.play-card{flex-direction:column;gap:0;padding:1.5rem;display:flex}.play-card-header{margin-bottom:1rem}.play-card-title{font-family:var(--font-display), sans-serif;letter-spacing:-.03em;background:linear-gradient(135deg, var(--primary) 0%, var(--success) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;line-height:1.1}.play-card-desc{color:var(--text-muted);margin-top:.3rem;font-size:.85rem;line-height:1.4}.play-card-divider{background:var(--border);height:1px}@supports (color:color-mix(in lab, red, red)){.play-card-divider{background:color-mix(in srgb, var(--border) 60%, transparent)}}.play-card-divider{margin:.875rem 0}.play-card-section{flex-direction:column;gap:.5rem;display:flex}.play-card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:600}.play-card-stats{background:var(--primary);align-items:center;gap:0;display:flex}@supports (color:color-mix(in lab, red, red)){.play-card-stats{background:color-mix(in srgb, var(--primary) 6%, var(--surface-alt))}}.play-card-stats{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.play-card-stats{border:1px solid color-mix(in srgb, var(--primary) 20%, transparent)}}.play-card-stats{border-radius:10px;margin-top:.875rem;padding:.6rem .875rem}.play-stat{flex-direction:column;flex:1;align-items:center;gap:.1rem;display:flex}.play-stat-val{font-family:var(--font-geist-mono), monospace;color:var(--primary);font-size:1rem;font-weight:700;line-height:1}.play-stat-lbl{color:var(--text-muted);letter-spacing:.04em;font-size:.65rem}.play-stat-sep{background:var(--border);width:1px;height:1.75rem}@supports (color:color-mix(in lab, red, red)){.play-stat-sep{background:color-mix(in srgb, var(--border) 60%, transparent)}}.play-cta{background:var(--primary);color:#fff;letter-spacing:.04em;cursor:pointer;width:100%;box-shadow:0 0 0 0 var(--primary-glow);border:none;border-radius:10px;margin-top:1rem;padding:.875rem;font-size:1.1rem;font-weight:700;transition:background .15s,box-shadow .15s}.play-cta:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.play-cta:hover{background:color-mix(in srgb, var(--primary) 85%, #fff)}}.play-cta:hover{box-shadow:0 0 24px 4px var(--primary-glow)}.sidebar-stack{flex-direction:column;gap:.75rem;display:flex}.sidebar-daily{border-color:var(--primary);flex-direction:column;gap:.6rem;padding:1.1rem 1.25rem;display:flex}@supports (color:color-mix(in lab, red, red)){.sidebar-daily{border-color:color-mix(in srgb, var(--primary) 30%, transparent)}}.sidebar-daily-urgent{background:#f97316;border-color:#f9731673}@supports (color:color-mix(in lab, red, red)){.sidebar-daily-urgent{background:color-mix(in srgb, #f97316 6%, var(--surface))}}.sidebar-daily-urgent{animation:2.4s ease-in-out infinite streak-pulse}.sidebar-daily-done{opacity:.75}.sidebar-daily-top{align-items:center;gap:.75rem;display:flex}.sidebar-daily-icon,.sidebar-daily-flame{flex-shrink:0;font-size:1.5rem;line-height:1}.sidebar-daily-flame{animation:1.6s ease-in-out infinite alternate flame-flicker}.sidebar-daily-streak{color:#f97316;font-size:.9rem;font-weight:700}.sidebar-daily-title{color:var(--text);font-size:.9rem;font-weight:700}.sidebar-daily-date{color:var(--text-muted);text-transform:capitalize;margin-top:.1rem;font-size:.75rem}.sidebar-streak-badge{color:#f97316;font-size:.8rem;font-weight:600}.sidebar-urgency-timer{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.78rem;display:flex}.sidebar-urgency-time{font-family:var(--font-geist-mono), monospace;color:#f97316;font-size:.88rem;font-weight:700}.sidebar-daily-cta{background:var(--primary);color:#fff;text-align:center;border-radius:8px;padding:.55rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .15s;display:block}.sidebar-daily-urgent .sidebar-daily-cta{background:#f97316}.sidebar-daily-cta:hover{filter:brightness(1.1)}.sidebar-daily-done-msg{color:var(--text-muted);text-align:center;font-size:.78rem}.sidebar-mode{color:var(--text);cursor:pointer;background:var(--surface);border:1px solid var(--border);align-items:center;gap:.875rem;padding:.875rem 1rem;text-decoration:none;display:flex}@supports (color:color-mix(in lab, red, red)){.sidebar-mode{border:1px solid color-mix(in srgb, var(--border) 70%, transparent)}}.sidebar-mode{text-align:left;border-radius:12px;width:100%;transition:border-color .15s,background .15s,transform .12s;box-shadow:0 1px 8px #0000002e}.sidebar-mode:hover{border-color:var(--primary);background:var(--surface-alt);transform:translate(2px)}.sidebar-mode-subtle{opacity:.7}.sidebar-mode-subtle:hover{opacity:1}.sidebar-mode-icon{flex-shrink:0;font-size:1.4rem}.sidebar-mode-body{flex:1}.sidebar-mode-title{font-size:.88rem;font-weight:700}.sidebar-mode-desc{color:var(--text-muted);margin-top:.1rem;font-size:.72rem}.sidebar-mode-arrow{color:var(--text-muted);flex-shrink:0;font-size:1rem;transition:color .15s,transform .15s}.sidebar-mode:hover .sidebar-mode-arrow{color:var(--primary);transform:translate(2px)}.profile-section{background:var(--surface);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.profile-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.8rem;font-weight:700}.profile-section-desc{color:var(--text-muted);font-size:.85rem;line-height:1.5}.profile-danger{border-color:#f8717140}.danger-title{color:var(--error)}.btn-danger{color:var(--error);border:1.5px solid var(--error);cursor:pointer;background:#f8717120;border-radius:10px;align-self:flex-start;padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;transition:background .2s}.btn-danger:hover{background:#f8717130}.pb-table{flex-direction:column;gap:.5rem;display:flex}.pb-row{border-bottom:1px solid var(--border);grid-template-columns:6rem 1fr auto auto;align-items:center;gap:.5rem 1rem;padding:.6rem 0;font-size:.88rem;display:grid}.pb-row:last-child{border-bottom:none}.pb-diff{color:var(--text);font-weight:700}.pb-score{color:var(--primary);font-weight:800}.pb-detail{color:var(--text-muted);font-size:.8rem}.pb-empty{color:var(--text-muted);grid-column:2/-1;font-style:italic}.alert-success{border:1.5px solid var(--success);color:var(--success);background:#4ade8020;border-radius:10px;padding:.75rem 1rem;font-size:.9rem}.daily-hero-card{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.5rem;display:flex}.daily-date-badge{color:var(--text);background:var(--surface-alt);border:1px solid var(--border);border-radius:20px;padding:.4rem 1rem;font-size:1rem;font-weight:800}.daily-desc{color:var(--text-muted);font-size:.9rem;line-height:1.6}.daily-words{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:480px;display:flex}.daily-word-chip{background:var(--surface-alt);border:1px solid var(--border);color:var(--text-muted);font-size:.83rem;font-family:var(--font-mono), monospace;border-radius:6px;padding:.2rem .6rem}.classroom-page{display:none}@media (max-width:640px){.page-content{padding-bottom:5rem}.pb-row{grid-template-columns:5rem 1fr}.pb-row .pb-detail{display:none}.menu-card{padding:1.1rem}}body.theme-neon .menu-logo,body.theme-neon .idle-title{-webkit-text-fill-color:var(--primary);color:var(--primary);filter:drop-shadow(0 0 12px var(--primary)) drop-shadow(0 0 28px var(--primary-glow));background:0 0}body.theme-neon .navbar-logo{-webkit-text-fill-color:var(--primary);filter:drop-shadow(0 0 8px var(--primary));background:0 0}body.theme-neon .btn-primary{box-shadow:0 0 18px 4px var(--primary-glow), inset 0 0 12px 0 #ffffff10;text-shadow:0 0 8px #fff}body.theme-neon .btn-primary:hover{box-shadow:0 0 32px 8px var(--primary-glow), inset 0 0 16px 0 #ffffff18}body.theme-neon .word-active-wrap{box-shadow:0 0 20px 6px var(--primary-glow), 0 0 40px 12px var(--primary-glow)}body.theme-neon .score-main{text-shadow:0 0 16px var(--primary)}body.theme-neon .word-area{box-shadow:0 0 0 1px var(--primary), 0 0 24px 0 var(--primary-glow)}body.theme-neon .input-display{box-shadow:0 0 12px 2px var(--primary-glow)}body.theme-neon .special-key:hover{box-shadow:0 0 14px 3px var(--primary-glow)}body.theme-neon .arena-break-flash:after{background:radial-gradient(#0000 60%,#bf00ff30 100%)}@keyframes neon-flicker{0%,96%,to{opacity:1}97%{opacity:.92}98%{opacity:1}99%{opacity:.88}}body.theme-neon .menu-logo{animation:6s infinite neon-flicker}body.theme-retro:after{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000014 3px 4px);position:fixed;inset:0}body.theme-retro .menu-logo,body.theme-retro .idle-title,body.theme-retro .navbar-logo{-webkit-text-fill-color:var(--primary);color:var(--primary);text-shadow:0 0 10px var(--primary), 2px 2px 0 #030;letter-spacing:.04em;background:0 0;font-family:var(--font-retro), monospace!important}body.theme-retro .menu-logo,body.theme-retro .idle-title{font-size:clamp(1.1rem,3.5vw,2rem)}body.theme-retro .navbar-logo{font-size:.7rem}body.theme-retro .score-main{font-family:var(--font-retro), monospace;text-shadow:0 0 8px var(--primary);font-size:1.8rem}body.theme-retro .btn-primary{border:2px solid var(--primary);box-shadow:4px 4px 0 var(--primary);text-shadow:0 0 6px;font-family:var(--font-retro), monospace;letter-spacing:.06em;border-radius:0;font-size:.65rem}body.theme-retro .btn-primary:hover{box-shadow:6px 6px 0 var(--primary);transform:translate(-1px,-1px)}body.theme-retro .btn-primary:active{box-shadow:2px 2px 0 var(--primary);transform:translate(2px,2px)}body.theme-retro .menu-card,body.theme-retro .word-area,body.theme-retro .input-display{border:2px solid var(--primary);border-radius:0}body.theme-retro .countdown-number{font-size:clamp(3rem,12vw,7rem);font-family:var(--font-retro), monospace!important}body.theme-retro .input-cursor{background:var(--primary);border-radius:0;width:.6em;height:1.1em}@keyframes glitter-shift{0%{background-position:0 0,40px 40px,80px 10px,20px 70px}to{background-position:100px 100px,140px 140px,180px 110px,120px 170px}}body.theme-glitter{background-image:radial-gradient(circle,#ffffffe6 1px,#0000 2px),radial-gradient(circle,#ffc0cbb3 1px,#0000 2px),radial-gradient(circle,#ffd70099 1px,#0000 2px),radial-gradient(circle,#9400d380 1px,#0000 2px);background-position:0 0,40px 40px,80px 10px,20px 70px;background-size:60px 60px,90px 90px,75px 75px,110px 110px;animation:8s linear infinite glitter-shift}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}body.theme-glitter .menu-logo,body.theme-glitter .idle-title{background:linear-gradient(90deg, var(--primary) 0%, #ff80ff 25%, #fc0 50%, #00e5ff 75%, var(--primary) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}body.theme-glitter .navbar-logo{background:linear-gradient(90deg, var(--primary) 0%, #ff80ff 50%, var(--primary) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}body.theme-glitter .btn-primary{background:linear-gradient(135deg,#9b30ff,#ff2d78,#fc0) 0 0/200% 200%;border:none;animation:3s linear infinite shimmer;box-shadow:0 4px 20px #9b30ff50}body.theme-glitter .personal-best-badge,body.theme-glitter .combo-maxed,body.theme-glitter .tier-6{background:linear-gradient(135deg,#9b30ff,#ff80ff,#fc0) 0 0/200% 200%;animation:2s linear infinite shimmer}body.theme-pink .btn-primary{background:var(--primary);box-shadow:0 4px 20px var(--primary-glow), 0 0 0 0 var(--primary)}body.theme-pink .btn-primary:hover{box-shadow:0 6px 28px var(--primary-glow), 0 0 0 3px #ff2d7830}body.theme-pink .menu-logo,body.theme-pink .idle-title,body.theme-pink .navbar-logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff2d78,#ff80aa);-webkit-background-clip:text;background-clip:text}body.theme-pink .word-active-wrap{border-color:var(--primary);box-shadow:0 0 14px 4px var(--primary-glow)}body.theme-pink .combo-fire,body.theme-pink .tier-5,body.theme-pink .tier-6{color:#fff;background:linear-gradient(135deg,#ff2d78,#ff80aa);border-color:#ff2d78}body.theme-green .menu-logo,body.theme-green .idle-title,body.theme-green .navbar-logo{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00e676,#b2ff59);-webkit-background-clip:text;background-clip:text}@keyframes aurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body.theme-green body,body.theme-green{background-image:radial-gradient(at top,#00441820 0%,#0000 60%)}.lb-user-row{border-color:var(--primary)!important;background:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.lb-user-row{background:color-mix(in srgb, var(--primary) 8%, var(--surface))!important}}.lb-user-row{box-shadow:0 0 0 1px var(--primary-glow)}.lb-user-banner{background:var(--primary);align-items:center;gap:.6rem;display:flex}@supports (color:color-mix(in lab, red, red)){.lb-user-banner{background:color-mix(in srgb, var(--primary) 10%, var(--surface))}}.lb-user-banner{border:1.5px solid var(--primary);color:var(--primary);border-radius:10px;padding:.6rem 1rem;font-size:.9rem;font-weight:700}.lb-gap-text{color:var(--text-muted);text-align:center;padding:.25rem 0;font-size:.78rem}.lb-skeleton-row{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;height:48px;padding:.75rem 1rem;position:relative;overflow:hidden}.lb-skeleton-row:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--text) 50%, transparent 100%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.lb-skeleton-row:after{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--text) 6%, transparent) 50%, transparent 100%)}}.lb-skeleton-row:after{background-size:200% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.daily-countdown{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.daily-countdown-time{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.daily-played-card{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;width:100%;padding:2rem 1.5rem;display:flex}.daily-played-score{color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;text-shadow:0 0 30px var(--primary-glow);line-height:1}.daily-played-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.82rem}.daily-played-stats{color:var(--text-muted);gap:1.5rem;font-size:.9rem;display:flex}.daily-played-stats strong{color:var(--text)}.daily-played-msg{color:var(--text-muted);font-size:.85rem}.copy-toast{background:var(--success);align-items:center;gap:.4rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.copy-toast{background:color-mix(in srgb, var(--success) 15%, var(--surface))}}.copy-toast{border:1px solid var(--success);color:var(--success);border-radius:20px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.code-input-large{text-align:center;letter-spacing:.3em;font-size:2.4rem;font-weight:900;font-family:var(--font-mono), monospace;background:var(--surface);border:1.5px solid var(--border);color:var(--text);width:100%;caret-color:var(--primary);border-radius:14px;outline:none;padding:.75rem 1rem;transition:border-color .2s}.code-input-large:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.code-input-large::placeholder{color:var(--text-muted);letter-spacing:.3em}.collapse-section{flex-direction:column;gap:.6rem;display:flex}.collapse-toggle{color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.82rem;font-weight:600;transition:color .2s;display:flex}.collapse-toggle:hover{color:var(--text)}.collapse-chevron{font-size:.7rem;transition:transform .2s}.collapse-chevron-open{transform:rotate(90deg)}.room-confirm-code{color:var(--primary);font-size:3rem;font-weight:900;font-family:var(--font-mono), monospace;letter-spacing:.25em;text-align:center;text-shadow:0 0 20px var(--primary-glow)}.projector-finish-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}@media (prefers-reduced-motion:reduce){body.theme-neon .menu-logo,body.theme-glitter,body.theme-glitter .menu-logo,body.theme-glitter .idle-title,body.theme-glitter .navbar-logo,body.theme-glitter .btn-primary{animation:none}}.lives-display{align-items:center;gap:.25rem;min-width:7rem;transition:filter .2s;display:flex}.lives-display.lives-flash{filter:brightness(.6)}.life-icon{font-size:1.4rem;line-height:1;display:inline-block}.achievement-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.achievement-toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--text-accent);border-radius:.6rem;align-items:center;gap:.75rem;min-width:220px;max-width:300px;padding:.65rem 1rem;display:flex;box-shadow:0 4px 16px #0000004d}.achievement-toast-icon{flex-shrink:0;font-size:1.5rem}.achievement-toast-body{flex:1;min-width:0}.achievement-toast-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.achievement-toast-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.wtg-wrap{width:100%;margin:.75rem 0;position:relative}.wtg-legend{flex-wrap:wrap;justify-content:center;gap:.6rem 1.1rem;margin-bottom:.6rem;display:flex}.wtg-legend-item{color:var(--text-muted);letter-spacing:.02em;align-items:center;gap:.3rem;font-size:.72rem;display:flex}.wtg-pip{border-radius:2px;flex-shrink:0;width:10px;height:10px}.wtg-grid{background:var(--input-bg);border:1px solid var(--border);border-radius:.6rem;flex-wrap:wrap;justify-content:center;gap:3px;padding:.75rem;display:flex}.wtg-tile{cursor:default;border-radius:3px;flex-shrink:0;width:16px;height:16px;transition:transform .1s,box-shadow .1s}.wtg-tile:hover{z-index:2;position:relative;transform:scale(1.4)}.wtg-fast{background:#22c55e;box-shadow:0 0 4px #22c55e60}.wtg-ok{background:#eab308;box-shadow:0 0 4px #eab30860}.wtg-slow{background:#f97316;box-shadow:0 0 4px #f9731660}.wtg-wrong{background:#ef4444;box-shadow:0 0 4px #ef444460}.wtg-skipped{background:var(--border);opacity:.5}.wtg-pip.wtg-fast{background:#22c55e}.wtg-pip.wtg-ok{background:#eab308}.wtg-pip.wtg-slow{background:#f97316}.wtg-pip.wtg-wrong{background:#ef4444}.wtg-pip.wtg-skipped{background:var(--border)}.wtg-extra{color:var(--text-muted);align-self:center;margin-left:.2rem;font-size:.7rem}.wtg-tooltip{pointer-events:none;z-index:100;background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:.4rem;flex-direction:column;align-items:center;gap:.1rem;padding:.3rem .55rem;display:flex;position:fixed;transform:translate(-50%,-100%);box-shadow:0 4px 16px #0006}.wtg-tooltip-word{color:var(--text);font-size:.85rem;font-weight:700}.wtg-tooltip-kind{letter-spacing:.05em;font-size:.65rem;font-weight:600}.wtg-kind-fast{color:#22c55e}.wtg-kind-ok{color:#eab308}.wtg-kind-slow{color:#f97316}.wtg-kind-wrong{color:#ef4444}.wtg-kind-skipped{color:var(--text-muted)}.analysis-section{width:100%;margin:.5rem 0}.analysis-toggle{color:var(--text-accent);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-family:inherit;font-size:.82rem}.analysis-toggle:hover{opacity:.8}.analysis-body{padding-top:.5rem;overflow:hidden}.analysis-row{flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.analysis-label{color:var(--text-muted);white-space:nowrap;padding-top:.15rem;font-size:.75rem}.analysis-chars,.analysis-words{flex-wrap:wrap;gap:.3rem;display:flex}.analysis-char-badge,.analysis-word-badge{background:var(--input-bg);border:1px solid var(--border);font-size:.78rem;font-family:var(--font-geist-mono);border-radius:.3rem;align-items:center;gap:.2rem;padding:.15rem .4rem;display:inline-flex}.analysis-char-count{color:var(--text-muted);font-size:.65rem}.results-achievements{background:var(--input-bg);border:1px solid var(--border);border-radius:.6rem;width:100%;margin:.5rem 0;padding:.75rem 1rem}.results-achievements-title{color:var(--text-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.78rem;font-weight:700}.results-achievements-list{flex-wrap:wrap;gap:.5rem;display:flex}.results-achievement-item{background:var(--surface);border-radius:.35rem;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:flex}.menu-streak-badge{letter-spacing:.02em;border-radius:2rem;margin-top:.5rem;padding:.25rem .75rem;font-size:.82rem;font-weight:700;display:inline-block}.streak-played{color:#f97316;background:#f9731626;border:1px solid #f973164d}.streak-pending{color:var(--text-muted);border:1px solid var(--border);background:#f9731614}.daily-streak-row{align-items:center;gap:.35rem;margin-bottom:.75rem;display:flex}.streak-flame{font-size:1.2rem}.streak-count{color:#f97316;font-size:1.5rem;font-weight:800;line-height:1}.streak-label{color:var(--text-muted);font-size:.85rem}.freeze-tokens{margin-left:.25rem;font-size:1rem}.milestone-celebration{color:#f97316;background:linear-gradient(135deg,#f9731626,#fbbf2426);border:1px solid #f9731666;border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;font-size:1rem;font-weight:700;display:flex}.milestone-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:.9rem}.freeze-notice{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:.5rem;margin-bottom:.75rem;padding:.5rem .75rem;font-size:.82rem}.streak-card{background:var(--input-bg);border:1px solid var(--border);border-radius:.75rem;padding:1rem 1.25rem}.streak-card-main{align-items:center;gap:.4rem;margin-bottom:.35rem;display:flex}.streak-card-count{color:#f97316;font-size:2rem;font-weight:800;line-height:1}.streak-card-label{color:var(--text-muted);font-size:.9rem}.streak-card-best{color:var(--text-muted);margin-bottom:.25rem;font-size:.78rem}.streak-card-tokens{color:#60a5fa;margin-top:.25rem;font-size:.82rem}.streak-card-hint{color:var(--text-muted);margin-top:.5rem;font-size:.78rem}.sound-pack-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.sound-pack-btn{background:var(--input-bg);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:.5rem;padding:.6rem .75rem;font-family:inherit;transition:border-color .15s,background .15s}.sound-pack-btn:hover{border-color:var(--text-accent)}.sound-pack-active{background:var(--surface);border-color:var(--text-accent)!important}.sound-pack-label{color:var(--text-primary);font-size:.82rem;font-weight:700}.sound-pack-desc{color:var(--text-muted);margin-top:.1rem;font-size:.7rem}.achievement-count-badge{color:var(--text-muted);background:var(--input-bg);border-radius:2rem;margin-left:.5rem;padding:.1rem .5rem;font-size:.75rem;font-weight:400}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;display:grid}.achievement-item{background:var(--input-bg);border:1px solid var(--border);text-align:center;border-radius:.6rem;padding:.6rem;transition:border-color .15s}.achievement-unlocked{border-width:2px}.achievement-locked{opacity:.45}.achievement-icon{margin-bottom:.25rem;font-size:1.5rem}.achievement-name{color:var(--text-primary);font-size:.72rem;font-weight:700;line-height:1.2}.achievement-desc{color:var(--text-muted);margin-top:.15rem;font-size:.62rem;line-height:1.3}.mode-card-btn{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.mode-card-done{opacity:.7}.daily-firsttimer-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;flex-direction:column;align-items:center;gap:1.1rem;width:100%;max-width:520px;margin:0 auto;padding:2rem 1.5rem 2.5rem;display:flex}.firsttimer-logo{font-family:var(--font-display), sans-serif;color:var(--primary);letter-spacing:-.02em;font-size:clamp(1.8rem,6vw,2.8rem);font-weight:800;line-height:1}.firsttimer-tagline{color:var(--text-muted);max-width:340px;margin:0;font-size:1rem;line-height:1.4}.firsttimer-how{color:var(--text-muted);background:var(--input-bg);border-radius:.6rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;width:100%;padding:.5rem .75rem;font-size:.82rem;display:flex}.firsttimer-how-item{white-space:nowrap}.firsttimer-how-sep{color:var(--border)}.daily-words-preview{gap:.4rem}.firsttimer-shared-note{color:var(--text-secondary,var(--text-muted));max-width:320px;margin:0;font-size:.85rem;line-height:1.45}.btn-firsttimer{min-width:180px;padding:.85rem 2rem;font-size:1.1rem}.results-lb{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;width:100%;margin:.25rem 0;overflow:hidden}.results-lb-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.55rem .85rem;display:flex}.results-lb-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:700}.results-lb-diff{color:var(--text-accent);font-size:.72rem;font-weight:600}.results-lb-rows{flex-direction:column;display:flex}.results-lb-row{border-bottom:1px solid var(--border);grid-template-columns:2.2rem 1fr auto auto;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.82rem;transition:background .1s;display:grid}.results-lb-row:last-child{border-bottom:none}.results-lb-row-user{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.results-lb-row-user{background:color-mix(in srgb, var(--primary) 8%, transparent)}}.results-lb-row-user{font-weight:600}.results-lb-row-pending{opacity:.65;font-style:italic}.results-lb-rank{text-align:center;flex-shrink:0;font-size:.88rem}.results-lb-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);align-items:center;gap:.35rem;display:flex;overflow:hidden}.results-lb-you{color:var(--primary);background:var(--primary);font-size:.65rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.results-lb-you{background:color-mix(in srgb, var(--primary) 15%, transparent)}}.results-lb-you{border-radius:.25rem;flex-shrink:0;padding:.05rem .3rem;font-style:normal}.results-lb-score{font-family:var(--font-geist-mono), monospace;color:var(--text-primary);text-align:right;white-space:nowrap;font-size:.8rem}.results-lb-wpm{color:var(--text-muted);text-align:right;white-space:nowrap;min-width:3.5rem;font-size:.72rem}.results-lb-pending-label{color:var(--text-muted);text-align:right;font-size:.68rem}.results-lb-gap{text-align:center;color:var(--text-muted);letter-spacing:.1em;border-bottom:1px solid var(--border);padding:.2rem 0;font-size:.75rem}.results-lb-empty{color:var(--text-muted);text-align:center;padding:.75rem .85rem;font-size:.8rem}.results-lb-skeleton{background:linear-gradient(90deg, var(--input-bg) 25%, var(--border) 50%, var(--input-bg) 75%);height:2.1rem;margin:0}@supports (color:color-mix(in lab, red, red)){.results-lb-skeleton{background:linear-gradient(90deg, var(--input-bg) 25%, color-mix(in srgb, var(--border) 60%, transparent) 50%, var(--input-bg) 75%)}}.results-lb-skeleton{border-bottom:1px solid var(--border);background-size:200% 100%;animation:1.2s infinite lb-shimmer}.results-lb-skeleton:last-child{border-bottom:none}@keyframes lb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.submit-error{color:#ef4444;text-align:center;margin:0;font-size:.8rem}.results-no-username{color:var(--text-muted);text-align:center;margin:0;font-size:.82rem}.classroom-page-wrap{justify-content:center;align-items:flex-start;min-height:100%;padding:2rem 1rem 4rem;display:flex}.classroom-pick-wrap{text-align:center;width:100%;max-width:560px}.classroom-pick-title{color:var(--text);margin:0 0 .4rem;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800}.classroom-pick-sub{color:var(--text-muted);margin:0 0 2rem;font-size:1rem}.classroom-pick-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.classroom-pick-card{background:var(--surface);border:2px solid var(--border);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.classroom-pick-card:hover{border-color:var(--primary);background:var(--surface-alt)}.classroom-pick-card-student:hover{border-color:var(--success,#22c55e)}.classroom-pick-icon{font-size:2.8rem;line-height:1}.classroom-pick-label{color:var(--text);font-size:1.25rem;font-weight:700}.classroom-pick-hint{color:var(--text-muted);font-size:.82rem}.classroom-role-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:420px;padding:2rem 2rem 1.75rem;display:flex}.classroom-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-bottom:.5rem;padding:0;font-size:.85rem;transition:color .15s}.classroom-back-btn:hover{color:var(--text)}.classroom-role-icon{font-size:2.5rem;line-height:1}.classroom-role-title{color:var(--text);margin:.25rem 0 0;font-size:1.5rem;font-weight:800}.classroom-role-desc{color:var(--text-muted);text-align:center;margin:0 0 .75rem;font-size:.9rem}.classroom-code-input{letter-spacing:.15em;text-align:center;background:var(--surface-alt);border:2px solid var(--border);width:100%;color:var(--text);caret-color:var(--primary);font-variant-numeric:tabular-nums;border-radius:14px;padding:.6rem 1rem;font-size:2.8rem;font-weight:800;transition:border-color .15s}.classroom-code-input:focus{border-color:var(--primary);outline:none}.classroom-code-input::placeholder{color:var(--text-muted);opacity:.4}@media (max-width:480px){.classroom-pick-grid{grid-template-columns:1fr 1fr;gap:.75rem}.classroom-pick-card{padding:1.5rem .75rem}.classroom-pick-icon{font-size:2rem}.classroom-code-input{font-size:2.2rem}}.classroom-setup-card{background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;flex-direction:column;gap:1.25rem;width:100%;max-width:480px;padding:2rem 2rem 1.75rem;display:flex}.classroom-setup-title{font-family:var(--font-display), sans-serif;color:var(--text);margin:0;font-size:1.75rem;font-weight:700}.setup-field{flex-direction:column;gap:.5rem;display:flex}.setup-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:600}.setup-label-hint{text-transform:none;letter-spacing:0;font-size:.78rem;font-weight:400}.setup-name-input{background:var(--input-bg);border:1.5px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:.6rem;outline:none;padding:.65rem .875rem;font-size:1rem;transition:border-color .15s}.setup-name-input:focus{border-color:var(--accent)}.setup-name-input::placeholder{color:var(--text-muted);opacity:.6}.setup-diff-group{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.setup-diff-btn{background:var(--input-bg);border:1.5px solid var(--border);cursor:pointer;color:var(--text);border-radius:.75rem;flex-direction:column;align-items:center;gap:.2rem;min-height:4rem;padding:.75rem .5rem;transition:border-color .15s,background .15s;display:flex}.setup-diff-btn:hover{border-color:var(--accent)}.setup-diff-active{background:var(--accent);border-color:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.setup-diff-active{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.setup-diff-label{font-size:.95rem;font-weight:600}.setup-diff-desc{color:var(--text-muted);font-size:.72rem}.setup-error{color:#ef4444;margin:-.5rem 0 0;font-size:.82rem}.setup-create-btn{width:100%;padding:.875rem;font-size:1.05rem}.setup-advanced{flex-direction:column;gap:0;display:flex}.setup-advanced-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.85rem;transition:color .15s;display:flex}.setup-advanced-toggle:hover{color:var(--text)}.setup-chevron{font-size:.65rem;transition:transform .2s;display:inline-block}.setup-chevron-open{transform:rotate(90deg)}.setup-adv-body{flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.setup-dur-group{gap:.5rem;display:flex}.setup-dur-btn{background:var(--input-bg);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:.6rem;flex:1;padding:.55rem .25rem;font-size:.9rem;transition:border-color .15s}.setup-dur-btn:hover{border-color:var(--accent)}.setup-dur-active{background:var(--accent);border-color:var(--accent)!important}@supports (color:color-mix(in lab, red, red)){.setup-dur-active{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.setup-dur-active{font-weight:600}.setup-textarea{background:var(--input-bg);border:1.5px solid var(--border);width:100%;color:var(--text);resize:vertical;font-size:.9rem;font-family:var(--font-geist-mono), monospace;box-sizing:border-box;border-radius:.6rem;outline:none;padding:.65rem .875rem;transition:border-color .15s}.setup-textarea:focus{border-color:var(--accent)}.setup-textarea::placeholder{color:var(--text-muted);opacity:.5}.setup-word-count{color:var(--text-muted);margin:0;font-size:.78rem}.setup-student-link{color:var(--text-muted);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:.5rem;padding-top:.25rem;font-size:.85rem;display:flex}.setup-student-anchor{color:var(--accent);font-weight:500;text-decoration:none}.setup-student-anchor:hover{text-decoration:underline}.classroom-code-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:1.25rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:400px;padding:2rem;display:flex}.code-instruction{color:var(--text-muted);margin:0;font-size:.9rem}.code-url{color:var(--accent);font-size:1rem;font-weight:600;font-family:var(--font-geist-mono), monospace;margin:0}.code-giant{font-family:var(--font-display), sans-serif;letter-spacing:.12em;color:var(--text);margin:.5rem 0;font-size:clamp(3rem,14vw,5.5rem);font-weight:700;line-height:1}.code-secondary-actions{justify-content:center;gap:.75rem;padding-top:.5rem;display:flex}@media (max-width:480px){.classroom-setup-card{border-radius:1rem;padding:1.5rem 1.25rem}.classroom-code-card{padding:1.75rem 1.25rem}.setup-diff-group{grid-template-columns:repeat(3,1fr)}}.streak-urgency-banner{text-align:center;background:linear-gradient(135deg,#f973162e,#ef44441f);border:1.5px solid #f9731673;border-radius:1rem;flex-direction:column;align-items:center;gap:.35rem;width:100%;max-width:340px;margin-top:.75rem;padding:.875rem 1rem .75rem;animation:2.4s ease-in-out infinite streak-pulse;display:flex}@keyframes streak-pulse{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 0 6px #f973162e}}.streak-urgency-top{align-items:center;gap:.4rem;display:flex}.streak-urgency-flame{font-size:1.4rem;line-height:1;animation:1.6s ease-in-out infinite alternate flame-flicker}@keyframes flame-flicker{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(1.15)rotate(3deg)}}.streak-urgency-count{font-family:var(--font-display), sans-serif;color:#f97316;font-size:1.25rem;font-weight:700}.streak-urgency-risk{color:#ef4444;letter-spacing:.02em;font-size:.85rem;font-weight:700}.streak-urgency-msg{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}.streak-urgency-footer{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.78rem;display:flex}.streak-urgency-clock{font-size:.85rem}.streak-urgency-time{font-family:var(--font-geist-mono), monospace;color:#f97316;min-width:3.5ch;font-size:.9rem;font-weight:700}.streak-urgency-left{font-size:.78rem}.streak-urgency-cta{color:#fff;background:#f97316;border-radius:.6rem;margin-top:.2rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-block}.streak-urgency-cta:hover{background:#ea6c0a;transform:scale(1.04)}.streak-urgency-cta:active{transform:scale(.97)}.marathon-best-card{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.2rem;width:100%;max-width:340px;margin:0 auto;padding:1rem 1.25rem;display:flex}.marathon-best-new{background:#f59e0b;border-color:#f59e0b}@supports (color:color-mix(in lab, red, red)){.marathon-best-new{background:color-mix(in srgb, #f59e0b 8%, var(--surface))}}.marathon-best-new{box-shadow:0 0 0 3px #f59e0b33}.marathon-best-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:700}.marathon-best-new .marathon-best-label{color:#f59e0b}.marathon-best-words{align-items:baseline;gap:.35rem;margin:.15rem 0;line-height:1;display:flex}.marathon-best-num{font-family:var(--font-display), sans-serif;color:var(--text);font-size:3rem;font-weight:700;line-height:1}.marathon-best-new .marathon-best-num{color:#f59e0b}.marathon-best-unit{color:var(--text-muted);font-size:1.1rem;font-weight:500}.marathon-best-score{color:var(--text-muted);font-size:.85rem}.marathon-best-prev{color:#22c55e;margin-top:.1rem;font-size:.78rem;font-weight:600}.marathon-best-gap{color:var(--text-muted);margin-top:.1rem;font-size:.78rem}.km-toggle-btn{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:.5rem;flex-shrink:0;padding:.25rem .5rem;font-size:1rem;line-height:1;transition:border-color .15s,color .15s,background .15s}.km-toggle-btn:hover{color:var(--text);border-color:var(--accent)}.km-toggle-active{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.km-toggle-active{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.km-toggle-active{color:var(--accent)}.km-wrap{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:.875rem;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:520px;margin:0 auto;padding:.6rem .5rem .4rem;display:flex}.km-row{justify-content:center;align-items:center;gap:.22rem;display:flex}.km-row-1{padding-left:.6rem}.km-row-2{padding-left:1.2rem}.km-row-accent{border-top:1px solid var(--border);gap:.3rem;margin-top:.15rem;padding-top:.25rem}.km-accent-label{color:var(--text-muted);white-space:nowrap;margin-right:.2rem;font-size:.6rem}.km-row-space{justify-content:center;width:100%}.km-key{width:2rem;height:2rem;font-size:.72rem;font-weight:600;font-family:var(--font-geist-mono), monospace;color:var(--text);cursor:default;-webkit-user-select:none;user-select:none;background:var(--key-color);border-radius:.35rem;justify-content:center;align-items:center;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.km-key{background:color-mix(in srgb, var(--key-color) calc(var(--key-alpha) * 100%), var(--surface))}}.km-key{border:1px solid var(--key-color)}@supports (color:color-mix(in lab, red, red)){.km-key{border:1px solid color-mix(in srgb, var(--key-color) 35%, transparent)}}.km-key{transition:background .1s}.km-row-space .km-key{letter-spacing:.05em;width:10rem;height:1.6rem;font-size:.65rem;font-weight:500}.km-key-target{color:var(--key-color);box-shadow:0 0 0 2px var(--key-color);font-weight:800;--key-alpha:.45!important;border-color:var(--key-color)!important}@supports (color:color-mix(in lab, red, red)){.km-key-target{box-shadow:0 0 0 2px color-mix(in srgb, var(--key-color) 40%, transparent)}}.km-key-target{z-index:1}.km-key-home:after{content:"";background:var(--text-muted);opacity:.5;border-radius:1px;width:6px;height:2px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.km-finger-hint{color:var(--hint-color);letter-spacing:.02em;text-align:center;height:1rem;margin-top:.2rem;font-size:.72rem;font-weight:600}@media (max-width:480px){.km-key{border-radius:.28rem;width:1.65rem;height:1.65rem;font-size:.62rem}.km-row-space .km-key{width:8rem;height:1.4rem}.km-wrap{gap:.18rem;padding:.5rem .35rem .3rem}}.share-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.share-menu{background:var(--surface);border:1px solid var(--border);z-index:10;border-radius:.75rem;flex-direction:column;gap:.1rem;min-width:180px;padding:.3rem;display:flex;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.share-menu-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;font-size:.88rem;transition:background .1s;display:flex}.share-menu-item:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.share-menu-item:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.share-menu-icon{text-align:center;flex-shrink:0;width:1.25rem;font-size:1rem;font-style:normal}.teacher-dashboard-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.teacher-title{color:var(--text);margin:0 0 .35rem;font-size:1.8rem}.teacher-subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.teacher-section{margin-top:2rem}.teacher-section-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.teacher-section-head h2{color:var(--text);margin:0;font-size:1.2rem}.teacher-empty{color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);text-align:center;border-radius:.75rem;padding:1.25rem}.btn-small{padding:.4rem .8rem;font-size:.85rem}.teacher-list-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.teacher-list-card{background:var(--surface);border:1px solid var(--border);border-radius:.85rem;transition:border-color .15s,transform .1s}.teacher-list-card:hover{border-color:var(--accent);transform:translateY(-1px)}.teacher-list-link{color:var(--text);padding:1rem;text-decoration:none;display:block}.teacher-list-link h3{margin:0 0 .35rem;font-size:1.05rem}.teacher-list-desc{color:var(--text-muted);margin:0 0 .5rem;font-size:.85rem}.teacher-list-meta{color:var(--text-muted);margin:0;font-size:.8rem}.teacher-list-link-inline{color:var(--primary);text-decoration:underline}.teacher-room-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.teacher-room-row{background:var(--surface);border:1px solid var(--border);border-radius:.65rem}.teacher-room-row:hover{border-color:var(--accent)}.teacher-room-link{color:var(--text);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;display:grid}.teacher-room-code{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.05em;font-weight:600}.teacher-room-meta{color:var(--text-muted);font-size:.88rem}.teacher-room-date{color:var(--text-muted);font-size:.82rem}.teacher-danger{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.25rem}.teacher-danger-msg{color:var(--text-muted);margin:0 0 .6rem;font-size:.88rem}.teacher-stats-row{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.teacher-stat{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;flex:140px;gap:.2rem;padding:.85rem 1rem;display:flex}.teacher-stat-value{color:var(--text);font-size:1.5rem;font-weight:700}.teacher-stat-label{color:var(--text-muted);font-size:.82rem}.teacher-results-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;width:100%;overflow:hidden}.teacher-results-table th,.teacher-results-table td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .85rem;font-size:.9rem}.teacher-results-table th{background:var(--surface-alt);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.teacher-results-table tbody tr:last-child td{border-bottom:none}.teacher-results-table tbody tr:hover{background:var(--surface-alt)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}