@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--accent: #00ff88;--accent-dim: #00cc6a;--text: #f0f0f0;--text-dim: #888;--danger: #ff4466;--warning: #ffaa00}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;background:var(--bg-primary);color:var(--text);min-height:100vh;overflow-x:hidden}.app{min-height:100vh;background:radial-gradient(ellipse at 20% 0%,rgba(0,255,136,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(0,200,100,.05) 0%,transparent 50%),var(--bg-primary)}.game-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;gap:2rem}.timer{font-family:Archivo Black,sans-serif;font-size:4rem;color:var(--accent);text-shadow:0 0 30px rgba(0,255,136,.5);transition:all .3s}.timer.urgent{color:var(--danger);text-shadow:0 0 30px rgba(255,68,102,.5);animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.word-display{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;max-width:600px}.letter{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;font-family:Archivo Black,sans-serif;font-size:1.8rem;color:var(--accent);box-shadow:0 4px 20px #0f83}.input-form{width:100%;max-width:400px}.word-input{width:100%;padding:1rem 1.5rem;font-size:1.5rem;font-family:JetBrains Mono,monospace;background:var(--bg-secondary);border:2px solid #333;border-radius:12px;color:var(--text);outline:none;transition:all .2s}.word-input:focus{border-color:var(--accent);box-shadow:0 0 20px #0f83}.word-input.valid{border-color:var(--accent);background:#00ff881a}.word-input.invalid{border-color:var(--danger);background:#ff44661a}.score-display{display:flex;flex-direction:column;align-items:center;gap:.25rem}.score-label{font-size:.875rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px}.score-value{font-family:Archivo Black,sans-serif;font-size:3rem;color:var(--accent)}.found-words{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:600px;max-height:200px;overflow-y:auto;padding:1rem}.found-word{padding:.5rem 1rem;background:#00ff881a;border:1px solid var(--accent-dim);border-radius:20px;font-size:.875rem;color:var(--accent)}.waiting-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.waiting-content{text-align:center}.waiting-content h2{font-family:Archivo Black,sans-serif;font-size:3rem;color:var(--accent);margin-bottom:2rem}.final-stats{display:flex;gap:3rem;justify-content:center;margin-bottom:2rem}.stat{display:flex;flex-direction:column}.stat-value{font-family:Archivo Black,sans-serif;font-size:4rem;color:var(--text)}.stat-label{font-size:.875rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px}.loading-dots{color:var(--text-dim);font-size:1.25rem}.results-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.results-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;width:100%}.results-content h2{font-family:Archivo Black,sans-serif;font-size:2.5rem;color:var(--accent)}.result-word{font-family:Archivo Black,sans-serif;font-size:1.5rem;color:var(--text-dim);letter-spacing:4px}.result-card{width:100%;padding:1.5rem;background:var(--bg-secondary);border-radius:16px;border:1px solid #222;text-align:center}.result-card.main-rank{background:linear-gradient(135deg,#00ff881a,#00c8640d);border-color:var(--accent-dim)}.percentile-value{font-family:Archivo Black,sans-serif;font-size:3rem;color:var(--accent);display:block}.rank-details{color:var(--text-dim);margin-top:.5rem}.card-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.card-value{font-family:Archivo Black,sans-serif;font-size:2rem;color:var(--text)}.card-value.highlight{color:var(--warning)}.card-sub{font-size:.875rem;color:var(--text-dim);margin-top:.25rem}.result-card.distribution{padding-bottom:1rem}.distribution-bars{display:flex;justify-content:space-around;align-items:flex-end;height:100px;margin-top:1rem;gap:.5rem}.bar-container{display:flex;flex-direction:column;align-items:center;flex:1}.bar{width:100%;max-width:40px;background:var(--accent);border-radius:4px 4px 0 0;min-height:4px}.bar-label{font-size:.625rem;color:var(--text-dim);margin-top:.5rem}.button-row{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.next-round-btn,.share-btn{padding:1rem 2rem;font-family:Archivo Black,sans-serif;font-size:1.1rem;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.next-round-btn{background:var(--accent);color:var(--bg-primary)}.next-round-btn:hover{background:var(--accent-dim);box-shadow:0 0 30px #00ff884d}.share-btn,.stay-btn{background:var(--bg-secondary);color:var(--text);border:2px solid var(--accent)}.share-btn:hover,.stay-btn:hover{background:#00ff881a;box-shadow:0 0 20px #0f83}.your-words{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.your-word{padding:.25rem .75rem;background:#00ff881a;border:1px solid var(--accent-dim);border-radius:16px;font-size:.8rem;color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}@media(max-width:600px){.timer{font-size:3rem}.letter{width:2.5rem;height:2.5rem;font-size:1.3rem}.word-input{font-size:1.25rem}.score-value{font-size:2.5rem}.stat-value{font-size:3rem}.percentile-value{font-size:2.5rem}}