/* Space Bites 2 — flight command interface. */
:root {
  --bg-dark-violet:#080d16; --bg-panel:#101923; --neon-cyan:#64f4d2; --neon-magenta:#b1a0ff;
  --neon-yellow:#ffb77b; --neon-green:#64f4d2; --neon-red:#ff8e91;
  --font-ui:Inter,"Segoe UI",Arial,sans-serif; --font-retro:Inter,"Segoe UI",Arial,sans-serif;
  --muted:#8e9dac; --line:#22303e;
}
body { background:#080d16; color:#e8f0f5; font-family:var(--font-ui); }
button,input,select { font:inherit; }
button { cursor:pointer; }
button:focus-visible, a:focus-visible { outline:2px solid #64f4d2; outline-offset:4px; }
button:disabled { cursor:default; }
#starfield-canvas { opacity:.35; }
#global-header { height:76px; flex:0 0 76px; border-bottom:1px solid var(--line); padding:0 4.5%; background:#080d16e8; box-shadow:none; }
.header-logo { font-family:Inter,"Segoe UI",sans-serif; font-weight:800; font-size:14px; letter-spacing:1.7px; color:#f1f5f9; display:flex; align-items:center; gap:12px; }
.brand-mark { display:grid; place-items:center; width:33px; height:33px; background:#64f4d2; color:#0b1b1d; font-size:13px; letter-spacing:-1px; transform:skew(-8deg); }
.version-mark { color:#64f4d2; font:11px monospace; border:1px solid #64f4d240; padding:4px; }
.header-coordinate { color:#657989; font:10px monospace; letter-spacing:2px; }
#account-indicator { border:1px solid #2b3b48; padding:10px 14px; border-radius:4px; font-size:12px; color:#acbac8; background:#101a24; }
.indicator-icon { font-size:12px; filter:grayscale(1); }
#app-container { min-height:0; }
.screen { padding:32px 4.5%; }
#title-screen { max-width:1540px; left:50%; transform:translateX(-50%); align-items:center; gap:32px; overflow-y:auto; padding:40px 4.5% 70px; }
#title-screen.active { display:grid; grid-template-columns:1fr 1.04fr; }
.eyebrow { display:flex; align-items:center; gap:10px; color:#64f4d2; font:11px monospace; letter-spacing:2px; line-height:1.6; }
.eyebrow i,.visual-heading i { display:inline-block; width:6px; height:6px; background:#64f4d2; border-radius:50%; box-shadow:0 0 12px #64f4d255; }
.eyebrow span { font-size:9px; color:#8e9dac; border-left:1px solid #34414b; padding-left:12px; margin-left:4px; letter-spacing:1px; }
.hero-title { font-family:Inter,"Arial Black","Segoe UI",sans-serif; font-size:clamp(72px,8vw,128px); line-height:.91; font-weight:900; letter-spacing:-7px; margin:30px 0 25px; color:#edf5f8; }
.hero-title span { color:#64f4d2; }
.hero-description { color:#9baab8; font-size:16px; line-height:1.85; max-width:420px; }
.hero-actions { display:flex; gap:12px; margin-top:30px; }
.primary-action,.secondary-action { min-height:54px; padding:0 24px; border:1px solid #64f4d2; border-radius:4px; font-size:14px; font-weight:650; transition:background .16s,transform .16s; }
.primary-action { background:#64f4d2; color:#0a2022; min-width:226px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.primary-action:hover { background:#98ffe6; transform:translateY(-2px); }
.secondary-action { background:#121e27; color:#c2d1dc; border-color:#2b3b48; }
.secondary-action:hover { background:#20313d; }
.title-menu { display:flex; flex-direction:row; flex-wrap:wrap; width:auto; gap:22px; margin:22px 0 0; }
.title-menu button { color:#9baab8; border:0; background:none; padding:5px 0; font-size:12px; }
.title-menu button:hover { color:#64f4d2; }
.lobby-records { display:flex; gap:36px; margin-top:44px; padding-top:22px; border-top:1px solid var(--line); max-width:460px; }
.lobby-records div { display:flex; flex-direction:column; gap:9px; }
.lobby-records span { color:#708596; font:9px monospace; letter-spacing:1.1px; }
.lobby-records strong { color:#e2edf2; font:20px monospace; }
.command-visual { width:100%; aspect-ratio:1; max-height:640px; position:relative; border:1px solid #2a3945; background:radial-gradient(ellipse at 60% 35%,#18333388,transparent 60%),#0d1520; border-radius:6px; overflow:hidden; }
.command-visual::before { content:""; position:absolute; inset:0; background:linear-gradient(#64f4d206 1px,transparent 1px),linear-gradient(90deg,#64f4d206 1px,transparent 1px); background-size:42px 42px; }
.visual-heading,.visual-footer { position:absolute; left:24px; right:24px; display:flex; justify-content:space-between; gap:12px; color:#7a91a1; font:9px monospace; letter-spacing:1px; z-index:2; }
.visual-heading { top:24px; }.visual-heading span:first-child { color:#64f4d2; }.visual-heading i { width:5px;height:5px; margin-right:5px; }
.visual-footer { bottom:22px; font-size:8px; }.visual-footer b { color:#64f4d2; font-weight:400; margin-left:6px; }
#lobby-scene { position:absolute; inset:0; width:100%; height:100%; }
.command-visual .hangar-preview-container { position:absolute; width:100%; inset:34% 0 8%; background:none; border:0; border-radius:0; padding:0; gap:8px; justify-content:center; }
.command-visual .ship-preview-box { width:240px; height:240px; max-width:52%; max-height:76%; background:none; border:0; }
#ship-preview-canvas { width:100%; height:100%; image-rendering:pixelated; }
.command-visual .preview-label { font:8px monospace; color:#708596; letter-spacing:2px; margin-top:0; }
.command-visual .ship-name-badge { background:none; border:0; color:#c6d7dc; font-size:12px; padding:0; }
.lobby-bottom { position:absolute; bottom:24px; left:4.5%; right:4.5%; display:flex; justify-content:space-between; gap:15px; font:9px monospace; letter-spacing:1px; color:#617686; }
.retro-btn { font-family:var(--font-ui); border-width:1px; border-radius:4px; box-shadow:none; background:#14202b; font-size:12px; padding:10px 18px; text-shadow:none; }
.retro-btn:hover { transform:none; box-shadow:none; }
.screen-header { min-height:52px; flex:0 0 auto; margin-bottom:24px; gap:20px; padding-bottom:22px; border-color:var(--line); }
.screen-title { font-size:26px; font-weight:650; letter-spacing:-.7px; text-shadow:none; line-height:1.25; }
.back-btn { font-size:10px; min-width:78px; border-color:#324350; color:#aabcc9; }
.spacer { width:78px; }
.hangar-currency-box { font-size:13px; gap:8px; }.chips-label { font-size:11px; color:var(--muted); }
.hangar-layout { gap:24px; min-height:0; }.hangar-preview-side { border:1px solid var(--line); box-shadow:none; background:#101923; padding:18px; border-radius:5px; }
.hangar-preview-window { border-color:#263745; background:radial-gradient(ellipse,#16313988,transparent); min-height:220px; }
.hangar-grid-lines { animation:none; opacity:.5; }
#hangar-ship-canvas { width:225px; height:225px; image-rendering:pixelated; z-index:1; }
.ship-stats-panel { background:none; border:0; padding:18px 0 0; }.panel-subtitle { font-size:12px; letter-spacing:1px; }
.stat-name { font-size:11px; color:#9daebc; }.stat-row { margin-bottom:15px; }.stat-bar { height:4px; border:0; background:#26323d; border-radius:0; }
.stat-fill { background:#64f4d2; box-shadow:none; }
.hangar-upgrade-side { min-height:0; gap:16px; }.hangar-tabs { gap:8px; }.hangar-tab { font-size:13px; padding:13px; }
.hangar-tab.active { background:#64f4d215; border-color:#64f4d260; color:#64f4d2; box-shadow:none; }
.hangar-tab-panes { border:1px solid var(--line); background:#0c141f; padding:18px; box-shadow:none; }
.hangar-card { background:#111c28; border:1px solid #24323e; padding:16px; box-shadow:none; margin-bottom:12px; gap:12px; }
.hangar-card:hover { border-color:#64f4d250; background:#142330; }.card-title { font-size:13px; line-height:1.5; }.card-description { font-size:11px; color:#869baa; line-height:1.5; }
.card-cost { font-size:11px; white-space:nowrap; }.card-action-group { gap:10px; }.buy-equip-btn { font-size:11px; padding:9px 14px; white-space:nowrap; }
.skin-card-sprite { width:60px; height:60px; flex-basis:60px; margin:0; }.card-level-dots { gap:5px; }.level-dot { height:5px; width:16px; border:0; border-radius:0; }
.level-dot.filled { background:#64f4d2; box-shadow:none; }
.mission-brief { display:flex; align-items:center; justify-content:space-between; background:#111d28; border:1px solid var(--line); border-radius:5px; padding:25px 30px; gap:20px; margin-bottom:18px; flex:0 0 auto; }
.mission-brief h3 { font-size:34px; font-weight:600; letter-spacing:-1px; margin:9px 0; }.mission-brief p { font-size:13px; color:#8ea2b2; }
.mission-reward { display:flex; flex-direction:column; gap:4px; text-align:right; }.mission-reward span { font:10px monospace; color:#8ea2b2; }.mission-reward strong { font:34px monospace; color:#ffb77b; }
.stage-list-wrapper { display:block; padding:0; min-height:0; }.scroll-arrow { display:none; }
.stage-cards-container { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); align-content:start; align-items:stretch; gap:10px; padding:2px 8px 16px 0; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#324653 transparent; }
.stage-cards-container { display:flex; flex-direction:column; gap:22px; }
.campaign-block { flex:0 0 auto; min-width:0; }
.campaign-block-heading { margin:0 0 10px; color:#8da6b6; font:11px/1.5 monospace; letter-spacing:1px; }
.campaign-row { display:grid; grid-template-columns:minmax(0,1fr) 112px; gap:18px; }
.campaign-stages { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:8px; }
.boss-card { height:100%; min-height:105px; border-color:#ffb77b70; color:#ffb77b; background:#2b2422; position:relative; }
.boss-card::before { content:'→'; position:absolute; left:-16px; top:42%; color:#7b8b92; }
.boss-card .stage-card-num { font-size:19px; }
.boss-card .stage-card-score { line-height:1.5; font-size:9px; }
.boss-card.defeated { opacity:.65; border-color:#64f4d240; color:#64f4d2; background:#142922; }
.boss-card.defeated .stage-card-score { color:#64f4d2; }
.boss-card.selected { border-color:#ffb77b; background:#ffb77b20; }
.stage-card { font:inherit; width:100%; height:105px; min-width:0; border:1px solid #2d414c; border-radius:4px; padding:13px 10px; align-items:flex-start; background:#12212b; color:#dde9ef; box-shadow:none; }
.stage-card:hover,.stage-card.selected { transform:none; box-shadow:none; }.stage-card.selected { border:1px solid #64f4d2; background:#64f4d21c; }
.stage-card.locked { color:#627888; opacity:.55; background:#0f1822; border-color:#263340; cursor:default; }
.stage-card.boss-card.defeated { filter:none; opacity:.8; border-color:#64f4d240; color:#64f4d2; background:#142922; }
.stage-card-num { font:22px monospace; color:inherit; }.stage-card small { font:8px monospace; color:#829aa9; letter-spacing:1px; }.stage-card .stage-card-score { font:10px monospace; padding:0; color:#8fa9b7; background:none; }
.stage-footer { padding:18px 0 0; border-top:1px solid var(--line); margin-top:16px; flex:0 0 auto; }.info-label { font:10px monospace; }.info-value { font:20px monospace; }
.launch-btn { min-width:200px; padding:15px 25px; background:#64f4d2; color:#102527; border:1px solid #64f4d2; font-size:14px; font-weight:650; }.launch-btn:disabled { background:#18242f; }
#launch-transition-overlay { background:#080d16ee; }.booster-container .launch-ship { font-size:48px; }.thruster-fire { display:none; }
.loading-frame { width:min(1020px,94vw); aspect-ratio:3/2; max-height:94dvh; position:relative; overflow:hidden; border:1px solid #3b6974; border-radius:10px; background:#071221; }
#launch-loading-image { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; }
.loading-content { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:36px; background:linear-gradient(#020a16bb,transparent 38%,transparent 60%,#020a16ee); }
.loading-content h2 { font-size:40px; letter-spacing:4px; margin:12px 0; color:#ecffff; }
#loading-mission-label { color:#acd4da; font:12px monospace; }
.loading-bottom { max-width:540px; width:100%; }
#loading-status { font-size:13px; color:#d7eeee; margin-bottom:14px; }
.loading-progress { height:5px; background:#325264; border-radius:3px; overflow:hidden; }
#loading-progress-fill { display:block; height:100%; width:0; background:#64f4d2; transition:width .15s; }
.loading-bottom small { display:block; color:#7eabbd; font-size:10px; margin-top:12px; }
.campaign-practice { display:flex; gap:24px; align-items:center; padding:18px; border:1px dashed #9a8bf16b; border-radius:5px; background:#171b2b; }
.campaign-practice .endless-card { flex:0 0 175px; width:175px; height:112px; border-color:#b1a0ff90; color:#c8bfff; background:#252139; }
.campaign-practice h3 { color:#c8bfff; font-size:19px; margin-bottom:12px; }
.campaign-practice p { color:#92a3ba; font-size:12px; line-height:1.8; }
.weapon-card-sprite { width:68px; height:68px; flex:0 0 68px; image-rendering:pixelated; }
#pane-weapons .card-info-group { flex:1; min-width:0; }
#game-container { background:radial-gradient(ellipse at 65% 30%,#142330,#080d16 65%); overflow:hidden; padding:0; }
#game-container.active { display:block; }
.game-canvas-wrapper { position:absolute; top:76px; bottom:82px; left:calc(50% + 90px); transform:translateX(-50%); margin:0; width:auto; height:auto; aspect-ratio:18/25; max-width:calc(100% - 310px); max-height:none; background:#080e1b; border:1px solid #293d4a; border-radius:4px; overflow:hidden; }
#game-canvas { width:100%; height:100%; max-height:none; max-width:none; aspect-ratio:18/25; object-fit:fill; }
.game-hud { left:calc(50% + 90px); top:15px; width:min(calc((100dvh - 234px)*.72),calc(100% - 310px)); max-width:none; height:49px; padding:0 15px; background:#111d27; border:1px solid #293d4a; border-radius:4px; }
.hud-label { font:8px monospace; color:#7a93a4; text-align:left; letter-spacing:1px; }.hud-value { font:19px monospace; color:#e9f2f5; }.hud-hearts { font-size:14px; letter-spacing:2px; }.hud-chips-wrapper { font:15px monospace; color:#ffb77b; }.hud-right { padding-right:40px; }
.hud-pause-btn { right:9px; top:8px; width:31px; height:31px; font-size:12px; border:1px solid #37505d; background:#1c2d37; }
.combat-intel { position:absolute; top:40px; left:max(28px,calc(50% - 450px)); width:220px; }
.combat-intel .eyebrow { font-size:9px; color:#638a8d; }.combat-intel h2 { font-size:24px; line-height:1.1; margin:20px 0 14px; letter-spacing:-.8px; }
.combat-intel>p { color:#8199a8; font-size:12px; line-height:1.9; }.combat-intel dl { margin:28px 0; }
.combat-intel dl div { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #23333e; padding:14px 0; }.combat-intel dt { font:9px monospace; color:#7c94a5; letter-spacing:1px; }.combat-intel dd { font:18px monospace; color:#cde3e4; }
.flight-manual { font:9px monospace; color:#64f4d2; letter-spacing:1px; }.flight-manual p { font:11px/2.5 var(--font-ui); color:#7893a4; margin-top:12px; letter-spacing:0; }.combat-tip { margin-top:24px; padding-left:12px; border-left:2px solid #64f4d240; }
.combat-abilities { position:absolute; bottom:15px; left:calc(50% + 90px); transform:translateX(-50%); width:min(calc((100dvh - 234px)*.72),calc(100% - 310px)); display:flex; gap:10px; align-items:center; }
.ability-button { display:flex; gap:12px; align-items:center; justify-content:center; background:#142b31; border:1px solid #64f4d250; border-radius:4px; color:#8ef0d9; min-height:50px; padding:8px 18px; font-size:11px; flex:1; white-space:nowrap; touch-action:manipulation; }
.ammo-display { display:flex; flex-direction:column; gap:5px; padding:0 8px; min-width:90px; }
.ammo-display span { font:8px monospace; color:#8fa6b6; letter-spacing:1px; }
.ammo-display strong { font:21px monospace; color:#ffb77b; }
.fire-button { flex:2; background:#64f4d2; color:#102527; font-weight:700; }
.flight-manual>strong { display:block; margin-top:12px; color:#d2e7eb; font-size:14px; letter-spacing:0; }
.hangar-growth-note { color:#819ba8; font-size:11px; line-height:1.8; margin-top:16px; }
#btn-hangar-launch { margin-top:16px; justify-content:center; width:100%; }
.ability-button.nova { color:#ffbf8c; border-color:#ffb77b50; background:#2c2525; }.ability-button:disabled { opacity:.4; }.ability-button kbd { font:9px monospace; padding:4px; border:1px solid #577870; border-radius:2px; }.drag-hint { display:none; }
.modal-overlay { background:#050b13bf; backdrop-filter:blur(8px); }.modal-content { background:#111d29; border:1px solid #3d5560; border-radius:8px; box-shadow:0 20px 100px #0008; max-height:90dvh; width:min(480px,94vw); }
.modal-content h2,.modal-content h3 { font-family:var(--font-ui); font-size:23px; line-height:1.35; font-weight:650; }.modal-content .animate-pulse,.modal-content .animate-flicker { animation:none; }
.menu-list { gap:10px; }.result-details { font-size:15px; }.result-row { font-size:14px; margin:12px 0; }.result-grade { font:80px/1 monospace; color:#64f4d2; margin:12px 0; }.result-performance { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:18px 0; border-top:1px solid #30414c; border-bottom:1px solid #30414c; margin:18px 0; }.result-performance div { display:flex; flex-direction:column; gap:8px; }.result-performance span { font-size:10px; color:#829eae; }.result-performance strong { font:19px monospace; color:#d8eaef; }
.auth-status-box { font-size:12px; }.options-section h4 { font-size:13px; }.key-remap-row,.option-row { font-size:12px; }.retro-input,.retro-select { font-family:var(--font-ui); font-size:13px; background:#0a141f; border-color:#354752; }
@media (min-width:1500px) { .combat-intel { left:calc(50% - 440px); } }
@media (max-width:1100px) {
  .campaign-row { grid-template-columns:minmax(0,1fr) 90px; gap:14px; }
  .campaign-stages { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .header-coordinate { display:none; }.hero-title { font-size:94px; }.hero-actions { flex-wrap:wrap; }.primary-action { min-width:210px; }
  .lobby-records { gap:22px; }.lobby-records span { font-size:8px; }.stage-cards-container { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .combat-intel { left:28px; width:180px; }.combat-intel h2 { font-size:21px; }
}
@media (max-width:760px) {
  .loading-frame { width:100vw; height:100dvh; max-height:none; aspect-ratio:auto; border:0; border-radius:0; }
  .loading-content { padding:32px 24px; }.loading-content h2 { font-size:30px; }.loading-content .eyebrow { font-size:9px; letter-spacing:1px; }
  .campaign-practice { flex-direction:column; align-items:stretch; gap:14px; padding:14px; }
  .campaign-practice .endless-card { flex-basis:auto; width:100%; height:98px; }
  #pane-weapons .hangar-card { display:grid; grid-template-columns:52px minmax(0,1fr); gap:8px; }
  .weapon-card-sprite { width:52px; height:52px; }
  #pane-weapons .card-action-group,#pane-weapons .buy-equip-btn { grid-column:2; justify-self:end; }
  .campaign-row { grid-template-columns:minmax(0,1fr) 72px; gap:12px; }
  .campaign-stages { grid-template-columns:repeat(5,minmax(0,1fr)); gap:5px; }
  .campaign-stages .stage-card { height:74px; padding:8px 5px; }
  .boss-card { min-height:153px; padding:12px 6px; justify-content:center; gap:12px; }
  .boss-card .stage-card-num { font-size:17px; }
  .campaign-block-heading { font-size:9px; letter-spacing:0; }
  .boss-card::before { left:-12px; }
  #global-header { height:60px; flex-basis:60px; padding:0 20px; }.header-logo { font-size:11px; gap:8px; letter-spacing:1px; }.brand-mark { width:29px;height:29px; }.version-mark { font-size:9px; }
  #account-indicator { padding:8px 10px; font-size:10px; }.screen { padding:22px 20px; }.screen-header { flex-wrap:wrap; gap:12px; margin-bottom:18px; padding-bottom:16px; }.screen-title { font-size:20px; }.spacer { display:none; }
  #title-screen { padding:28px 24px 50px; overflow-y:auto; gap:28px; align-content:start; }
  #title-screen.active { grid-template-columns:1fr; }.hero-title { font-size:84px; letter-spacing:-4px; margin:22px 0; }.hero-description { font-size:14px; }.hero-actions { margin-top:22px; flex-wrap:nowrap; }.primary-action { min-width:0;flex:1; padding:0 17px; }.secondary-action { padding:0 14px; font-size:12px; }.title-menu { gap:24px; }.lobby-records { margin-top:28px; max-width:none; justify-content:space-between; gap:10px; }.lobby-records strong { font-size:18px; }
  .command-visual { max-height:none; }.command-visual .ship-preview-box { width:210px; height:210px; }.visual-heading,.visual-footer { left:18px;right:18px; }.visual-heading { top:18px; font-size:8px; }.visual-footer { bottom:18px; font-size:7px; }
  .lobby-bottom { position:static; display:block; font-size:8px; line-height:2; }.lobby-bottom span { display:block; }.lobby-bottom span:last-child { display:none; }
  .hangar-layout { flex-direction:column; overflow:visible; height:auto; }.hangar-preview-side { flex:none; padding:14px; }.hangar-preview-window { min-height:180px;height:180px; }.ship-stats-panel { display:none; }
  #hangar-ship-canvas { width:175px;height:175px; }.hangar-upgrade-side { height:auto;flex:none; }.hangar-tab-panes { overflow:visible; padding:12px; }.hangar-tab { font-size:12px; }.hangar-currency-box { width:100%; justify-content:flex-end; font-size:12px; }.chips-label { font-size:10px; }
  .hangar-card { padding:12px;gap:10px; }.card-title { font-size:12px; }.card-description { font-size:10px; }.card-cost { font-size:10px; }.buy-equip-btn { font-size:10px; }.skin-card-sprite { width:44px;height:44px; }
  #pane-skins .hangar-card { display:grid; grid-template-columns:44px minmax(0,1fr); gap:8px; }#pane-skins .card-action-group,#pane-skins .buy-equip-btn { grid-column:2;justify-self:end; }#pane-skins .card-info-group { margin:0; }
  .mission-brief { padding:20px; }.mission-brief .eyebrow { font-size:8px; }.mission-brief h3 { font-size:25px; }.mission-brief p { font-size:11px;line-height:1.6; }.mission-reward strong { font-size:26px; }.mission-reward span { font-size:8px; }
  .stage-cards-container { grid-template-columns:repeat(5,minmax(0,1fr));gap:7px; }.stage-card { height:82px;padding:10px 7px; }.stage-card-num { font-size:18px; }.stage-card small { font-size:7px; }.stage-card .stage-card-score { font-size:8px; }.stage-footer { gap:12px; }.info-label { font-size:8px; }.launch-btn { min-width:140px; font-size:12px; }
  .combat-intel { display:none; }.game-canvas-wrapper { left:50%;top:68px;bottom:78px;max-width:100%; }
  .game-hud { left:50%;top:10px;width:min(calc((100dvh - 206px)*.72),calc(100% - 20px));height:48px; }.combat-abilities { left:50%;width:min(calc((100dvh - 206px)*.72),calc(100% - 20px));bottom:12px;gap:8px; }.ability-button { min-height:48px; padding:8px 12px; }.ability-button kbd { display:none; }
  .hud-pause-btn { right:8px; }.hud-label { font-size:7px; }.hud-value { font-size:17px; }.hud-hearts { font-size:12px; }.hud-chips-wrapper { font-size:13px; }.modal-content { padding:22px; }.modal-content h2 { font-size:23px; }
}
@media (max-width:400px) { .hero-title { font-size:76px; }.hero-actions { gap:8px; }.primary-action { font-size:12px; }.title-menu { gap:21px; }.stage-cards-container { grid-template-columns:repeat(4,minmax(0,1fr)); }.screen-title { font-size:18px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; scroll-behavior:auto!important; transition:none!important; } }