@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--menu-bg: #0b1322;--menu-bg-dark: #060912;--menu-card: #1b2b45;--menu-card-2: #14263f;--menu-border: #0b0f18;--menu-text: #e9f3ff;--menu-white: #f6f9ff;--menu-shadow: rgba(0, 0, 0, .55);--popup-bg: linear-gradient(180deg, rgba(12, 18, 30, .98) 0%, rgba(7, 12, 22, .97) 100%);--popup-border: rgba(78, 230, 255, .55);--popup-glow: rgba(78, 230, 255, .35);--popup-text: #e6f6ff;--popup-muted: rgba(210, 232, 255, .7);--popup-ink: #091521;--popup-accent: #4ee6ff;--popup-accent-2: #8aa7ff;--hud-dark: #0b111b;--hud-light: #f6fbff;--ui-panel: rgba(12, 18, 30, .82);--ui-panel-strong: rgba(8, 12, 22, .95);--ui-border: rgba(255, 255, 255, .18);--ui-glow: rgba(78, 230, 255, .22);--font-title: "Oxanium", "Space Grotesk", sans-serif;--font-body: "Space Grotesk", "Oxanium", sans-serif;--ui-scale: 1;--gem-1: #ffd677;--gem-2: #ffb347;--gem-border: rgba(255, 255, 255, .95);--gem-glow: rgba(255, 190, 90, .6)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-body);color:var(--menu-white);background:radial-gradient(circle at top,#1b2a44,#0b111b,#05070d);overflow:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.25) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:160px 160px,110px 110px;background-position:0 0,60px 80px;opacity:.3;pointer-events:none;z-index:0;animation:starDrift 120s linear infinite}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(78,230,255,.12),transparent 40%),radial-gradient(circle at 80% 30%,rgba(138,167,255,.1),transparent 45%),radial-gradient(circle at 50% 80%,rgba(255,183,93,.08),transparent 50%);opacity:.35;pointer-events:none;z-index:0;animation:nebulaShift 16s ease-in-out infinite}body.ingame{background:#0b111b}body.ingame:before,body.ingame:after{animation:none;opacity:0}#root{min-height:100vh;position:relative;z-index:1}.site{min-height:100vh;display:flex;background:transparent;position:relative;overflow:hidden}.site:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:150px 150px,100px 100px;background-position:0 0,40px 60px;opacity:.28;pointer-events:none;z-index:0;animation:starFloat 140s linear infinite}.site:after{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(circle at 25% 30%,rgba(78,230,255,.08),transparent 45%),radial-gradient(circle at 75% 70%,rgba(138,167,255,.07),transparent 50%);opacity:.35;pointer-events:none;z-index:0;animation:auroraDrift 18s ease-in-out infinite}.site.site--ingame:before,.site.site--ingame:after{animation:none;opacity:0}.site.high-contrast{--menu-border: #ffffff;--menu-shadow: rgba(0, 0, 0, .6)}.site.reduced-motion:before,.site.reduced-motion:after{animation:none!important}.site.reduced-motion *,.site.reduced-motion *:before,.site.reduced-motion *:after{animation:none!important;transition:none!important}.site-body{flex:1;display:flex;flex-direction:column;min-width:0;position:relative;z-index:1}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr);padding:16px;overflow:hidden}.game-wrap{background:transparent;border-radius:0;display:flex;flex-direction:column;position:relative;overflow:hidden;gap:14px;padding:6px;border:none;box-shadow:none;min-height:clamp(540px,78vh,980px)}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;background:radial-gradient(circle at 15% 10%,rgba(78,230,255,.16),transparent 45%),radial-gradient(circle at 85% 0%,rgba(138,167,255,.18),transparent 45%),linear-gradient(180deg,var(--menu-bg) 0%,var(--menu-bg-dark) 65%,#04070f 100%);z-index:4;overflow-y:auto;padding:30px 22px 34px}.menu:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:140px 140px,100px 100px;background-position:0 0,50px 70px;opacity:.45;pointer-events:none}.menu:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(120,210,255,.12),transparent 55%),radial-gradient(circle at 50% 100%,rgba(0,0,0,.5),transparent 60%);opacity:.75;pointer-events:none;z-index:0}.menu-stage{width:min(1100px,96vw);display:grid;gap:22px;position:relative;z-index:2;animation:menuRise .6s ease both}.menu-stage--skin{width:min(1180px,98vw)}.menu-stage--skin>:not(.skin-screen):not(.menu-notice){display:none!important}.menu-stage--skin .skin-screen{width:100%}.menu-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;background:linear-gradient(145deg,#0e1622eb,#080c16f5);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 18px;-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1);box-shadow:0 14px 28px #00000073,inset 0 0 0 1px #ffffff0a}.menu-icon{width:62px;height:62px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(145deg,#101a26f2,#080c16f2);border-radius:14px;display:grid;place-items:center;cursor:pointer;justify-self:start;box-shadow:0 12px 22px #00000073,inset 0 0 0 1px #ffffff0d;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-icon:hover{transform:translateY(-2px);border-color:#4ee6ffbf;box-shadow:0 18px 28px #0000008c,0 0 14px #4ee6ff33}.menu-icon svg{width:30px;height:30px;stroke:var(--menu-white);fill:none}.menu-icon circle{fill:var(--menu-white);stroke:none}.menu-title{text-align:center;justify-self:center;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.12em;font-size:clamp(1.2rem,2.1vw,1.7rem);color:var(--menu-white);text-shadow:0 6px 16px rgba(0,0,0,.45);animation:titleGlow 3.8s ease-in-out infinite}.menu-gems{display:flex;align-items:flex-start;justify-content:flex-end;justify-self:end;gap:12px;flex-wrap:wrap}.menu-profile{display:none}.menu-points{display:grid;gap:6px;text-align:right;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.06em}.menu-points div{border:1px solid rgba(255,255,255,.2);background:#080c14bf;border-radius:10px;padding:6px 10px;display:grid;gap:2px;box-shadow:inset 0 0 0 1px #ffffff0a}.menu-points span{font-size:.6rem}.menu-points strong{font-size:.85rem}.menu-wallet{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);background:#080c14c7;border-radius:12px;padding:8px 12px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.06em;box-shadow:0 10px 20px #00000073}.menu-wallet__icon{width:16px;height:16px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gem-1),var(--gem-2));border:2px solid var(--gem-border);display:block;box-shadow:0 0 8px var(--gem-glow)}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.mode-tile{--tile-1: #1a2a44;--tile-2: #0f1b2f;--tile-btn-1: #5fe7ff;--tile-btn-2: #3b86ff;--tile-ink: #e6f5ff;background:linear-gradient(160deg,#ffffff1f,#0003),linear-gradient(155deg,var(--tile-1),var(--tile-2));border:1px solid rgba(255,255,255,.2);padding:26px 22px;text-align:center;color:var(--tile-ink);display:grid;gap:12px;box-shadow:0 22px 36px #00000080,inset 0 0 0 1px #ffffff14;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;animation:cardIn .6s ease both;border-radius:18px;position:relative;overflow:hidden}.site:not(.reduced-motion) .mode-tile{animation:cardIn .6s ease both,cardFloat 7s ease-in-out .6s infinite}.mode-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 40%);opacity:.55;pointer-events:none}.mode-tile.active{border-color:#4ee6ffe6;box-shadow:0 0 0 2px #4ee6ff59,0 18px 30px #0006}.mode-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 45%);opacity:0;transform:translate(-60%);pointer-events:none}.mode-tile{animation-delay:0s}.mode-tile:hover{transform:translateY(-4px) scale(1.01);border-color:#4ee6ff99}.mode-tile:hover:after{animation:tileSheen 1.4s ease}.mode-tile--challenge{border-color:#fff6;box-shadow:0 22px 34px #0006,inset 0 0 0 1px #ffffff40}.mode-tile--challenge.active{box-shadow:0 0 0 2px #ffffffd9,0 18px 30px #00000059}.mode-tile--challenge .mode-icon svg{stroke:var(--tile-ink)}.mode-tile h3{margin:0;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em}.mode-icon{display:grid;place-items:center}.mode-icon svg{width:70px;height:70px;stroke:var(--tile-ink);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.mode-tile:hover .mode-icon svg{transform:scale(1.06)}.mode-icon polygon,.mode-icon path{fill:#0e182459}.mode-tile p{margin:0;font-size:.9rem}.mode-meta-row{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-title)}.mode-btn{border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,var(--tile-btn-1),var(--tile-btn-2));padding:10px 12px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;color:#04101b;width:100%;border-radius:12px;box-shadow:0 6px #00000059,0 12px 18px #0000004d;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;position:relative;overflow:hidden}.mode-btn.primary{background:linear-gradient(180deg,var(--tile-btn-1),var(--tile-btn-2));color:#04101b;box-shadow:0 8px #00000059,0 0 18px #4ee6ff59;position:relative;overflow:hidden}.mode-btn.primary:after{content:"";position:absolute;inset:-40% 0 auto -60%;height:200%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(20deg);opacity:0;animation:none}.mode-btn.secondary{background:linear-gradient(180deg,var(--tile-btn-1),var(--tile-btn-2))}.mode-btn:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 8px #00000047,0 12px 20px #00000047}.mode-btn.primary:hover:after{opacity:1;animation:sheen 1.6s ease}.level-panel{background:var(--popup-bg);border:1px solid var(--popup-border);border-radius:18px;padding:18px;box-shadow:0 22px 36px #000000a6,0 0 18px var(--popup-glow);display:grid;gap:12px;animation:panelPop .4s ease both;width:min(640px,92vw);max-width:92vw;box-sizing:border-box;color:var(--popup-text);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}.level-modal,.panel-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#03080ab8;display:grid;place-items:center;z-index:9;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}.level-panel__header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;gap:12px}.level-panel__header h4{margin:0;font-size:1rem}.level-panel__meta{font-size:.85rem;color:var(--popup-muted)}.level-panel__close{margin-left:auto;border:1px solid rgba(78,230,255,.7);background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));color:#04101b;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;cursor:pointer;box-shadow:0 4px #060e14bf,0 0 10px var(--popup-glow);border-radius:12px;transition:transform .18s ease,box-shadow .18s ease}.level-panel__close:hover{transform:translateY(-1px);box-shadow:0 6px #060e14bf,0 0 14px var(--popup-glow)}.level-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.menu-panel{background:var(--popup-bg);border:1px solid var(--popup-border);border-radius:20px;padding:18px;box-shadow:0 22px 36px #000000a6,0 0 18px var(--popup-glow);display:grid;gap:16px;animation:panelPop .4s ease both;width:min(720px,92vw);max-width:92vw;box-sizing:border-box;max-height:min(76vh,680px);overflow:auto;color:var(--popup-text);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1)}.menu-panel__header{display:grid;grid-template-columns:1fr auto;align-items:center;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;gap:12px}.menu-panel__header h4{margin:0;font-size:1rem}.menu-panel__close{border:1px solid rgba(78,230,255,.7);background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));color:#04101b;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;cursor:pointer;box-shadow:0 4px #060e14bf,0 0 10px var(--popup-glow);border-radius:12px;transition:transform .18s ease,box-shadow .18s ease}.menu-panel__close:hover{transform:translateY(-1px);box-shadow:0 6px #060e14bf,0 0 14px var(--popup-glow)}.panel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.panel-card{border:1px solid rgba(255,255,255,.16);background:#080c14c7;border-radius:14px;padding:14px;display:grid;gap:10px;color:var(--popup-text);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.panel-card:hover{transform:translateY(-2px);border-color:#4ee6ff99;box-shadow:0 16px 24px #00000080}.panel-card--locked{opacity:.6}.panel-card--owned{border-color:#78ffd299;box-shadow:inset 0 0 0 1px #78ffd240,0 12px 20px #0006;background:#0a161acc}.panel-card--selected{box-shadow:inset 0 0 0 2px #5fd8ffb3,0 0 10px #5fd8ff40}.panel-card__title{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em}.panel-card__meta{margin:0;font-size:.8rem;color:var(--popup-muted)}.panel-card__swatch{height:56px;border:1px solid rgba(255,255,255,.18);border-radius:8px}.panel-card__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-card__price{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-title);letter-spacing:.08em;color:var(--popup-text)}.panel-gem{width:14px;height:14px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gem-1),var(--gem-2));border:2px solid var(--gem-border);display:inline-block;box-shadow:0 0 8px var(--gem-glow)}.panel-card__btn{border:1px solid rgba(78,230,255,.7);background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));color:#04101b;padding:6px 10px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 4px #060e14cc,0 0 10px var(--popup-glow)}.panel-card__btn.ghost{background:transparent;color:var(--popup-text);border-color:#5fd8ff8c;box-shadow:none}.panel-card__btn:disabled{cursor:not-allowed;opacity:.6}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:stretch}.setting-tile{border:1px solid rgba(255,255,255,.16);background:#080c14c7;border-radius:14px;padding:14px;display:grid;gap:8px;color:var(--popup-text);font-family:var(--font-title);text-transform:uppercase;letter-spacing:.06em;text-align:left;cursor:pointer;min-height:96px}.setting-tile.active{box-shadow:inset 0 0 0 2px #4ee6ffa6,0 0 12px #4ee6ff4d}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-meta{font-size:.7rem;color:var(--popup-muted);font-family:var(--font-body);text-transform:none;letter-spacing:.02em}.skin-screen{border:2px solid rgba(255,255,255,.18);border-radius:16px;padding:20px 22px;background:linear-gradient(180deg,#0a1018f5,#060a12fa);box-shadow:0 20px 34px #0000008c,0 0 18px #4ee6ff1f;display:grid;grid-template-rows:auto auto 1fr auto;gap:16px;position:relative;overflow:hidden;min-height:clamp(520px,74vh,760px)}.skin-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.25) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:120px 120px,80px 80px;background-position:0 0,40px 50px;opacity:.35;pointer-events:none}.skin-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 0%,rgba(95,216,255,.22),transparent 45%),radial-gradient(circle at 80% 100%,rgba(255,180,90,.18),transparent 48%);opacity:.6;pointer-events:none}.skin-topbar{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;position:relative;z-index:1}.skin-title{text-align:center;font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1.3rem,2.2vw,1.6rem)}.skin-icon-btn{width:48px;height:48px;border:1px solid rgba(255,255,255,.25);background:#080c14b3;border-radius:10px;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px #00000047}.skin-icon-btn svg{width:24px;height:24px;stroke:#fff;fill:none}.skin-icon-btn circle{fill:#fff;stroke:none}.skin-wallet{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 10px 8px 12px;background:#080c14b3;font-family:var(--font-title);box-shadow:0 6px #00000047}.skin-wallet__gem{width:16px;height:16px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gem-1),var(--gem-2));border:2px solid var(--gem-border);display:inline-block;box-shadow:0 0 8px var(--gem-glow)}.skin-plus{width:28px;height:28px;border:1px solid rgba(255,255,255,.4);background:#080c1499;color:#fff;font-family:var(--font-title);cursor:pointer;line-height:1;border-radius:8px}.skin-plus:disabled{opacity:.5;cursor:not-allowed}.skin-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(520px,100%);justify-self:center;position:relative;z-index:1}.skin-tab{border:1px solid rgba(255,255,255,.22);background:#080c14b3;height:48px;border-radius:10px;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px #00000047;transition:transform .15s ease,box-shadow .15s ease}.skin-tab.active{background:#fff;box-shadow:inset 0 0 0 2px #fff,0 0 12px #4ee6ff40}.skin-tab__icon{width:22px;height:22px;display:inline-block;background:#ffffffe6}.skin-tab.active .skin-tab__icon{background:var(--skin-bg-dark, #0b0b0b)}.skin-tab__icon.trail{transform:rotate(45deg);border-radius:4px}.skin-tab__icon.arrow{clip-path:polygon(0 50%,70% 10%,100% 50%,70% 90%)}.skin-tab__icon.palette{border-radius:50%;position:relative}.skin-tab__icon.palette:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#0009;top:4px;left:4px;box-shadow:6px 2px #0009,2px 8px #0009}.skin-tab__icon.shape{clip-path:polygon(10% 50%,40% 20%,70% 20%,100% 50%,70% 80%,40% 80%)}.skin-body{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,.55fr);gap:22px;align-items:start;position:relative;z-index:1}.skin-preview{display:grid;place-items:center;gap:14px;padding:16px 14px;min-height:240px;align-content:center;cursor:pointer;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(160deg,#080e18a6,#04080ed9);box-shadow:inset 0 0 0 1px #ffffff0a}.skin-preview__ship{width:86px;height:60px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.site:not(.reduced-motion) .skin-preview__ship{animation:shipDrift 5.2s ease-in-out infinite}.shape-svg{width:100%;height:100%;display:block}.shape-preview-svg{position:relative;z-index:1}.shape-svg .shape-main{fill:var(--skin-arrow, #ffffff);stroke:#000000bf;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.shape-svg .shape-tail{fill:var(--skin-arrow-shadow, #d7d7d7);stroke:#000000bf;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.skin-preview__trail{width:48px;height:12px;border-radius:4px;background:var(--skin-trail, #ffffff);position:absolute;left:-44px;box-shadow:0 0 10px #fff6;z-index:0}.site:not(.reduced-motion) .skin-preview__trail{animation:trailPulse 1.8s ease-in-out infinite}.skin-selected{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;color:#fff;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff14;display:inline-flex;align-items:center;gap:6px}.skin-grid{background:#060a12a6;padding:16px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;border:1px solid rgba(255,255,255,.16);border-radius:12px;max-height:clamp(240px,36vh,360px);overflow-y:auto}.skin-tile{aspect-ratio:1 / 1;min-height:54px;border:1px solid rgba(255,255,255,.2);background:#060a128c;border-radius:10px;display:grid;place-items:center;position:relative;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;padding:6px}.skin-tile:hover{transform:translateY(-2px);box-shadow:0 8px 14px #00000059}.skin-tile.active{background:#ffffff2e;border-color:#4ee6ffcc;box-shadow:inset 0 0 0 2px #4ee6ff8c,0 0 12px #4ee6ff40}.skin-tile.locked{opacity:.45;filter:grayscale(.2) brightness(.85)}.skin-tile__name{position:absolute;bottom:6px;left:6px;right:6px;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:#fffc;font-family:var(--font-title);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.skin-tile.locked .skin-tile__name{color:#ffffff8c}.skin-tile__price{position:absolute;bottom:6px;left:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.6rem;font-family:var(--font-title);letter-spacing:.08em;color:#fff0c4;text-transform:uppercase}.skin-tile__gem{width:10px;height:10px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gem-1),var(--gem-2));border:1px solid var(--gem-border);display:inline-block;box-shadow:0 0 6px var(--gem-glow)}.skin-tile__glyph{width:26px;height:26px;background:var(--chip-fill, rgba(255, 255, 255, .85));display:block;position:relative;margin-bottom:12px}.skin-tile__glyph.arrow{clip-path:polygon(0 50%,70% 10%,100% 50%,70% 90%);box-shadow:-5px 0 0 var(--chip-shadow, rgba(0, 0, 0, .35))}.skin-tile__glyph.shape{background:transparent;box-shadow:none;display:grid;place-items:center}.skin-tile__glyph.trail{border-radius:4px;transform:rotate(45deg);background:linear-gradient(135deg,rgba(255,255,255,.9),var(--chip-fill, #ffffff));box-shadow:inset 0 0 0 2px var(--chip-shadow, rgba(0, 0, 0, .25))}.skin-tile__glyph.palette{border-radius:50%;background:#ffffffe6;box-shadow:inset -4px -4px 0 var(--chip-shadow, rgba(0, 0, 0, .25))}.skin-tile__glyph.palette:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#00000080;top:5px;left:5px;box-shadow:8px 3px #00000080,3px 9px #00000080}.skin-tile__star{position:absolute;top:-2px;right:-2px;width:22px;height:22px;background:#fff;color:#b64a1e;font-size:.7rem;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 100%)}.skin-note{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;text-align:center;color:#ffffffd9;position:relative;z-index:1}.level-tile{border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#0c121ceb,#080c12f0);height:52px;display:grid;place-items:center;gap:4px;color:var(--popup-text);font-weight:600;cursor:pointer;text-transform:uppercase;border-radius:10px;box-shadow:inset 0 0 0 1px #4ee6ff1f,0 8px 14px #0006}.level-tile.diff-1{box-shadow:inset 0 0 0 1px #5fd8ff2e,0 0 10px #2ee46a40,0 8px 14px #00000059}.level-tile.diff-2{box-shadow:inset 0 0 0 1px #5fd8ff2e,0 0 10px #6ae32f40,0 8px 14px #00000059}.level-tile.diff-3{box-shadow:inset 0 0 0 1px #5fd8ff2e,0 0 10px #f1dc3d40,0 8px 14px #00000059}.level-tile.diff-4{box-shadow:inset 0 0 0 1px #5fd8ff2e,0 0 10px #ff9d3b4d,0 8px 14px #00000059}.level-tile.diff-5{box-shadow:inset 0 0 0 1px #5fd8ff2e,0 0 10px #ff4d4d4d,0 8px 14px #00000059}.level-tile.active{border-color:#4ee6fff2;box-shadow:inset 0 0 0 2px #4ee6ffb3,0 0 16px #4ee6ff73,0 8px 16px #0006}.level-id{font-size:.85rem}.level-face{width:16px;height:16px;border-radius:50%;border:1px solid rgba(78,230,255,.65)}.face-1{background:#2fe46a}.face-2{background:#6ae32f}.face-3{background:#f1dc3d}.face-4{background:#ff9d3b}.face-5{background:#ff4d4d}.menu-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;justify-items:center;padding:16px;border-radius:18px;background:#080c14a6;border:1px solid rgba(255,255,255,.12)}.menu-notice{text-align:center;font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6;margin-top:6px;animation:noticeFade 2s ease both}.menu-action{width:220px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(140deg,#4ee6ff2e,#4ee6ff0a);border-radius:14px;padding:14px 18px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;color:var(--menu-white);cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 12px #0006,0 16px 22px #00000059}.menu-action:hover{transform:translateY(-3px);background:linear-gradient(140deg,#4ee6ff52,#4ee6ff14);box-shadow:0 14px #0006,0 18px 26px #0006}.hidden{display:none!important}.game{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(180deg,#0c121b,#06090f 55%,#04060a);border:none;border-radius:8px;overflow:hidden;box-shadow:none}.game:before,.game:after{content:none}#gameCanvas{width:100%;height:100%;display:block}.game-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.game-ui:before{content:none}.pause-btn{position:absolute;top:12px;left:16px;width:42px;height:42px;border:1px solid rgba(255,255,255,.35);background:#080c12b3;border-radius:10px;display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;pointer-events:auto;box-shadow:0 6px 12px #00000073;animation:none}.pause-btn span{display:block;width:5px;height:18px;background:var(--ui-accent, #4ee6ff)}.pause-key{position:absolute;top:54px;left:52px;width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#060a12b3;color:#ffffffd9;font-size:.7rem;display:grid;place-items:center;font-family:var(--font-title);text-transform:uppercase}.hud-gems{position:absolute;top:10px;right:16px;display:flex;align-items:center;gap:10px;padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#00000059;font-family:var(--font-title);text-transform:uppercase;z-index:4;box-shadow:none}.site:not(.reduced-motion) .hud-gems{animation:none}.hud-gem-icon{width:18px;height:18px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gem-1),var(--gem-2));border:2px solid var(--gem-border);display:block;box-shadow:0 0 8px var(--gem-glow)}.hud-gem-bonus{font-size:.7rem;color:#ffd37c;font-style:normal;animation:gemPop .5s ease}.hud-combo{position:absolute;top:62px;left:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#00000059;color:#ffffffe6;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;box-shadow:none;animation:none}.hud-combo strong{font-size:1rem}.hud-shield{position:absolute;top:62px;right:16px;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#00000059;color:#ffffffe6;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;box-shadow:none;animation:none}.shield-icon{width:14px;height:14px;border-radius:50%;border:2px solid var(--hud-light);background:#9be8ff;box-shadow:0 0 8px #9be8ffb3}.progress{position:absolute;top:10px;left:50%;transform:translate(-50%)}.site:not(.reduced-motion) .progress{animation:none}.progress__bar{position:relative;width:260px;height:20px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#00000059;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.progress__fill{height:100%;background:linear-gradient(90deg,var(--ui-accent, #4ee6ff),var(--ui-accent-2, #8aa7ff));position:relative;transition:width .18s ease;box-shadow:none}.progress__fill:after{content:none}.progress__text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;color:var(--hud-light);font-family:var(--font-title);text-shadow:0 2px 8px rgba(0,0,0,.5)}.hud-challenge{position:absolute;top:56px;left:50%;transform:translate(-50%);display:grid;gap:6px;width:240px;padding:8px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#060a12d9;box-shadow:0 10px 18px #00000080;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.06em;color:#ffffffe6}.hud-challenge__row{display:flex;justify-content:space-between;font-size:.68rem}.hud-challenge__bar{height:8px;border-radius:999px;background:#0a0c10d9;border:1px solid rgba(255,255,255,.2);overflow:hidden}.hud-challenge__fill{height:100%;background:linear-gradient(90deg,#ffe25a,#ff9f3a);transition:width .2s ease}.hud-challenge__meta{display:flex;justify-content:space-between;font-size:.62rem;color:#ffffffb8}.hud-challenge__bonus{color:#ffe88a;font-style:normal;animation:bonusPop .8s ease}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03060cad;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));box-sizing:border-box;transition:opacity .25s ease;z-index:3}.overlay--hidden{opacity:0;pointer-events:none}.rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03060cbf;display:grid;place-items:center;z-index:10;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rotate-card{background:var(--popup-bg);border-radius:16px;border:1px solid var(--popup-border);padding:20px 22px;text-align:center;width:min(360px,92vw);box-shadow:0 18px 28px #0009,0 0 16px var(--popup-glow);color:var(--popup-text)}.rotate-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;border:2px solid rgba(95,216,255,.7);position:relative}.rotate-icon:before,.rotate-icon:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px solid rgba(95,216,255,.5);border-radius:6px;transform:rotate(90deg);opacity:.7}.rotate-icon:after{top:16px;right:16px;bottom:16px;left:16px;opacity:.45}.rotate-card h3{margin:0 0 8px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;font-size:1.1rem}.rotate-card p{margin:0 0 14px;font-size:.9rem;opacity:.85}.rotate-btn{border:1px solid rgba(78,230,255,.75);background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));color:#04101b;padding:8px 18px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-radius:10px;box-shadow:0 4px #060e14cc,0 0 10px var(--popup-glow)}.overlay__card{background:var(--popup-bg);border-radius:18px;padding:20px 26px;text-align:center;border:1px solid var(--popup-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 20px 36px #000000a6,0 0 18px var(--popup-glow);width:min(420px,92vw);max-width:92vw;box-sizing:border-box;animation:overlayPop .35s ease both;color:var(--popup-text)}.overlay__card:after{content:"";position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(circle at 50% 50%,rgba(78,230,255,.18),transparent 70%);pointer-events:none;opacity:.8}.overlay--complete .overlay__card{position:relative;overflow:hidden;background:linear-gradient(180deg,#0a1420fa,#060c14f5);border:1px solid rgba(78,230,255,.85);box-shadow:0 26px 46px #0009,0 0 0 4px #4ee6ff1f,0 0 28px #4ee6ff59}.overlay--complete .overlay__card:before{content:"";position:absolute;inset:-40% -20% auto;height:70%;background:radial-gradient(circle at 50% 50%,rgba(140,230,255,.25),transparent 70%);pointer-events:none}.overlay--complete .overlay__card:after{content:"";position:absolute;top:-20%;left:-30%;width:60%;height:140%;transform:skew(-12deg);background:linear-gradient(120deg,transparent 0%,rgba(175,235,255,.28) 45%,transparent 70%);opacity:.6;pointer-events:none}.overlay__score{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.overlay--complete .overlay__score{color:#e1f5ffeb}.overlay__reward{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-title);font-size:1.2rem;margin-bottom:16px;animation:rewardPop .5s ease both}.overlay__xp{margin:6px auto 16px;font-family:var(--font-title);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.28);color:#e1f5ffeb;display:inline-flex;gap:6px;align-items:center;justify-content:center;animation:rewardPop .5s ease both}.overlay--complete .overlay__reward{padding:8px 16px;border-radius:999px;background:#5fd8ff29;border:1px solid rgba(95,216,255,.6);color:#eaf4ff}.overlay-gem{width:22px;height:22px;transform:rotate(45deg);background:linear-gradient(135deg,var(--gem-1),var(--gem-2));border:2px solid var(--gem-border);display:inline-block}.overlay--complete .overlay-gem{background:linear-gradient(135deg,var(--gem-1),var(--gem-2));border-color:var(--gem-border);box-shadow:0 0 12px var(--gem-glow)}.next-btn{width:min(280px,90%);margin:0 auto;border:1px solid rgba(78,230,255,.6);background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));color:#04101b;padding:12px 18px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 6px #060e14d9,0 0 16px #4ee6ff59;display:flex;align-items:center;justify-content:center;gap:10px;animation:pulse 2.4s ease-in-out infinite}.overlay--complete .next-btn{background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));border-color:#4ee6ffe6;color:#04101b;box-shadow:0 6px #060e14d9,0 0 18px #4ee6ff73;text-shadow:none}.next-icon{font-size:1.4rem}.overlay__footer{margin-top:18px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.overlay__footer--complete{gap:16px}.icon-btn{width:90px;height:48px;border:1px solid rgba(78,230,255,.65);background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));color:#04101b;font-family:var(--font-title);font-size:1.2rem;cursor:pointer;transition:transform .15s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px #060e14d9,0 0 12px var(--popup-glow);border-radius:14px}.icon-btn svg{width:22px;height:22px;stroke:currentColor}.overlay--complete .icon-btn{border-color:#5fd8fff2;background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));color:var(--popup-ink);box-shadow:0 6px #060e14cc,0 0 14px #5fd8ff66;border-radius:14px;width:96px;height:52px}.icon-btn:hover{transform:translateY(-2px)}.overlay__card h2{margin:0 0 10px;font-size:1.6rem;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-title)}.overlay--complete .overlay__card h2{color:var(--popup-text);text-shadow:0 0 16px rgba(95,216,255,.35)}.overlay__card p{margin:0;font-size:2rem;font-weight:800;font-family:var(--font-title);color:var(--popup-text)}.overlay__actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.play-btn{border:1px solid rgba(78,230,255,.65);border-radius:10px;background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));color:#04101b;padding:10px 18px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;box-shadow:0 4px #060e14cc}.overlay .play-btn{border:2px solid rgba(95,216,255,.85);background:linear-gradient(135deg,var(--popup-accent-2),var(--popup-accent));color:var(--popup-ink);box-shadow:0 4px #060e14cc,0 0 10px var(--popup-glow);border-radius:12px}.play-btn.small{padding:8px 16px;font-size:.8rem}.ghost-btn{border:1px solid rgba(255,255,255,.45);background:transparent;color:var(--menu-white);padding:8px 16px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.overlay .ghost-btn{border-color:#5fd8ff99;color:var(--popup-text)}.game-footer{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#ffffffb3;font-size:.8rem}.footer-title{font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase}.footer-icons{display:flex;gap:8px}.footer-icon{width:18px;height:18px;border-radius:4px;background:#fff3}@keyframes menuRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tileSheen{0%{opacity:0;transform:translate(-60%)}40%{opacity:.65}to{opacity:0;transform:translate(60%)}}@keyframes panelPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayPop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rewardPop{0%{transform:scale(.9)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes sheen{0%{transform:translate(-140%) rotate(20deg)}55%{transform:translate(260%) rotate(20deg)}to{transform:translate(260%) rotate(20deg)}}@keyframes progressSweep{0%{transform:translate(-120%)}60%{transform:translate(120%)}to{transform:translate(120%)}}@keyframes gemPop{0%{opacity:0;transform:translateY(6px) scale(.95)}60%{opacity:1;transform:translateY(0) scale(1)}to{opacity:.8;transform:translateY(-2px) scale(1.02)}}@keyframes hudFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes comboPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}@keyframes shieldPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes shipDrift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(3deg)}}@keyframes trailPulse{0%,to{transform:scaleX(1);opacity:.7}50%{transform:scaleX(1.25);opacity:1}}@keyframes titleGlow{0%,to{text-shadow:0 6px 14px rgba(0,0,0,.35)}50%{text-shadow:0 8px 18px rgba(255,255,255,.2)}}@keyframes noticeFade{0%{opacity:0;transform:translateY(-4px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0}}@keyframes bonusPop{0%{opacity:0;transform:translateY(6px) scale(.9)}40%{opacity:1;transform:translateY(0) scale(1)}to{opacity:.7;transform:translateY(-2px) scale(1.02)}}@keyframes starDrift{0%{background-position:0 0,40px 60px}to{background-position:220px 200px,120px 180px}}@keyframes nebulaShift{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.5;transform:translateY(-10px)}}@keyframes starFloat{0%{background-position:0 0,40px 60px}to{background-position:240px 220px,140px 200px}}@keyframes auroraDrift{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.5;transform:translateY(-10px)}}@keyframes gameSheen{0%{background-position:0% 0%;opacity:.35}50%{background-position:100% 60%;opacity:.5}to{background-position:0% 0%;opacity:.35}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 1100px),(max-height: 820px){.site{min-height:100dvh;height:100dvh}.site-body{transform:none}.layout{padding:16px}}@media (max-width: 980px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid,.settings-grid,.menu-footer,.menu-hero__stats,.skin-body{grid-template-columns:1fr}.skin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 720px){.layout{padding:12px}.menu{place-items:start stretch}.mode-grid{grid-template-columns:1fr}.menu-stage{width:100%}.menu-header{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;row-gap:8px}.menu-title{grid-column:1 / -1;grid-row:2;text-align:center}.menu-gems{grid-column:1 / -1;grid-row:3;width:100%;justify-content:space-between}.menu-action{width:100%}.level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-wrap{min-height:clamp(460px,74vh,760px)}.game{aspect-ratio:16 / 9;height:auto}.progress__bar{width:220px}.hud-challenge{top:84px;width:200px}.hud-gems{top:72px;right:10px}.hud-combo{top:112px;left:10px}.hud-shield{top:128px;right:10px}}@media (max-width: 640px){.layout{padding:10px}.game-wrap{padding:8px;gap:8px;min-height:clamp(420px,72vh,680px)}.menu{padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.menu-icon{width:48px;height:48px}.menu-icon svg{width:22px;height:22px}.menu-title{font-size:1rem}.menu-wallet{padding:4px 8px;font-size:.8rem}.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hud-challenge{width:180px;top:78px}.skin-screen{padding:14px;gap:12px;min-height:auto}.skin-icon-btn{width:40px;height:40px}.skin-icon-btn svg{width:20px;height:20px}.skin-tabs{width:100%;gap:8px}.skin-tab{height:40px}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:clamp(220px,34vh,320px)}.overlay__card{padding:14px 16px;width:min(320px,92vw);max-width:92vw}.overlay__card h2{font-size:1.2rem}.overlay__card p{font-size:1.5rem}.next-btn{width:100%}.icon-btn{width:76px;height:42px}.overlay--complete .icon-btn{width:84px;height:46px}.game-footer{height:36px;font-size:.7rem}}@media (max-width: 480px){.game-wrap{min-height:clamp(380px,68vh,560px)}.menu-gems{flex-direction:column;align-items:stretch;gap:8px}.menu-wallet{align-self:flex-start;font-size:.7rem}.menu-title{font-size:.9rem}.menu-icon{width:42px;height:42px}.mode-icon svg{width:44px;height:44px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-card__actions{flex-direction:column;align-items:stretch}.progress__bar{width:170px}.hud-gems{top:calc(54px + env(safe-area-inset-top));right:calc(6px + env(safe-area-inset-right))}.hud-combo{top:calc(94px + env(safe-area-inset-top));left:calc(6px + env(safe-area-inset-left))}.hud-shield{top:calc(102px + env(safe-area-inset-top));right:calc(6px + env(safe-area-inset-right))}.overlay__card{width:min(280px,92vw);max-width:92vw}.overlay__reward{font-size:1rem}.icon-btn{width:70px;height:40px}.overlay--complete .icon-btn{width:78px;height:44px}.skin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-tab{height:36px}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation: landscape) and (max-height: 520px){.layout{padding:6px}.game-wrap{min-height:0;padding:6px}.game{aspect-ratio:auto;height:calc(100vh - 80px)}.game-footer{display:none}}.menu-hero{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:20px;background:linear-gradient(160deg,#0e1622e6,#080c14f2);box-shadow:0 20px 34px var(--menu-shadow),inset 0 0 0 1px #ffffff0a;display:grid;gap:16px}.menu-hero__brand{display:grid;gap:6px;text-align:center}.menu-hero__title{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.18em;font-size:clamp(1.5rem,3vw,2.3rem)}.site:not(.reduced-motion) .menu-hero__title{animation:titleGlow 4s ease-in-out infinite}.menu-hero__subtitle{font-size:.95rem;opacity:.85}.menu-hero__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.hero-card{border:1px solid rgba(255,255,255,.16);background:linear-gradient(140deg,#0e1622d9,#080c14eb);border-radius:14px;padding:14px;display:grid;gap:6px;font-family:var(--font-title);text-transform:uppercase;letter-spacing:.08em;text-align:center}.hero-card--rank{background:linear-gradient(150deg,#0e1826f2,#070c14f2);border-color:#4ee6ff8c;box-shadow:inset 0 0 0 1px #4ee6ff2e,0 12px 20px #0006}.hero-progress{height:8px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);overflow:hidden}.hero-progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ee6ffe6,#78ffd2e6);box-shadow:0 0 12px #4ee6ff80;transition:width .35s ease}.hero-card span{font-size:.65rem;opacity:.7}.hero-card strong{font-size:1.4rem}.hero-card em{font-style:normal;font-family:var(--font-body);text-transform:none;letter-spacing:.02em;font-size:.75rem;opacity:.85}.hero-card--skin{align-items:center;justify-items:center;background:#060a12a6;border-color:#ffffff40}.hero-card__label{font-size:.7rem;letter-spacing:.22em;opacity:.8}.hero-card__name{font-family:var(--font-body);text-transform:none;letter-spacing:.02em;font-size:.9rem;opacity:.9}.hero-skin{width:72px;height:46px;display:grid;place-items:center;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}