@font-face{font-family:Condensed;src:local('Impact')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#111d20;color:#f5edda;font-family:'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #ffcd73;outline-offset:5px}.hidden{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #14202055}#damage-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 30px #e24024;opacity:0;transition:opacity .2s;z-index:7}.screen{position:fixed;inset:0;overflow:hidden}.menu-photo,.menu-shade,.grain{position:absolute;inset:0}.menu-photo{background-size:cover;background-position:center center;transform:scale(1.02);filter:saturate(.85)}.menu-shade{background:linear-gradient(90deg,rgba(9,25,28,.97) 0%,rgba(10,27,30,.87) 22%,rgba(12,27,28,.36) 53%,rgba(9,20,23,.08) 80%),linear-gradient(0deg,#122426ed,transparent 26%)}.grain{opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.menu-top{position:absolute;left:5%;right:5%;top:5%;display:flex;align-items:center;justify-content:space-between}.brand-mark{font:30px Condensed,Impact,sans-serif;border:1px solid #eadbbd88;width:53px;height:47px;display:flex;align-items:center;justify-content:center}.brand-mark span{font-size:13px;margin-top:12px;color:#f7b45b}.edition{font-size:10px;letter-spacing:2.5px;display:flex;align-items:center;gap:14px}.edition i{width:5px;height:5px;background:#de7a4d;border-radius:50%}.menu-copy{position:absolute;left:9%;top:20%;width:560px}.eyebrow{font-size:11px;letter-spacing:4px;font-weight:700;color:#e4b878;display:flex;align-items:center;gap:14px}.eyebrow>span{display:inline-block;width:38px;height:2px;background:#e4b878}h1{font:clamp(70px,9.4vw,148px)/.87 Condensed,Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:1px;margin:16px 0 20px;text-shadow:0 3px 16px #0002}h1>span{display:block;color:#ef955a}h1 .title-star{font-size:.32em;vertical-align:middle;margin-left:23px;color:#ecdab9}.tagline{font-size:15px;line-height:1.65;color:#d6d3c4;letter-spacing:.15px;margin:0 0 25px}.menu-actions{display:flex;flex-direction:column;gap:8px;width:310px}.primary,.secondary{width:100%;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;letter-spacing:1.6px;font-size:11px;font-weight:800;transition:background .2s,transform .2s}.primary{background:#ed9258;color:#172325}.primary:hover{background:#ffc180;transform:translateY(-1px)}.primary span{font-size:24px;line-height:16px}.secondary{background:#e5d8be13;border:1px solid #e5d8be55;color:#f5edda}.secondary:hover{background:#e5d8be30}.menu-minor{display:flex;align-items:center;gap:18px;margin-top:17px;color:#bdc3b9;font-size:10px;letter-spacing:1px}.menu-minor button,.text-btn{background:transparent;border:0;padding:9px 0;font-size:10px;letter-spacing:1.5px;color:#d5d5c7}.menu-minor button:hover,.text-btn:hover{color:#ffb76f}.menu-footer{position:absolute;bottom:5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:30px}.mission-stamps{display:flex;gap:30px;font-size:10px;letter-spacing:1.8px}.mission-stamps span{display:flex;gap:10px;align-items:center}.mission-stamps b{color:#f4b46e;font:20px Condensed,Impact,sans-serif}.rating{font-size:9px;color:#cbd0c3;letter-spacing:1.5px}.photo-caption{position:absolute;right:5%;bottom:19%;text-align:right;font-size:10px;letter-spacing:3px;text-shadow:0 2px 8px #333}.photo-caption b{display:block;font:68px/1 Condensed,Impact,sans-serif;margin-top:7px;letter-spacing:-1px}.photo-caption b span{color:#e89454}.modal{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0c1e23bd;backdrop-filter:blur(12px)}.panel{position:relative;width:min(470px,92vw);padding:42px;background:#172b2e;border:1px solid #a79a7740;box-shadow:0 30px 80px #0005}.panel.wide{width:min(840px,94vw)}.panel h2{font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.12;margin:18px 0}.panel>p{font-size:13px;line-height:1.6;color:#c5c8be;margin-bottom:28px}.panel>.primary{margin:18px 0 10px}.panel>.secondary{margin:10px 0}.panel>.text-btn{display:block;width:100%;text-align:center}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:13px;line-height:1.55}.manual-grid h3{font-size:10px;letter-spacing:2px;color:#e4b878;margin:12px 0 18px}.manual-grid dl{display:grid;grid-template-columns:100px 1fr;gap:10px}.manual-grid dt{font-size:10px;font-weight:700;letter-spacing:1px;color:#fff}.manual-grid dd{margin:0;color:#bec7c0}.manual-grid p{color:#d0d2c8}.muted{font-size:11px!important;line-height:1.6;color:#9eada6!important}.setting{display:flex;flex-direction:column;gap:10px;margin:22px 0;font-size:12px;letter-spacing:.4px}.setting select{padding:10px;background:#0d2024;color:#ebeadc;border:1px solid #8f977768}.setting input{accent-color:#ef995e}.setting.toggle{flex-direction:row;align-items:center;justify-content:space-between}.setting input[type=checkbox]{width:18px;height:18px}.hud-top{position:absolute;left:34px;right:30px;top:27px;display:flex;justify-content:space-between;align-items:flex-start;text-shadow:0 2px 6px #0008}.mission-label{border-left:3px solid #eb975d;padding-left:15px;display:flex;flex-direction:column;gap:5px}.mission-label>span{color:#f4bf7f;font-size:10px;letter-spacing:2px;font-weight:800}.mission-label strong{font-size:20px;font-weight:600;letter-spacing:.25px}.mission-label small{font-size:11px;color:#dce4df}.hud-right{display:flex;align-items:center;gap:18px;font:14px monospace;color:#eceee5}.hud-right button{background:#17252888;border:1px solid #e8e8d955;padding:7px 11px;font-size:16px}.hud-bottom{position:absolute;bottom:28px;left:34px;right:34px;display:flex;align-items:flex-end;justify-content:space-between;text-shadow:0 2px 6px #0008}.vitals{width:208px}.health-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.6px}.health-title b{font:22px Condensed,Impact,sans-serif;letter-spacing:1px}.health-track{height:5px;background:#06181888;margin:8px 0 8px}.health-track i{display:block;height:100%;width:100%;background:#e9e0bf;transition:width .15s}.health-note{font-size:9px;color:#e3e2d7;letter-spacing:.8px}.abilities{position:relative;display:flex;gap:12px;padding-bottom:19px}.ability{position:relative;display:flex;align-items:center;gap:12px;min-width:146px;padding:12px 15px;background:#102327b8;border:1px solid #d6d0b77d;overflow:hidden}.ability>b{border:1px solid #f8e5b6;border-radius:3px;width:26px;height:26px;display:grid;place-items:center;color:#f6c185;font-size:12px}.ability>div{display:flex;flex-direction:column;gap:3px}.ability strong{font-size:11px;letter-spacing:1.7px}.ability span{font-size:8px;letter-spacing:1px;color:#d4d6cb}.ability-sweep{position:absolute;bottom:0;left:0;width:0;height:3px;background:#efad70;transition:width .15s}.ability.cooling{opacity:.65}#cooldown-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1.9px;color:#eee5d1}.ammo{text-align:right}.ammo>strong{font:52px/.9 Condensed,Impact,sans-serif}.ammo>span{font-size:16px;color:#c3d1c6;margin-left:6px}.ammo small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:9px}#reticle{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px #000)}#reticle:before,#reticle:after,#reticle span:before,#reticle span:after{content:'';position:absolute;background:#fffbd9}#reticle:before{left:0;top:12px;width:7px;height:2px}#reticle:after{right:0;top:12px;width:7px;height:2px}#reticle span:before{top:0;left:12px;height:7px;width:2px}#reticle span:after{bottom:0;left:12px;height:7px;width:2px}#reticle i{position:absolute;left:12px;top:12px;background:#f3cd92;width:2px;height:2px}#hit-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:40px;color:#ffe8b1;opacity:0;transition:opacity .15s;text-shadow:0 1px 3px #000}#boss-bar{position:absolute;top:35px;left:30%;width:40%;padding:12px 20px;background:#122327aa;border:1px solid #c5a47544}#boss-bar>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:2px}.bar-track{height:6px;background:#060f12aa;margin-top:10px}.bar-track i{display:block;height:100%;width:100%;background:#ed8057;transition:width .2s}#toast{position:absolute;left:50%;top:25%;transform:translateX(-50%) translateY(-10px);padding:12px 22px;background:#173236df;border:1px solid #cdb98b77;letter-spacing:.5px;font-size:13px;opacity:0;transition:opacity .2s,transform .2s;max-width:75%;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#bark{position:absolute;left:50%;bottom:22%;transform:translateX(-50%);background:#101b20df;padding:16px 25px;border-left:3px solid #f7aa70;max-width:70%;text-align:center;font-size:17px;font-family:Georgia,serif}#capture-hint{position:absolute;left:50%;top:65%;transform:translateX(-50%);padding:14px 22px;text-align:center;font-size:10px;letter-spacing:2px;background:#142d31e3;border:1px solid #b8b89766;pointer-events:none}#capture-hint span{display:block;margin-top:7px;letter-spacing:.3px;font-size:11px;color:#cbd1c6}#cine-image{position:absolute;inset:-3%;background-size:cover;background-position:center;animation:cinematicPush 15s linear forwards}.cine-shade{position:absolute;inset:0;background:linear-gradient(0deg,#071b21ee 0%,transparent 40%,transparent 80%,#06181e88)}.letterbox{position:absolute;left:0;right:0;height:7%;background:#08161a;z-index:1}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.cine-meta{position:absolute;left:5%;right:5%;top:3%;z-index:3;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#d4d5bd}#cine-title{position:absolute;left:7%;top:17%;text-shadow:0 2px 18px #0008;transition:opacity .5s}#cine-title>span{font-size:10px;color:#fac38c;letter-spacing:4px}#cine-title h2{font:clamp(34px,4.7vw,72px)/1.05 Condensed,Impact,sans-serif;letter-spacing:1px;margin:10px 0;max-width:680px}#cine-subtitle{position:absolute;bottom:13%;left:16%;right:16%;text-align:center;font-size:clamp(16px,1.6vw,24px);line-height:1.5;text-shadow:0 2px 5px #000,0 0 25px #000;font-family:Georgia,serif}#cine-subtitle:empty{display:none}#cine-endcard{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:clamp(28px,5vw,76px) Condensed,Impact,sans-serif;letter-spacing:4px;opacity:0;background:#0c2328ed;transition:opacity .25s;pointer-events:none;z-index:4}#skip-cine{position:absolute;right:5%;bottom:2.4%;z-index:5;background:transparent;border:0;font-size:9px;letter-spacing:2px;color:#d3d7c5}kbd{font:10px 'Segoe UI',sans-serif;padding:4px 7px;border:1px solid #b8c2ae88;border-radius:2px;margin-left:8px}.cine-progress{position:absolute;bottom:0;height:2px;background:#253838;width:100%;z-index:6}.cine-progress i{display:block;height:100%;background:#e5a164;width:0}.victory-bg{position:absolute;inset:0;background:linear-gradient(90deg,#10262bef,#12262a99);background-size:cover;background-position:center}#victory{display:flex;align-items:center;justify-content:center}#victory .panel{width:min(580px,90%);background:#142a2de8;text-align:center}#victory .eyebrow{justify-content:center}#victory .panel h2{font-size:43px}#victory-stats{display:flex;justify-content:center;gap:35px;margin:25px 0;font-size:11px;letter-spacing:1px;color:#c9cfbf}#victory-stats b{display:block;font:32px Condensed,Impact,sans-serif;color:#efbc80;margin-bottom:5px}.credits{display:block;font-size:9px;line-height:1.7;letter-spacing:.2px;color:#a2b4a9;margin-top:25px}@keyframes cinematicPush{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.12) translateX(-1%)}}@media(max-height:720px){.menu-copy{top:17%}h1{font-size:clamp(70px,8vw,112px)}.tagline{margin-bottom:17px;font-size:13px}.menu-footer{bottom:4%}.panel{padding:25px}.panel h2{font-size:30px}.manual-grid{font-size:11px}.manual-grid dl{gap:7px}.photo-caption{bottom:18%}}@media(max-width:800px){.menu-copy{left:7%;width:85%}.menu-shade{background:linear-gradient(90deg,#0b2028ef,#0c20276b)}.menu-footer{left:7%}.mission-stamps{gap:18px}.rating,.photo-caption,.edition{display:none}.manual-grid{grid-template-columns:1fr 1fr;gap:20px}.hud-top{left:15px;right:15px}.hud-bottom{left:15px;right:15px;bottom:20px}.vitals{width:130px}.ability{min-width:100px;padding:8px;gap:7px}.ability span{display:none}.abilities{gap:6px}.ammo>strong{font-size:38px}#boss-bar{top:110px;left:25%;width:50%}.mission-label strong{font-size:16px}.health-note{font-size:7px}.cine-meta{font-size:8px}#cine-subtitle{left:8%;right:8%}}
/* HUD decoration must not intercept the click used to capture the mouse. */
#hud{pointer-events:none}#pause-btn{pointer-events:auto}
