:root{--color-ocean-deep:#0b3d5c;--color-lagoon:#1b8fbf;--color-volcano:#c83a2b;--color-sun:#f2b632;--color-basalt:#1b1b1b;--color-rock:#3a3a3a;--color-sand:#d8b982;--color-text:#f5f0e6;--color-muted:#cbbfa7;--panel-bg:#12191ddb;--panel-border:#d8b98242;--shadow-soft:0 18px 45px #00000052;color:var(--color-text);background:var(--color-basalt);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-basalt);min-width:1080px;overflow-x:hidden}button,input{font:inherit}button{color:var(--color-text);cursor:pointer;background:#0b3d5cd6;border:1px solid #d8b98257;border-radius:8px;min-height:42px;padding:0 18px;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s;box-shadow:inset 0 1px #f5f0e614,0 8px 18px #00000038}button:hover{background:#125577f2;border-color:#f2b632b8;box-shadow:inset 0 1px #f5f0e61a,0 10px 22px #00000047}button:active{transform:translateY(1px)}input[type=range]{accent-color:var(--color-sun);width:100%}input[type=text]{color:var(--color-text);background:#1b1b1be0;border:1px solid #d8b9825c;border-radius:8px;min-height:40px;padding:0 12px}#root{min-height:100svh}.home-screen,.screen-shell,.game-shell{min-height:100svh;position:relative;overflow:hidden}.home-screen{background:radial-gradient(circle at 58% 84%,#c83a2b33,#0000 26%),radial-gradient(circle at 16% 18%,#1b8fbf1f,#0000 30%),linear-gradient(135deg,#111313 0%,#0b2b3d 48%,#1b1713 100%);flex-direction:column;align-items:stretch;padding:32px;display:flex}.home-hero-visual{pointer-events:none;transform-origin:68% 52%;z-index:0;animation:9s ease-in-out infinite heroVisualFloat;position:absolute;inset:-4svh -4vw;overflow:hidden}.home-hero-visual:before{content:"";filter:blur(16px);background:radial-gradient(circle at 67% 53%,#f2b63233,#0000 24%),radial-gradient(circle at 32% 42%,#1b8fbf1f,#0000 34%);animation:5.8s ease-in-out infinite heroVisualPulse;position:absolute;inset:0}.home-hero-visual img{filter:saturate(1.04)contrast(1.06)brightness(.78)drop-shadow(0 28px 48px #00000070)drop-shadow(0 0 24px #f2b6321f);object-fit:cover;object-position:57% 50%;opacity:.93;width:100%;height:100%;display:block;position:relative;transform:scale(1.045)}.home-tank-depth{pointer-events:none;z-index:1;position:absolute;inset:0}.home-tank-depth:before{content:"";filter:blur(12px);mix-blend-mode:screen;background:radial-gradient(at 69% 54%,#f2b63233 0%,#c83a2b1f 25%,#0000 48%),radial-gradient(at 70% 62%,#1b8fbf1a 0%,#0000 34%);animation:4.8s ease-in-out infinite tankDepthPulse;position:absolute;inset:0}.home-tank-depth:after{content:"";filter:blur(10px);background:radial-gradient(at 70% 62%,#00000057 0%,#00000029 28%,#0000 53%),radial-gradient(at 64%,#0000 0 28%,#00000029 52%,#0000 70%);position:absolute;inset:0}.home-hero-vignette{pointer-events:none;z-index:2;background:linear-gradient(90deg,#101212c7 0%,#1012128a 37%,#10121233 62%,#1012128a 100%),linear-gradient(#0a101275 0%,#0a10121a 44%,#0c0a08d1 100%),radial-gradient(circle at 68%,#0000 0 22%,#1b1b1b29 48%,#0a0c0cbd 100%);position:absolute;inset:0}.volcano-glow{filter:blur(18px);z-index:2;background:linear-gradient(#0000,#c83a2b29);height:32svh;position:absolute;bottom:0;left:0;right:0}.particle-field{opacity:.2;z-index:2;background-image:radial-gradient(circle,#1b8fbf61 0 1px,#0000 2px),radial-gradient(circle,#f2b63247 0 1px,#0000 2px);background-position:0 0,40px 80px;background-size:120px 120px,180px 180px;animation:12s linear infinite drift;position:absolute;inset:0}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-120px,120px)}}@keyframes heroVisualFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-7px,-8px)scale(1.01)}}@keyframes heroVisualPulse{0%,to{opacity:.56}50%{opacity:.9}}@keyframes tankDepthPulse{0%,to{opacity:.76;transform:scale(1)}50%{opacity:1;transform:scale(1.018)}}.home-hero{z-index:4;flex:1;grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:56px;width:100%;max-width:1320px;margin:0 auto;display:grid;position:relative}.home-copy{text-shadow:0 10px 36px #000000db;max-width:720px}.eyebrow{color:var(--color-sun);letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:var(--color-volcano);text-shadow:0 2px #f5f0e638,0 0 14px #f2b6326b,0 18px 42px #000000b8;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(82px,11.8vw,160px);line-height:.84}.home-logo-title{filter:drop-shadow(0 18px 30px #000000b8)drop-shadow(0 0 18px #f2b6321f);max-width:min(62vw,760px);text-shadow:none;width:min(62vw,760px);margin:8px 0 0;font-size:0;line-height:0;position:relative}.home-logo-title:after{content:"";filter:blur(18px);opacity:.74;pointer-events:none;z-index:-1;background:radial-gradient(at 44% 55%,#f2b6322e,#0000 62%);position:absolute;inset:10% 8% 4%}.home-logo-title img{filter:saturate(.96)contrast(1.08)brightness(1.06);width:100%;height:auto;display:block}h2{color:var(--color-text);margin-bottom:6px;font-size:40px;line-height:1}h3{color:var(--color-sun);margin-bottom:14px;font-size:17px}.home-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.home-actions.secondary{grid-template-columns:1fr 1fr;display:grid}.home-command-panel{-webkit-backdrop-filter:blur(5px)saturate(1.08);backdrop-filter:blur(5px)saturate(1.08);background:linear-gradient(#101c2194,#1414126b),radial-gradient(circle at 70% 0,#f2b6321a,#0000 42%);border:1px solid #d8b98257;border-radius:12px;justify-self:end;gap:16px;padding:22px;display:grid;box-shadow:0 24px 80px #00000047,inset 0 0 20px #f2b6320a,inset 0 1px #f5f0e61f}.panel-kicker{color:var(--color-sun);letter-spacing:.16em;text-transform:uppercase;margin-bottom:0;font-size:12px;font-weight:900}.home-command-panel .primary-action{width:100%;min-height:58px}.home-stats{color:var(--color-sun);border-top:1px solid #ffffff14;flex-wrap:wrap;gap:8px;padding-top:14px;font-size:13px;display:flex}.home-stats span{background:#d8b9821a;border:1px solid #d8b9822e;border-radius:999px;padding:5px 9px}.primary-action{background:linear-gradient(135deg, var(--color-sun), var(--color-volcano));color:#1b1b1b;border-color:#f5f0e66b;min-width:190px;font-weight:900;box-shadow:0 14px 28px #00000042,inset 0 1px #f5f0e638}.music-toggle{color:var(--color-sun);border-color:#d8b98280}.music-toggle[aria-pressed=true]{background:#f2b63224;border-color:#f2b632e0;box-shadow:0 10px 20px #00000038,0 0 16px #f2b6321f}.home-command-panel .stone-button{color:var(--color-text);isolation:isolate;letter-spacing:.01em;text-shadow:0 2px #0009;background:linear-gradient(#f5f0e61a,#0000 22%),radial-gradient(circle at 16% 18%,#1b8fbf47,#0000 26%),radial-gradient(circle at 85% 82%,#c83a2b2e,#0000 30%),linear-gradient(135deg,#0b3d5c 0%,#24404a 48%,#1b1b1b 100%);border:2px solid #f2b632bd;border-radius:12px 10px 13px 9px;transition:transform .14s,border-color .14s,box-shadow .14s,filter .14s;position:relative;overflow:hidden;transform:translateY(0);box-shadow:inset 0 3px #f5f0e626,inset 0 -5px #00000061,inset 8px 0 18px #1b8fbf14,0 10px #100e0cc2,0 22px 34px #00000061}.home-command-panel .stone-button:before,.home-command-panel .stone-button:after{content:"";pointer-events:none;position:absolute;inset:0}.home-command-panel .stone-button:before{mix-blend-mode:screen;opacity:.58;z-index:-1;background:linear-gradient(28deg,#0000 0 18%,#f5f0e61c 19%,#0000 21% 100%),linear-gradient(118deg,#0000 0 58%,#00000047 59%,#0000 62% 100%),linear-gradient(154deg,#0000 0 39%,#d8b9821f 40%,#0000 42% 100%),radial-gradient(circle at 25% 70%,#0000004d 0 2px,#0000 3px),radial-gradient(circle at 74% 24%,#f5f0e629 0 1px,#0000 2px)}.home-command-panel .stone-button:after{border-radius:inherit;z-index:-1;border:1px solid #f5f0e61f;box-shadow:inset 0 0 0 1px #0000003d,inset 0 -10px 16px #0003}.home-command-panel .stone-button:hover{filter:brightness(1.08);border-color:#f2b632fa;transform:translateY(-3px);box-shadow:inset 0 3px #f5f0e62e,inset 0 -5px #0000005c,inset 8px 0 18px #1b8fbf1f,0 13px #100e0cc7,0 28px 40px #00000070,0 0 18px #f2b63229}.home-command-panel .stone-button:active{transform:translateY(5px);box-shadow:inset 0 2px #f5f0e61a,inset 0 -3px #0000006b,0 5px #100e0cd6,0 15px 24px #00000057}.home-command-panel .stone-button:focus-visible{outline-offset:3px;outline:3px solid #f2b632cc}.home-command-panel .stone-button:disabled{cursor:not-allowed;filter:grayscale(.7)brightness(.68);opacity:.58}.home-command-panel .stone-button--primary{color:#1b1b1b;text-shadow:0 1px #f5f0e661;background:linear-gradient(#f5f0e638,#0000 23%),radial-gradient(circle at 20% 18%,#f2b63252,#0000 26%),radial-gradient(circle at 82% 86%,#c83a2b57,#0000 32%),linear-gradient(135deg,#f2b632 0%,#c83a2b 55%,#6d241d 100%);border-color:#f5f0e675;min-height:66px;font-size:16px;font-weight:950}.home-command-panel .stone-button--primary:hover{box-shadow:inset 0 3px #f5f0e642,inset 0 -6px #4616106b,0 14px #47270ccc,0 30px 42px #00000075,0 0 22px #f2b63238}.home-command-panel .stone-button--secondary{min-height:48px;padding:0 16px}.home-command-panel .stone-button--pill{color:var(--color-sun);background:linear-gradient(#d8b9821a,#0000 28%),radial-gradient(circle at 20% 25%,#1b8fbf29,#0000 25%),linear-gradient(135deg,#3a3a3a 0%,#242424 52%,#141414 100%);border-color:#f2b6327a;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:6px 11px;font-size:12px;font-weight:850;display:inline-flex;box-shadow:inset 0 2px #f5f0e61a,inset 0 -3px #0000006b,0 4px #00000094,0 11px 18px #0000004d}.home-command-panel .stone-button--active,.home-command-panel .stone-button[aria-pressed=true]{border-color:#f2b632;box-shadow:inset 0 3px #f5f0e62b,inset 0 -5px #00000057,0 10px #100e0cc2,0 22px 34px #00000061,0 0 18px #f2b6322e}.screen-shell{background:radial-gradient(circle at 12% 18%,#1b8fbf21,#0000 26%),radial-gradient(circle at 84% 90%,#c83a2b1f,#0000 24%),linear-gradient(135deg,#171817 0%,#0b2f47 100%);padding:30px min(4vw,58px)}.setup-screen{overflow-y:auto}.screen-shell.compact{grid-template-rows:auto 1fr;display:grid}.panel-header,.game-topbar{z-index:1;justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto 26px;display:flex;position:relative}.setup-header{margin-bottom:18px}.setup-header>div{text-align:center;flex:1}.setup-header>button{position:absolute;right:0}.setup-focus{grid-template-columns:minmax(0,1fr) 315px;align-items:start;gap:18px;max-width:1320px;margin:0 auto;display:grid}.setup-flow{gap:14px;min-width:0;display:grid}.setup-step-card{padding:16px}.step-title{align-items:center;gap:12px;display:flex}.step-title>span{color:var(--color-sun);background:#f2b63224;border:1px solid #f2b63280;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:950;display:inline-flex}.step-title h3,.step-title p{margin:0}.step-title p{color:var(--color-muted);font-size:13px;line-height:1.3}.mode-pill-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:14px;display:grid}.mode-pill-grid button{min-height:44px;padding:0 10px}.mode-pill-grid .selected,.compact-segmented .selected{background:#1b8fbf3d;border-color:#f2b632e6;box-shadow:0 10px 22px #0003}.compact-difficulty-card{gap:14px;display:grid}.difficulty-strip{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px;display:grid}.difficulty-strip strong{color:var(--color-volcano);text-align:center;text-shadow:0 8px 18px #00000061;font-family:Arial Black,Arial,sans-serif;font-size:48px;line-height:.9}.arena-focus-card .section-heading{margin-bottom:14px}.setup-details{padding:0;overflow:hidden}.setup-details summary{color:var(--color-sun);cursor:pointer;padding:16px 18px;font-size:14px;font-weight:900;list-style:none}.setup-details summary::-webkit-details-marker{display:none}.setup-details summary:after{color:var(--color-muted);content:"+";float:right;font-size:18px;line-height:1}.setup-details[open] summary{border-bottom:1px solid #d8b98229}.setup-details[open] summary:after{content:"-"}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:16px 18px 18px;display:grid}.advanced-grid h3{margin-bottom:10px}.compact-field{margin-top:0}.setup-launch-panel{position:sticky;top:18px}.minimal-summary{padding:18px}.compact-summary-list{gap:7px}.compact-summary-list span{min-height:30px;padding:7px 9px;font-size:13px}.launch-primary{width:100%;min-height:56px;margin-top:16px}.ghost-action{color:var(--color-muted);background:#1b1b1b47;border-color:#d8b9822e;width:100%;margin-top:10px}.control-panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--shadow-soft);border-radius:8px;padding:18px}.setup-summary{background:linear-gradient(#c83a2b24,#0000),#12191de6;border-color:#f2b63252}.setup-summary p{color:var(--color-muted);margin-bottom:14px}.summary-list{gap:8px;display:grid}.summary-list span{color:var(--color-text);background:#1b1b1b75;border:1px solid #d8b98229;border-radius:8px;min-height:34px;padding:8px 10px}.campaign-run-card{background:linear-gradient(135deg,#0b3d5c6b,#1b1b1b52),radial-gradient(circle at 0 0,#f2b6321f,#0000 42%);border:1px solid #d8b98233;border-radius:8px;gap:4px;margin-top:14px;padding:12px;display:grid}.campaign-run-card strong{color:var(--color-sun);text-transform:uppercase;font-size:13px}.campaign-run-card span,.campaign-run-card p{color:var(--color-muted);margin:0;font-size:13px}.mode-list{gap:8px;display:grid}.mode-list button{text-align:left;place-items:start;gap:3px;min-height:64px;padding:11px 12px;display:grid}.mode-list button span{color:var(--color-muted);font-size:12px;line-height:1.28}.segmented{gap:8px;display:flex}.segmented.vertical{flex-direction:column;align-items:stretch}.segmented button{flex:1;min-width:0}.segmented .selected,.mode-list .selected,.swatches .selected,.power-toggle.active{background:#1b8fbf3d;border-color:#f2b632e6;box-shadow:0 12px 24px #00000038}.section-heading{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-heading.compact-heading{align-items:center;gap:12px;margin-bottom:12px}.section-heading h3{margin-bottom:0}.section-heading>span{color:var(--color-sun);font-size:13px;font-weight:800}.muted{color:var(--color-muted);font-size:14px}.small-action{min-height:34px;padding:0 12px}.map-preview{background:#0a0c0c6b;border:1px solid #d8b98233;border-radius:8px;width:100%;height:112px;display:block;overflow:hidden;box-shadow:inset 0 1px #f5f0e60f,0 12px 28px #0000003d}.map-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.map-choice{text-align:left;background:#1b1b1b61;border-color:#d8b9822e;align-items:stretch;gap:8px;min-height:0;padding:8px;display:grid}.map-choice.selected{background:#1b8fbf2e;border-color:#f2b632e6;box-shadow:inset 0 0 0 1px #f2b63233,0 12px 24px #0000003d}.map-choice span{color:var(--color-sun);font-size:12px;font-weight:850}.field-label,.switch-line{color:var(--color-text);gap:8px;margin-top:18px;display:grid}.switch-line{grid-template-columns:auto 1fr;align-items:center;min-height:44px;margin-top:0}.power-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.power-toggle{color:var(--color-text);background:#1b1b1b8a;border:1px solid #d8b9822e;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.power-toggle input{display:none}.power-dot{border-radius:50%;width:13px;height:13px;display:inline-block;box-shadow:0 0 12px}.power-heavy,.power-shotgun{color:#c83a2b;background:#c83a2b}.power-machineGun{color:#f2b632;background:#f2b632}.power-laser,.power-triple{color:#1b8fbf;background:#1b8fbf}.power-plasma{color:#8b5a3c;background:#8b5a3c}.power-shield{color:#0b3d5c;background:#0b3d5c}.power-speed,.power-heal{color:#2f5f45;background:#2f5f45}.power-mine,.power-missile,.power-bomb{color:#c83a2b;background:#c83a2b}.controls-grid,.garage-layout{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1160px;margin:0 auto;display:grid}.garage-layout{grid-template-columns:.9fr 1.1fr;align-items:center}.tank-preview{place-items:center;min-height:410px;display:grid}.tank-preview-stage{background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--glow) 26%, transparent), transparent 46%), radial-gradient(circle at 50% 64%, #0000006b, transparent 34%), linear-gradient(180deg, #0b3d5c38, #1b1b1b47);border:1px solid #d8b98238;border-radius:8px;place-items:center;width:min(100%,420px);height:410px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #f5f0e614,0 18px 42px #00000052}.tank-preview-stage:before{content:"";opacity:.34;background-color:#0000;background-image:linear-gradient(#d8b98214 1px,#0000 1px),linear-gradient(90deg,#d8b98214 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.garage-tank-kit{filter:drop-shadow(0 28px 22px #0000007a) drop-shadow(0 0 18px color-mix(in srgb, var(--glow) 20%, transparent));z-index:1;width:250px;height:330px;position:relative;transform:rotate(-6deg)}.garage-track,.garage-tank-body,.garage-tank-barrel,.garage-tank-turret{image-rendering:auto;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;left:50%;transform:translate(-50%)}.garage-track{z-index:1;width:48px;height:218px;top:70px}.garage-track-left{margin-left:-58px}.garage-track-right{margin-left:58px}.garage-tank-body{z-index:2;width:188px;height:282px;top:36px}.garage-tank-barrel{z-index:4;width:48px;height:142px;top:0}.garage-tank-turret{z-index:5;width:86px;height:92px;top:130px}.garage-emblem{color:var(--color-text);letter-spacing:0;text-shadow:0 2px 5px #000000b8;z-index:6;font-family:Arial Black,Arial,sans-serif;font-size:20px;position:absolute;bottom:46px;left:50%;transform:translate(-50%)}.swatches{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.swatches button{border-radius:50%;width:36px;min-height:36px;padding:0}.game-shell{background:var(--color-basalt);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.game-topbar{background:#121413e6;border-bottom:1px solid #d8b98238;max-width:none;height:48px;margin:0;padding:0 18px}.game-topbar span{color:var(--color-muted)}.canvas-frame{width:100vw;height:calc(100svh - 48px);position:relative}.canvas-frame canvas{margin:0 auto;display:block}@media (width<=1180px){body{min-width:980px}.setup-focus{grid-template-columns:1fr}.setup-launch-panel{position:static}.power-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){body{min-width:0}.home-screen{padding:18px}.home-hero-visual{inset:-2svh -30vw 0 -26vw}.home-hero-visual img{object-position:64% 45%;opacity:.84;transform:scale(1.1)}.home-tank-depth:before{background:radial-gradient(at 70% 48%,#f2b6322e 0%,#c83a2b1a 25%,#0000 50%),radial-gradient(at 72% 56%,#1b8fbf17 0%,#0000 36%)}.home-hero-vignette{background:linear-gradient(#01030880 0%,#02040a3d 34%,#020308e0 100%),linear-gradient(90deg,#03050ab8,#03050a52)}.home-hero{grid-template-columns:1fr;align-content:end;gap:24px;padding-top:30svh}h1{font-size:clamp(64px,19vw,120px)}.home-logo-title{width:min(88vw,620px);max-width:min(88vw,620px)}.home-command-panel{justify-self:stretch}.setup-focus,.advanced-grid{grid-template-columns:1fr}.mode-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-choice-grid{grid-template-columns:1fr}}