:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#161616;color:#ddd;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit;background:#262626;border:1px solid #454545;border-radius:3px;padding:10px 18px;cursor:pointer}button:hover{background:#333}a{color:#999}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ccc;outline-offset:4px}.hidden{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}.menu{position:fixed;inset:0;background:#141414e8;display:flex;align-items:center;justify-content:center;padding:32px 24px;overflow-y:auto}.panel{width:280px;max-width:100%;margin:auto}h1{font-size:24px;line-height:1.3;font-weight:500;margin:0 0 14px}p{font-size:14px;line-height:1.7;color:#aaa;margin:0 0 24px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}details{font-size:14px;margin-bottom:26px;color:#999}summary{cursor:pointer;width:fit-content}details p{margin:14px 0 0;font-size:14px;line-height:1.9}.sound-setting{display:flex;align-items:center;gap:8px;margin-top:18px}.back{font-size:14px}.pause{position:fixed;right:16px;top:max(16px,env(safe-area-inset-top));background:#17171799;border:1px solid #8883;color:#aaa;padding:7px 11px;font-size:16px;z-index:2}.pause:hover{background:#333}.touch-controls,.touch-help{display:none}.error{position:fixed;inset:0;z-index:20;background:#161616;padding:12vh 8vw;overflow:auto}.error p{max-width:440px}.error a{display:inline-block;margin:20px}.error button{margin-right:10px}@media(pointer:coarse){.touch-help{display:block}.touch-controls:not(.hidden){position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:22px;right:22px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.joystick{position:relative;width:104px;height:104px;background:#2227;border:1px solid #aaa4;border-radius:50%;touch-action:none;pointer-events:auto}.stick{position:absolute;left:29px;top:29px;width:44px;height:44px;background:#aaa4;border:1px solid #bbb6;border-radius:50%;pointer-events:none}.touch-actions{display:flex;gap:7px;align-items:center;pointer-events:auto}.touch-actions button{height:44px;width:44px;padding:0;border-radius:50%;background:#2228;border:1px solid #aaa4;touch-action:none}}@media(max-width:360px){.touch-controls:not(.hidden){left:14px;right:14px}.touch-actions{gap:5px}.touch-actions button{width:38px;height:38px}}@media(max-height:420px){.menu{align-items:flex-start}.panel{margin:0 auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.spray{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));background:#17171799;border-color:#8883;font-size:13px;z-index:2;min-height:42px}.spray.painted{color:#f4d119;border-color:#ad942f}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(pointer:coarse){.spray{bottom:max(116px,calc(env(safe-area-inset-bottom) + 104px));right:22px}}

.touch-controls .jump{position:absolute;right:80px;bottom:96px;pointer-events:auto;background:#17171799;border-color:#8883;font-size:13px;min-height:42px}

.combat-hud{position:fixed;left:16px;top:max(16px,env(safe-area-inset-top));display:flex;gap:18px;align-items:center;font-size:13px;padding:8px 12px;background:#17171799;color:#ccc;z-index:2}.combat-hud strong{font-weight:500;color:#eee}.combat-hud button{padding:5px 10px;font-size:12px;background:transparent}.crosshair{position:fixed;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%);border-radius:50%;background:#e6e1cd;pointer-events:none;z-index:2}.crosshair.hit{background:#cf754e;box-shadow:0 0 0 3px #cf754e77}.target-info{position:fixed;left:50%;top:calc(50% + 24px);transform:translateX(-50%);color:#d5cfb9;font-size:12px;pointer-events:none;text-shadow:0 1px 3px #000;white-space:nowrap}.hurt-frame{position:fixed;inset:0;box-shadow:inset 0 0 65px #923e28;opacity:0;pointer-events:none;z-index:1}.shop-items{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.shop-items button{font-size:14px;line-height:1.6;text-align:left}button:disabled{opacity:.4;cursor:default}.touch-actions #fire{width:68px;height:68px;font-size:13px}#shop{z-index:4}@media(max-width:420px){.combat-hud{gap:12px;font-size:12px;left:12px;padding:6px 8px}.combat-hud button{padding:5px 7px}}

.travel { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 5; background: #202522dd; color: #ddd; border: 1px solid #777; padding: 10px 16px; }

.crosshair.hit.headshot { border-color: #e6bb64; background: #e6bb64; box-shadow: 0 0 8px #e6bb6480; }

#mapPanel .panel { width: min(80vw, 620px); }
#exploredMap { width: 100%; max-height: 65vh; object-fit: contain; image-rendering: pixelated; background: #080a0a; }

.minimap { position: fixed; top: max(16px, env(safe-area-inset-top)); left: 16px; width: 160px; height: 160px; z-index: 2; border: 1px solid #62695a; background: #080a0a; opacity: .92; pointer-events: none; }
.combat-hud { top: max(188px, calc(env(safe-area-inset-top) + 172px)); flex-wrap: wrap; max-width: calc(100vw - 32px); }
@media(max-width:600px) { .minimap { width: 120px; height: 120px; left: 12px; } .combat-hud { top: max(148px, calc(env(safe-area-inset-top) + 132px)); gap: 8px; } }

#shop .panel { width: 460px; }