:root{font-family:Inter,Arial,sans-serif;color-scheme:dark;background:#080f0d;color:#eef7ed}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;font-size:12px;background:#0b1511}header span,.eyebrow{font:9px monospace;letter-spacing:2px;color:#badb95}main{position:relative;height:calc(100dvh - 100px);min-height:580px;background:#020604;overflow:hidden}canvas{display:block;width:100%;height:100%;object-fit:contain;outline:none;touch-action:none}.launch-panel{position:absolute;inset:0;display:grid;align-items:center;justify-items:end;padding:26px;background:linear-gradient(90deg,#07111025,#050d0cdc),url('/assets/slimecity/cover-v1.webp') center/cover;overflow:auto}.launch-card{max-width:420px;width:100%;border:1px solid #5b6948;border-radius:16px;padding:26px;background:#09140feb;box-shadow:0 20px 100px #0008}h1{font-size:47px;line-height:1;letter-spacing:-2px;margin:16px 0;color:#ceff80}p{line-height:1.6;font-size:14px;color:#c7d3c8;margin:13px 0}.notice{font-size:11px;color:#a2b5aa}label{display:block;font-size:11px;color:#cad5c2}select,button,.tool-link{font:inherit;border:1px solid #40533b;border-radius:8px;padding:12px;color:inherit;background:#17241c}select{display:block;width:100%;margin-top:7px}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b9ff50;outline-offset:3px}#start-city,#retry-city{width:100%;min-height:48px;margin:12px 0 8px;background:#b9ff50;color:#0c1709;font-size:13px;font-weight:800;border:0}button:disabled{opacity:.5;cursor:default}small{display:block;font-size:10px;line-height:1.6;color:#8fa794;margin-top:14px}.light-link{font-size:11px;color:#c7ef99;display:inline-block;margin:8px 0;line-height:1.6}progress{width:100%;height:7px;accent-color:#b9ff50}#build-status{font-size:11px;color:#c4e8a0}#load-status{font-size:12px}#game-tools{position:absolute;right:12px;top:max(12px,env(safe-area-inset-top));display:flex;gap:7px}#game-tools button,.tool-link{font-size:11px;background:#07110ddd;padding:9px 12px;min-height:36px}#controls{position:absolute;right:12px;top:60px;max-height:calc(100% - 75px);overflow:auto;width:min(320px,calc(100% - 24px));background:#071110f0;border:1px solid #5c7644;border-radius:12px;padding:20px}h2{margin:0 0 15px;font-size:20px}dl{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;font-size:11px}dt{color:#cfff99}dd{margin:0;color:#b8cbbd}#controls p{font-size:11px}footer{color:#9eb4a5;font-size:10px}[hidden]{display:none!important}main:fullscreen{height:100dvh;min-height:0}body.playing{overflow:hidden}body.playing main{height:100dvh;min-height:0}body.playing>header,body.playing>footer{display:none}#input-status{position:absolute;left:14px;bottom:12px;max-width:min(520px,calc(100% - 28px));margin:0;padding:12px;border:1px solid #748257;border-radius:8px;background:#0b1516ed;color:#e2efc9;font-size:11px;pointer-events:none}
@media(max-width:700px){header,footer{padding:13px 16px;font-size:10px;gap:10px}header span{font-size:8px}main{min-height:660px;height:calc(100svh - 100px)}.launch-panel{padding:18px 16px;justify-items:center;background-position:42% center;align-items:start}.launch-card{padding:22px}h1{font-size:40px}.launch-card>p:first-of-type{font-size:13px}footer span{max-width:210px}.launch-card .eyebrow{font-size:8px}body.playing main{height:100dvh;min-height:0}}
@media(max-height:600px) and (min-width:701px){main{height:auto;min-height:680px}.launch-panel{justify-items:center}body.playing main{height:100dvh;min-height:0}}
@media(max-height:600px),(pointer:coarse){body.playing #game-tools{top:auto;bottom:max(8px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}#game-tools button,.tool-link{min-height:44px}body.playing #controls{top:12px;bottom:62px;max-height:calc(100% - 74px)}}
/* Keep browser chrome clear of the game's weapon and wanted HUD on every device. */
body.playing #game-tools{top:auto;bottom:max(8px,env(safe-area-inset-bottom));left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}
body.playing #controls{top:auto;bottom:62px;max-height:calc(100% - 80px)}
body.playing #input-status{bottom:64px}