:root{--bg: #0a0e1c;--panel: #12141c;--panel-border: #3c4254;--text: #eef1f7;--text-dim: #aab0c0;--accent: #ffd23f;--accent-2: #4bd0ff;--danger: #ff5a4d;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding-top:calc(max(10px,env(safe-area-inset-top)) + 50px)}#game{display:block;width:100%;height:100%;touch-action:none}.toast-stack{position:absolute;left:50%;top:calc(max(10px,env(safe-area-inset-top)) + 58px);transform:translate(-50%);z-index:15;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:min(92vw,460px);pointer-events:none}.toast{display:flex;align-items:center;gap:12px;max-width:100%;padding:12px 20px;border-radius:16px;background:#12141cf5;border:1px solid var(--panel-border);border-left:4px solid var(--panel-border);box-shadow:0 8px 28px #00000073;color:var(--text);animation:toast-in .28s cubic-bezier(.18,.89,.32,1.28);transition:opacity .35s ease-out,transform .35s ease-out}.toast.toast-out{opacity:0;transform:translateY(-10px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-icon{font-size:24px;line-height:1;flex:none}.toast-body{display:flex;flex-direction:column;gap:2px;min-width:0}.toast-msg{font-size:15px;font-weight:700;line-height:1.25}.toast-detail{font-size:13px;font-weight:500;color:var(--text-dim);line-height:1.25}.toast-gold{border-left-color:var(--accent);box-shadow:0 8px 28px #00000073,0 0 22px #ffd23f38}.toast-gold .toast-msg{color:var(--accent)}.toast-green{border-left-color:#78ff82;box-shadow:0 8px 28px #00000073,0 0 22px #78ff8233}.toast-green .toast-msg{color:#8dffa0}.toast-danger{border-left-color:var(--danger)}.toast-danger .toast-msg{color:var(--danger)}@media (prefers-reduced-motion: reduce){.toast{animation:none;transition:opacity .2s ease-out}.toast.toast-out{transform:none}}.start-btn{position:absolute;left:50%;top:62%;translate:-50% -50%;z-index:12;opacity:0;pointer-events:none;visibility:hidden;padding:14px 28px;font-size:17px;transition:opacity .2s ease-out,visibility 0s linear .2s}.start-btn.visible{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .2s ease-out,visibility 0s linear 0s}.share-btn{position:absolute;left:50%;top:62%;translate:-50% -50%;z-index:12;opacity:0;pointer-events:none;visibility:hidden;padding:12px 24px;font-size:15px;background:#12141ceb;transition:opacity .2s ease-out,visibility 0s linear .2s}.share-btn.visible{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .2s ease-out,visibility 0s linear 0s}.leaderboard{display:flex;flex-direction:column;gap:4px}.leaderboard-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:baseline;padding:6px 10px;border-radius:8px;background:#ffffff08;font-size:13px}.leaderboard-rank{color:var(--text-dim)}.leaderboard-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:var(--accent);font-weight:600}#topbar{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));display:flex;gap:8px;z-index:10}.icon-btn{width:42px;height:42px;border-radius:10px;border:1px solid var(--panel-border);background:#12141cb8;color:var(--text);font-size:20px;line-height:1;cursor:pointer;backdrop-filter:blur(4px);transition:background .15s,scale .1s}.icon-btn:hover{background:#282c3cd9}.icon-btn:active{scale:.94}.modal-backdrop{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;background:#04060eb8;backdrop-filter:blur(3px);animation:fade-in .18s ease-out}.modal{width:min(440px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:24px;box-shadow:0 20px 60px #00000080}.modal h1{margin:0 0 4px;font-size:30px;letter-spacing:.5px}.modal .tagline{margin:0 0 20px;color:var(--text-dim);font-size:14px}.modal h2{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin:20px 0 8px}.field-row{display:flex;gap:8px}input[type=text]{flex:1;padding:12px 14px;font-size:16px;border-radius:10px;border:1px solid var(--panel-border);background:#0d0f18;color:var(--text);outline:none}input[type=text]:focus{border-color:var(--accent-2)}.hint{min-height:18px;margin:8px 0 0;font-size:13px;color:var(--text-dim)}.hint.error{color:var(--danger)}.btn{padding:12px 18px;font-size:15px;font-weight:600;border-radius:10px;border:none;background:var(--accent);color:#1a1400;cursor:pointer;transition:filter .15s,scale .1s}.btn:hover{filter:brightness(1.08)}.btn:active{scale:.97}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--panel-border);color:var(--text)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{flex:1 1 auto;min-width:64px;padding:9px 10px;font-size:13px;border-radius:8px;border:1px solid var(--panel-border);background:#0d0f18;color:var(--text-dim);cursor:pointer;transition:all .12s}.seg button.active{border-color:var(--accent-2);color:var(--text);background:#4bd0ff1f}.settings-tabs{margin-top:16px;padding-bottom:10px;border-bottom:1px solid var(--panel-border)}.settings-tabs .seg button.active{border-color:var(--accent);background:#ffd23f1f}.settings-page{min-height:260px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 380px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-cell{display:flex;flex-direction:column;gap:2px;align-items:center;padding:10px 6px;border-radius:10px;background:#ffffff08;border:1px solid var(--panel-border);text-align:center}.stat-value{font-size:20px;font-weight:700;color:var(--accent-2);line-height:1.1}.stat-label{font-size:11px;color:var(--text-dim);line-height:1.2}.hidden{display:none}.settings-page h2:first-child{margin-top:14px}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions .btn{flex:1}.player-line{display:flex;justify-content:space-between;align-items:baseline;gap:10px;color:var(--text-dim);font-size:13px;margin-top:6px}.player-line b{color:var(--text)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}