:root{--bg-deep: #0b1d42;--panel-bg: rgba(12, 31, 68, .92);--panel-border: rgba(102, 224, 255, .42);--cyan-glow: #00e5ff;--gold-accent: #ffc400;--green-cta: #18d26e;--orange-buy: #ff6d00;--text-light: #f4fbff;--text-muted: #9ec5e6}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#081838;color:var(--text-light);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{position:relative;width:100%;height:100%;overflow:hidden}#canvas-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.screen-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:max(12px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));pointer-events:none}.screen-layer button,.screen-layer input{pointer-events:auto}.svg-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.top-currency-bar{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;max-width:500px;margin:0 auto}.currency-pill{display:inline-flex;align-items:center;gap:5px;background:#081838db;border:1.5px solid rgba(130,225,255,.45);border-radius:999px;padding:5px 10px;font-size:13px;font-weight:800;color:#fff;box-shadow:0 3px 10px #00000059}.currency-pill.mult-pill{background:linear-gradient(135deg,#5e17eb,#240b6b);border-color:#ffd54f;color:#ffd54f}.hub-fs-btn{width:32px;height:32px;border-radius:10px;background:#081838db;border:1.5px solid rgba(130,225,255,.45);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hub-top-SubRow{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:500px;margin:8px auto 0}.word-hunt-banner{display:flex;align-items:center;gap:8px;background:#0b244ee0;border:1.5px solid rgba(0,229,255,.5);border-radius:12px;padding:6px 10px;color:#fff;cursor:pointer}.wh-label{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:900;color:#80d8ff}.wh-letters{display:inline-flex;gap:3px}.wh-letters.large-row{margin:8px 0;gap:6px}.word-chip{display:inline-flex;align-items:center;justify-content:center;width:19px;height:22px;border-radius:5px;background:#ffffff24;font-size:11px;font-weight:900;color:#ffffff8c}.word-chip.large{width:28px;height:32px;font-size:14px}.word-chip.collected{background:linear-gradient(180deg,#00e676,#00a152);color:#051b11;box-shadow:0 0 8px #00e67699}.mission-badge-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#6200ea,#311b92);border:1.5px solid #b388ff;border-radius:12px;padding:7px 11px;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.hub-top-logo-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:8px;gap:3px}.hub-center-branding{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:auto;margin-bottom:6px;gap:6px}.winter-season-tag{display:inline-flex;align-items:center;gap:6px;background:#00b4eb47;border:1px solid rgba(179,229,252,.65);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:900;letter-spacing:.8px;color:#e1f5fe}.game-logo-title{font-size:clamp(34px,8vw,48px);font-weight:900;letter-spacing:2px;color:#fff;text-shadow:0 4px 0 #0b4f8a,0 8px 18px rgba(0,0,0,.65)}.game-logo-subtitle{font-size:13px;font-weight:900;letter-spacing:2.5px;color:#ffd54f;text-shadow:0 2px 6px rgba(0,0,0,.7)}.active-loadout-card{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.loadout-badge{display:inline-flex;align-items:center;gap:5px;background:#091c3edb;border:1px solid rgba(128,216,255,.45);border-radius:999px;padding:5px 12px;font-size:12px;color:#e1f5fe}.highscore-banner{display:inline-flex;align-items:center;gap:6px;background:#ffc4002e;border:1px solid rgba(255,213,79,.6);border-radius:999px;padding:4px 14px;font-size:12px;color:#ffe57f}.hub-cta-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:4px 0 10px}.web-controls-hint{font-size:10px;font-weight:800;letter-spacing:.7px;color:#e1f5fed9;background:#061430ad;border:1px solid rgba(128,216,255,.32);border-radius:999px;padding:3px 12px}.tap-to-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,#26e67c,#0aa84f);border:2.5px solid #b9f6ca;border-radius:999px;padding:13px 34px;font-size:19px;font-weight:900;letter-spacing:1px;color:#042312;box-shadow:0 6px #06632e,0 10px 24px #00000080;cursor:pointer}.tap-to-play-btn.compact{padding:10px 18px;font-size:14px}.bottom-dock-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:500px;margin:0 auto}.dock-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(180deg,#123166f0,#091a3af5);border:1.5px solid rgba(102,224,255,.48);border-radius:14px;padding:8px 4px;color:#fff;cursor:pointer;box-shadow:0 4px 12px #0006}.dock-label{font-size:12px;font-weight:900;letter-spacing:.4px}.dock-sub{font-size:10px;color:var(--text-muted)}.hud-top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:520px;margin:0 auto}.hud-pause-btn{width:42px;height:42px;border-radius:12px;background:#0a1e44e0;border:1.5px solid rgba(130,225,255,.55);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hud-coins-box{display:inline-flex;align-items:center;gap:6px;background:#0a1e44e0;border:1.5px solid rgba(255,213,79,.65);border-radius:999px;padding:6px 14px;font-size:15px;font-weight:900;color:#ffe082}.hud-score-cluster{display:inline-flex;align-items:center;gap:8px;background:#0a1e44e6;border:1.5px solid rgba(130,225,255,.55);border-radius:12px;padding:6px 12px}.hud-mult-badge{background:#ffd600;color:#140b30;font-size:12px;font-weight:900;padding:2px 7px;border-radius:6px}.hud-score-val{font-size:18px;font-weight:900;letter-spacing:1px;font-variant-numeric:tabular-nums}.hud-toast-banner{align-self:center;background:#102c60f0;border:1.5px solid #00e5ff;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:800;color:#fff;transition:opacity .2s ease;opacity:0}.hud-active-powerups{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:auto;margin-bottom:8px}.pw-pill{display:inline-flex;align-items:center;gap:5px;background:#0a1c40e6;border:1.5px solid #00e5ff;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:800}.pw-pill.danger{background:#b71c1ce6;border-color:#ff8a80}.hud-bottom-controls{display:flex;justify-content:center;gap:8px;width:100%;max-width:500px;margin:0 auto}.hud-ConsumableBtn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#154384,#0b2552);border:1.5px solid #66e0ff;border-radius:999px;padding:8px 14px;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#040e22c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:14px}.modal-card{width:100%;max-width:500px;max-height:88vh;background:var(--panel-bg);border:2px solid var(--panel-border);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 42px #000000ad}.modal-card.compact-card{max-width:440px;padding-bottom:14px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#06132ed9;border-bottom:1px solid rgba(102,224,255,.25)}.modal-title-group{display:flex;align-items:center;gap:8px}.modal-title-group h2{font-size:15px;font-weight:900;letter-spacing:.5px}.modal-close-btn{background:#ff406438;border:1.5px solid #ff6b8b;border-radius:10px;padding:5px 12px;color:#fff;font-size:12px;font-weight:900;cursor:pointer}.modal-currency-strip{display:flex;justify-content:space-around;padding:7px 12px;background:#081836bf;border-bottom:1px solid rgba(102,224,255,.18);font-size:13px;font-weight:800}.mc-item{display:inline-flex;align-items:center;gap:5px}.modal-tabs-3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 12px;background:#07142e99}.tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:10px;border:1.5px solid rgba(102,224,255,.3);background:#0e2652bf;color:var(--text-muted);font-size:11px;font-weight:900;cursor:pointer}.tab-btn.active{background:linear-gradient(180deg,#00b0ff,#0069c0);border-color:#b3e5fc;color:#fff}.modal-feedback-banner{margin:0 12px 8px;padding:7px 12px;border-radius:10px;background:#00e67633;border:1px solid #00e676;color:#b9f6ca;font-size:12px;font-weight:800;text-align:center}.modal-body-scroll{flex:1;overflow-y:auto;padding:10px 12px 14px}.card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.item-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px;border-radius:14px;background:#102a58c7;border:1.5px solid rgba(102,224,255,.25)}.item-card.selected{border-color:#00e676;box-shadow:inset 0 0 12px #00e67638}.avatar-swatch{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.75)}.item-name{font-size:13px;font-weight:900;color:#fff}.item-sub{font-size:11px;color:var(--text-muted)}.action-pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:900;border:1.5px solid transparent;cursor:pointer;color:#fff}.action-pill-btn.buy{background:linear-gradient(180deg,#ff9100,#e65100);border-color:#ffe082}.action-pill-btn.owned{background:linear-gradient(180deg,#00b0ff,#0077c2);border-color:#b3e5fc}.action-pill-btn.equipped{background:linear-gradient(180deg,#00c853,#007e33);border-color:#b9f6ca}.board-powers-row{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:100%;margin-top:2px}.action-pill-btn.compact-power-btn{padding:4px 8px;font-size:10px}.list-stack{display:flex;flex-direction:column;gap:8px;padding:4px}.shop-row-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#102a58cc;border:1.5px solid rgba(102,224,255,.26)}.shop-icon-box{width:42px;height:42px;border-radius:12px;background:#081634d9;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-info{flex:1;min-width:0}.owned-pill{font-size:11px;color:#ffd54f;margin-top:2px}.lvl-bar-row{display:flex;gap:4px;margin-top:5px}.lvl-seg{flex:1;height:6px;border-radius:3px;background:#ffffff29}.lvl-seg.filled{background:#00e676}.mission-summary-box{padding:10px 12px;border-radius:12px;background:#091a3cd9;border:1px solid rgba(102,224,255,.35);margin-bottom:8px;font-size:12px}.progress-track{width:100%;height:6px;border-radius:4px;background:#ffffff24;margin-top:5px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#00e5ff,#00e676)}.modal-footer-bar{display:flex;justify-content:space-between;gap:8px;padding:10px 14px;background:#06132ee6;border-top:1px solid rgba(102,224,255,.25)}.gameover-card{padding:16px;gap:12px;text-align:center}.gameover-header-tag{font-size:11px;font-weight:900;color:#ff8a80;letter-spacing:.8px}.gameover-title{font-size:24px;font-weight:900;color:#fff}.gameover-score-panel{display:flex;flex-direction:column;gap:8px;background:#071530d9;border:1.5px solid rgba(102,224,255,.35);border-radius:14px;padding:12px}.go-stat-row{display:flex;align-items:center;justify-content:space-between;font-size:12px}.go-big-score{font-size:20px;color:#ffd54f}.save-me-box{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;background:#00b0ff24;border:1.5px solid rgba(0,229,255,.5)}.save-me-caption{font-size:11px;font-weight:900;color:#80d8ff}.save-me-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:999px;background:linear-gradient(180deg,#00e5ff,#0091ea);border:2px solid #e0f7fa;color:#031c38;font-size:13px;font-weight:900;cursor:pointer}.save-me-btn.disabled{opacity:.45;cursor:not-allowed}.gameover-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.vol-slider{width:100%;margin-top:6px;accent-color:#00e5ff}.track-selector-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.mystery-burst-icon{margin:14px auto 4px}.mystery-title{text-align:center;font-size:18px;font-weight:900}.mystery-reward-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:10px auto 14px;padding:8px 18px;border-radius:999px;background:#ffd60033;border:1.5px solid #ffd600;font-size:16px;font-weight:900;color:#fff59d}
