:root{color-scheme:dark;--ink:#101c20;--paper:#f3f0df;--muted:#b5bab3;--orange:#ff7146;--teal:#65f0d1;--line:rgba(239,241,219,.22)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);font-family:Arial,Helvetica,sans-serif;color:var(--paper);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{touch-action:none}button,select,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none;touch-action:none}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:5px}button:disabled{opacity:.5;cursor:wait}#game{display:block;width:100%;height:100%;outline:none;touch-action:none}.hidden{display:none!important}.overlay{position:absolute;inset:0;z-index:20}#loading{display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--ink);z-index:100}#loading p{font:10px monospace;letter-spacing:.25em}.loading-mark{font-size:60px;font-weight:900;font-style:italic}.loading-mark span{color:var(--orange)}.loading-line{width:130px;height:2px;background:var(--orange);animation:pulse 1.2s infinite}.masthead,.menu-footer{position:absolute;left:max(5vw,env(safe-area-inset-left));right:max(5vw,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between}.masthead{top:max(32px,env(safe-area-inset-top))}.studio{font-weight:700;font-size:11px;letter-spacing:.15em}.studio b{color:var(--orange);margin:0 5px}.build-label{font:9px monospace;letter-spacing:.15em;display:flex;align-items:center;gap:8px}.build-label i{width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}#menu{background:linear-gradient(90deg,rgba(10,23,27,.97) 0%,rgba(10,23,27,.8) 26%,rgba(10,23,27,.18) 70%),linear-gradient(0deg,rgba(10,23,27,.8),transparent 25%)}.menu-content{position:absolute;left:max(6vw,env(safe-area-inset-left));top:18%;max-width:580px}.eyebrow{font:10px monospace;letter-spacing:.22em;color:var(--orange);margin-bottom:14px}h1{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(60px,8.5vw,140px);font-style:italic;font-weight:900;letter-spacing:-.025em;line-height:.84;margin:0;position:relative;width:max-content}h1>span{display:block;color:var(--orange)}h1 em{font:normal bold 10px monospace;letter-spacing:.35em;position:absolute;right:-5px;bottom:16px;transform:translateX(100%) rotate(-90deg);transform-origin:left bottom;border-bottom:2px solid var(--orange);padding-bottom:6px}.tagline{font-size:14px;line-height:1.6;color:#cfcec4;margin:22px 0}.mission-preview{display:flex;gap:17px;align-items:center;margin:22px 0}.mission-number{font:italic 36px Impact,'Arial Black',sans-serif;color:var(--orange);border-right:1px solid var(--line);padding-right:16px}.mission-preview small{font:8px monospace;letter-spacing:.2em;color:var(--muted)}.mission-preview h2{font-size:19px;font-weight:500;margin:4px 0}.mission-preview p{font:8px monospace;letter-spacing:.18em;color:var(--muted);margin:0}.menu-actions{display:flex;gap:16px;align-items:center}.primary{background:var(--orange);color:#122024;min-height:49px;padding:0 22px;font-weight:800;font-size:10px;letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between;gap:34px;transition:background .2s,transform .2s}.primary:hover{background:#ff9269;transform:translateY(-1px)}.primary span{font-size:20px}.quiet{font:9px monospace;letter-spacing:.1em;color:#d8d9cf;padding:12px}.quiet:hover{color:var(--orange)}.menu-hint{font:9px monospace;color:#b9bcb3;margin-top:16px;max-width:340px;line-height:1.6}.world-caption{position:absolute;right:7%;top:54%;border-left:2px solid var(--orange);padding:0 0 0 18px;text-shadow:0 2px 12px #09161c}.world-caption>span{font:9px monospace;letter-spacing:.22em}.world-caption strong{font:italic 46px Impact,'Arial Black',sans-serif;display:block;line-height:1.2}.world-caption strong span{font-size:20px;color:var(--orange)}.world-caption p{font:8px monospace;letter-spacing:.12em}.signal-bars{display:flex;align-items:center;gap:4px;height:20px}.signal-bars i{height:40%;width:3px;background:var(--orange)}.signal-bars i:nth-child(2n){height:70%}.signal-bars i:nth-child(3n){height:100%}.menu-footer{bottom:max(24px,env(safe-area-inset-bottom));font:8px monospace;letter-spacing:.12em;gap:16px}.menu-footer b{color:var(--orange);margin:0 8px}.menu-footer button{font:8px monospace;letter-spacing:.08em;color:var(--paper);padding:8px 0}.fiction-note{opacity:.65}#hud{position:absolute;inset:0;pointer-events:none;z-index:4;text-shadow:0 1px 4px #0008}#hud button,#joystick{pointer-events:auto}.hud-top{position:absolute;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:flex-start}.small-label{font:8px monospace;letter-spacing:.16em;color:#c8d2c5}.small-label b{color:var(--orange);padding:0 6px}.mission-status>strong{display:block;font-size:12px;letter-spacing:.06em;margin-top:7px}#fragment-pips{display:flex;gap:5px;align-items:center;margin-top:9px}#fragment-pips i{width:9px;height:9px;border:1px solid var(--teal);transform:rotate(45deg);margin-right:3px}#fragment-pips i.active{background:var(--teal);box-shadow:0 0 9px #65f0d166}#fragment-pips span{font:9px monospace;color:var(--teal);margin-left:7px}.compass{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font:8px monospace;letter-spacing:.25em;color:#d4ded2}.compass>span{font-size:11px}.compass>div{margin-top:8px;opacity:.8}.compass b{color:var(--orange)}.top-actions{display:flex;align-items:center;gap:12px}#pause{height:36px;width:38px;background:#15252ba8;border:1px solid #b9cac633;font-size:16px}#fps{font:9px monospace;color:var(--teal)}#minimap{position:absolute;right:max(24px,env(safe-area-inset-right));top:76px;width:122px;height:122px;background:#101c20b3;border:1px solid #cee2d13b;border-radius:50%}#crosshair{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#f8f7e3;box-shadow:0 0 3px #183d35;height:2px;width:5px}#crosshair i:nth-child(1){top:11px;left:0}#crosshair i:nth-child(2){top:11px;right:0}#crosshair i:nth-child(3){height:5px;width:2px;left:11px;top:0}#crosshair i:nth-child(4){height:5px;width:2px;left:11px;bottom:0}#crosshair::after{content:'';position:absolute;left:11px;top:11px;background:#fff;width:2px;height:2px}#hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:26px;height:26px;border:2px solid var(--teal);opacity:0;transition:opacity .1s}#waypoint{position:absolute;display:flex;align-items:center;flex-direction:column;color:var(--teal);transform:translate(-50%,-100%);font:8px monospace;letter-spacing:.09em;gap:4px;text-shadow:0 1px 4px #000}#waypoint>span{font-size:25px;line-height:1}#waypoint small{color:white}#toast{position:absolute;top:24%;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.06em;white-space:nowrap;color:var(--teal);padding:11px 18px;border-left:2px solid var(--teal);background:#10242de0;opacity:0;transition:opacity .2s}#tutorial{position:absolute;top:34%;left:24px;width:210px;background:#0c202aee;padding:14px 30px 12px 14px;border-left:2px solid var(--orange)}#tutorial>span{font:8px monospace;color:var(--orange);letter-spacing:.13em}#tutorial p{font-size:11px;line-height:1.6;margin:7px 0 0}#tutorial-dismiss{position:absolute;right:3px;top:3px;font-size:20px;padding:5px 8px}#interact{position:absolute;left:50%;top:66%;transform:translateX(-50%);padding:13px 17px;background:var(--teal);color:#142528;font-size:9px;font-weight:800;letter-spacing:.06em;white-space:nowrap;text-shadow:none}#interact span{padding:3px 5px;border:1px solid #14252855;margin-left:12px}.hud-bottom{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:max(25px,env(safe-area-inset-left));right:max(25px,env(safe-area-inset-right));display:flex;align-items:flex-end;justify-content:space-between}.health-panel>div:nth-child(2){display:flex;gap:8px;align-items:baseline;margin-top:5px}.health-cross{color:var(--teal);font-size:22px;font-weight:700}.health-panel strong{font-size:29px}.health-panel small{font:9px monospace;color:#d9e2d2}.health-track{width:120px;height:3px;background:#ffffff30;margin-top:7px}.health-track i{display:block;height:100%;background:var(--teal);width:100%;transition:width .15s}.weapon-panel{text-align:right}.weapon-panel>div{margin-top:3px}.weapon-panel strong{font-size:36px}.weapon-panel>div>span{font:19px monospace;color:#9caea9}.weapon-panel b{font:17px monospace}.weapon-panel>small{font:7px monospace;letter-spacing:.1em;color:#b8d0c5}#joystick{position:absolute;bottom:max(95px,calc(env(safe-area-inset-bottom) + 75px));left:max(40px,calc(env(safe-area-inset-left) + 18px));width:114px;height:114px;display:flex;align-items:center;justify-content:center;touch-action:none}.joystick-ring{width:104px;height:104px;border:1px solid #e7f3d83d;border-radius:50%;background:#d1e6d00b;display:flex;align-items:center;justify-content:center}.joystick-ring::before{content:'';width:64px;height:64px;border:1px solid #e7f3d821;border-radius:50%;position:absolute}#stick{width:42px;height:42px;display:block;border-radius:50%;background:#cfdec63d;border:1px solid #e7f3d877;box-shadow:0 2px 10px #06162233}#joystick>span{position:absolute;bottom:-13px;font:7px monospace;letter-spacing:.19em;color:#e2e6d8a6}#fire{position:absolute;right:max(32px,calc(env(safe-area-inset-right) + 15px));bottom:max(106px,calc(env(safe-area-inset-bottom) + 80px));width:90px;height:90px;border:1px solid #ffbd91b3;border-radius:50%;background:#ff714626;display:flex;align-items:center;justify-content:center;flex-direction:column}#fire:active{background:#ff714688}.fire-glyph{font-size:43px;line-height:1}.round-control{width:48px;height:48px;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;border:1px solid #d5e7d957;background:#14262a63;font-size:24px}#fire small,.round-control small{font:6px monospace;letter-spacing:.13em;margin-top:3px}.round-control.active{border-color:var(--teal);background:#65f0d136}#reload{right:max(138px,calc(env(safe-area-inset-right) + 116px));bottom:109px}#aim{right:max(57px,calc(env(safe-area-inset-right) + 38px));bottom:209px}#look-hint{position:absolute;right:40%;bottom:19%;font:7px monospace;letter-spacing:.18em;opacity:.45}#timebreak{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;background:#112d34b8;border:1px solid #65f0d16e;padding:8px 14px;overflow:hidden;text-align:left}#timebreak>span{font-size:28px;color:var(--teal);line-height:1}#timebreak strong{font:9px monospace;letter-spacing:.08em}#timebreak small{font:7px monospace;color:var(--teal);display:block;margin-top:4px}#time-meter{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--teal)}#desktop-help{position:absolute;bottom:92px;left:50%;transform:translateX(-50%);white-space:nowrap;font:8px monospace}#desktop-help span{color:#b6c7b9;margin-left:3px}#landscape-hint{display:none;position:absolute;bottom:92px;left:50%;transform:translateX(-50%);font:8px monospace;white-space:nowrap;opacity:.75}.modal{background:#071820bd;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;overflow:auto;padding:max(24px,env(safe-area-inset-top)) 24px}.dialog{width:min(100%,400px);text-align:left}.dialog h2{font-family:Impact,'Arial Black',sans-serif;font-size:48px;font-weight:900;line-height:1;margin:10px 0 18px}.dialog>p{font-size:13px;line-height:1.7;color:#c5cec6}.dialog>.primary{width:100%;margin-top:24px}.dialog>.quiet{width:100%;margin-top:8px}.secondary{width:100%;border:1px solid var(--line);padding:15px;margin-top:10px;font:9px monospace;letter-spacing:.1em}.settings-dialog label{display:block;margin:18px 0;font:12px Arial}.settings-dialog output{float:right;color:var(--teal);font:11px monospace}.settings-dialog input[type=range]{width:100%;margin:14px 0 0;accent-color:var(--teal)}.settings-dialog .setting-row{display:flex;align-items:center;justify-content:space-between}.setting-row select{padding:8px;background:#1d3033;border:1px solid var(--line);color:var(--paper);font-size:10px}.setting-row input{accent-color:var(--teal);width:18px;height:18px}.settings-note{font-size:10px!important}.results-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.results-stats small{font:7px monospace;letter-spacing:.07em;color:var(--muted)}.results-stats strong{font:28px Impact,'Arial Black',sans-serif;display:block;margin-top:7px;color:var(--teal)}#best-time{font:10px monospace;color:var(--teal)}#damage,#timewash{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0}#damage{box-shadow:inset 0 0 110px 40px #b53323;transition:opacity .13s}#timewash{box-shadow:inset 0 0 120px 20px #43e3de66;background:#35bcdf0c;transition:opacity .25s}.fatal{position:fixed;inset:0;background:var(--ink);color:var(--paper);padding:20vh 10vw;text-align:center;z-index:200}.fatal p{font-size:13px;line-height:1.7}.desktop #touch-controls{display:none}.touch #desktop-help{display:none}.touch #timebreak{bottom:max(22px,env(safe-area-inset-bottom))}@keyframes pulse{50%{opacity:.2;transform:scaleX(.3)}}
@media(max-width:850px) and (orientation:landscape){.masthead{top:max(16px,env(safe-area-inset-top));left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right))}.menu-content{top:20%;left:max(35px,env(safe-area-inset-left))}h1{font-size:73px}.eyebrow{font-size:8px;margin-bottom:10px}.tagline{display:none}.mission-preview{margin:16px 0}.mission-preview h2{font-size:16px}.mission-number{font-size:28px}.primary{min-height:42px;font-size:9px}.menu-hint{margin:9px 0;font-size:8px}.menu-footer{bottom:max(10px,env(safe-area-inset-bottom));left:max(30px,env(safe-area-inset-left));right:max(30px,env(safe-area-inset-right));font-size:7px}.fiction-note{display:none}.world-caption{right:10%;top:45%}.hud-top{top:max(12px,env(safe-area-inset-top))}.mission-status>strong{font-size:10px}#minimap{width:90px;height:90px;top:62px}#joystick{width:100px;height:100px;bottom:82px;left:max(30px,env(safe-area-inset-left))}.joystick-ring{height:90px;width:90px}#fire{width:77px;height:77px;bottom:85px;right:max(30px,env(safe-area-inset-right))}#aim{bottom:172px;right:max(44px,calc(env(safe-area-inset-right) + 12px))}#reload{bottom:95px;right:max(122px,calc(env(safe-area-inset-right) + 94px))}.hud-bottom{bottom:max(13px,env(safe-area-inset-bottom))}.health-panel strong{font-size:24px}.weapon-panel strong{font-size:30px}#tutorial{top:27%;width:185px;padding:10px 28px 10px 12px}#tutorial p{font-size:10px}.dialog{width:380px}.dialog h2{font-size:34px;margin:8px 0 12px}.dialog>.primary{margin-top:14px}.dialog>.quiet{margin-top:0;padding:9px}.dialog>p{font-size:11px}.settings-dialog{max-width:460px}.settings-dialog h2{font-size:26px}.settings-dialog label{margin:9px 0;font-size:11px}.settings-dialog input[type=range]{margin:5px 0}.settings-note{margin:7px 0}.modal{padding:18px 24px}.results-stats{margin:16px 0;padding:15px 0}#toast{top:20%}}
@media(orientation:portrait){.masthead{left:25px;right:25px;top:max(25px,env(safe-area-inset-top))}.studio{font-size:9px}.build-label{font-size:6px;gap:5px}.menu-content{left:30px;top:19%}h1{font-size:104px}.tagline{font-size:13px;margin:23px 0}.mission-preview{margin:26px 0}.world-caption{right:25px;top:64%;opacity:.65}.world-caption strong{font-size:28px}.world-caption>span{font-size:6px}.world-caption p{font-size:6px}.menu-actions{gap:8px}.menu-actions .primary{padding:0 17px;gap:24px}.menu-actions .quiet{font-size:8px;padding:8px}.menu-hint{max-width:230px;font-size:8px}.menu-footer{left:25px;right:25px;bottom:max(25px,env(safe-area-inset-bottom));align-items:flex-start;flex-direction:column;gap:8px}.fiction-note{display:none}#menu{background:linear-gradient(90deg,#0a171bdf,#0a171b40),linear-gradient(0deg,#0a171bd9,transparent 60%)}.compass{display:none}.hud-top{left:18px;right:18px;top:max(18px,env(safe-area-inset-top))}#minimap{width:90px;height:90px;right:18px;top:75px}.mission-status>strong{font-size:9px}.small-label{font-size:7px}.health-track{width:85px}.hud-bottom{left:20px;right:20px;bottom:max(25px,env(safe-area-inset-bottom))}.health-panel strong{font-size:23px}.weapon-panel strong{font-size:30px}.weapon-panel .small-label{font-size:6px}#timebreak{padding:8px}#timebreak strong{font-size:7px}#timebreak small{font-size:6px}#timebreak>span{font-size:23px}#joystick{left:22px;bottom:130px}#fire{right:22px;bottom:145px;width:80px;height:80px}#aim{right:38px;bottom:239px}#reload{right:115px;bottom:158px}#look-hint{right:29%;bottom:36%;font-size:6px}#landscape-hint{display:block}#tutorial{top:27%;left:18px;width:175px}#toast{font-size:9px;padding:10px;max-width:95vw;white-space:normal;text-align:center}#interact{top:60%;font-size:8px}.dialog h2{font-size:40px}}
@media(max-height:370px){.menu-content{top:21%}h1{font-size:59px}.mission-preview{margin:12px 0}.menu-hint{display:none}.menu-footer{font-size:6px}.world-caption{top:42%}.settings-dialog h2{display:none}.settings-dialog label{margin:7px 0}.dialog h2{font-size:28px}}

@media(max-width:850px) and (orientation:landscape){.menu-content{top:18%}.menu-hint{font-size:7px;line-height:1.4}.menu-footer{font-size:6px}}
