:root{font-family:Arial,Helvetica,sans-serif;color:#e8e8df;background:#0d1514;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#world{display:block;width:100%;height:100%;touch-action:none}#vignette,#damage-flash,#muzzle-flash{position:fixed;inset:0;pointer-events:none}#vignette{background:radial-gradient(circle at 50% 44%,transparent 30%,rgba(1,5,5,.58) 100%)}#damage-flash{opacity:0;background:radial-gradient(circle,transparent 25%,rgba(145,8,7,.75));transition:opacity .7s}#muzzle-flash{opacity:0;background:radial-gradient(circle at 50% 68%,rgba(255,238,173,.63),transparent 38%);transition:opacity .16s}#crosshair{position:fixed;left:50%;top:50%;width:19px;height:19px;transform:translate(-50%,-50%);pointer-events:none;opacity:.83}#crosshair span{position:absolute;background:#eff1e7;box-shadow:0 0 4px #111}#crosshair span:first-child{height:1px;width:19px;top:9px}#crosshair span:last-child{height:19px;width:1px;left:9px}#hud{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:24px;padding:25px 30px;pointer-events:none;text-shadow:0 2px 8px #000}.hud-left{max-width:min(55vw,520px)}.identity{font-size:12px;font-weight:700;color:#e4e9e1}.identity span{margin-left:9px;color:#a0aea8;font-weight:400}.objective-label{margin-top:24px;font-size:10px;color:#ddbd7e;font-weight:700}.hud-left #objective{margin-top:5px;font-size:21px;line-height:1.1;font-weight:700}.hud-left #direction{display:flex;gap:12px;margin-top:8px;color:#c5d1c4;font-size:12px}.hud-right{width:156px}.meter-label{display:flex;justify-content:space-between;font-size:10px;font-weight:700;margin-bottom:5px}.meter-label:not(:first-child){margin-top:13px}.meter{height:5px;background:rgba(216,223,215,.22)}.meter>div{height:100%;width:100%;background:#b9d2ab;transition:width .25s}.meter #health-fill{background:#ddcaa0}#ammo{margin-top:18px;font-size:11px;color:#d0d6d0}#ammo strong{float:right;font-size:14px;color:#f7e2aa}#interaction{position:fixed;left:50%;bottom:19%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;background:rgba(6,13,12,.76);border:1px solid rgba(229,231,216,.24);padding:9px 12px;border-radius:4px;font-size:13px;white-space:nowrap;text-shadow:0 1px 3px #000}#interaction[hidden],#threat[hidden],#map-overlay[hidden],#mobile-controls[hidden],#ammo[hidden]{display:none}kbd{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border:1px solid #aab4a9;border-radius:3px;font:700 12px Arial}#subtitle{position:fixed;left:50%;bottom:25%;width:min(500px,85vw);transform:translateX(-50%);text-align:center;font-size:15px;font-weight:700;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .3s}#subtitle.show{opacity:1}#threat{position:fixed;top:32%;left:50%;transform:translateX(-50%);color:#ead3ca;font-size:14px;font-weight:700;text-shadow:0 1px 12px #c6251c}#inventory{position:fixed;left:30px;bottom:24px;display:flex;gap:20px;font-size:10px;color:#b9c6ba;text-shadow:0 1px 6px #000}#inventory b{color:#e3dfcf;margin-left:5px}#controls-hint{position:fixed;right:30px;bottom:24px;font-size:10px;color:#b6c1b8;text-shadow:0 1px 6px #000}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:flex-start;padding:7vw;background:rgba(3,8,8,.35)}.overlay[hidden]{display:none}.menu-panel{width:min(450px,90vw);padding:28px 30px 24px;background:rgba(7,14,14,.82);border:1px solid rgba(226,231,213,.16);border-radius:6px;box-shadow:0 16px 70px rgba(0,0,0,.4)}.menu-overline{font-size:11px;color:#d4b87f;font-weight:700}.menu-panel h1{font-family:Georgia,serif;font-size:clamp(35px,4vw,55px);font-weight:400;line-height:1;margin:13px 0 18px}.menu-panel p{font-size:15px;line-height:1.55;color:#c9d0c7;margin:0 0 26px}#start-button{background:#d7b678;color:#17201b;border:0;border-radius:3px;padding:13px 20px;font-size:14px;font-weight:700;min-width:180px}#start-button:hover{background:#ead09a}#menu-controls,#load-status{font-size:11px;color:#aab6ac;margin-top:18px}#load-status{color:#c9b38a;margin-top:12px}#map-overlay{position:fixed;inset:0;background:rgba(3,9,9,.84);display:grid;place-items:center;padding:20px}.map-shell{width:min(660px,96vw);height:min(740px,90vh);background:#101b18;border:1px solid #6e8171;padding:15px;display:flex;flex-direction:column}.map-header,.map-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#d6ded3;font-weight:700}.map-header button{background:transparent;border:0;color:#e2eadd;font-size:27px;line-height:1}#map-canvas{width:100%;min-height:0;flex:1;object-fit:contain;margin:10px 0;background:#1a281f}.map-footer{font-size:10px;color:#aabaac}.map-footer span{color:#caad76}#mobile-controls{position:fixed;inset:0;pointer-events:none}#joystick{position:absolute;left:25px;bottom:80px;width:120px;height:120px;border-radius:50%;border:1px solid rgba(229,235,221,.4);background:rgba(15,27,22,.28);pointer-events:auto;touch-action:none}#stick{position:absolute;left:40px;top:40px;width:40px;height:40px;border-radius:50%;background:rgba(225,230,213,.62)}.mobile-actions{position:absolute;right:18px;bottom:78px;width:188px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;pointer-events:auto}.mobile-actions button{height:50px;padding:2px;border:1px solid rgba(225,236,219,.4);border-radius:4px;background:rgba(12,23,19,.73);color:#eef2e9;font-size:11px;font-weight:700;touch-action:none}.mobile-actions #mobile-fire{grid-column:span 2;background:rgba(105,44,33,.8)}@media(max-width:700px){#hud{padding:17px 16px;gap:12px}.identity{font-size:10px}.identity span{display:block;margin:3px 0 0}.objective-label{margin-top:14px}.hud-left #objective{font-size:16px}.hud-right{width:104px}.meter-label{font-size:9px}#inventory{left:16px;bottom:16px;gap:9px;font-size:9px;flex-direction:column}#controls-hint{display:none}#interaction{bottom:27%;font-size:11px}.overlay{padding:18px;align-items:center;justify-content:center}.menu-panel{padding:24px}.menu-panel h1{font-size:36px}#subtitle{bottom:36%;font-size:13px}.map-shell{height:min(620px,82vh)}}