:root{--bg-void:#f8fafc;--dark:#1e293b;--muted:#64748b;--text:#1e293b;--text-inverted:#fff;--accent:#e30f67;--accent-soft:#fce4ed;--accent-glow:#ff6b9d;--danger:#ef4444;--success:#10b981;--max-width:1600px;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}*{box-sizing:border-box}body,html{height:100%}html{font-size:18px}body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0;min-height:100vh}body,p{color:var(--text)}h1{grid-column:1/-1;margin-bottom:1rem;text-align:center}h2{font-size:28px}#greeting{font-weight:400}strong{font-weight:800}.container,.topbar-content{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 440px;margin:0 auto;max-width:var(--max-width);padding:1rem}.container.game-active{display:block}@media (max-width:768px){.container{gap:1rem;grid-template-columns:1fr}}.topbar-content{display:flex;grid-column:1/-1;justify-content:space-between;padding-block:2rem 1rem;width:100%}.panel{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);border:1px solid rgba(30,41,59,.1);border-radius:16px;box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem;transition:all .3s ease}#game-section{grid-column:1/-1}.row{margin:12px 0}.row-half{display:flex;gap:16px}.row-half>*{flex:1 1 0;min-width:0}.row.compact{margin:4px 0}.row.checkbox,.row.checkbox label{align-items:center;display:flex}.row.checkbox label{cursor:pointer;gap:8px;width:100%}label{color:var(--text);display:block}input[type=email],input[type=text]{background:var(--bg-void);border:1px solid var(--dark);border-radius:8px;color:var(--text);padding:10px 12px;width:100%}button{appearance:none;background:#1e293b;border:1px solid rgba(30,41,59,.2);border-radius:12px;box-shadow:var(--shadow);cursor:pointer;font-size:inherit;font-weight:600;padding:12px 18px;transition:all .3s ease}button,button.primary{color:var(--text-inverted)}button.primary{background:var(--accent);border-color:transparent;box-shadow:0 4px 15px rgba(227,15,103,.3)}button.primary:hover{box-shadow:0 6px 20px rgba(227,15,103,.4);transform:translateY(-2px)}button.outline{background-color:transparent;border:1px solid var(--accent);color:var(--accent)}button.click{background:#f8fafc;border:2px solid var(--accent-soft);box-shadow:0 4px 15px rgba(227,15,103,.1);color:var(--accent);font-size:24px;font-weight:800;height:200px;width:100%}button.click:hover{border:4px solid var(--accent-soft)}button:disabled{box-shadow:var(--shadow);cursor:not-allowed;font-weight:800;opacity:.9;transform:none}.error{color:var(--danger);font-weight:600}.error,.status{min-height:20px}.status{color:var(--dark)}.player{font-weight:600}.stats{display:flex;gap:16px}.stat{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.6);border:1px solid rgba(30,41,59,.1);border-radius:16px;box-shadow:var(--shadow);flex:1;padding:20px;text-align:center;transition:all .3s ease}.stat-label{color:var(--muted);font-size:16px;letter-spacing:.08em;text-transform:uppercase}.stat-value{color:var(--text);font-size:36px;font-weight:800;margin-top:4px}.retry-container{display:flex;justify-content:center;margin-bottom:1rem}.retry{background:var(--accent);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(227,15,103,.3);color:var(--text-inverted);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.retry:hover{background:var(--accent-glow);box-shadow:0 4px 12px rgba(227,15,103,.4);transform:translateY(-1px)}.buttons{display:flex;flex-direction:column;font-size:24px;gap:12px;margin-top:12px}ol{margin:0;padding:0}.highscores li{border:1px solid hsla(0,0%,100%,.2);margin:0;padding:8px 10px}.highscores{counter-reset:item}.highscores>li{border-top:1px solid;list-style:none;padding-left:42px;position:relative}.highscores>li:before{color:var(--dark);content:counter(item) ".";counter-increment:item;left:10px;position:absolute;text-align:right;top:8px;width:24px}#download-btn,.hidden{display:none}.highscores-link{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none;transition:color .3s ease}.highscores-link:hover{color:var(--accent-glow);text-decoration:underline}