:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#e2ddc6;background:#111713}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d6b86a;outline-offset:5px}#game{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#766e54}#view{display:block;width:100%;height:100%;touch-action:none;image-rendering:pixelated}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 180px #13181188;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#00000008 3px,#00000008 4px)}#damage{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse,transparent 35%,#b5241888);opacity:0}.topbar{position:absolute;top:25px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px}.topbar a{color:#e2ddc6;text-decoration:none;text-shadow:0 1px 4px #000}.wordmark{color:#ede8d5;font-weight:900;letter-spacing:3px}.wordmark b{color:#d1b061}.topbar button{border:1px solid #c1c4a933;background:#11181366;color:#c8c9b2;padding:9px 12px;font-size:9px;letter-spacing:1.5px}.roundbar{position:absolute;top:69px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#111813b8;border-top:1px solid #d0c18d55;box-shadow:0 4px 16px #0002}.roundbar>span{padding:11px 15px;font-size:11px;letter-spacing:2px}.roundbar b{font-size:20px;vertical-align:middle;margin:0 7px}.ct{color:#9eb6c4}.t{color:#d1b277}#clock{font:24px Consolas,monospace;border-left:1px solid #fff1;border-right:1px solid #fff1;min-width:100px;text-align:center}.radar{position:absolute;left:30px;top:78px;width:146px;text-align:center}#radar{width:144px;height:144px;background:#142219b8;border:1px solid #bed1a144;border-radius:50%}.radar>span{display:block;font:10px Consolas,monospace;letter-spacing:2px;margin-top:10px;color:#e3ddbb;text-shadow:0 1px 4px #000}.feed{position:absolute;right:30px;top:133px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;font:11px Consolas,monospace}.feed div{background:#141a16b8;border-right:2px solid #b9a368;padding:8px 12px;color:#d4cbb0}.feed .enemy{color:#c9a47b}#crosshair{position:absolute;top:50%;left:50%;width:2px;height:2px;pointer-events:none;color:#bece8b}#crosshair i{position:absolute;background:currentColor}#crosshair i:nth-child(1){width:2px;height:7px;top:-13px}#crosshair i:nth-child(2){width:2px;height:7px;top:7px}#crosshair i:nth-child(3){width:7px;height:2px;left:-13px}#crosshair i:nth-child(4){width:7px;height:2px;left:7px}.prompt{position:absolute;top:65%;left:50%;transform:translateX(-50%);text-align:center;width:min(400px,90%);font:12px Consolas,monospace;text-shadow:0 1px 4px #000}#prompt{background:#141a16b8;padding:8px 12px;display:inline-block}#prompt:empty{display:none}#progress{height:4px;background:#ffffff22;margin:10px auto;width:200px;display:none}#progress-fill{height:100%;width:0;background:#d6bc70;display:block}.hud{position:absolute;left:30px;right:30px;bottom:48px;display:flex;align-items:flex-end;justify-content:space-between;text-shadow:0 2px 5px #0008;font-family:Consolas,monospace}.vitals{display:flex;gap:23px;color:#d8bc78;font-size:24px}.vitals b{font-size:36px;font-weight:400}.vitals .armor{color:#acb9ad}.objective{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;color:#decf9c;padding-bottom:10px}.live-dot{width:5px;height:5px;background:#d4ac5d;box-shadow:0 0 7px #f8b947}.ammo{text-align:right;color:#e0d4a9}.ammo>b{font-size:43px;font-weight:400}.ammo>span{font-size:20px;color:#adb5a7}.ammo small{display:block;font-size:9px;letter-spacing:3px}.desktop-hint{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#c4c6b5;font:9px Consolas,monospace;letter-spacing:1px;text-shadow:0 1px 4px #000}.round-message{position:absolute;top:33%;left:50%;transform:translateX(-50%);text-align:center;width:90%;pointer-events:none}.round-message strong{display:block;font-size:clamp(25px,4vw,52px);letter-spacing:4px;color:#e1d09b;text-shadow:0 3px 15px #000}.round-message span{display:block;margin-top:15px;font:12px Consolas,monospace;color:#eee4c8}.round-message[hidden]{display:none}.menu{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#0e1715f8,#15201be8 42%,#18231b88);padding:80px max(7vw,28px)}.menu[hidden]{display:none}.menu-inner{z-index:1;max-width:560px}.eyebrow{font:10px Consolas,monospace;letter-spacing:3px;color:#b2b79c;margin-bottom:25px}h1{font-size:clamp(55px,8vw,110px);font-weight:900;letter-spacing:-5px;line-height:.9;margin:0;color:#e5e1d1}h1 span{display:block;color:#b5a170;letter-spacing:5px;font-size:.49em;margin-top:15px}.subtitle{font-family:Georgia,serif;font-style:italic;font-size:24px;color:#bfc2ad;margin:24px 0 32px}.brief{display:flex;gap:16px;border-top:1px solid #bac2a833;border-bottom:1px solid #bac2a833;padding:14px 0;font:10px Consolas,monospace;letter-spacing:1px;color:#c9be9b}.intro{max-width:430px;font-size:14px;line-height:1.85;color:#b7bfae;margin:22px 0}.deploy{width:270px;max-width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#c5b27b;color:#141d17;font-size:12px;font-weight:bold;letter-spacing:3px;border:1px solid #e0d0a3;box-shadow:0 8px 30px #0002}.deploy:hover{background:#decc98}.deploy span{font-size:22px;line-height:12px}.controls-help{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:28px;font-size:10px;color:#899786}.controls-help b{display:block;color:#c7c9b7;font:11px Consolas,monospace;margin-bottom:6px}.fineprint{font-size:9px;color:#778574;margin-top:27px;line-height:1.6}.menu-map{position:absolute;right:13%;top:30%;font-size:220px;color:#c9b07413;font-weight:900;border:2px solid #c9b07418;width:260px;height:280px;display:grid;place-items:center;transform:rotate(-8deg)}.menu-map span{font:10px/1.8 Consolas,monospace;letter-spacing:3px;position:absolute;bottom:-50px;left:0;color:#b7bc9866}.mobile-controls{display:none}@media(pointer:coarse){.mobile-controls{display:block}.desktop-hint{display:none}#joystick{position:absolute;left:30px;bottom:95px;width:115px;height:115px;border-radius:50%;border:1px solid #d2d5bb55;background:#19201844;touch-action:none}#stick{position:absolute;left:35px;top:35px;width:45px;height:45px;border-radius:50%;background:#d0d1b24d;border:1px solid #e0e0c477}.mobile-actions{position:absolute;right:22px;bottom:96px;display:flex;align-items:flex-end;gap:10px}.mobile-actions button{width:48px;height:48px;border-radius:50%;border:1px solid #dad6b966;background:#1c241a88;color:#d4c8a1;font-size:15px;touch-action:none}.mobile-actions small{font-size:7px}.mobile-actions #fire{width:73px;height:73px;background:#b69d5e66;font-size:12px;letter-spacing:1px}.hud{bottom:22px}.vitals b{font-size:27px}.vitals{gap:12px;font-size:19px}.objective{display:none}.radar{left:16px;top:70px;width:92px}#radar{width:92px;height:92px}.radar>span{font-size:8px}.topbar{top:18px;left:16px;right:16px}.roundbar{top:66px}.roundbar>span{padding:9px 8px;font-size:9px}.roundbar b{font-size:15px;margin:0 3px}#clock{font-size:18px;min-width:80px}.feed{right:15px;top:120px;font-size:9px}.menu-map{display:none}.menu{padding:65px 28px 22px}.eyebrow{font-size:8px;margin-bottom:18px}.subtitle{margin:18px 0;font-size:19px}.brief{gap:10px;font-size:8px}.intro{font-size:12px;margin:16px 0}.controls-help{display:none}.fineprint{margin-top:16px}.menu-inner{max-width:480px}.prompt{top:59%;font-size:10px}}@media(max-height:550px){.menu{padding-top:50px}.menu h1{font-size:55px}.eyebrow{margin-bottom:12px}.menu h1 span{display:inline;margin-left:15px;font-size:.65em}.subtitle{margin:12px 0;font-size:18px}.brief{padding:9px 0}.intro{font-size:12px;margin:12px 0}.controls-help,.fineprint{display:none}.deploy{padding:14px 20px}.radar{width:88px}#radar{width:88px;height:88px}.roundbar{top:55px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
