@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/Barlow-ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/BarlowCondensed-Medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/BarlowCondensed-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/fonts/BarlowCondensed-Black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:'Roboto Mono';src:url('assets/fonts/RobotoMono-Variable.ttf') format('truetype');font-style:normal;font-weight:100 700;font-display:swap}
:root{color-scheme:dark;--bg:#090f1c;--panel:#111a2b;--panel2:#0d1626;--line:#243047;--text:#edf4ff;--muted:#8592aa;--cyan:#34d7f4;--gold:#f8c45b;--green:#55d5a0;--typing:'Roboto Mono',Consolas,monospace;font-family:Barlow,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}span[data-icon]{display:inline-flex;align-items:center;justify-content:center}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.025em}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;flex-shrink:0;position:fixed;inset:0 auto 0 0;background:#0c1321;border-right:1px solid #202a3c;padding:36px 18px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 15px;margin-bottom:50px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:800;line-height:.9;font-style:italic;letter-spacing:1.5px}.brand-mark{font-size:51px;color:var(--gold);text-shadow:0 0 24px #f8c45b30;line-height:1}.brand-bottom{display:block;font-size:24px;letter-spacing:1.7px;margin-top:6px}.brand-bottom b{color:var(--gold)}.brand-bottom i{color:var(--cyan);font-size:11px;margin-left:10px;vertical-align:middle}.nav-caption{color:#60728f;font-size:10px;font-weight:700;letter-spacing:1.5px;padding-left:16px;margin-bottom:13px}.second-caption{margin-top:34px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;text-align:left;border-radius:7px;background:none;padding:14px;color:#93a1b9;font-size:13px;font-weight:600;margin:3px 0;position:relative}.nav-item>span[data-icon]{color:#7f92b2}.nav-item small{display:block;font-size:10px;font-weight:400;line-height:1.6;color:#657995;margin-top:3px}.nav-item.active{background:linear-gradient(100deg,#15344a,#102538);color:var(--cyan)}.nav-item.active:before{content:'';width:3px;background:var(--cyan);position:absolute;left:-18px;height:28px;box-shadow:0 0 12px #34d7f480;border-radius:0 3px 3px 0}.nav-item.active>span[data-icon]{color:var(--cyan)}.nav-item.active small{color:#8cacc4}.nav-item:hover{background-color:#152035;color:var(--text)}.nav-count{font-size:10px;font-weight:500;border:1px solid #2c566b;border-radius:4px;padding:3px 5px;margin-left:auto}.tiny-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:40px}.local-note{display:flex;align-items:center;gap:6px;font-size:9px;color:#77869e;padding-left:15px;margin-bottom:15px}.status-light{width:5px;height:5px;background:var(--green);box-shadow:0 0 8px #55d5a044;display:inline-block;border-radius:50%;flex-shrink:0}.settings-nav{border-top:1px solid #202a3c;border-radius:0;padding-top:22px}.version{font-size:8px;letter-spacing:1.4px;color:#4f607b;margin:22px 15px 0}.version b{color:#7c8eaa;margin-left:5px}main{margin-left:238px;width:calc(100% - 238px)}.topbar{height:80px;border-bottom:1px solid #1b2639;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#0c1320}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:12px;color:#b4c1d4}.breadcrumb>span[data-icon]{color:#7087a9}.top-actions{display:flex;align-items:center;gap:20px}.icon-button{width:34px;height:34px;background:transparent;color:#8c9db6;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-button:hover{background:#1a2940;color:var(--cyan)}.device-pill{background:#131f31;border:1px solid #29374e;display:flex;gap:8px;align-items:center;padding:7px 11px;border-radius:5px;color:#a8b6cd;font-size:11px}.device-pill svg{width:15px}.profile-button{background:none;display:flex;align-items:center;gap:10px;font-size:12px}.profile-avatar{width:32px;height:32px;border:1px solid #597b92;background:linear-gradient(135deg,#224251,#182336);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-weight:700}.chevron{color:#7687a2;margin-left:12px}.main-content{max-width:1660px;margin:auto;padding:30px 38px 0}.hero{position:relative;min-height:290px;background:#0c223a;border:1px solid #274159;border-radius:11px;overflow:hidden;isolation:isolate}.hero-art{position:absolute;inset:0 0 0 27%;background:url('assets/arena.webp') center 45%/cover no-repeat;z-index:-2;opacity:.84}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d1c30 0%,#0d1c30f2 29%,#0d1c3077 49%,#0d1c3005 76%),linear-gradient(0deg,#06102080,transparent 50%)}.hero-content{padding:30px 33px;max-width:620px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--cyan);display:flex;gap:7px;align-items:center}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.hero h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:44px;font-weight:700;line-height:1.08;letter-spacing:0;margin:14px 0 12px}.hero h1 em{color:var(--cyan);font-style:normal}.hero p{font-size:12px;line-height:1.7;color:#a7b9d0;margin-bottom:20px}.primary-button{background:linear-gradient(105deg,#42def6,#20b9df);color:#071828;font-size:12px;font-weight:800;border:1px solid #60e8fc;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 18px;min-height:40px;box-shadow:0 3px 18px #0dc5e519;transition:filter .15s,transform .15s}.primary-button:hover{filter:brightness(1.13);transform:translateY(-1px)}.primary-button svg{width:16px;height:16px}.hero-foot{font-size:9px;color:#8096b2;margin-left:15px}.hero-tag{position:absolute;bottom:19px;right:21px;font-size:8px;letter-spacing:2.3px;font-weight:700;color:#d8ecfc99}.overview{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0;margin-bottom:1px}.overview>div{display:grid;grid-template-columns:40px auto;grid-template-rows:auto auto;padding-left:23px;column-gap:12px;border-right:1px solid #243047}.overview>div:first-child{padding-left:7px}.overview>div:last-child{border:0}.stat-symbol{grid-row:span 2;width:40px;height:40px;background:#132437;border:1px solid #243d50;border-radius:9px}.stat-symbol.gold{background:#28231c;border-color:#403625}.stat-symbol.violet{background:#211d35;border-color:#373049}.stat-symbol.green{background:#142a29;border-color:#24423c}.stat-symbol svg{width:19px;height:19px}.overview-value{font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;line-height:1;font-weight:600}.overview-value>span{font-family:Barlow,sans-serif;font-size:11px;color:#657894;font-weight:400}.overview-label{font-size:10px;color:#8b9bb4;margin-top:7px}.cyan{color:var(--cyan)}.gold{color:var(--gold)}.violet{color:#ac92f5}.green{color:var(--green)}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 263px;gap:20px}.game-panel{background:linear-gradient(140deg,#121c2d,#0f1829);border:1px solid #2c3c53;border-radius:9px;overflow:hidden;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 24px 17px;gap:10px}.subdued{color:#7489a8;letter-spacing:1.7px;font-size:8px}.panel-heading h2{font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px;margin-top:8px}.level-chip{color:var(--gold);border:1px solid #665332;background:#332d22;border-radius:4px;padding:4px 6px;font-size:8px;letter-spacing:1px;white-space:nowrap}.text-button{display:inline-flex;align-items:center;gap:9px;background:none;color:#9db3cf;font-size:10px;padding:8px 0;white-space:nowrap}.text-button svg{width:14px;height:14px}.text-button:hover{color:var(--cyan)}.race-area{padding:8px 24px 19px}.race-label{display:flex;justify-content:space-between;font-size:8px;color:#7e94b4;letter-spacing:1px}.race-label>span:first-child{color:#c1d7ea;display:flex;gap:7px;align-items:center}.race-label>span:last-child{letter-spacing:0}.race-track{height:20px;background:#091221;border:1px solid #243d52;border-radius:4px;position:relative;margin:12px 0 8px;overflow:visible;margin-right:3px}.race-fill{position:absolute;height:100%;width:0;background:repeating-linear-gradient(120deg,transparent 0 8px,#a3f9ff55 8px 13px,transparent 13px 17px),linear-gradient(90deg,#146486,#24d9f4);border-radius:3px;box-shadow:0 0 15px #1adbf440;transition:width .3s}.racer{position:absolute;left:0;top:-5px;display:grid;place-items:center;width:34px;height:28px;border:1px solid #7bedff;border-radius:5px;box-shadow:0 0 13px #2bc9ef55;background:#0c273c;color:#9ff2ff;transform:translateX(-8%);transition:left .3s;z-index:2}.racer svg{width:23px;height:19px}.finish-flag{position:absolute;right:0;top:-3px;height:24px;width:14px;background:repeating-conic-gradient(#7a8fa7 0 25%,#142234 0 50%) 0/8px 8px;opacity:.65;border-radius:2px}.track-ticks{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#526986}.track-ticks span:nth-child(2){letter-spacing:0;color:#6f89a7}.word-stage{position:relative;margin:0 15px;background:radial-gradient(ellipse at 20% 20%,#14294055,transparent 70%),#0b1423;border:1px solid #23354c;border-radius:6px;overflow:hidden;min-height:194px}.stage-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:8px;letter-spacing:1px}.live-label{color:#758eab;display:flex;gap:6px;align-items:center}.live-label>span{height:4px;width:4px;border-radius:50%;background:#7793b2}.live-label.playing{color:var(--cyan)}.live-label.playing>span{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.combo-label{color:#8d9ab0;display:flex;align-items:center;gap:4px;font-size:7px}.combo-label svg{width:12px;height:12px;color:var(--gold)}.combo-label b{font-size:12px;color:var(--gold);margin-left:3px}.words-window{display:flex;align-items:baseline;gap:25px;padding:16px 22px 10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;min-height:68px;font-family:var(--typing);transition:opacity .2s}.words-window::-webkit-scrollbar{display:none}.current-word{font-size:36px;font-weight:700;letter-spacing:1px;color:#e4faff;flex-shrink:0;line-height:1.1;position:relative;text-shadow:0 0 24px #47dff444}.current-word:after{content:'';height:2px;width:100%;position:absolute;bottom:-8px;left:0;background:linear-gradient(90deg,var(--cyan),#2ad3f411);box-shadow:0 3px 10px #34d7f422}.current-word .consumed{opacity:.12;text-shadow:none}.current-word .expected{color:var(--cyan)}.next-words{display:flex;align-items:center;gap:24px;font-size:19px;font-weight:400;color:#637893}.next-words>span:nth-child(2){opacity:.7}.next-words>span:nth-child(3){opacity:.45}.typing-hint{text-align:left;font-size:9px;color:#6b829e;padding:9px 22px 14px;min-height:34px}.typing-hint.warning{color:var(--gold)}.typing-input-wrap{display:flex;align-items:center;gap:8px;border-top:1px solid #203048;margin:0 16px;padding:10px 2px;color:#4b6787}.typing-input-wrap:focus-within{color:var(--cyan)}.typing-input-wrap svg{width:17px}.typing-input-wrap input{width:100%;color:var(--text);border:0;outline:none;background:transparent;min-width:0;font-size:11px;padding:4px;caret-color:var(--cyan);font-family:var(--typing)}input::placeholder{color:#62738c;opacity:1}.input-cursor{font-size:13px;color:#435d7e}.live-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 12px 19px}.live-stats>div{display:grid;grid-template-columns:16px auto;grid-template-rows:auto auto;justify-content:center;gap:4px 7px;border-right:1px solid #233148}.live-stats>div:last-child{border:0}.live-stats svg{width:15px;height:15px;color:#5d86a6;margin-top:5px}.live-stats strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;font-weight:600;line-height:1;color:#e2f6ff}.live-stats strong>span{font-size:15px;margin-left:2px}.live-stats small{grid-column:2;font-size:8px;color:#6c83a1}.game-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #253249;background:#101a2b;padding:15px 22px}.controls-note{font-size:8px;color:#71839e;white-space:nowrap}.controls-note kbd{font-size:8px;border:1px solid #3c4a60;color:#96a6bd;padding:2px 4px;border-radius:3px;background:#172236}.separator{margin:0 6px}.game-controls>div{display:flex;align-items:center;gap:12px}.secondary-button{font-size:11px;background:#182438;border:1px solid #34425a;border-radius:5px;padding:11px 13px;color:#b5c4d9;min-height:40px}.secondary-button:hover{border-color:#6489aa;color:#e7f5ff}.right-column{display:flex;flex-direction:column;gap:15px}.mini-panel{background:#111a2b;border:1px solid #2a374d;border-radius:8px;padding:17px 16px}.mini-heading{display:flex;align-items:center;gap:9px}.mini-heading svg{width:17px;height:17px}.mini-heading h3{font-size:11px;font-weight:600;letter-spacing:0}.personal-best{text-align:center}.record-emblem{font-size:37px;color:var(--gold);margin-top:17px;line-height:1;text-shadow:0 0 15px #fac75c22}.record-emblem>span{display:block;font-size:7px;letter-spacing:2px;margin-top:9px;color:#b49c68}.personal-best>strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:41px;font-weight:500;letter-spacing:3px;margin-top:5px}.personal-best>p{font-size:9px;color:#8194b1;margin:5px 0 16px}.record-footer{font-size:8px;color:#6a7f9b;display:flex;align-items:center;gap:5px;justify-content:center}.record-footer svg{width:12px;height:12px}.personal-best>.text-button{border-top:1px solid #253147;width:100%;justify-content:center;margin-top:13px;padding-top:14px;padding-bottom:0;font-size:9px}.tip-panel p{font-size:10px;color:#8fa2bd;line-height:1.8;margin-bottom:8px}.tip-panel p b{color:#cad9ec;font-weight:600}.tip-panel .text-button{font-size:8px;color:#71bad3;gap:6px;white-space:normal;text-align:left}.home-keys{display:flex;gap:3px;justify-content:center;margin:18px 0}.home-keys kbd{display:block;position:relative;border-radius:3px;border:1px solid #3c4e66;box-shadow:0 2px 0 #29364c;width:20px;height:23px;font-size:9px;text-align:center;padding-top:4px;color:#92aac6;background:#19283b}.home-keys kbd.key-f,.home-keys kbd.key-j{color:var(--cyan);border-color:#31687c;background:#133040}.home-keys kbd>span{position:absolute;bottom:1px;left:7px;font-size:8px}.home-keys i{width:7px}.practice-note{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:0;color:#516986}.practice-note svg{width:17px;height:17px}.practice-note p{font-size:9px;line-height:1.7}.journey-strip{display:flex;align-items:center;gap:25px;background:#101928;border:1px solid #253248;border-radius:8px;margin-top:22px;padding:18px 23px}.section-overline{font-size:7px;letter-spacing:1.5px;color:#6983a3}.journey-strip h3{font-size:13px;font-weight:500;margin-top:7px}.journey-stops{display:flex;flex:1;justify-content:center;align-items:center;gap:0}.journey-stop{display:flex;align-items:center}.journey-stop>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #35435a;background:#182337;border-radius:50%;font-size:10px;color:#798fae}.journey-stop.complete>span{border-color:#8d713d;color:var(--gold);background:#332b1f}.journey-stop.current>span{border-color:#35c8e8;color:var(--cyan);box-shadow:0 0 15px #20c5e519}.journey-stop:not(:last-child):after{content:'';width:30px;height:1px;background:#304057}.journey-strip>.text-button{font-size:9px}footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#526680;min-height:64px;gap:10px}footer>span:first-child{color:#8c9bb1}footer b{font-size:7px;margin-left:5px;color:#778ca8;border:1px solid #32415a;padding:2px 4px;border-radius:3px}.footer-crown{color:#a5946d;font-size:14px;margin-right:5px}footer button{font-size:8px;color:#71839e;background:none;padding:10px 0}.mode-config{display:flex;gap:12px;flex-wrap:wrap;padding:0 24px 15px}.field-label{font-size:10px;color:#91a6c1;display:flex;flex-direction:column;gap:7px;flex:1;min-width:100px}select,input.form-input{color:#dce9fa;background:#0c1626;border:1px solid #34445d;border-radius:5px;padding:10px;font-size:12px;min-height:38px;width:100%;outline-color:var(--cyan)}select{cursor:pointer}select option{color:#dce9fa;background:#0c1626}.free-banner{margin:5px 24px 22px;display:flex;align-items:center;gap:12px;background:#112b36;border:1px solid #285968;padding:13px;border-radius:6px;color:var(--cyan);font-size:12px}.free-banner svg{width:28px;height:28px}.free-banner small{display:block;font-size:9px;color:#95b6c8;margin-top:5px}.text-preview{padding:12px 23px;border-top:1px solid #253249;color:#8ba2c0;font-size:11px}.text-preview summary{cursor:pointer}.text-preview p{font-family:var(--typing);font-size:11px;line-height:1.9;margin:12px 0;max-height:260px;overflow:auto}.source-link{color:var(--cyan);font-size:10px;word-break:break-word}.burst-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.particle{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:2px;background:var(--color);box-shadow:0 0 8px var(--color);animation:explode .65s ease-out forwards}.burst-ring{position:absolute;left:var(--x);top:var(--y);width:15px;height:15px;border:2px solid var(--color);border-radius:50%;animation:ring .5s ease-out forwards}.word-flash{animation:wordflash .3s ease-out}.error-flash{animation:errorflash .25s ease-out}@keyframes explode{to{transform:translate(var(--dx),var(--dy)) rotate(240deg);opacity:0}}@keyframes ring{to{transform:translate(-50%,-50%) scale(6);opacity:0}}@keyframes wordflash{50%{box-shadow:inset 0 0 60px #24def326;border-color:var(--cyan)}}@keyframes errorflash{50%{border-color:#ec886a;background-color:#33201e}}dialog{border:1px solid #3b506d;background:#101a2a;color:var(--text);border-radius:12px;padding:0;width:min(860px,calc(100% - 32px));max-height:88dvh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030917d9;backdrop-filter:blur(6px)}.modal-header{padding:24px 27px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3b53;position:sticky;top:0;background:#101a2a;z-index:3}.modal-header h2{font-size:25px;margin-top:8px}.modal-header>.icon-button{border:1px solid #34445c}#modal-body{padding:24px 27px 30px}.modal-intro{font-size:13px;line-height:1.8;color:#98acc7;margin-bottom:22px}.phase-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.phase-card{text-align:left;background:#142236;border:1px solid #2d425c;border-radius:7px;padding:14px 12px;position:relative;min-height:100px}.phase-card:hover,.phase-card.selected{border-color:var(--cyan);background:#153147}.phase-card>strong{font-family:'Barlow Condensed',sans-serif;font-size:24px;color:#a7c0db}.phase-card>span{display:block;font-size:10px;color:#9eb2ce;margin-top:5px}.phase-card>small{display:block;font-size:8px;color:#667f9d;margin-top:5px}.phase-card>i{position:absolute;right:9px;top:11px;font-style:normal;font-size:18px;color:var(--gold)}.phase-legend{display:flex;gap:15px;margin-bottom:18px;color:#98a9c1;font-size:11px}.trophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trophy-card{background:#142034;border:1px solid #2a3a53;border-radius:8px;padding:20px 14px;text-align:center}.trophy-card .trophy-icon{font-size:29px;filter:grayscale(1);opacity:.35}.trophy-card.earned{border-color:#6e5834;background:linear-gradient(135deg,#29271f,#142034)}.trophy-card.earned .trophy-icon{filter:none;opacity:1}.trophy-card h3{font-size:14px;margin-top:12px}.trophy-card p{font-size:10px;color:#94a8c5;line-height:1.7;margin-top:7px}.trophy-card small{display:block;font-size:8px;color:#5f7697;margin-top:12px}.trophy-card.earned small{color:var(--gold)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.setting{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#c4d3e8}.setting small{font-size:10px;line-height:1.6;color:#829ab9}input[type=range]{accent-color:var(--cyan);width:100%}.volume-title{display:flex;justify-content:space-between}.settings-footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid #2b3b53}.empty-state{text-align:center;padding:40px 20px;border:1px dashed #344966;border-radius:8px}.empty-state>span{font-size:40px;color:#6989b0}.empty-state h3{font-size:19px;margin:12px 0}.empty-state p{color:#92a7c4;font-size:12px;line-height:1.8}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#778dab;font-weight:500;font-size:10px;padding:15px 10px;border-bottom:1px solid #344966}td{padding:16px 10px;border-bottom:1px solid #24334b}tbody tr:first-child td:first-child{color:var(--gold)}.ranking-filters{display:flex;gap:14px;margin-bottom:20px}.result-hero{text-align:center;padding:5px 0 25px}.result-icon{font-size:60px;display:block;margin-bottom:12px}.result-hero h3{font-family:'Barlow Condensed',sans-serif;font-size:36px}.result-hero p{color:#98afcd;font-size:13px;margin-top:10px;line-height:1.8}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 24px}.result-stat{text-align:center;border:1px solid #2c435f;background:#102439;border-radius:6px;padding:15px 6px}.result-stat strong{font-family:'Barlow Condensed',sans-serif;font-size:30px;color:var(--cyan);display:block}.result-stat small{font-size:9px;color:#849cba}.result-actions{display:flex;gap:12px;justify-content:center}.guide-section{padding:18px 0;border-bottom:1px solid #283a54}.guide-section:first-child{padding-top:0}.guide-section h3{font-size:17px;color:#d1e8fb;margin-bottom:12px}.guide-section p,.guide-section li{font-size:12px;line-height:1.9;color:#a0b3cd}.guide-section ol{padding-left:20px;margin:0}.guide-keyboard{display:flex;flex-direction:column;align-items:center;gap:5px;margin:20px 0}.keyboard-row{display:flex;gap:5px}.keyboard-row kbd{width:37px;height:34px;border:1px solid var(--key);color:var(--key);background:color-mix(in srgb,var(--key) 8%,#101a2a);border-radius:4px;display:grid;place-items:center;font:12px var(--typing);box-shadow:0 2px 0 #28364e}.finger-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:20px;font-size:11px;color:#9fb2cf}.finger-legend b{font-weight:500;color:var(--key)}.key-colors{font-size:10px;color:#7e94b2;text-align:center;line-height:1.9}.toasts{position:fixed;bottom:22px;right:24px;z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:350px}.toast{padding:15px 19px;border:1px solid #3e768a;background:#102c3e;color:#d7f5ff;border-radius:8px;box-shadow:0 5px 30px #0007;font-size:12px;line-height:1.6;animation:toast-in .25s ease-out}.toast.gold-toast{border-color:#8e7341;background:#29291f;color:#ffe1a2}@keyframes toast-in{from{opacity:0;transform:translateY(10px)}}.about-copy{font-size:13px;color:#a1b5ce;line-height:1.9}.about-copy h3{color:#e3f2ff;font-size:17px;margin:22px 0 9px}.about-copy a{color:var(--cyan);text-decoration:underline}.about-copy p{margin-bottom:10px}
@media(min-width:1550px){.hero{min-height:330px}.hero-content{padding:38px 40px}.hero h1{font-size:53px}.hero p{font-size:14px}.hero-art{background-position:center 47%}.play-layout{grid-template-columns:minmax(0,1fr) 300px}.word-stage{min-height:218px}.words-window{padding:23px 26px 14px}.current-word{font-size:43px}.next-words{font-size:23px}.game-controls{padding:19px 24px}.hero-foot{font-size:10px}.panel-heading{padding-top:25px;padding-bottom:22px}.race-area{padding-bottom:25px}.mini-panel{padding:21px}.mini-heading h3{font-size:12px}.tip-panel p{font-size:12px}.personal-best>p{font-size:11px}.record-emblem{margin-top:22px}.record-emblem>span{font-size:8px}.overview{padding:28px 0}.overview-value{font-size:31px}.overview-label{font-size:12px}.journey-strip{padding:20px 26px}.journey-strip h3{font-size:15px}.live-stats strong{font-size:32px}.live-stats small{font-size:9px}}
@media(max-width:1200px){.sidebar{width:206px;padding-left:12px;padding-right:12px}.brand{padding-left:10px;font-size:25px;gap:8px}.brand-mark{font-size:45px}.brand-bottom{font-size:21px}.nav-item{padding:13px 10px;gap:9px;font-size:11px}.nav-item small{font-size:9px}.nav-item.active:before{left:-12px}.nav-caption{font-size:8px}.local-note{font-size:8px;padding-left:8px}main{margin-left:206px;width:calc(100% - 206px)}.main-content{padding:24px 24px 0}.topbar{padding:0 24px;height:70px}.top-actions{gap:12px}.play-layout{grid-template-columns:minmax(0,1fr) 225px;gap:14px}.hero h1{font-size:39px}.hero-content{padding:25px}.hero{min-height:278px}.hero-foot{display:none}.hero-art{left:22%}.overview>div{padding-left:13px;column-gap:8px;grid-template-columns:32px auto}.stat-symbol{height:33px;width:32px}.overview-label{font-size:9px}.overview-value{font-size:24px}.panel-heading{padding:19px 17px}.panel-heading h2{font-size:17px}.panel-heading .text-button{font-size:9px}.race-area{padding-left:18px;padding-right:18px}.current-word{font-size:30px}.next-words{font-size:16px;gap:17px}.words-window{gap:20px;padding-left:17px}.word-stage{margin:0 11px}.game-controls{padding:14px}.controls-note{font-size:7px}.game-controls>div{gap:7px}.game-controls .primary-button{padding:10px 12px;font-size:10px}.secondary-button{padding:10px;font-size:10px}.mini-panel{padding:15px 12px}.mini-heading{gap:6px}.mini-heading h3{font-size:10px}.journey-strip{padding:15px;gap:15px}.journey-stop:not(:last-child):after{width:18px}.journey-strip h3{font-size:12px}.journey-stop>span{width:27px;height:27px}.topbar .profile-button>span:nth-child(2){display:none}.tip-panel p{font-size:9px}.home-keys{gap:2px}.home-keys kbd{width:18px}.home-keys i{width:4px}}
@media(max-width:1000px){.play-layout{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr}.practice-note{display:none}.personal-best{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:10px}.personal-best .mini-heading{grid-column:span 2}.record-emblem{margin:13px 0 4px;font-size:31px}.personal-best>strong{font-size:32px}.personal-best>p{grid-column:span 2;margin:10px 0}.record-footer{grid-column:span 2}.personal-best>.text-button{grid-column:span 2;margin-top:10px}.tip-panel p{font-size:11px}.hero-art{left:15%;background-position:60% center}.hero h1{font-size:38px}.hero p{font-size:11px}.overview-value{font-size:22px}.overview-label{font-size:8px}.overview>div{padding-left:10px;column-gap:5px;grid-template-columns:28px auto}.stat-symbol{height:30px;width:27px;border-radius:6px}.stat-symbol svg{width:16px}.overview-value>span{font-size:9px}.journey-strip>.text-button{display:none}.phase-grid{grid-template-columns:repeat(5,1fr)}.game-controls .primary-button{font-size:12px}.controls-note{font-size:9px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;inset:auto;padding:18px 16px 0;border-right:0;border-bottom:1px solid #27344a;display:block}.brand{margin:0;font-size:24px;padding:0 4px;width:fit-content}.brand-bottom{font-size:20px;margin-top:4px}.brand-mark{font-size:42px}.nav-caption,.second-caption,.sidebar-bottom,.sidebar>nav:nth-of-type(2){display:none}.sidebar>nav:first-of-type{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:20px}.nav-item{font-size:9px;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:11px 3px;margin:0;border-radius:6px 6px 0 0;min-height:60px;text-align:center}.nav-item small,.nav-count{display:none}.nav-item svg{width:18px;height:18px}.nav-item.active:before{left:15%;right:15%;bottom:0;width:70%;height:2px}.nav-item>span:nth-child(2){font-size:8px}.sidebar .tiny-dot{display:none}main{margin:0;width:100%}.topbar{height:60px;padding:0 18px;position:absolute;top:13px;right:0;width:fit-content;border:0;background:none}.breadcrumb{display:none}.top-actions{gap:9px}.device-pill{border:0;background:none;padding:6px}.device-pill>span:nth-child(2){display:none}.device-pill svg{width:19px}.profile-button{padding:0}.profile-button .chevron{display:none}.profile-avatar{width:29px;height:29px;font-size:11px}.main-content{padding:18px 16px 0}.hero{min-height:257px;border-radius:8px}.hero-content{padding:22px 20px}.hero h1{font-size:35px;line-height:1.1;margin-top:13px}.hero p{font-size:10px;line-height:1.7;max-width:280px}.hero-art{left:20%;background-position:62% center;opacity:.48}.hero:after{background:linear-gradient(90deg,#0d1c30 2%,#0d1c30e8 27%,#0d1c3080 75%,#0d1c3040)}.eyebrow{font-size:7px;letter-spacing:1.5px}.hero-tag{font-size:6px;letter-spacing:1.3px;right:13px;bottom:13px}.hero .primary-button{font-size:10px;padding:9px 14px;min-height:35px}.overview{grid-template-columns:repeat(4,1fr);padding:20px 0}.overview>div{display:flex;flex-direction:column;padding:0 5px;gap:4px;align-items:center;text-align:center}.overview>div:first-child{padding-left:0}.stat-symbol{background:transparent!important;border:0!important;width:22px;height:23px}.stat-symbol svg{width:18px;height:18px}.overview-value{font-size:25px}.overview-value>span{font-size:8px}.overview-label{font-size:7px;line-height:1.5;margin:0}.panel-heading{padding:19px 16px 17px;align-items:flex-end}.panel-heading h2{font-size:19px;display:block;line-height:1.5;margin-top:5px}.level-chip{vertical-align:middle;margin-left:4px;font-size:7px;padding:3px 5px}.panel-heading .text-button{font-size:8px}.race-area{padding:3px 17px 19px}.race-track{height:18px}.race-label{font-size:7px}.track-ticks{font-size:6px}.track-ticks>span:nth-child(2){font-size:7px}.current-word{font-size:32px}.next-words{font-size:17px;gap:19px}.words-window{padding:17px 15px 13px;gap:22px;min-height:66px}.word-stage{margin:0 9px;min-height:194px}.stage-top{padding:12px;font-size:7px}.combo-label{font-size:6px}.typing-hint{padding-left:15px;font-size:8px;line-height:1.6;padding-top:8px;min-height:37px}.typing-input-wrap{margin:0 12px;padding:10px 0}.typing-input-wrap input{font-size:16px;min-height:27px}.typing-input-wrap input::placeholder{font-size:10px}.live-stats{padding:23px 7px}.live-stats>div{grid-template-columns:auto;grid-template-rows:auto auto auto;gap:5px;justify-items:center}.live-stats>div>span{display:none}.live-stats strong{font-size:30px}.live-stats small{grid-column:1;font-size:7px}.live-stats strong>span{font-size:16px}.game-controls{flex-wrap:wrap;padding:14px;gap:13px}.controls-note{font-size:8px;width:100%;text-align:center;order:2}.game-controls>div{width:100%;justify-content:center;gap:10px}.game-controls .primary-button{flex:1;max-width:240px;font-size:12px;min-height:42px}.game-controls .secondary-button{font-size:11px;min-height:42px;padding-left:18px;padding-right:18px}.right-column{gap:10px}.mini-panel{padding:14px 11px}.mini-heading{gap:5px}.mini-heading h3{font-size:9px;line-height:1.5}.mini-heading svg{width:13px}.personal-best>strong{font-size:29px}.record-emblem{font-size:29px}.record-emblem>span{font-size:5px;letter-spacing:1px}.personal-best>p{font-size:8px;line-height:1.7}.record-footer{font-size:6px;gap:2px}.personal-best>.text-button{font-size:8px}.tip-panel p{font-size:8px;line-height:1.9}.tip-panel .text-button{font-size:7px}.home-keys{gap:2px;margin:15px 0}.home-keys kbd{width:14px;height:20px;font-size:7px}.home-keys i{width:1px}.home-keys kbd>span{left:4px}.journey-strip{flex-wrap:wrap;gap:18px;margin-top:16px;justify-content:center;text-align:center}.journey-strip>div:first-child{width:100%}.journey-stops{flex:0}.journey-stop:not(:last-child):after{width:27px}.journey-strip h3{font-size:15px}.journey-strip>.text-button{display:block;font-size:9px;width:100%;padding:0}.section-overline{font-size:7px}footer{min-height:85px;flex-wrap:wrap;justify-content:center;gap:8px;padding:18px 0;font-size:7px}footer>span:nth-child(2){order:3;width:100%;text-align:center}footer>button{margin-left:auto;font-size:7px}footer>span:first-child{margin-right:auto}.mode-config{padding:0 16px 16px;gap:10px}.field-label{font-size:9px;min-width:105px}select{font-size:11px;padding:9px}.free-banner{margin:0 16px 18px;font-size:10px;padding:10px}.free-banner small{font-size:8px;line-height:1.6}.phase-grid{grid-template-columns:repeat(3,1fr);gap:8px}.phase-card{padding:12px 9px;min-height:100px}.phase-card>span{font-size:9px}.phase-card>small{font-size:7px}.trophy-grid{grid-template-columns:1fr 1fr;gap:8px}.trophy-card{padding:15px 9px}.trophy-card h3{font-size:12px}.trophy-card p{font-size:9px}.settings-grid{grid-template-columns:1fr;gap:23px}.modal-header{padding:20px}.modal-header h2{font-size:22px}#modal-body{padding:20px}.modal-intro{font-size:11px}.ranking-filters{flex-wrap:wrap}.result-stats{grid-template-columns:1fr 1fr}.result-actions{flex-wrap:wrap}.keyboard-row{gap:3px}.keyboard-row kbd{width:24px;height:29px;font-size:10px}.finger-legend{font-size:9px;gap:10px}.guide-section p,.guide-section li{font-size:11px}.toasts{bottom:15px;right:15px;left:15px;max-width:none}.toast{font-size:11px}.about-copy{font-size:11px}}
.overview>div{position:relative}.stat-card-button{position:absolute;inset:-5px 5px;background:none;border-radius:6px;z-index:1}.stat-card-button:hover{background:#2ad3f409}.stat-card-button:focus-visible{outline-offset:0}.mobile-settings{display:none}
.words-window{flex-wrap:wrap;row-gap:16px;white-space:normal;overflow:visible}.current-word{max-width:100%;overflow-wrap:anywhere}.next-words{display:contents}.next-words>span{overflow-wrap:anywhere;max-width:100%;white-space:normal;color:#8da4c1}.next-words>span:nth-child(2){opacity:1;color:#8098b7}.next-words>span:nth-child(3){opacity:1;color:#758caa}.words-window .next-words>span{flex-shrink:1}
@media(max-width:760px){.words-window{column-gap:16px;row-gap:14px;padding-bottom:17px}.next-words>span{font-size:16px}.current-word{font-size:clamp(23px,8vw,32px)}.mobile-settings{display:inline-flex}.topbar{z-index:12}}
@media(max-width:360px){.topbar .device-pill,.topbar .profile-button{display:none}.keyboard-row kbd{width:19px;height:26px;font-size:9px}.modal-header{padding:17px}.modal-header h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.particle,.burst-ring{display:none}}