:root{--bg-color: #0f0f13;--surface-color: #1a1a20;--text-primary: #e0e0e0;--text-secondary: #7e7e8aa6;--accent-color: #00d2ff;--accent-hover: #00e5ff;--correct-color: #22c55e;--incorrect-color: #ef4444;--key-bg: #272731;--key-border: #3f3f4e;--key-pressed-bg: #3f3f4e;--modal-bg: rgba(0, 0, 0, .75);--font-main: "Inter", sans-serif;--transition-speed: .2s;--transition: transform var(--transition-speed) ease, opacity var(--transition-speed) ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;touch-action:manipulation}.no-select{user-select:none;-webkit-user-select:none}h1,h2,h3{font-weight:700}a{color:var(--accent-color);text-decoration:none}.btn{font-family:var(--font-main);font-weight:600;cursor:pointer;border-radius:6px;border:none;transition:transform var(--transition-speed) ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;padding:.6rem 1.2rem;font-size:.9rem;outline:none}.btn.primary{background-color:var(--accent-color);color:#000;box-shadow:0 0 10px #00d2ff4d}.btn.primary:hover{background-color:var(--accent-hover);box-shadow:0 0 20px #00d2ff99;transform:translateY(-1px)}.btn.secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary)}.btn.secondary:hover{color:var(--text-primary);border-color:var(--text-primary)}.btn.large{font-size:1.2rem;padding:.8rem 2rem}.btn.icon-only{padding:.4rem .8rem;font-size:1.2rem}.actions{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.toggle-container{display:flex;align-items:center;gap:.8rem}.toggle-lock-icon{font-size:.9rem;opacity:.8;animation:fadeIn .2s ease;cursor:default;-webkit-user-select:none;user-select:none}.toggle-container input[type=checkbox]:disabled+.slider{opacity:.45;cursor:not-allowed}.toggle-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--key-border);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-color)}input:focus+.slider{box-shadow:0 0 1px var(--accent-color)}input:checked+.slider{box-shadow:0 0 10px #00d2ff66}input:checked+.slider:before{transform:translate(20px)}.mode-badge{display:inline-flex;align-items:center;padding:.3em .7em;border-radius:4px;font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.mode-badge.strict{background-color:#ef444433;color:var(--incorrect-color);border:1px solid var(--incorrect-color)}.mode-badge.normal{background-color:#22c55e33;color:var(--correct-color);border:1px solid var(--correct-color)}.mode-badge.duration-badge{background-color:#00d2ff1a;color:var(--accent-color);border:1px solid rgba(0,210,255,.3);font-size:.72em;padding:.2em .55em;border-radius:4px;letter-spacing:.5px}#modeSelectScreen{width:100%;height:100%;overflow-y:auto;padding:0;box-sizing:border-box;pointer-events:none}.mode-select-container{width:100%;max-width:1100px;margin:0 auto;padding:5rem 2rem 4rem;box-sizing:border-box;position:relative;pointer-events:auto}.mode-select-header{text-align:center;margin-bottom:2.5rem}.mode-select-header h2{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#ffffff 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.35rem}.mode-select-subtitle{color:var(--text-secondary);font-size:1rem}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.mode-card{background:linear-gradient(135deg,#0006,#00000040);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.5rem 1.4rem 1.2rem;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;display:flex;flex-direction:column;gap:.6rem;position:relative;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (hover: none){.mode-card:hover{transform:none!important}.mode-card:active{transform:scale(.98);box-shadow:0 4px 16px #0000004d;border-color:#00d2ff40}.mode-card--premium:active{border-color:#ffd70059;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffd7004d}.mode-card--blue:active{border-color:#63b3ed59;box-shadow:0 4px 16px #0000004d,0 0 0 1px #63b3ed4d}}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;opacity:0;transition:opacity .3s;background:radial-gradient(circle at 50% 0%,rgba(0,210,255,.08) 0%,transparent 70%);pointer-events:none}.mode-card:hover:before{opacity:1}.mode-card:hover{border-color:#00d2ff66;background:linear-gradient(135deg,#0000004d,#00000026)}.mode-card--premium{border-color:#ffd70033;background:linear-gradient(135deg,#ffd70012,#ff8c000a)}.mode-card--premium:before{background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.1) 0%,transparent 70%)}.mode-card--premium:hover{border-color:#ffd70080;background:linear-gradient(135deg,#ffd7001a,#ff8c000f)}.mode-card--blue{border-color:#63b3ed33;background:linear-gradient(135deg,#63b3ed12,#3182ce0a)}.mode-card--blue:before{background:radial-gradient(circle at 50% 0%,rgba(99,179,237,.1) 0%,transparent 70%)}.mode-card--blue:hover{border-color:#63b3ed80;background:linear-gradient(135deg,#63b3ed1a,#3182ce0f)}.mode-card--coming{opacity:.65;cursor:default}.mode-card--coming:hover{transform:none;box-shadow:none;border-color:#ffffff14}.mode-card--coming:before{display:none}.mode-card-icon{font-size:2rem;line-height:1}.mode-card-body h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.mode-card-body>p{color:var(--text-primary);font-size:.87rem;margin-bottom:.5rem;font-weight:500}.mode-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.2rem}.mode-features li{font-size:.82rem;color:var(--text-primary);font-weight:500;padding-left:1rem;position:relative;line-height:1.4}.mode-features li:before{content:"•";position:absolute;left:0;color:var(--accent-color)}.mode-card-footer{margin-top:auto;padding-top:.75rem}.mode-tag{font-size:.72rem;font-weight:700;letter-spacing:.5px;padding:.2em .65em;border-radius:20px;background:#ffffff12;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);text-transform:uppercase}.tag-ranked{background:#ffd7001a;color:gold;border-color:#ffd70040}.tag-soon{background:#ffffff0d;color:var(--text-secondary);border-color:#ffffff14;opacity:.7}.version-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-size:.68rem;font-weight:600;letter-spacing:.03em;-webkit-user-select:none;user-select:none;pointer-events:none;transition:all .2s ease;white-space:nowrap}.version-badge:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent-color);margin-right:6px;box-shadow:0 0 6px var(--accent-color);opacity:.8}@media (max-width: 640px){.version-badge{font-size:.62rem;padding:1px 6px}}.mode-info-btn{position:absolute;top:5.5rem;right:0;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:2}.mode-info-btn:hover{background:#00d2ff1f;color:var(--accent-color)}.mode-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.mode-info-panel{background:linear-gradient(135deg,#1c1c24,#14141c);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:2rem;max-width:480px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.mode-info-panel h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem}.mode-info-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background .2s}.mode-info-close:hover{background:#ffffff14}.mode-info-list{display:flex;flex-direction:column;gap:1rem}.mode-info-item{display:flex;gap:.75rem;align-items:flex-start}.mii-icon{font-size:1.3rem;flex-shrink:0;margin-top:.1rem}.mode-info-item strong{display:block;color:var(--text-primary);font-size:.92rem;margin-bottom:.15rem}.mode-info-item p{color:var(--text-secondary);font-size:.82rem;line-height:1.5;margin:0}#modeSelectScreen{position:relative}.ms-bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;animation:gridDrift 30s linear infinite;will-change:background-position}body.modal-open .ms-bg-grid{animation-play-state:paused}@keyframes gridDrift{0%{background-position:0 0}to{background-position:60px 60px}}.ms-bg-glow{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);opacity:.1;animation:glowDrift 18s ease-in-out infinite alternate;will-change:transform}body.modal-open .ms-bg-glow{animation-play-state:paused}.ms-bg-glow--1{width:600px;height:600px;background:radial-gradient(circle,#00d2ff 0%,transparent 70%);top:-150px;left:-100px}.ms-bg-glow--2{width:500px;height:500px;background:radial-gradient(circle,#a855f7 0%,transparent 70%);bottom:-100px;right:-80px;animation-duration:22s;animation-direction:alternate-reverse}@keyframes glowDrift{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,30px) scale(1.08)}to{transform:translate(-20px,40px) scale(.95)}}.ms-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ms-particles span{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--accent-color);opacity:0;animation:particleFloat linear infinite;will-change:transform,opacity}body.modal-open .ms-particles span{animation-play-state:paused}.ms-particles span:nth-child(1){left:10%;animation-duration:14s;animation-delay:0s}.ms-particles span:nth-child(2){left:25%;animation-duration:18s;animation-delay:2s}.ms-particles span:nth-child(3){left:40%;animation-duration:12s;animation-delay:4s}.ms-particles span:nth-child(4){left:55%;animation-duration:16s;animation-delay:1s}.ms-particles span:nth-child(5){left:70%;animation-duration:20s;animation-delay:3s}.ms-particles span:nth-child(6){left:82%;animation-duration:13s;animation-delay:5s}.ms-particles span:nth-child(7){left:92%;animation-duration:17s;animation-delay:.5s}.ms-particles span:nth-child(8){left:5%;animation-duration:15s;animation-delay:6s}@keyframes particleFloat{0%{bottom:-10px;opacity:0;transform:translate(0) scale(.5)}10%{opacity:.6}90%{opacity:.3}to{bottom:110%;opacity:0;transform:translate(30px) scale(1.5)}}.mode-select-container{position:relative;z-index:1}.welcome-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#00d2ff12,#a855f70d);border:1px solid rgba(0,210,255,.15);border-radius:12px;padding:.6rem 1.25rem;margin-bottom:2rem;animation:slideDownFade .5s cubic-bezier(.16,1,.3,1) forwards;flex-wrap:wrap;row-gap:.4rem}.welcome-left,.welcome-text{font-size:.9rem;font-weight:600;color:var(--text-primary)}.welcome-stats{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.welcome-stat{font-size:.82rem;font-weight:600;color:var(--accent-color);background:#00d2ff14;padding:.18rem .6rem;border-radius:20px;border:1px solid rgba(0,210,255,.15)}.welcome-stat-sep{color:var(--text-secondary);font-size:.8rem}.mode-select-hero{text-align:center;margin-bottom:2rem;position:relative}.hero-title{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;letter-spacing:-2px;line-height:1;background:linear-gradient(135deg,#ffffff 0%,#a8d8ff 50%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;animation:heroTitleIn .7s cubic-bezier(.16,1,.3,1) both}@keyframes heroTitleIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary);font-weight:400;margin-bottom:1.5rem;animation:heroSubIn .7s .1s cubic-bezier(.16,1,.3,1) both}#heroLeaderboardLink{text-decoration:underline;text-decoration-color:#f97316;cursor:pointer;transition:transform var(--transition-speed) ease,opacity var(--transition-speed) ease}#heroLeaderboardLink:hover{transform:translateY(-1px);opacity:.85;text-decoration:underline;text-decoration-color:#ef4444}@keyframes heroSubIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-highlight{font-weight:700;background:linear-gradient(90deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-cta{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-color),#0099cc);color:#000;font-family:var(--font-main);font-weight:700;font-size:1rem;padding:.75rem 1.75rem;border:none;border-radius:50px;cursor:pointer;box-shadow:0 0 24px #00d2ff59,0 4px 16px #0000004d;transition:transform .15s ease,box-shadow .15s ease;animation:heroSubIn .7s .2s cubic-bezier(.16,1,.3,1) both;-webkit-user-select:none;user-select:none}.hero-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 36px #00d2ff80,0 8px 24px #0006}.mii-leagues{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.leagues-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1rem}.league-item{display:flex;flex-direction:column;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.75rem;text-align:center;transition:transform .2s,border-color .2s}.league-item:hover{transform:translateY(-2px);border-color:#ffffff26}.league-icon-small{width:32px;height:38px;margin-bottom:.5rem}.league-name{font-weight:700;font-size:.85rem;margin-bottom:.15rem}.league-trp{font-size:.7rem;color:var(--text-secondary)}.hero-cta:active{transform:scale(.97);box-shadow:0 0 12px #00d2ff4d}.top-stats-bar{display:flex;align-items:center;justify-content:center;gap:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.55rem 1.1rem;margin-bottom:1.75rem;font-size:.82rem;flex-wrap:wrap;row-gap:.4rem}.top-stats-label{font-size:.65rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--text-secondary);padding-bottom:1px;flex-shrink:0}.top-stats-items{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.top-stat-item{display:flex;align-items:center;gap:.3rem}.top-stat-icon{font-size:.9rem}.top-stat-key{color:var(--text-primary);font-weight:500}.top-stat-val{color:#00d2ff;font-weight:700}.top-stat-sep{color:#fff3;font-size:1rem}.top-stat-user-btn{background:none;border:none;color:var(--accent-color);font-family:var(--font-main);font-size:.82rem;font-weight:700;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}.top-stat-user-btn:hover{color:var(--accent-hover)}.mode-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);will-change:transform,box-shadow,border-color}.mode-card-accent{position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;opacity:.7;transition:opacity .2s,height .2s;pointer-events:none}.mode-card-icon{transition:transform .3s ease,filter .3s ease;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:.8rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.mode-card-icon svg{display:block;flex-shrink:0}.mode-card{overflow:hidden}.mode-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgba(255,255,255,.12) 0%,transparent 60%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:inherit}.mode-card.rippling:after{opacity:1;transition:opacity .05s}.mode-badges{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.5rem}.mc-badge{font-size:.65rem;font-weight:700;letter-spacing:.4px;padding:.15em .55em;border-radius:20px;background:#ffffff12;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);text-transform:uppercase;white-space:nowrap}.mode-best-for{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center}.mode-best-for span{color:var(--text-primary);background:#ffffff1a;padding:.2rem .6rem;border-radius:4px;font-weight:700;font-size:.84rem;text-transform:capitalize;letter-spacing:.4px}.mode-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:inherit;display:flex;align-items:center;justify-content:center;z-index:10;transition:opacity .2s}.mode-lock-overlay.hidden{display:none!important}.mode-lock-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mode-lock-icon{font-size:1.8rem}.mode-lock-tip{font-size:.78rem;color:var(--text-secondary);text-align:center;padding:0 .5rem}.mode-card--normal .mode-card-accent{background:#3b82f6}.mode-card--normal:hover{border-color:#3b82f666;box-shadow:0 16px 48px #00000073,0 0 0 1px #3b82f640,0 0 20px #3b82f61f}.mode-card--normal:hover .mode-card-icon{filter:drop-shadow(0 0 8px rgba(59,130,246,.7))}.mode-card--normal:before{background:radial-gradient(circle at 50% 0%,rgba(59,130,246,.1) 0%,transparent 70%)}.mode-card--ranked{border-color:#ffd70033;background:linear-gradient(135deg,#ffd70012,#ff8c000a)}.mode-card--ranked .mode-card-accent{background:gold}.mode-card--ranked:hover{border-color:#ffd70066;box-shadow:0 16px 48px #00000073,0 0 0 1px #ffd7004d,0 0 20px #ffd7001f}.mode-card--ranked:hover .mode-card-icon{filter:drop-shadow(0 0 8px rgba(255,215,0,.8))}.mode-card--ranked:before{background:radial-gradient(circle at 50% 0%,rgba(255,215,0,.1) 0%,transparent 70%)}.mode-card--duel{border-color:#ef444433;background:linear-gradient(135deg,#ef444412,#dc26260a)}.mode-card--duel .mode-card-accent{background:#ef4444}.mode-card--duel:hover{border-color:#ef444466;box-shadow:0 16px 48px #00000073,0 0 0 1px #ef444440,0 0 20px #ef44441f}.mode-card--duel:hover .mode-card-icon{filter:drop-shadow(0 0 8px rgba(239,68,68,.7))}.mode-card--duel:before{background:radial-gradient(circle at 50% 0%,rgba(239,68,68,.1) 0%,transparent 70%)}.mode-card--daily{border-color:#f9731633;background:linear-gradient(135deg,#f9731612,#ea580c0a)}.mode-card--daily .mode-card-accent{background:#f97316}.mode-card--daily:hover{border-color:#f9731666;box-shadow:0 16px 48px #00000073,0 0 0 1px #f9731640,0 0 20px #f973161f}.mode-card--daily:hover .mode-card-icon{filter:drop-shadow(0 0 8px rgba(249,115,22,.7))}.mode-card--daily:before{background:radial-gradient(circle at 50% 0%,rgba(249,115,22,.1) 0%,transparent 70%)}.mode-card--ghost{border-color:#a855f733;background:linear-gradient(135deg,#a855f712,#8b5cf60a)}.mode-card--ghost .mode-card-accent{background:#a855f7}.mode-card--ghost:hover{transform:none!important;border-color:#a855f733!important;box-shadow:none!important}.mode-card--ghost:hover:before{opacity:0!important}.mode-card--ghost:before{background:radial-gradient(circle at 50% 0%,rgba(168,85,247,.1) 0%,transparent 70%)}.mode-card--accuracy{border-color:#06b6d433;background:linear-gradient(135deg,#06b6d412,#0891b20a)}.mode-card--accuracy .mode-card-accent{background:#06b6d4}.mode-card--accuracy:hover{border-color:#06b6d466;box-shadow:0 16px 48px #00000073,0 0 0 1px #06b6d440,0 0 20px #06b6d41f}.mode-card--accuracy:hover .mode-card-icon{filter:drop-shadow(0 0 8px rgba(6,182,212,.7))}.mode-card--accuracy:before{background:radial-gradient(circle at 50% 0%,rgba(6,182,212,.1) 0%,transparent 70%)}.mode-card--endurance{border-color:#22c55e33;background:linear-gradient(135deg,#22c55e12,#16a34a0a)}.mode-card--endurance .mode-card-accent{background:#22c55e}.mode-card--endurance:hover{border-color:#22c55e66;box-shadow:0 16px 48px #00000073,0 0 0 1px #22c55e40,0 0 20px #22c55e1f}.mode-card--endurance:hover .mode-card-icon{filter:drop-shadow(0 0 8px rgba(34,197,94,.7))}.mode-card--endurance:before{background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.1) 0%,transparent 70%)}.mode-card--ai{border-color:#ec489933;background:linear-gradient(135deg,#ec489912,#db27770a)}.mode-card--ai .mode-card-accent{background:#ec4899}.mode-card--ai:hover{border-color:#ec489966;box-shadow:0 16px 48px #00000073,0 0 0 1px #ec489940,0 0 20px #ec48991f}.mode-card--ai:hover .mode-card-icon{filter:drop-shadow(0 0 8px rgba(236,72,153,.7))}.mode-card--ai:before{background:radial-gradient(circle at 50% 0%,rgba(236,72,153,.1) 0%,transparent 70%)}.mode-card--suddendeath{border-color:#dc143c33;background:linear-gradient(135deg,#dc143c12,#8b00000a)}.mode-card--suddendeath .mode-card-accent{background:#dc143c}.mode-card--suddendeath:hover{border-color:#dc143c66;box-shadow:0 16px 48px #00000073,0 0 0 1px #dc143c40,0 0 20px #dc143c1f}.mode-card--suddendeath:hover .mode-card-icon{filter:drop-shadow(0 0 8px rgba(220,20,60,.7))}.mode-card--suddendeath:before{background:radial-gradient(circle at 50% 0%,rgba(220,20,60,.1) 0%,transparent 70%)}.mode-card--ranked .mc-badge{background:#ffd7001a;color:gold;border-color:#ffd70040}.mode-card--normal .mc-badge{background:#3b82f61a;color:#93c5fd;border-color:#3b82f640}.mode-card--duel .mc-badge{background:#ef44441a;color:#fca5a5;border-color:#ef444440}.mode-card--daily .mc-badge{background:#f973161a;color:#fdba74;border-color:#f9731640}.mode-card--ghost .mc-badge{background:#a855f71a;color:#d8b4fe;border-color:#a855f740}.mode-card--accuracy .mc-badge{background:#06b6d41a;color:#67e8f9;border-color:#06b6d440}.mode-card--endurance .mc-badge{background:#22c55e1a;color:#86efac;border-color:#22c55e40}.mode-card--ai .mc-badge{background:#ec48991a;color:#f9a8d4;border-color:#ec489940}.mode-card--suddendeath .mc-badge{background:#dc143c1a;color:#fca5a5;border-color:#dc143c40}.mode-card--target{border-color:#f59e0b33;background:linear-gradient(135deg,#f59e0b12,#b453090a)}.mode-card--target .mode-card-accent{background:#f59e0b}.mode-card--target:hover{transform:none!important;border-color:#f59e0b33!important;box-shadow:none!important}.mode-card--target:hover:before{opacity:0!important}.mode-card--target:before{background:radial-gradient(circle at 50% 0%,rgba(245,158,11,.1) 0%,transparent 70%)}@media (hover: none){.mode-card--normal:active,.mode-card--daily:active,.mode-card--duel:active,.mode-card--ghost:active,.mode-card--accuracy:active,.mode-card--endurance:active,.mode-card--ai:active,.mode-card--suddendeath:active,.mode-card--target:active{transform:scale(.98)!important}}.tag-ghost{background:#a855f71a;color:#c084fc;border-color:#a855f740}.mode-grid{gap:1.4rem;row-gap:1.6rem}.suddendeath-mode-active .toggles{display:none!important}.sd-stepper{display:flex;align-items:center;background:#0003;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s}.sd-stepper:focus-within{border-color:#dc143c;box-shadow:0 0 0 3px #dc143c33}.sd-stepper-btn{background:none;border:none;color:var(--text-secondary);width:3.5rem;height:3.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.sd-stepper-btn:hover{color:var(--text-primary);background:#ffffff0d}.sd-stepper-btn:active{background:#ffffff1a}.sd-mistakes-input{background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:2.2rem;font-weight:700;width:4rem;text-align:center;outline:none;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.sd-mistakes-input::-webkit-outer-spin-button,.sd-mistakes-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.mode-modal{position:relative;text-align:center;padding:2.5rem 2rem 2rem;max-height:90vh;display:flex;flex-direction:column}.mode-modal-close{position:absolute;top:.8rem;right:.8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);width:2.2rem;height:2.2rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s;z-index:10}.mode-modal--target .mode-modal-close:hover{color:var(--text-secondary)!important;background:#ffffff0f!important;border-color:#ffffff1a!important;transform:none!important;cursor:pointer!important}.mode-modal-close:hover{color:var(--text-primary);background:#ffffff1f}.mode-modal--suddendeath .mode-modal-close:hover{border-color:#dc143c80;color:#dc143c;background:#dc143c1a}.mode-modal--comingsoon .mode-modal-close:hover{border-color:#8b5cf680;color:#8b5cf6;background:#8b5cf61a}.mode-card--comingsoon{border-color:#8b5cf633;background:linear-gradient(135deg,#8b5cf612,#5b21b60a);cursor:pointer;position:relative;overflow:hidden}.mode-card--comingsoon .mode-card-accent{background:#8b5cf6}.mode-card--comingsoon:hover{border-color:#8b5cf666;box-shadow:0 16px 48px #00000073,0 0 0 1px #8b5cf640,0 0 20px #8b5cf61f}.mode-card--comingsoon:hover .mode-card-icon{filter:drop-shadow(0 0 8px rgba(139,92,246,.8))}.mode-card--comingsoon:before{background:radial-gradient(circle at 50% 0%,rgba(139,92,246,.1) 0%,transparent 70%)}.mc-badge--comingsoon{background:#8b5cf61f;color:#c4b5fd;border-color:#8b5cf64d;animation:cs-badge-pulse 2.5s ease-in-out infinite}@keyframes cs-badge-pulse{0%,to{opacity:1}50%{opacity:.55}}.cs-card-badge{position:absolute;bottom:.7rem;right:.7rem;font-size:.7rem;font-weight:700;color:#c4b5fd;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);border-radius:6px;padding:.25rem .5rem;letter-spacing:.3px}.cs-body{position:relative;text-align:center;padding:0 .5rem 1.5rem;overflow-y:auto}.cs-body::-webkit-scrollbar{width:6px}.cs-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.cs-body::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}.cs-orb-container{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:260px;height:120px;pointer-events:none;z-index:0}.cs-orb{position:absolute;border-radius:50%;filter:blur(30px);animation:cs-float 6s ease-in-out infinite alternate}.cs-orb--1{width:100px;height:100px;background:#8b5cf64d;top:0;left:20px;animation-delay:0s}.cs-orb--2{width:80px;height:80px;background:#3b82f633;top:20px;left:90px;animation-delay:-2s}.cs-orb--3{width:70px;height:70px;background:#ec489926;top:5px;left:160px;animation-delay:-4s}@keyframes cs-float{0%{transform:translateY(0)}to{transform:translateY(14px)}}.cs-message{position:relative;z-index:1;font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:3.5rem 0 1.2rem}.cs-highlight{color:#c4b5fd;font-weight:700}.cs-dots{display:flex;justify-content:center;gap:6px;margin-bottom:1.8rem;position:relative;z-index:1}.cs-dots span{width:8px;height:8px;border-radius:50%;background:#8b5cf6;animation:cs-dot-bounce 1.4s ease-in-out infinite}.cs-dots span:nth-child(2){animation-delay:.2s;background:#6366f1}.cs-dots span:nth-child(3){animation-delay:.4s;background:#ec4899}@keyframes cs-dot-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.3);opacity:1}}.cs-support-hint{position:relative;z-index:1;font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.2rem;border:1px solid rgba(139,92,246,.15);background:#8b5cf60f;border-radius:10px;padding:.8rem 1rem}.cs-support-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:700;font-size:.95rem;padding:.75rem 1.5rem;border-radius:10px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #8b5cf659;position:relative;z-index:1}.cs-support-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf680}.mode-modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.8rem;gap:.5rem;flex-shrink:0}.mode-modal-icon{font-size:2.5rem;margin-bottom:.4rem;filter:drop-shadow(0 0 12px rgba(255,255,255,.15))}.mode-modal-title{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:0}.mode-modal-sub{font-size:.9rem;color:var(--text-secondary);margin:0}.tm-input-row{display:flex;align-items:center;justify-content:space-between;background:#0003;padding:1.2rem;border-radius:12px;border:1px solid var(--border-color);transition:all .2s;cursor:pointer}.tm-input-row:hover{border-color:var(--border-color)!important;background:#00000040!important}.tm-input-row:focus-within{border-color:#ffffff26!important;box-shadow:none!important}.tm-label-group{display:flex;align-items:center;gap:1rem;text-align:left}.tm-icon{font-size:1.5rem;background:#ffffff0d;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.tm-label-text{display:flex;flex-direction:column}.tm-title{font-weight:700;color:var(--text-primary);font-size:1.05rem;margin-bottom:.2rem}.tm-subtitle{font-size:.8rem;color:var(--text-secondary)}.tm-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);font-family:inherit;font-size:1.5rem;font-weight:700;width:6rem;text-align:center;padding:.5rem;border-radius:8px;outline:none;transition:all .2s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.tm-input:focus{background:#ffffff1a;border-color:#fff3!important}.tm-input::-webkit-outer-spin-button,.tm-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.tm-input-wrapper{position:relative;display:inline-block}.tm-input-pct{padding-right:1.8rem}.tm-input-suffix{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-weight:600;pointer-events:none}#startTargetModeBtn:hover{transform:none!important;box-shadow:none!important;background:var(--primary-color)!important;cursor:pointer!important}#ghostModeSelectionClose:hover{transform:none!important;box-shadow:none!important;background:#ffffff14!important;cursor:pointer!important}@media (min-width: 1024px){.mode-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 640px) and (max-width: 1023px){.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-card{padding:1.5rem 1.4rem 1.25rem}}@media (max-width: 639px){.mode-grid{grid-template-columns:1fr;gap:1rem}.mode-card{padding:1.25rem 1.2rem 1rem}.hero-title{letter-spacing:-1px;margin-bottom:.6rem}.mode-select-hero{margin-bottom:1.25rem}.welcome-banner{flex-direction:column;align-items:flex-start}.mode-best-for{display:none}.mode-features li{font-size:.76rem}}.mode-select-container{padding-bottom:5rem}.mode-select-header{display:none}.google-signin-btn{display:inline-flex;align-items:center;gap:.55rem;background:#fff;color:#111;border:none;font-weight:700}.google-signin-btn:hover{background:#f0f0f0;color:#000}.signin-required-modal{text-align:center;max-width:360px!important;padding:2rem!important}@keyframes shakeOnce{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.shake-once{animation:shakeOnce .4s ease}.test-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem}.daily-hud{display:flex;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto 1.5rem;padding:.75rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;animation:slideDownFade .4s ease forwards}.daily-hud-left{display:flex;justify-content:center;width:100%}.daily-timer-pill{display:flex;flex-direction:row;align-items:center;gap:.75rem}.pill-label,.pill-divider{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.pill-value{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--accent-color);text-shadow:0 0 10px rgba(0,210,255,.3);text-transform:uppercase;letter-spacing:1px}.daily-top-users{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.leader-title{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:2px}.leader-list{display:flex;gap:.75rem}.leader-item{display:flex;align-items:center;gap:6px;background:#00d2ff14;padding:2px 8px;border-radius:6px;border:1px solid rgba(0,210,255,.15)}.leader-rank{font-size:.7rem;font-weight:800;color:var(--accent-color)}.leader-name{font-size:.8rem;font-weight:600;color:var(--text-primary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-wpm{font-size:.75rem;font-weight:700;color:var(--correct-color)}.new-best-highlight{animation:rainbowGlow 2s infinite}@keyframes rainbowGlow{0%{box-shadow:0 0 15px #00d2ff80;border-color:var(--accent-color)}50%{box-shadow:0 0 25px #22c55e80;border-color:var(--correct-color)}to{box-shadow:0 0 15px #00d2ff80;border-color:var(--accent-color)}}@media (max-width: 768px){.daily-hud{flex-direction:column;gap:.75rem;align-items:center;text-align:center}.daily-hud-right,.daily-top-users{align-items:center}.leader-list{flex-wrap:wrap;justify-content:center}}.screen.fade-out{animation:fadeOut .4s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;display:none}}input[type=text]{width:100%;padding:.8rem;margin:1rem 0;border-radius:6px;border:1px solid var(--key-border);background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);font-size:1rem;outline:none;transition:border-color .2s}input[type=text]:focus{border-color:var(--accent-color)}.logo{display:flex;align-items:center;gap:.75rem}.home-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);transition:opacity var(--transition-speed) ease,transform var(--transition-speed) ease;text-decoration:none}.home-btn:hover{background:#00d2ff26;border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d,0 0 15px #00d2ff33}.home-btn:active{transform:translateY(0)}.version{font-size:.7rem;color:var(--text-secondary);font-weight:500;opacity:.8}.nav-links{display:flex;gap:.75rem}.nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.btn-emoji{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-btn--support{border-color:#ec48994d;background:linear-gradient(135deg,#ec48991a,#db27770d);color:#f9a8d4}.nav-btn--support:hover{border-color:#ec489999;background:linear-gradient(135deg,#ec489933,#db27771a);box-shadow:0 0 20px #ec489933;transform:translateY(-1px)}.nav-btn--leaderboard{border-color:#f59e0b4d;background:linear-gradient(135deg,#f59e0b1a,#b453090d);color:#fbbf24}.nav-btn--leaderboard:hover{border-color:#f59e0b99;background:linear-gradient(135deg,#f59e0b33,#b453091a);box-shadow:0 0 20px #f59e0b33;transform:translateY(-1px)}@media (max-width: 600px){.nav-icon-btn .btn-text{display:none}.nav-icon-btn{padding:.6rem;min-width:40px;height:40px;border-radius:10px}.nav-links{gap:.5rem}}#app-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;width:100%;box-sizing:border-box}.screen{width:100%;display:none;opacity:0}.screen.active{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .4s ease forwards;width:100%}#modeSelectScreen.active{justify-content:flex-start;align-items:flex-start;overflow-y:auto;padding:0;height:100%;overscroll-behavior:contain}.screen.active#resultsScreen{justify-content:flex-start;align-items:center;overflow-y:auto;padding:6rem 1rem 4rem;height:100%}.screen.active#resultsScreen .results-container{animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) forwards;margin-top:2rem}.page-footer{width:100%;text-align:center;padding:2rem 1rem;margin-top:auto;color:var(--text-secondary);font-size:.85rem;opacity:.8;color:var(--text-primary)}.page-footer a{color:var(--accent-color);text-decoration:none;font-weight:500;border-bottom:1px solid rgba(168,85,247,.2);text-decoration:underline}.page-footer a:hover{border-bottom-color:var(--accent-color);text-shadow:0 0 8px rgba(168,85,247,.5)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}.hidden{display:none!important}#homeScreen.active{width:100%;max-width:100%;align-items:center;justify-content:center}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;z-index:10;padding:0 1rem}.hero h1{font-size:5rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#fff,#a8a8b5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(0,210,255,.4);margin-bottom:2rem}.hero .subtitle{color:var(--text-secondary);font-size:1.5rem;font-weight:400;letter-spacing:.5px;margin-bottom:3.5rem}.decorative-keyboard{opacity:.8;transform:scale(.9);pointer-events:none;-webkit-user-select:none;user-select:none;filter:blur(2px);transition:var(--transition);z-index:0;margin-top:4rem}.screen.active .decorative-keyboard{animation:fadeInPreview 2s ease-out forwards,floatKb 8s ease-in-out infinite alternate}@keyframes fadeInPreview{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:.5;transform:scale(.9) translateY(0)}}@keyframes floatKb{0%{transform:scale(.9) translateY(0)}to{transform:scale(.9) translateY(-20px)}}#testScreen{width:100%;max-width:1200px}#authLoadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-color);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}#authLoadingOverlay.auth-overlay-done{opacity:0;pointer-events:none}.auth-spinner{width:42px;height:42px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--accent-color);border-radius:50%;animation:spinnerRotate .75s linear infinite}@keyframes spinnerRotate{to{transform:rotate(360deg)}}#globalLoadingOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#0a0a0eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}#globalLoadingOverlay.hidden{display:none;opacity:0}.global-back-wrapper{position:fixed;top:90px;left:0;width:100%;z-index:900;pointer-events:none}.global-back-wrapper.hidden{display:none}.global-back-inner{max-width:1100px;margin:0 auto;padding:0 2rem;pointer-events:none}#globalBackBtn{pointer-events:auto;padding:.4rem .6rem;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 768px){.global-back-wrapper{top:110px}}@media (max-width: 767px){.global-back-inner{padding:0 20px}body.test-started .global-back-wrapper{display:none!important}}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:fixed;top:0;left:0;width:100%;max-width:none;margin:0;background:#0f172ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05);z-index:1000}.user-profile-menu{display:flex;align-items:center;justify-content:center}.user-avatar{width:42px;height:42px;border-radius:50%;border:2px solid transparent;object-fit:cover;cursor:pointer;transition:var(--transition)}.user-avatar:hover{border-color:var(--accent-color);box-shadow:0 0 15px #00d2ff80;transform:scale(1.05)}#testScreen.active{display:flex;flex-direction:column;align-items:stretch}.test-header{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem;padding-top:4.5rem}.toggles{display:flex;gap:2rem;justify-content:center;margin:1.5rem 0}.test-header .toggle-container{background:#ffffff08;padding:.5rem 1rem;border-radius:20px;border:1px solid var(--key-border);display:flex;align-items:center;gap:.8rem}#testingToggleContainer .toggle-label{min-width:90px;transition:color .2s ease}.toggle-label.testing-active{color:var(--accent-color);text-shadow:0 0 8px rgba(0,210,255,.4)}.timer{font-size:2.5rem;font-weight:700;color:var(--accent-color);text-shadow:0 0 10px rgba(0,210,255,.4)}.time-options{display:flex;gap:.5rem;margin-top:.5rem}.time-btn{background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.9rem;cursor:pointer;font-weight:500;padding:.3rem .6rem;border-radius:4px;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.time-btn:hover{color:var(--text-primary);background:#ffffff0d}.time-btn.active{color:var(--accent-color);background:#00d2ff1a}.test-header-controls{display:flex;justify-content:center;width:100%}.live-stats{display:flex;gap:1.5rem}.stat{display:flex;flex-direction:column;align-items:flex-end}.stat .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.stat span:last-child{font-size:1.2rem;font-weight:600;font-variant-numeric:tabular-nums}.restart-stat{justify-content:center;margin-left:.5rem}.restart-stat .btn{border:none;font-size:1.8rem;color:var(--text-secondary);background:transparent;padding:0;line-height:1;display:flex;align-items:center}.restart-stat .btn:hover{color:var(--text-primary);transform:rotate(45deg)}.typing-container{position:relative;width:100%;background:transparent;border-radius:8px;padding:0;margin-bottom:3rem;height:160px;overflow:hidden}.words-container{font-size:1.5rem;line-height:1.6;color:var(--text-secondary);display:flex;flex-wrap:wrap;column-gap:.8rem;row-gap:.6rem;align-content:flex-start;-webkit-user-select:none;user-select:none;outline:none;position:relative}.word{margin:0;display:flex;transition:transform .1s ease}.letter{position:relative;color:var(--text-secondary);transition:color .15s ease,border .15s ease}.correct{color:var(--correct-color)}.incorrect{color:var(--incorrect-color);border-bottom:2px solid var(--incorrect-color)}.wrong-attempt{color:var(--incorrect-color);text-shadow:0 0 8px rgba(239,68,68,.6)}.letter.active-letter{color:var(--text-primary);border-bottom:2px solid var(--key-border)}.letter.active-letter:before{content:"";position:absolute;left:-1px;bottom:0;width:2px;height:1.2em;background-color:var(--accent-color);animation:blink 1s step-end infinite;transition:left .1s ease,background-color .1s ease}.letter.active-letter.error-pulse:before{background-color:var(--incorrect-color);box-shadow:0 0 5px var(--incorrect-color)}.word.active-word .letter.active-letter-space:after{content:"";position:absolute;right:-.4rem;bottom:0;width:2px;height:1.2em;background-color:var(--accent-color);animation:blink 1s step-end infinite;transition:right .1s ease,background-color .1s ease}.word.active-word .letter.active-letter-space.error-pulse:after{background-color:var(--incorrect-color);box-shadow:0 0 5px var(--incorrect-color)}.shake-word{animation:shake .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.countdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f0f13e6;display:flex;align-items:center;justify-content:center;z-index:2000}#countdownText{font-size:5rem;font-weight:700;color:var(--accent-color);animation:popIn 1s ease infinite}@keyframes popIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:0}}.keyboard-container{display:flex;flex-direction:column;gap:.8rem;align-items:center;margin-top:auto;-webkit-user-select:none;user-select:none;width:100%;max-width:1200px}@media (max-width: 1024px){.keyboard-container{display:none!important}}.kb-row{display:flex;gap:.8rem;justify-content:center;width:100%}.kb-row:nth-child(2){padding-left:2rem}.kb-row:nth-child(3){padding-left:4.5rem}.key{background:var(--key-bg);border:1px solid var(--key-border);border-radius:8px;width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:500;color:var(--text-secondary);transition:all .1s ease-out;box-shadow:0 4px 10px #0003;cursor:default}.key.space-key{width:28rem;font-size:1.2rem}.key.active{background:var(--key-pressed-bg);color:var(--text-primary);transform:scale(.9)}.key.correct-press{background:#22c55e33;border-color:var(--correct-color);color:var(--correct-color);box-shadow:0 0 10px #22c55e66;transform:scale(.95)}.key.wrong-press{background:#ef444433;border-color:var(--incorrect-color);color:var(--incorrect-color);box-shadow:0 0 10px #ef444466;transform:scale(.95)}.results-container{text-align:center;width:100%;max-width:600px}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.result-card{background:var(--surface-color);padding:1.5rem;border-radius:12px;border:1px solid var(--key-border);display:flex;flex-direction:column;align-items:center}.result-card.highlight{border-color:var(--accent-color);box-shadow:0 0 15px #00d2ff1a}.result-card.highlight .value{color:var(--accent-color)}.result-card .label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.result-card .value{font-size:2.5rem;font-weight:700}.rating-container{font-size:1.2rem;margin-bottom:2rem}.rating-pro{color:#a855f7;text-shadow:0 0 10px rgba(168,85,247,.5)}.rating-great{color:var(--accent-color);text-shadow:0 0 10px rgba(0,210,255,.5)}.rating-average{color:var(--correct-color)}.rating-beginner{color:var(--text-secondary)}.mode-badge-container{margin-bottom:2rem;display:flex;justify-content:center}.mode-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;transition:var(--transition);opacity:0;animation:popInBadge .5s .3s cubic-bezier(.16,1,.3,1) forwards}.mode-badge.strict{background:#22c55e1a;color:var(--correct-color);border:1px solid rgba(34,197,94,.3)}.mode-badge.normal{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--key-border)}.mode-badge .shield-icon{font-size:1.1rem}@keyframes popInBadge{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.performance-insights{margin-bottom:2.5rem;text-align:left;animation:fadeIn .5s .4s ease forwards;opacity:0}.insights-header{font-size:1.2rem;font-weight:600;margin-bottom:1.2rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--key-border);padding-bottom:.5rem}.insight-row,.insight-grid{background:var(--surface-color);border:1px solid var(--key-border);border-radius:8px;padding:1.2rem;margin-bottom:1rem;display:flex;flex-direction:column}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0;background:transparent;border:none}.insight-box{background:var(--surface-color);border:1px solid var(--key-border);border-radius:8px;padding:1rem;display:flex;flex-direction:column}.chart-row{align-items:flex-start}.chart-wrapper{width:100%;height:120px;position:relative;margin:.5rem 0 1rem}.insight-metric{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-top:.5rem}.insight-value{font-size:1.6rem;font-weight:700;color:var(--accent-color)}.insight-value.small{font-size:1.2rem;margin:.5rem 0}.insight-desc{font-size:.85rem;color:var(--text-secondary);margin-top:.3rem}.insight-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.insight-tip{font-size:.8rem;color:var(--text-secondary);font-style:italic;margin-top:auto}.mistyped-keys{display:flex;gap:.5rem;margin-bottom:.5rem}.mistype-tag{background:#ef44441a;color:var(--incorrect-color);padding:.2rem .6rem;border-radius:4px;font-size:.9rem;font-weight:600;border:1px solid rgba(239,68,68,.3)}.insight-badge{display:inline-flex;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;margin:.5rem 0;background:#ffffff0d;border:1px solid var(--text-secondary);color:var(--text-secondary);width:fit-content}.insight-badge.speed{color:var(--incorrect-color);border-color:var(--incorrect-color);background:#ef44441a}.insight-badge.balanced{color:var(--accent-color);border-color:var(--accent-color);background:#00d2ff1a}.insight-badge.accuracy{color:var(--correct-color);border-color:var(--correct-color);background:#22c55e1a}.reaction-stats{display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;margin:.5rem 0}.reaction-stats strong{color:var(--text-primary)}.result-actions{display:flex;gap:1rem;justify-content:center}.leaderboard-container{width:100%;max-width:600px;background:var(--surface-color);border-radius:12px;padding:2rem;border:1px solid var(--key-border)}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;margin-top:1rem}.leaderboard-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;background:#ffffff0a;border:1px solid var(--key-border);border-radius:10px;padding:4px}.lb-tab{flex:1;padding:.5rem 1.2rem;border:none;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;letter-spacing:.3px;white-space:nowrap}.lb-tab.active{background:var(--accent-color);color:#000;box-shadow:0 0 14px #00d2ff59}.lb-tab:not(.active):hover{background:#ffffff12;color:var(--text-primary)}.lb-subtabs{display:flex;gap:.4rem;margin-bottom:1rem;background:#ffffff08;border:1px solid var(--key-border);border-radius:8px;padding:3px;margin-top:1rem}.lb-subtab{flex:1;padding:.35rem .8rem;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;letter-spacing:.3px;white-space:nowrap}.lb-subtab.active{background:#00d2ff2e;color:var(--accent-color);box-shadow:0 0 8px #00d2ff33}.lb-subtab:not(.active):hover{background:#ffffff0f;color:var(--text-primary)}.lb-countdown{display:flex;align-items:center;justify-content:center;gap:.4rem;background:#00d2ff0a;border:1px solid rgba(0,210,255,.12);border-radius:8px;padding:.5rem 1rem;margin-bottom:.85rem;font-size:.82rem;color:var(--text-secondary);font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:.5px;margin-top:1rem}.lb-countdown .cd-label{color:var(--text-primary);font-family:inherit}.lb-countdown .cd-time{color:var(--accent-color);font-weight:700;font-family:inherit;letter-spacing:1px}.table-wrapper{max-height:400px;overflow-y:auto}.table-wrapper::-webkit-scrollbar{width:6px}.table-wrapper::-webkit-scrollbar-track{background:var(--bg-color)}.table-wrapper::-webkit-scrollbar-thumb{background:var(--key-border);border-radius:3px}.leaderboard-table{width:100%;border-collapse:collapse;text-align:left}.leaderboard-table tbody tr{transition:background-color .2s ease,transform .1s ease}.leaderboard-table tbody tr:hover{background-color:#ffffff0d;transform:scale(1.02)}.leaderboard-table th{color:var(--text-secondary);font-weight:500;padding-bottom:1rem;border-bottom:1px solid var(--key-border);position:sticky;top:0;background:var(--surface-color)}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:50px;text-align:center}.leaderboard-table td:first-child{font-weight:600;font-size:.95rem;color:var(--text-primary)}.leaderboard-table td{padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.leaderboard-table tr:first-child td{color:#fbbf24}.guest-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800;background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2);width:16px;height:16px;border-radius:4px;margin-left:6px;vertical-align:middle;text-transform:uppercase}.leaderboard-table tr:nth-child(2) td{color:#94a3b8}.leaderboard-table tr:nth-child(3) td{color:#b45309}.lb-user-cell{display:flex;align-items:center;gap:.55rem}.lb-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1.5px solid var(--key-border)}.lb-avatar-fallback{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),#7b61ff);color:#000;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid var(--key-border)}.lb-username{font-weight:500;color:var(--text-primary)}#confettiCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}@media (max-width: 768px){.words-container{font-size:1.2rem}.key{width:2rem;height:2.5rem;font-size:.8rem}.key.space-key{width:10rem}.kb-row:nth-child(2){padding-left:1rem}.kb-row:nth-child(3){padding-left:2rem}.results-grid{grid-template-columns:1fr;gap:1rem}.nav-links{gap:.5rem}.btn{padding:.5rem .8rem;font-size:.8rem}.hero h1{font-size:2.5rem}.mode-select-header h2{font-size:1.7rem}.mode-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.mode-select-container{padding:4.5rem 1rem 3rem}#app-container{padding:1rem}.mode-info-btn{top:4.5rem}.leaderboard-container{padding:1.2rem .85rem;border-radius:10px;width:100%;max-width:100%}.lb-tabs{padding:3px;gap:.3rem}.lb-tab{padding:.45rem .6rem;font-size:.8rem}.lb-subtab{padding:.3rem .5rem;font-size:.75rem}.leaderboard-table td,.leaderboard-table th{padding:.7rem .4rem;font-size:.85rem}.lb-username{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.lb-avatar,.lb-avatar-fallback{width:24px;height:24px;font-size:.65rem}.table-wrapper{max-height:55vh}.lb-countdown{font-size:.75rem;padding:.4rem .75rem}}@media (max-width: 480px){.words-container{height:auto;overflow:visible;margin-top:1rem}.top-nav{padding:.75rem 1rem}body.test-active .top-nav{display:none!important}body.test-active #testScreen.active,body.test-active #battleScreen.active{justify-content:flex-start!important;padding-top:2rem}body.test-active .test-header{margin-bottom:.5rem;padding-top:0!important}body.test-active .toggles{margin:.5rem 0;gap:.5rem;transform:scale(.9)}body.test-active .test-header .toggle-container{padding:.3rem .6rem}body.test-active .live-stats{gap:.8rem}body.test-active .stat-card{padding:.5rem}body.test-started .top-nav,body.test-started .time-options,body.test-started .toggles{display:none!important}body.test-active #testScreen.active,body.test-active #battleScreen.active{height:var(--visual-vh, 100vh)!important;justify-content:flex-start!important;padding-top:5px!important;overflow-y:auto;-webkit-overflow-scrolling:touch}body.test-started .test-header{margin-bottom:.75rem!important;width:100%}body.test-active .live-stats{flex-direction:row!important;flex-wrap:wrap;justify-content:center;gap:.5rem!important;width:100%}body.test-active .stat{flex-direction:row!important;gap:.2rem!important;padding:.2rem .4rem!important;background:#ffffff0d;border-radius:4px}body.test-active .stat .label{font-size:.7rem!important;opacity:.7}body.test-active .stat .value,body.test-active .stat span:not(.label){font-size:.9rem!important;font-weight:600}body.test-active .timer{font-size:1.8rem!important;margin-bottom:.25rem!important;line-height:1}body.test-active .words-container{padding-bottom:60vh!important;height:auto!important;max-height:none!important;overflow:visible!important}.mode-grid{grid-template-columns:1fr}.mode-select-header h2{font-size:1.45rem}.hero h1{font-size:2rem}.mode-select-container{padding:4rem .75rem 3rem}.mode-info-btn{top:4rem}.key{width:1.5rem;height:2rem;font-size:.7rem}.kb-row{gap:.2rem}.leaderboard-container{padding:1rem .6rem}.leaderboard-header h2{font-size:1.2rem}.lb-tab{padding:.4rem .45rem;font-size:.72rem}.lb-subtab{padding:.28rem .4rem;font-size:.7rem}.leaderboard-table td,.leaderboard-table th{padding:.6rem .25rem;font-size:.78rem}.lb-username{max-width:75px}.lb-user-cell{gap:.35rem}.mode-badge.duration-badge,.mode-badge.daily-badge{display:none}.table-wrapper{max-height:60vh}}.ranked-result-section{background:#0f172a80;border:1px solid rgba(0,210,255,.2);border-radius:16px;padding:2.5rem;margin:2rem 0;text-align:center;width:100%;animation:fadeInUp .5s ease-out}.trp-delta-container{margin-bottom:1.5rem}.trp-delta{display:block;font-size:3.5rem;font-weight:800;line-height:1}.trp-delta.positive{color:#22c55e}.trp-delta.negative{color:#ef4444}.trp-total{color:var(--text-secondary);font-size:1.1rem;margin-top:.5rem}.rank-badge-display{margin:2rem 0}.rank-badge-large{width:140px;filter:drop-shadow(0 0 15px currentColor)}.tier-text{font-size:1.8rem;font-weight:700;margin-top:.5rem;letter-spacing:1px;text-transform:uppercase}.progress-container{width:100%;max-width:350px;margin:1.5rem auto}.progress-bar-bg{height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transition:width 1.5s cubic-bezier(.34,1.56,.64,1)}.profile-container{width:100%;max-width:900px;padding:100px 1.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.pro-header{display:grid;grid-template-columns:120px 1fr 280px;background:var(--surface-color);border:1px solid var(--key-border);padding:2.5rem;border-radius:20px;align-items:center;gap:2rem;position:relative;overflow:hidden}.pro-header:after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,210,255,.05) 0%,transparent 70%);pointer-events:none}.pro-avatar{width:120px;height:120px;border-radius:50%;border:3px solid var(--key-border);padding:4px;background:var(--bg-dark);object-fit:cover}.pro-header-center{display:flex;flex-direction:column;gap:1rem;min-width:0}.pro-username{font-size:2.2rem;font-weight:800;margin:0;color:var(--text-primary);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.league-badge-container{display:flex;align-items:center;gap:1.2rem}.league-badge{width:80px;height:96px;display:flex;align-items:center;justify-content:center;overflow:visible;filter:drop-shadow(0 0 10px rgba(0,0,0,.3));animation:badgePulse 4s infinite ease-in-out}.tier-name{font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.pro-header-right{background:#ffffff05;padding:1.5rem;border-radius:16px;border:1px solid var(--key-border)}.trp-main{display:flex;flex-direction:column;margin-bottom:1rem}.trp-main .label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.trp-main .value{font-size:1.4rem;font-weight:800}.trp-progress-wrapper{display:flex;flex-direction:column;gap:.5rem}.trp-progress-bar{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.trp-progress-fill{height:100%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);transition:width 1s cubic-bezier(.4,0,.2,1)}.trp-subtext{font-size:.75rem;color:var(--text-secondary)}.stats-overview.compact{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stats-overview.compact .stat-card{background:var(--surface-color);border:1px solid var(--key-border);padding:1.5rem;border-radius:16px;text-align:left;transition:transform .2s ease}.stats-overview.compact .stat-card:hover{transform:translateY(-2px);border-color:#ffffff1a}.stats-overview.compact .label{display:block;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;margin-bottom:.5rem}.stats-overview.compact .value{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.ranked-overview{background:var(--surface-color);border:1px solid var(--key-border);padding:2rem;border-radius:20px}.section-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;color:var(--text-secondary)}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.overview-item{display:flex;flex-direction:column;gap:.3rem}.overview-item .label{font-size:.75rem;color:var(--text-secondary)}.overview-item .value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.profile-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.join-date{font-size:.85rem;color:var(--text-secondary)}.action-buttons{display:flex;gap:1rem}.pro-username-row{display:flex;align-items:center;gap:.65rem;flex-wrap:nowrap;min-width:0;width:100%}.edit-profile-btn{display:inline-flex;align-items:center;justify-content:center;background:#00d2ff14;border:1px solid rgba(0,210,255,.25);border-radius:8px;color:var(--accent-color);cursor:pointer;padding:7px;transition:background .2s,border-color .2s,transform .15s,box-shadow .2s;flex-shrink:0;line-height:0}.edit-profile-btn:hover{background:#00d2ff2e;border-color:#00d2ff8c;transform:translateY(-1px);box-shadow:0 4px 14px #00d2ff2e}.edit-profile-btn:active{transform:translateY(0)}.edit-profile-modal-content{max-width:440px;text-align:left;padding:0;overflow:hidden}.edit-profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem 1.25rem;border-bottom:1px solid var(--key-border)}.edit-profile-modal-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.edit-modal-close-btn{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--key-border);border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:6px;line-height:0;transition:background .2s,color .2s}.edit-modal-close-btn:hover{background:#ff46461f;color:#ff4545;border-color:#ff46464d}.edit-profile-section{padding:1.25rem 1.75rem;border-bottom:1px solid var(--key-border)}.edit-profile-section:last-of-type{border-bottom:none}.edit-profile-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:.75rem}.edit-input-wrapper{position:relative}.edit-username-input{width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:var(--text-primary);background:#ffffff0a;border:1px solid var(--key-border);border-radius:10px;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;font-family:inherit}.edit-username-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #00d2ff1f}.edit-username-input.input-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.edit-field-error{color:#f87171;font-size:.8rem;margin:.5rem 0 0;display:flex;align-items:center;gap:.3rem}.edit-field-error:before{content:"⚠";font-size:.85em}.edit-field-hint{color:var(--text-secondary);font-size:.78rem;margin:.4rem 0 0}.edit-photo-row{display:flex;align-items:center;gap:1.25rem}.edit-avatar-preview{width:60px;height:60px;border-radius:50%;border:2px solid var(--key-border);object-fit:cover;background:var(--bg-dark);flex-shrink:0}.edit-photo-btn{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;padding:.55rem 1.1rem}.edit-photo-btn.restore-btn{border-color:#00d2ff59;color:var(--accent-color)}.edit-photo-btn.restore-btn:hover{background:#00d2ff1a}.edit-photo-btn.danger-btn{border-color:#ef444459;color:#f87171}.edit-photo-btn.danger-btn:hover{background:#ef44441a}.edit-profile-actions{display:flex;gap:.75rem;padding:1.25rem 1.75rem 1.5rem;border-top:1px solid var(--key-border)}.edit-save-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.edit-profile-actions .btn.secondary{padding-left:1.25rem;padding-right:1.25rem}@media (max-width: 480px){.edit-profile-modal-content{max-width:98vw}.edit-profile-modal-header,.edit-profile-section,.edit-profile-actions{padding-left:1.25rem;padding-right:1.25rem}.edit-profile-actions{flex-direction:column-reverse}.edit-save-btn{width:100%}}.badge-shell{fill:#1a1a1e;stroke-width:2}.tier-bronze .badge-accent{fill:#cd7f32;filter:drop-shadow(0 0 5px #cd7f32)}.tier-silver .badge-accent{fill:silver;filter:drop-shadow(0 0 5px #c0c0c0)}.tier-gold .badge-accent{fill:gold;filter:drop-shadow(0 0 8px #ffd700)}.tier-platinum .badge-accent{fill:#51b5ff;filter:drop-shadow(0 0 8px #51b5ff)}.tier-diamond .badge-accent{fill:#8a2be2;filter:drop-shadow(0 0 10px #8a2be2)}.tier-master .badge-accent{fill:#bf51ff;filter:drop-shadow(0 0 10px #bf51ff)}.tier-grandmaster .badge-accent{fill:#ff4545;filter:drop-shadow(0 0 10px #ff4545)}.tier-legend .badge-accent{fill:gold;filter:drop-shadow(0 0 15px #ffd700)}@keyframes badgePulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(0,0,0,.3))}50%{transform:scale(1.03);filter:drop-shadow(0 0 15px rgba(255,255,255,.05))}}@media (max-width: 850px){.pro-header{grid-template-columns:1fr;text-align:center;padding:2rem}.pro-header-left{margin:0 auto}.pro-header-center{align-items:center}.pro-username-row{justify-content:center}.stats-overview.compact,.overview-grid{grid-template-columns:1fr 1fr}.profile-actions{flex-direction:column;gap:1.5rem;text-align:center}}.modal-overlay.hidden{display:none!important;pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0ccc;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:1;transition:opacity .2s ease;will-change:opacity}.modal-content{background:var(--surface-color);padding:2rem;border-radius:12px;border:1px solid var(--key-border);box-shadow:0 10px 30px #00000080;width:90%;max-width:400px;text-align:center}.modal-content h3{margin-bottom:.5rem;color:var(--text-primary)}.modal-content p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.custom-time-input{width:100%;padding:.8rem 2.8rem .8rem 1rem;font-size:1.2rem;color:var(--text-primary);background:#ffffff0d;border:1px solid var(--key-border);border-radius:8px;margin-bottom:0;text-align:center;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.custom-time-input::-webkit-inner-spin-button,.custom-time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-time-wrapper{position:relative;width:100%;margin-bottom:1.5rem}.custom-time-wrapper .spin-btns{position:absolute;right:0;top:0;bottom:0;width:2.2rem;display:flex;flex-direction:column;border-left:1px solid var(--key-border);border-radius:0 8px 8px 0;overflow:hidden}.custom-time-wrapper .spin-btn{flex:1;background:#ffffff0a;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.65rem;transition:background .15s,color .15s;line-height:1;-webkit-user-select:none;user-select:none}.custom-time-wrapper .spin-btn:first-child{border-bottom:1px solid var(--key-border)}.custom-time-wrapper .spin-btn:hover{background:#00d2ff1f;color:var(--accent-color)}.custom-time-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 10px #00d2ff33}.modal-actions{display:flex;justify-content:space-between;gap:1rem}.modal-actions button{flex:1}.modal-overlay.hidden{opacity:0;pointer-events:none}.battle-modal{max-width:450px;text-align:center;border:1px solid rgba(0,210,255,.2);box-shadow:0 0 30px #00d2ff1a}.bt-shortcuts{display:flex;gap:.6rem;justify-content:center;margin-bottom:1.2rem;flex-wrap:wrap}.bt-shortcut{padding:.45rem 1rem;border-radius:8px;background:#00d2ff12;border:1px solid rgba(0,210,255,.2);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.bt-shortcut:hover,.bt-shortcut.active{background:#00d2ff2e;border-color:#00d2ff8c;color:#00d2ff}.bt-input-row{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem}.bt-input-label{font-size:.8rem;color:var(--text-secondary);letter-spacing:.4px}.bt-input-wrapper{position:relative;display:flex;align-items:center}.bt-input{width:8rem;padding:.65rem 2rem .65rem 1rem;text-align:center;font-size:1.1rem;font-weight:700;color:var(--text-primary);background:#00d2ff0d;border:1px solid rgba(0,210,255,.25);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.bt-input::-webkit-inner-spin-button,.bt-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bt-input:focus{border-color:#00d2ff;box-shadow:0 0 10px #00d2ff33}.bt-input-wrapper .tm-input-suffix{position:absolute;right:.7rem;color:var(--text-secondary);font-size:.9rem;pointer-events:none}.battle-options{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.divider{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:1rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--key-border)}.room-code-display{background:#ffffff08;padding:1.5rem;border-radius:16px;border:1px dashed var(--key-border);margin:1.5rem 0}.room-code-display .label{display:block;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.code-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem}#roomCodeText{font-size:2rem;font-weight:800;letter-spacing:4px;color:var(--accent-color);font-family:monospace}.share-hint{font-size:.85rem;color:var(--text-secondary)}.waiting-status{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:2rem 0;color:var(--accent-color)}.battle-container{width:100%;max-width:1000px;margin:0 auto;padding:5rem 2rem 2rem;display:flex;flex-direction:column;gap:2rem}.opponent-section,.your-section{background:#ffffff05;padding:1.5rem;border-radius:20px;border:1px solid var(--key-border)}.player-info{display:flex;justify-content:space-between;font-weight:700;margin-bottom:.5rem}.progress-bar-container{width:100%;height:12px;background:#ffffff0d;border-radius:6px;overflow:hidden}.progress-bar{height:100%;width:0%;transition:width .3s cubic-bezier(.1,.7,.1,1)}.opp-bar{background:#ff4545;box-shadow:0 0 10px #ff4545}.your-bar{background:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}.battle-timer-container{display:flex;justify-content:center}.battle-timer{width:80px;height:80px;background:var(--surface-color);border:4px solid var(--key-border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--accent-color)}.battle-typing-area{min-height:200px;width:100%;display:flex;align-items:flex-start}.battle-typing-area .words-container{width:100%}.room-input{text-align:center;font-size:1.5rem!important;letter-spacing:4px;text-transform:uppercase}.error-text{color:var(--incorrect-color);font-size:.85rem;margin-top:.5rem}.dot-loader{width:8px;height:8px;background:var(--accent-color);border-radius:50%;animation:dotPulse 1.5s infinite ease-in-out}@keyframes dotPulse{0%,to{transform:scale(.5);opacity:.3}50%{transform:scale(1.2);opacity:1}}@media (max-width: 600px){.battle-container{padding:1rem}#roomCodeText{font-size:1.5rem}}.battle-result-modal{max-width:500px!important}.winner-text{color:var(--accent-color);font-size:3rem;margin-bottom:1.5rem;text-shadow:0 0 20px rgba(0,210,255,.4)}.loser-text{color:#ff4545;font-size:3rem;margin-bottom:1.5rem}.draw-text{color:#94a3b8;font-size:3rem;margin-bottom:1.5rem}.result-comparison{display:flex;justify-content:space-around;align-items:center;margin:2rem 0;gap:1rem}.player-stat{display:flex;flex-direction:column;gap:.5rem}.player-stat .label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.player-stat .val{font-size:2.5rem;font-weight:800}.player-stat .val small{font-size:1rem;font-weight:400}.player-stat .sub{font-size:1rem;color:var(--text-secondary)}.vs{font-size:1.2rem;font-weight:800;color:var(--key-border)}.battle-result-container{max-width:1100px;margin:0 auto;padding:2rem;animation:fadeIn .6s ease}.battle-result-header{text-align:center;margin-bottom:2.5rem}.battle-result-title{font-size:4.5rem;font-weight:900;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:-2px}@media (max-width: 600px){.battle-result-title{font-size:2.8rem;letter-spacing:-1px}}.brTitle-victory{margin-top:2rem;color:var(--accent-color);text-shadow:0 0 30px rgba(0,210,255,.5)}.brTitle-defeat{margin-top:2rem;color:#ff4545;text-shadow:0 0 30px rgba(255,69,69,.5)}.brTitle-draw{margin-top:2rem;color:#94a3b8;text-shadow:0 0 30px rgba(148,163,184,.5)}.battle-result-subtitle{color:var(--text-secondary);font-size:1.2rem;letter-spacing:2px;text-transform:uppercase}.player-comparison-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-bottom:4rem}.br-player-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2.5rem;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.br-player-card.winner{background:#00d2ff0d;border-color:#00d2ff33;box-shadow:0 0 30px #00d2ff1a;transform:translateY(-10px)}.br-avatar-wrapper{width:120px;height:120px;margin:0 auto 1.5rem;position:relative}.br-avatar-wrapper img{width:100%;height:100%;border-radius:50%;object-fit:cover;z-index:2;position:relative;border:3px solid rgba(255,255,255,.1)}.br-glow-ring{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:conic-gradient(from 0deg,var(--accent-color),transparent,var(--accent-color));opacity:.3;animation:rotate 4s linear infinite}.br-username{font-size:2rem;font-weight:700;margin-bottom:1rem}.br-rank-info{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.br-league-badge svg{width:50px;height:60px}.br-rank-details{text-align:left}.br-tier{display:block;font-size:1.1rem;font-weight:600}.br-reaction-stats{display:flex;justify-content:center;gap:1rem}.br-stat-pill{background:#0003;padding:.5rem 1rem;border-radius:12px;display:flex;flex-direction:column}.br-stat-pill .lbl{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.br-stat-pill .val{font-weight:700;font-size:.9rem}.br-vs-divider{font-size:2rem;font-weight:900;color:#ffffff1a}.match-performance-section{margin-bottom:4rem}.section-title{text-align:center;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-secondary);margin-bottom:2rem}.br-performance-rows{display:flex;flex-direction:column;gap:.5rem}.br-row{display:grid;grid-template-columns:1fr 200px 1fr;align-items:center;padding:1rem;background:#ffffff05;border-radius:12px;transition:background .3s}.br-row:hover{background:#ffffff0a}.br-row .label{grid-column:2;text-align:center;font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.br-row .val{font-size:1.5rem;font-weight:800}.br-row .val.you{text-align:right;padding-right:3rem}.br-row .val.opp{text-align:left;padding-left:3rem}.br-row .val.better{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.br-row .val.glow{color:var(--accent-color);text-shadow:0 0 15px rgba(0,210,255,.5)}.br-rank-snapshots{margin-bottom:3rem;background:#ffffff05;border-radius:24px;padding:2rem}.br-snapshots-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.snapshot-row{display:flex;justify-content:space-between;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.snapshot-row .lbl{color:var(--text-secondary)}.snapshot-row .val{font-weight:600}.trp-progress-container{margin-top:1.5rem}.trp-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.trp-bar-bg{height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.trp-bar-fill{height:100%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);width:0%;transition:width 1s ease-out}.br-pb-comparison{text-align:center;margin-bottom:4rem;background:#00d2ff0d;padding:1rem;border-radius:50px;border:1px dashed rgba(0,210,255,.2)}.pb-label{display:block;font-size:.7rem;text-transform:uppercase;color:var(--accent-color);margin-bottom:.2rem}.pb-values{display:flex;justify-content:center;gap:1.5rem;font-weight:600}.pb-vs{opacity:.2}.br-actions{display:flex;justify-content:center;gap:1.5rem}.br-actions.top{margin-top:1.5rem;animation:fadeInDown .8s ease backwards;animation-delay:.4s}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.br-actions{flex-direction:column;align-items:center;width:100%}.br-actions .btn{width:100%;max-width:300px}.rematch-btn-wrapper{width:100%;display:flex;justify-content:center}}.rematch-btn-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.rematch-status-msg{display:flex;align-items:center;gap:10px;background:#00d2ff1a;padding:.8rem 1.5rem;border-radius:12px;border:1px solid rgba(0,210,255,.2);color:var(--accent-color);font-weight:600;font-size:.9rem}.rematch-status-msg.declined{background:#ff45451a;color:#ff4545;border-color:#ff454533}.dot-loader.small{width:24px;height:12px}.rematch-request-modal{text-align:center;max-width:400px!important;padding:2.5rem!important;background:linear-gradient(135deg,#1e1e24,#16161a)!important}.global-alert-modal{text-align:center;max-width:380px!important;padding:2rem 2.5rem 2.5rem!important;background:linear-gradient(135deg,#1a1a22,#13131a)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 0 60px #0009!important;animation:alertPop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes alertPop{0%{opacity:0;transform:scale(.88) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.global-alert-icon{font-size:2.5rem;margin-bottom:.8rem;display:block}#globalAlertMessage{color:var(--text-primary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}#globalAlertOkBtn{min-width:100px}.rematch-declined-modal{text-align:center;max-width:380px!important;padding:2.5rem!important;background:linear-gradient(135deg,#1e1414,#16161a)!important;border:1px solid rgba(255,69,69,.25)!important;box-shadow:0 0 40px #ff45451a!important}.rematch-declined-modal h2{color:#ff4545}.rematch-declined-modal p{color:var(--text-secondary);margin:.5rem 0 1.5rem}.declined-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.rematch-icon{font-size:3rem;margin-bottom:1rem;animation:rotate 2s linear infinite;display:inline-block}.dot-loader{display:flex;gap:4px;justify-content:center;align-items:center}.dot-loader:before,.dot-loader:after,.dot-loader span{content:"";width:6px;height:6px;background:currentColor;border-radius:50%;animation:bounce .6s infinite alternate}.dot-loader:after{animation-delay:.2s}.dot-loader span{animation-delay:.4s}@keyframes bounce{to{transform:translateY(-5px);opacity:.3}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.player-comparison-grid{grid-template-columns:1fr}.br-vs-divider{display:none}.br-snapshots-grid{grid-template-columns:1fr;gap:2rem}.br-row{grid-template-columns:1fr 1fr}.br-row .label{grid-row:1;grid-column:1 / span 2;margin-bottom:.5rem}}.selection-modal{max-width:500px;width:90%;padding:2.5rem;position:relative;max-height:90vh;display:flex;flex-direction:column}.selection-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;overflow-y:auto;padding-right:.5rem}.selection-btn{display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left}.selection-btn:hover{background:#00d2ff14;border-color:var(--accent-color);transform:translate(10px)}#aiModal .selection-btn:hover{background:#ffffff0d;border-color:#ffffff1a;transform:none}.btn-title{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.btn-desc{font-size:.9rem;color:var(--text-secondary)}.ghost-cursor{position:absolute;width:2px;height:1.4em;background:var(--accent-color);opacity:.4;box-shadow:0 0 10px var(--accent-color);pointer-events:none;z-index:5;transition:transform .1s linear}.ai-cursor{position:absolute;width:2px;height:1.4em;background:#ff4d4d;opacity:.8;box-shadow:0 0 12px #ff4d4d;pointer-events:none;z-index:6;transition:left .05s linear,top .05s linear}.streak-nowrap{white-space:nowrap}.streak-fire{font-size:1.2rem;filter:drop-shadow(0 0 5px #f97316);animation:flame 1.5s infinite alternate}@keyframes flame{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}.profile-streak-badge{background:#f973161a;border:1px solid rgba(249,115,22,.2);padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-weight:700}.ai-result-content{max-width:450px;padding:2.5rem;text-align:center;background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}.ai-result-header{margin-bottom:2rem}.ai-result-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(234,179,8,.3));animation:iconBounce 1s ease infinite alternate}@keyframes iconBounce{0%{transform:translateY(0) scale(1.1)}to{transform:translateY(-5px) scale(1.2)}}#aiResultTitle{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#aiResultSubtitle{color:var(--accent-color);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.ai-result-stats{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2.5rem;background:#ffffff08;padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.ai-result-stat-item{display:flex;flex-direction:column}.ai-result-stat-item .label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.ai-result-stat-item .value{font-size:2rem;font-weight:800;color:#fff}.ai-result-stat-item .unit{font-size:.8rem;color:var(--text-secondary)}.ai-result-vs{font-weight:900;font-size:1.2rem;font-style:italic;color:#fff3;margin-top:1rem}.ai-result-stat-item.ai .value{color:#ff4d4d}.ai-result-footer{display:flex;gap:1rem}.victory-glow{box-shadow:0 0 100px -20px #eab30866;border-color:#eab3084d}.defeat-glow{box-shadow:0 0 100px -20px #ef444466;border-color:#ef44444d}.victory-text #aiResultTitle,.victory-text #ghostResultTitle{background:linear-gradient(to bottom,#fde68a,#eab308);-webkit-background-clip:text;background-clip:text}.defeat-text #aiResultTitle,.defeat-text #ghostResultTitle{background:linear-gradient(to bottom,#fca5a5,#ef4444);-webkit-background-clip:text;background-clip:text}.ghost-cursor{position:absolute;width:2px;height:1.4rem;background:#a78bfa99;box-shadow:0 0 10px #a78bfacc;z-index:5;pointer-events:none;transition:left .05s linear,top .05s linear}.accuracy-result-content{background:var(--bg-color);border:1px solid var(--key-border);box-shadow:0 10px 40px #0006,0 0 20px #646cff1a;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden;width:100%;max-width:600px;border-radius:12px}.accuracy-info-trigger{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all .2s ease;z-index:10}.accuracy-info-trigger:hover{color:var(--accent-color);transform:scale(1.1)}.accuracy-tier-container{margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center}.tier-badge{font-size:4rem;font-weight:900;line-height:1;margin-bottom:.5rem;font-family:Inter,sans-serif;text-transform:uppercase;filter:drop-shadow(0 0 15px currentColor);animation:tierEntrance .8s cubic-bezier(.175,.885,.32,1.275)}@keyframes tierEntrance{0%{opacity:0;transform:scale(.5) rotate(-15deg)}to{opacity:1;transform:scale(1) rotate(0)}}.tier-message{font-size:1.1rem;color:var(--text-secondary);font-weight:500;letter-spacing:.05em}.tier-s-plus{color:#f8db31;text-shadow:0 0 20px rgba(248,219,49,.5)}.tier-s{color:#c084fc;text-shadow:0 0 20px rgba(192,132,252,.5)}.tier-a{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.5)}.tier-b{color:#60a5fa;text-shadow:0 0 20px rgba(96,165,250,.5)}.tier-c{color:#fb923c;text-shadow:0 0 20px rgba(251,146,60,.5)}.tier-d{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.5)}.accuracy-main-stats{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.acc-stat-large{grid-column:span 2;background:#646cff0d;border:1px solid rgba(100,108,255,.1);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column}.acc-stat-large .value{font-size:3.5rem;font-weight:700;color:var(--accent-color)}.acc-stat-box{background:var(--key-bg);border:1px solid var(--key-border);border-radius:10px;padding:1rem;display:flex;flex-direction:column}.acc-stat-box .value{font-size:1.8rem;font-weight:600;color:#fff}.accuracy-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.acc-summary-item{text-align:left;padding:.5rem 1rem;border-left:2px solid var(--key-border)}.acc-summary-item .label{font-size:.8rem;color:var(--text-secondary);display:block;margin-bottom:.2rem}.acc-summary-item .value{font-size:1rem;color:#fff;font-weight:500}.accuracy-bonus-penalty{display:flex;gap:1rem;margin-bottom:1.5rem}.acc-bp-item{flex:1;padding:.8rem;border-radius:8px;font-size:.9rem}.acc-bp-item.bonus{background:#4ade800d;border:1px solid rgba(74,222,128,.1)}.acc-bp-item.bonus .value{color:#4ade80;font-weight:600}.acc-bp-item.penalty{background:#f871710d;border:1px solid rgba(248,113,113,.1)}.acc-bp-item.penalty .value{color:#f87171;font-weight:600}.next-tier-motivation{font-size:.95rem;color:var(--accent-color);margin-bottom:1rem;font-style:italic;min-height:1.2rem}.acc-wpm-awareness{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.acc-wpm-awareness .value{color:#888}.accuracy-info-content{background:var(--bg-color);border:1px solid var(--key-border);padding:2rem;max-width:450px;width:90%;border-radius:12px}.accuracy-info-content h2{color:var(--accent-color);text-align:center;margin-bottom:1.5rem}.accuracy-info-section{margin-bottom:1.5rem;text-align:left}.accuracy-info-section h3{font-size:1rem;color:var(--text-secondary);margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.formula-box{background:#646cff0d;border:1px solid rgba(100,108,255,.1);padding:1rem;border-radius:8px;text-align:center;margin-bottom:.5rem}.formula-box code{font-size:1.1rem;color:var(--accent-color);font-family:JetBrains Mono,monospace}.formula-hint{font-size:.8rem;color:var(--text-secondary);font-style:italic;text-align:center}.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.tier-info-item{background:var(--key-bg);border:1px solid var(--key-border);padding:.6rem;border-radius:6px;display:flex;align-items:center;gap:.8rem}.tier-info-item .badge{font-weight:900;font-size:1.2rem;width:2.5rem;text-align:center}.tier-info-item .range{font-size:.85rem;color:#fff}.accuracy-main-stats,.accuracy-summary-grid,.accuracy-bonus-penalty{animation:fadeInSlideUp .6s ease forwards;opacity:0}.accuracy-summary-grid{animation-delay:.2s}.accuracy-bonus-penalty{animation-delay:.4s}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.accuracy-test-mode #timerDisplay,.accuracy-test-mode .wpm-hud,.accuracy-test-mode .live-meter,.accuracy-test-mode #timeOptions{display:none!important}.accuracy-test-mode .test-header{justify-content:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.accuracy-test-mode .test-header:after{content:"Accuracy Training Pool";color:var(--accent-color);font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;opacity:.7}.endurance-selection .custom-selection-area{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--key-border)}.endurance-selection .custom-val-label{font-size:.85rem;color:var(--text-secondary);margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05em}.endurance-selection .custom-input-group{display:flex;gap:.5rem}.endurance-selection input#enduranceCustomInput{flex:1;background:var(--key-bg);border:1px solid var(--key-border);color:#fff;padding:.8rem;border-radius:6px;font-size:1rem;outline:none;transition:border-color .2s}.endurance-selection input#enduranceCustomInput:focus{border-color:var(--accent-color)}.endurance-selection .validation-msg{color:var(--incorrect-color);font-size:.8rem;margin-top:.5rem}.endurance-result-content{background:var(--bg-color);border:1px solid var(--key-border);box-shadow:0 10px 50px #00000080;padding:3rem;width:95%;max-width:850px;border-radius:16px;margin:2rem auto;position:relative;max-height:calc(100vh - 4rem);overflow-y:auto}.endurance-result-header{text-align:left;margin-bottom:2.5rem}.endurance-result-header .header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.endurance-result-header h2{font-size:1.8rem;color:var(--accent-color)}.perfect-run-badge{background:linear-gradient(135deg,#f8db31,#f39c12);color:#000;padding:.4rem 1rem;border-radius:4px;font-weight:800;font-size:.75rem;letter-spacing:.1em;box-shadow:0 0 20px #f39c1266;animation:endurancePulseGlow 2s infinite}.endurance-stats-summary{display:flex;gap:3rem;background:#ffffff05;padding:2.5rem;border-radius:12px;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.05)}.main-wpm-box{flex:1;display:flex;flex-direction:column;justify-content:center}.main-wpm-box .label{font-size:.9rem;color:var(--text-secondary);letter-spacing:.15em;margin-bottom:.5rem;text-transform:uppercase}.main-wpm-box .value{font-size:5rem;font-weight:800;color:#fff;line-height:1}.sub-stats-grid{flex:1.5;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.sub-stat{display:flex;flex-direction:column;justify-content:center}.sub-stat .label{font-size:.75rem;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase}.sub-stat .value{font-size:1.8rem;font-weight:600;color:var(--accent-color)}.endurance-insights-section{display:grid;grid-template-columns:1.8fr 1fr;gap:2rem;margin-bottom:2.5rem}.chart-box h3{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.canvas-wrapper{height:180px;position:relative;background:#0003;border-radius:8px;padding:10px}.insights-details-grid{display:grid;grid-template-columns:1fr;gap:.8rem}.detail-pill{background:var(--key-bg);border:1px solid var(--key-border);padding:.8rem 1.2rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.detail-pill .label{font-size:.8rem;color:var(--text-secondary)}.detail-pill .value{font-size:1.1rem;font-weight:600;color:#fff}.endurance-ratings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.rating-card{background:#646cff08;border:1px solid rgba(100,108,255,.1);padding:1.5rem;border-radius:12px;text-align:center;transition:transform .3s ease}.rating-card:hover{transform:translateY(-5px);background:#646cff0f}.rating-main{display:flex;flex-direction:column;gap:.5rem}.rating-main .label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.rating-main .grade{font-size:2.5rem;font-weight:900;color:var(--accent-color)}.rating-card .desc{font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.endurance-feedback-box{background:#ffffff08;border-left:4px solid var(--accent-color);padding:1.2rem;border-radius:4px 8px 8px 4px;display:flex;gap:1rem;align-items:center;margin-bottom:2.5rem}.endurance-feedback-box .feedback-icon{font-size:1.5rem}.endurance-feedback-box p{font-size:.95rem;color:var(--text-primary);font-style:italic;line-height:1.5}.endurance-actions{display:flex;gap:1rem}.endurance-actions button{flex:1;padding:1rem}@media (max-width: 768px){.endurance-result-content{padding:1.5rem;margin:1rem auto}.endurance-stats-summary{flex-direction:column;gap:1.5rem;padding:1.5rem;text-align:center}.main-wpm-box .value{font-size:3.5rem}.sub-stats-grid{grid-template-columns:1fr;gap:1rem}.endurance-insights-section,.endurance-ratings-grid{grid-template-columns:1fr}.endurance-actions{flex-direction:column}}.info-scroll-area{max-height:400px;overflow-y:auto;padding:1rem;background:#0003;border-radius:8px;margin:1.5rem 0}.info-section{margin-bottom:2rem}.info-section h3{margin-bottom:.8rem;color:var(--accent-color)}.info-section p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.grade-list{list-style:none;margin-top:1rem}.grade-list li{font-size:.85rem;margin-bottom:.4rem;display:flex;justify-content:space-between}.grade-list li strong{color:var(--text-primary)}.endurance-test-mode .test-header:after{content:"Endurance Focus Session";color:var(--accent-color);font-weight:500;letter-spacing:.2rem;text-transform:uppercase;font-size:.8rem;opacity:.7}.endurance-test-mode .time-options .time-btn{display:none!important}.endurance-test-mode .time-options #enduranceSettingsBtn{display:flex!important;background:var(--key-bg);border:1px solid var(--key-border);color:var(--text-secondary);transition:all .2s}.endurance-test-mode .time-options #enduranceSettingsBtn:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.streak-stat{display:none!important}.endurance-test-mode .streak-stat{display:flex!important;border-left:1px solid rgba(255,255,255,.1);padding-left:1.5rem}#liveStreak{color:var(--accent-color);font-weight:800;text-shadow:0 0 10px rgba(0,210,255,.3)}.endurance-test-mode .live-stats{gap:2rem}.milestone-glow{text-shadow:0 0 10px var(--accent-color)}.milestone-25{animation:enduranceSoftPulse 1s ease}.milestone-50{box-shadow:0 0 15px var(--accent-color)}.milestone-100{box-shadow:0 0 30px var(--accent-color);border-color:var(--accent-color)}.milestone-200{animation:enduranceIntenseGlow 2s infinite}@keyframes enduranceSoftPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes enduranceIntenseGlow{0%{box-shadow:0 0 20px var(--accent-color)}50%{box-shadow:0 0 40px var(--accent-color)}to{box-shadow:0 0 20px var(--accent-color)}}@keyframes endurancePulseGlow{0%{box-shadow:0 0 10px #f39c1266}50%{box-shadow:0 0 25px #f39c12b3}to{box-shadow:0 0 10px #f39c1266}}.mobile-typing-input{position:absolute;top:-100px;left:-100px;width:0;height:0;opacity:0;pointer-events:none;z-index:-1}@media (max-width: 850px){#publicProfileModal.modal-overlay{align-items:flex-start;overflow-y:auto;padding:1rem 0;-webkit-overflow-scrolling:touch}.public-profile-modal-content{width:95vw!important;max-width:95vw!important;max-height:none!important;overflow-y:visible!important;padding:2.5rem 1.25rem 1.75rem!important;margin:auto}.public-profile-modal-content .pro-header{grid-template-columns:1fr;text-align:center;padding:1.5rem 1rem;gap:1rem}.public-profile-modal-content .pro-header-left{margin:0 auto}.public-profile-modal-content .pro-header-center{align-items:center}.public-profile-modal-content .pro-username{font-size:1.6rem;white-space:normal;word-break:break-word}.public-profile-modal-content .pro-header-right{width:100%;box-sizing:border-box}.public-profile-modal-content .stats-overview.compact{grid-template-columns:1fr 1fr}.public-profile-modal-content .overview-grid{grid-template-columns:1fr 1fr;gap:1rem}.public-profile-modal-content .profile-actions{justify-content:center}}@media (max-width: 480px){#publicProfileModal.modal-overlay{padding:.5rem 0}.public-profile-modal-content{width:98vw!important;max-width:98vw!important;padding:2rem 1rem 1.5rem!important;border-radius:10px!important}.public-profile-modal-content .pro-header{padding:1.25rem .75rem;gap:.75rem}.public-profile-modal-content .pro-avatar{width:90px;height:90px}.public-profile-modal-content .pro-username{font-size:1.35rem}.public-profile-modal-content .tier-name{font-size:1rem;letter-spacing:1px}.public-profile-modal-content .league-badge{width:60px;height:72px}.public-profile-modal-content .league-badge-container{gap:.75rem}.public-profile-modal-content .trp-main .value{font-size:1.1rem}.public-profile-modal-content .stats-overview.compact{grid-template-columns:1fr 1fr;gap:.6rem}.public-profile-modal-content .stats-overview.compact .stat-card{padding:1rem}.public-profile-modal-content .stats-overview.compact .value{font-size:1.25rem}.public-profile-modal-content .overview-grid{grid-template-columns:1fr 1fr;gap:.75rem}.public-profile-modal-content .overview-item .value{font-size:1rem}.public-profile-modal-content .ranked-overview{padding:1.25rem 1rem}.public-profile-modal-content .profile-streak-badge{font-size:.85rem;padding:.35rem .75rem}}.tier-shorthand{display:inline-block;padding:2px 8px;border-radius:4px;background:#ffffff0d;transition:all .2s ease}.tier-shorthand:hover{background:#ffffff1a;transform:scale(1.1)}.ghost-selection-modal{max-width:500px;text-align:center}.ghost-options-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}.ghost-option-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.2rem;display:flex;align-items:center;gap:1.2rem;cursor:pointer;transition:none!important;text-align:left;width:100%;color:var(--text-main)}.ghost-option-card:hover{cursor:pointer;background:#ffffff0d!important;border-color:#ffffff1a!important;transform:none!important;box-shadow:none!important}.ghost-option-card .option-icon{font-size:2rem;background:#ffffff0d;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px}.ghost-option-card .option-info{display:flex;flex-direction:column}.ghost-option-card .option-title{font-size:1.1rem;font-weight:600;margin-bottom:.2rem}.ghost-option-card .option-desc{font-size:.85rem;color:var(--text-secondary)}.btn-feedback{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-feedback:hover{background:#ffffff26;transform:translateY(-2px)}.fb-input{width:100%;background:#0003!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;padding:12px 16px;border-radius:8px;font-family:inherit;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.fb-input:focus{outline:none;border-color:#a855f7!important;background:#0000004d!important;box-shadow:0 0 0 2px #a855f740}input.fb-input,textarea.fb-input{background:#0003!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;padding:12px 16px!important;border-radius:8px!important;font-family:inherit!important;font-size:1rem!important;display:block!important;width:100%!important;box-sizing:border-box!important}input.fb-input:focus,textarea.fb-input:focus{outline:none!important;border-color:#a855f7!important;background:#0000004d!important;box-shadow:0 0 0 2px #a855f740!important}