@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{background:#171120;color:#f5edf9}body{background:linear-gradient(#171020ed,#171020f8),url('cavern.png') center/cover fixed}header .brand{color:#20162c;background:#87f1d6}.game-shell{border-color:#5b3a67;background:#211628}.hud,.game-tools{background:#231a30}.hud strong,em{color:#96efd7}small{color:#c4abd0}button,nav a{background:#3b2847;border-color:#735582}.mission,.leaderboard{background:#291d35;border-color:#664970}.meter{background:#533d61}.meter i{background:#a1f3df}aside p{color:#c8b3cd}.boosts{color:#c5ffeb}#overlay{background:linear-gradient(#171020c9,#231a30ee),url('cavern.png') center/cover;inset:64px 0 120px}#overlay h2{color:#a1f3df;font-size:44px}#start{background:#a1f3df}.mine{background:#493352}th,td{border-color:#52365f}th{color:#d2ace2}footer{color:#bd95c7}#banner{font-size:10px;min-height:32px;margin:0;padding:8px;text-align:center;background:#291d35;color:#c1ffe9}.pads{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;background:#231a30;touch-action:none}.pads button{width:45px;padding:7px;font-size:18px;touch-action:none;user-select:none}.pads div{display:flex;gap:4px}#blast{touch-action:none;user-select:none}.game-shell:fullscreen .pads{flex-shrink:0}.game-shell:fullscreen #overlay{inset:64px 0 162px}

.skin-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;background:#151324ed;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;max-width:100%}.skin-tools span{font-size:12px;color:#d7cce5}.skin-tools select:focus-visible{outline:3px solid #ffb0df;outline-offset:3px}