@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;800&family=Inter:wght@400;600;700&display=swap');
:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#0d1516;color:#ecf1e8}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 90% 15%,#274c4130,transparent 50%),repeating-linear-gradient(45deg,transparent 0 40px,#96bb9904 40px 41px)}header{max-width:1160px;margin:auto;padding:28px;display:flex;align-items:center;gap:18px}h1{font:800 30px 'Barlow Condensed',sans-serif;margin:3px 0;text-transform:uppercase;letter-spacing:2px}small{font-size:10px;letter-spacing:2px;color:#aebda8}nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.brand{font:800 30px 'Barlow Condensed',sans-serif;letter-spacing:-3px;background:#b5e5b0;color:#101b16;border-radius:10px;padding:10px}.brand span{color:#557b48}a{text-decoration:none;color:inherit}button,nav a{font:600 12px Inter,sans-serif;padding:12px 15px;border:1px solid #486151;background:#20372b;color:#edffe4;border-radius:7px;cursor:pointer}button:hover,nav a:hover{background:#41684e}button:focus-visible,a:focus-visible{outline:3px solid #ffce78;outline-offset:3px}main{max-width:1100px;margin:auto;padding:0 24px}.arena{display:grid;grid-template-columns:minmax(300px,540px) 1fr;gap:48px;align-items:center}.game-shell{position:relative;background:#182d22;border:6px solid #2d4136;border-radius:15px;box-shadow:0 24px 80px #0008;overflow:hidden;max-width:480px;width:100%;margin:auto}.hud{display:flex;justify-content:space-between;gap:8px;padding:14px;background:#13221c}.hud div{display:flex;flex-direction:column;gap:5px}.hud strong{font:800 20px 'Barlow Condensed',sans-serif;color:#d9edb2}.hud small{font-size:8px}canvas{display:block;width:100%;height:auto;touch-action:none;image-rendering:pixelated}#overlay{position:absolute;inset:64px 0 49px;background:linear-gradient(#0b171cdc,#0d1d24d9);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}#overlay h2{font:800 58px 'Barlow Condensed',sans-serif;line-height:1;margin:20px 0;color:#d9edb2}#overlay p{font-size:13px;line-height:1.7}#start{background:#d4edaa;color:#152317;padding:16px 30px;border:0;font-weight:700}#stars{font-size:28px!important;color:#ffd078}.game-tools{display:flex;justify-content:space-around;background:#13221c;padding:7px;gap:4px}.game-tools button{font-size:10px;padding:8px}.game-shell:fullscreen{max-width:none;width:auto;height:100vh;border:0;display:flex;flex-direction:column;border-radius:0}.game-shell:fullscreen canvas{flex:1;min-height:0;width:auto;object-fit:contain;background:#07110d}.game-shell:fullscreen .hud,.game-shell:fullscreen .game-tools{width:100%;flex-shrink:0}aside h2{font:800 66px/.98 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:18px 0}em{font-style:normal;color:#b5e5b0}aside p{color:#aab8ad;font-size:13px;line-height:1.8}b{color:#d9ead4}.mission{padding:20px;background:#1d2e25;border:1px solid #3d5742;border-radius:9px}.mission span{font:800 20px 'Barlow Condensed',sans-serif;letter-spacing:1px}.meter{height:4px;background:#384b3e;margin-top:14px}.meter i{display:block;height:100%;background:#d1e8a9;width:0}.boosts{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px;color:#cde3bf;padding:16px 0}#status{color:#ecc88f}.leaderboard{margin:48px 0;padding:28px;background:#14241c;border:1px solid #39533f;border-radius:12px}.leaderboard h2{font:800 30px 'Barlow Condensed',sans-serif;margin:10px 0}.leaderboard p{font-size:12px;color:#afbbad}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{padding:16px 12px;text-align:left;border-bottom:1px solid #304634}th{color:#acc7a0;font-size:10px;letter-spacing:1px}.mine{background:#304f36}footer{text-align:center;padding:24px;color:#8eaa8a;font-size:11px}@media(max-width:760px){header{padding:16px;flex-wrap:wrap;gap:12px}nav{margin-left:0;width:100%}main{padding:0 12px}.arena{display:flex;flex-direction:column;gap:24px}.game-shell{max-width:420px}aside{max-width:480px;padding:8px}aside h2{font-size:44px}.leaderboard{padding:18px;margin-top:24px}}

body{background:linear-gradient(#0b1617ef,#0b1617f5),url("./terran-battlefield.png") center top/cover fixed}#overlay{background:linear-gradient(#0b171cbb,#0d1d24ed),url("./terran-battlefield.png") center/cover}
:root{color-scheme:dark;background:#150f25;color:#f9efff}body{background:radial-gradient(ellipse at 10% 20%,#a3527833,transparent 45%),radial-gradient(ellipse at 90% 70%,#277a8430,transparent 50%),#150f25}.brand{background:#ffe0b9;font-size:27px;letter-spacing:0}.game-shell{border-color:#593a73;background:#241b35;max-width:450px}.hud,.game-tools,.pads{background:#21172f}.hud strong{color:#ffd8b7}em{color:#8ff6dc}button,nav a{background:#43264f;border-color:#7b508d}.mission,.leaderboard{background:#24182f;border-color:#694174}.meter{background:#442c57}.meter i{background:#8ff6dc}aside p{color:#c6b3d0}.boosts{color:#f7c6df}#overlay{background:linear-gradient(#21162fbd,#21162fee);inset:64px 0 96px}#overlay h2{color:#ffe0b7;font-size:52px}#start{background:#a2f5df}.pads{display:flex;gap:6px;padding:8px;justify-content:center}.pads button{padding:11px 9px;font-size:11px;touch-action:none}.mine{background:#483556}th,td{border-color:#583961}th{color:#dbb4df}footer{color:#c5a4cc}#armor{font-size:15px;color:#ff9dbd}.game-shell:fullscreen .pads{flex-shrink:0}.game-shell:fullscreen #overlay{inset:64px 0 96px}h1{color:#ffd8e7}

#cover-preview{display:block;width:100%;max-width:360px;height:auto;max-height:210px;object-fit:contain;border-radius:10px;margin-bottom:14px}#cover-preview[hidden]{display:none}#overlay:has(#cover-preview:not([hidden])) h2{font-size:32px;margin:8px 0}#overlay:has(#cover-preview:not([hidden]))>small{display:none}@media(max-width:480px){#cover-preview{max-height:160px;margin-bottom:8px}}

.skin-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:#151324e8;color:#fff}.skin-tools label{font-weight:700}.skin-tools select{background:#29243d;color:#fff;border:1px solid #9df2ca;border-radius:8px;padding:8px 12px;font:inherit}.skin-tools span{font-size:12px;color:#d7cce5}.skin-tools select:focus-visible{outline:3px solid #ffb0df;outline-offset:3px}