:root{--bg-dark: #120a08;--bg-panel: rgba(28, 14, 10, .85);--border: rgba(255, 123, 84, .2);--border-focus: rgba(255, 123, 84, .5);--primary: #ff7b54;--primary-hover: #ff9270;--secondary: #b83b30;--secondary-hover: #d1493c;--accent: #fdc500;--accent-glow: rgba(253, 197, 0, .4);--text-main: #f7ebe8;--text-muted: #a89a96;--font-main: "Outfit", sans-serif;--font-title: "Syne", sans-serif;--r-sm: 8px;--r-md: 16px;--r-lg: 24px;--header-height: 48px}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}body,html{background:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);height:100%;width:100%;overflow:hidden;position:fixed}.game-shell{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative}.game-bar{height:var(--header-height);background:#1a0f0c;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 1rem;z-index:100;flex-shrink:0}.back-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.3rem;transition:color .2s}.back-link:hover{color:var(--primary)}.game-bar-title{margin-left:1.5rem;font-family:var(--font-title);font-weight:800;font-size:.95rem;letter-spacing:.05em;background:linear-gradient(135deg,var(--text-main),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.player-pill{margin-left:auto;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;color:var(--text-muted)}.icon-btn{background:none;border:none;color:var(--text-muted);font-size:1.1rem;padding:.4rem;margin-left:.6rem;cursor:pointer;transition:transform .2s,color .2s}.icon-btn:hover{color:var(--text-main);transform:scale(1.1)}.game-wrap{flex-grow:1;position:relative;overflow:hidden;background:#000}#game-canvas{width:100%;height:100%;display:block}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#120a08a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10;padding:1.5rem}.screen-active{opacity:1;pointer-events:auto}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:2.5rem;max-width:540px;width:100%;text-align:center;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff0d;animation:panelSlide .4s cubic-bezier(.16,1,.3,1)}.panel-sm{max-width:400px;padding:2rem}.panel.readable{max-width:680px;text-align:left}@keyframes panelSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.eyebrow{font-size:.75rem;letter-spacing:.15em;color:var(--primary);font-weight:800;text-transform:uppercase;margin-bottom:.5rem}h1{font-family:var(--font-title);font-size:2.4rem;font-weight:800;line-height:1.1;margin-bottom:1rem;letter-spacing:-.02em}h1 span{display:block;font-size:1.6rem;color:var(--primary)}h2{font-family:var(--font-title);font-size:1.8rem;font-weight:800;margin-bottom:1rem}.subtitle{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:2rem}.stat-strip{display:flex;justify-content:space-around;background:#00000040;border:1px solid rgba(255,255,255,.05);border-radius:var(--r-sm);padding:.75rem 1rem;margin-bottom:2rem;font-size:.85rem;color:var(--text-muted)}.stat-strip b{color:var(--accent)}.menu-actions{display:flex;flex-direction:column;gap:.75rem}.menu-actions.compact{flex-direction:row;justify-content:flex-end;margin-top:1.5rem}button,.menu-actions a{font-family:var(--font-main);font-weight:800;font-size:.95rem;padding:.85rem 1.5rem;border-radius:var(--r-sm);cursor:pointer;transition:background-color .2s,transform .1s,box-shadow .2s;text-decoration:none;text-align:center;display:block;width:100%;border:none}button.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 8px 24px #ff7b5440}button.primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--secondary-hover));transform:translateY(-1px);box-shadow:0 10px 28px #ff7b5459}button.primary:active{transform:translateY(0)}button.secondary{background:#ffffff0d;border:1px solid var(--border);color:var(--text-main)}button.secondary:hover{background:#ffffff14;border-color:var(--border-focus)}button.flat{background:none;color:var(--text-muted)}button.flat:hover{color:var(--text-main);background:#ffffff08}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:1rem;max-height:50vh;overflow-y:auto;padding-right:.5rem}@media (max-width: 600px){.how-grid{grid-template-columns:1fr}}.how-grid div{background:#0003;border:1px solid rgba(255,255,255,.03);border-radius:var(--r-sm);padding:1rem}.how-grid b{display:block;font-size:.85rem;color:var(--primary);margin-bottom:.4rem;text-transform:uppercase}.how-grid span{font-size:.85rem;color:var(--text-muted);line-height:1.5}.leaderboard-list{background:#0003;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.03);max-height:40vh;overflow-y:auto;margin-top:.5rem}.leaderboard-list.large{max-height:50vh}.lb-row{display:grid;grid-template-columns:48px 1fr 100px;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.03);font-size:.85rem;align-items:center}.lb-row:last-child{border-bottom:none}.lb-row .rank{font-weight:800;color:var(--primary)}.lb-row .name{font-weight:600}.lb-row .score{text-align:right;font-weight:800;color:var(--accent)}.muted{color:var(--text-muted);text-align:center;padding:2rem;font-size:.9rem}.logo-spinner{width:64px;height:64px;border:4px solid rgba(255,123,84,.1);border-left-color:var(--primary);border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;z-index:5;transition:opacity .2s ease}.hud.hidden{opacity:0}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;pointer-events:auto}.hud-metrics{display:flex;gap:.6rem}.hud-chip{background:#1c0e0acc;border:1px solid var(--border);padding:.35rem .85rem;border-radius:var(--r-sm);display:flex;flex-direction:column;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hud-chip span{font-size:.6rem;color:var(--text-muted);font-weight:800;letter-spacing:.05em}.hud-chip b{font-family:var(--font-title);font-size:1.1rem;color:var(--text-main)}.hud-btn{background:#1c0e0acc;border:1px solid var(--border);color:var(--text-main);font-size:1rem;width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:var(--r-sm);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hud-bottom{display:flex;flex-direction:column;gap:.6rem;pointer-events:auto}.hud-powerups{display:flex;gap:.5rem}.pw-chip{background:#000c;border:1px solid rgba(255,255,255,.1);font-size:.7rem;font-weight:800;padding:.3rem .6rem;border-radius:4px}.pw-chip.hidden{display:none}#pw-shield{border-color:#38b000;color:#38b000}#pw-boost{border-color:var(--accent);color:var(--accent)}.mode-indicator{border-color:var(--primary);color:var(--primary)}.danger-bar{background:#1c0e0acc;border:1px solid var(--border);padding:.5rem .75rem;border-radius:var(--r-sm);width:260px;display:flex;align-items:center;gap:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.danger-label{font-size:.6rem;font-weight:800;color:var(--text-muted)}.danger-track{flex-grow:1;height:6px;background:#ffffff0d;border-radius:9px;overflow:hidden}.danger-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--accent),var(--secondary));border-radius:9px;transition:width .1s linear}.hud-banner{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(184,59,48,.95),transparent);color:#fff;font-family:var(--font-title);font-size:1.4rem;font-weight:800;text-align:center;padding:.75rem 2rem;width:100%;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.05em}.hud-banner.active{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.over-panel{max-width:480px}.final-score{font-family:var(--font-title);font-size:4rem;font-weight:800;color:var(--accent);line-height:1;margin:.5rem 0 1.5rem;text-shadow:0 0 20px rgba(253,197,0,.3)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.summary-item{background:#0003;border-radius:var(--r-sm);padding:.6rem .85rem;text-align:left;border:1px solid rgba(255,255,255,.02)}.summary-item span{font-size:.65rem;color:var(--text-muted);display:block}.summary-item b{font-size:1.05rem;color:var(--text-main)}.nn-score-nudge{background:#fdc5000d;border:1px solid rgba(253,197,0,.2);border-radius:var(--r-sm);padding:1rem;margin-bottom:1.5rem;text-align:center}.nn-score-nudge p{font-size:.85rem;color:var(--text-main);margin-bottom:.75rem;font-weight:600}.nn-nudge-btns{display:flex;gap:.5rem}.nn-nudge-signup{background:var(--accent)!important;color:#000!important;font-weight:800;font-size:.8rem!important;padding:.5rem 1rem!important;border-radius:4px!important;text-decoration:none;width:60%!important}.nn-nudge-later{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;color:var(--text-muted)!important;font-weight:600;font-size:.8rem!important;padding:.5rem 1rem!important;border-radius:4px!important;width:40%!important}.toast{position:absolute;bottom:2rem;left:50%;transform:translate(-50%) translateY(10px);background:#120a08f2;border:1px solid var(--primary);border-radius:99px;padding:.5rem 1.5rem;font-size:.85rem;font-weight:600;pointer-events:none;opacity:0;z-index:100;transition:opacity .2s ease,transform .2s ease;box-shadow:0 8px 24px #00000080;color:var(--text-main)}.toast.active{opacity:1;transform:translate(-50%) translateY(0)}