@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@400;600&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0a14;--bg-panel:#14102a;--card:#1a1635;--accent:#00f0d0;--accent-dim:#00c4a8;--text:#e8e4f4;--muted:#7a7594;--danger:#ff3366;--success:#00e676;--glow:rgba(0,240,208,0.35);--font-arcade:"Press Start 2P",cursive;--font-ui:"JetBrains Mono","Consolas",monospace}[data-theme=light]{--bg:#f0f4f8;--bg-panel:#e2e8f0;--card:#ffffff;--accent:#0d9488;--accent-dim:#0f766e;--text:#1e293b;--muted:#64748b;--danger:#dc2626;--success:#059669;--glow:rgba(13,148,136,0.25)}body,html{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(0,240,208,.08),transparent),radial-gradient(ellipse 80% 50% at 80% 100%,rgba(120,80,200,.06),transparent)}[data-theme=light] body{background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(13,148,136,.06),transparent),radial-gradient(ellipse 80% 50% at 80% 100%,rgba(100,116,139,.04),transparent)}button{font-family:var(--font-ui);font-weight:600;cursor:pointer;border:none;background:var(--accent);color:var(--bg);padding:.65rem 1.25rem;border-radius:6px;font-size:.9rem;letter-spacing:.02em;transition:box-shadow .2s,transform .1s,background .2s}button:hover{box-shadow:0 0 20px var(--glow)}button:active{transform:scale(.98)}button.secondary{background:var(--card);color:var(--text);border:2px solid var(--muted);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}button.secondary:hover{border-color:var(--accent-dim);box-shadow:0 0 16px rgba(0,196,168,.2)}.back,button.back{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:10;font-size:.85rem;padding:10px 18px;border-radius:8px}.app{width:100vw;height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.wallet-gate{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(24px,env(safe-area-inset-top,0px)) 20px 24px;overflow:auto}.wallet-gate .arkanoid-header{margin-top:28px;margin-bottom:0}.wallet-gate .arkanoid-header-tagline{margin-bottom:12px}.wallet-gate .wallet-connect{margin-top:-10vh}.wallet-gate-loading{margin-top:24px;color:var(--muted);font-family:var(--font-ui);font-size:1rem}.app-main{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:auto}.app-main-center{flex:1 1;width:100%;display:flex;justify-content:center;align-items:center;min-height:0}.mint-hint{position:relative;padding:12px 36px 12px 16px;margin:0 16px 12px;background:rgba(255,235,59,.15);border:1px solid rgba(255,235,59,.4);border-radius:8px;font-size:.85rem;color:var(--text)}.mint-hint-dismiss{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1}.mint-hint-dismiss:hover{color:var(--text)}.game-container{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 8px env(safe-area-inset-bottom,8px);min-height:0}.game-container.game-fullscreen{padding:0;position:fixed;inset:0;justify-content:flex-start;background:var(--bg)}.game-container.game-fullscreen .game-ui{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:10;font-family:var(--font-ui);font-size:clamp(.65rem,2vw,.85rem)}.game-container.game-fullscreen .game-canvas-wrap{flex:1 1;width:100%;min-height:0;display:flex;align-items:stretch;justify-content:stretch;background:var(--bg);position:relative;cursor:pointer;touch-action:none}.game-canvas{width:100%!important;height:100%!important;display:block;background:var(--bg);image-rendering:pixelated;image-rendering:crisp-edges;object-fit:fill}.game-fire-btn{position:absolute;bottom:56px;right:16px;z-index:5;padding:12px 20px;font-size:.9rem;font-weight:700;color:var(--bg);background:var(--accent);border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 0 16px var(--glow)}.game-fire-btn:hover{opacity:.95}.game-fire-btn:active{transform:scale(.98)}.game-container.game-fullscreen .hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:10;font-family:var(--font-ui);font-size:.7rem;color:var(--muted)}.game-container{position:relative;padding-top:max(52px,calc(12px + env(safe-area-inset-top, 0px) + 40px))}.game-ui{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.game-ui span{font-weight:600;color:var(--accent)}.hint{font-size:.75rem;color:var(--muted)}.game-container.game-level-complete{justify-content:center;padding:20px}.level-complete-card{max-width:340px;width:100%;padding:28px 24px;background:var(--card);border:2px solid rgba(255,255,255,.08);border-radius:14px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.4)}.level-complete-title{font-family:var(--font-arcade);font-size:clamp(.75rem,3.5vw,.95rem);color:var(--accent);margin-bottom:12px;line-height:1.5}.level-complete-score{font-family:var(--font-ui);font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:24px}.level-complete-actions{display:flex;flex-direction:column;gap:10px}.level-complete-btn{width:100%;padding:14px 20px;font-family:var(--font-ui);font-size:.95rem;font-weight:600;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:box-shadow .2s,transform .1s}.level-complete-btn--primary{background:var(--accent);color:var(--bg);border-color:rgba(255,255,255,.3);box-shadow:0 0 20px var(--glow)}.level-complete-btn--primary:hover{box-shadow:0 0 28px var(--glow)}.level-complete-btn.secondary{background:var(--bg-panel);color:var(--text);border-color:var(--muted)}.level-complete-btn:active{transform:scale(.98)}