:root{color-scheme:dark;--ink:#f4f1fa;--muted:#a7aec5;--dim:#65718e;--violet:#b38ad6;--pink:#e56794;--red:#f5637a;--line:rgba(190,198,230,.19);font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080d1d;color:var(--ink)}body{font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:2px solid #ddbaf2;outline-offset:5px}button:disabled{cursor:default}button{touch-action:manipulation}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.grain,.vignette{position:fixed;inset:0;pointer-events:none}.grain{opacity:.045;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.98' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{background:radial-gradient(ellipse at 60% 43%,transparent 24%,#060b1980 100%);z-index:1}.masthead{height:104px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;z-index:20;background:linear-gradient(#070c18a0,transparent)}.brand{display:flex;align-items:center;gap:13px;font-size:20px;letter-spacing:.25em;font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:.27em;color:var(--muted);margin-top:6px}.spider-mark{font-size:60px;font-weight:100;line-height:.6;transform:rotate(-65deg);color:#bf99d4}.header-right{display:flex;align-items:center;gap:14px}.location{font-size:9px;letter-spacing:.2em;margin-right:20px;color:#bac0d1}.location b{font-weight:400;margin-left:19px;color:#757e99}.location i{display:inline-block;background:#e25c8c;box-shadow:0 0 12px #d9508955;width:4px;height:4px;border-radius:50%;margin-right:12px}.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid #aebad331;background:#10172770;border-radius:50%;font-size:17px;color:#c8cadd;transition:.2s}.icon-button:hover{border-color:var(--violet);background:#9972b728}.play-only{display:none}body.playing .play-only{display:grid}.intro{position:fixed;inset:0;z-index:4;background:linear-gradient(90deg,#060b19c4,transparent 62%);pointer-events:none}.intro-copy{position:absolute;left:8%;top:23%;pointer-events:auto}.eyebrow{color:var(--violet);letter-spacing:.24em;font-size:9px;font-weight:600;line-height:1.7}.intro .eyebrow{display:flex;align-items:center;gap:12px}.intro .eyebrow span{width:31px;height:1px;background:#a278b9}h1,h2,p{margin:0}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(62px,7.6vw,118px);letter-spacing:-.055em;line-height:.98;margin:27px 0 26px}h1 em,h2 em{font-weight:400;color:#cbbbdc}h1 em{letter-spacing:-.06em}.lead{font-size:17px;line-height:1.6;letter-spacing:.045em;color:#d0ccda}.intro-detail{font-size:11px;line-height:1.8;color:#929ab2;margin:17px 0 32px;letter-spacing:.025em}.start-row{display:flex;gap:24px;align-items:center}.primary{min-height:53px;background:#bc8dcc;color:#171024;display:flex;gap:40px;align-items:center;justify-content:space-between;padding:0 24px;font-size:10px;font-weight:700;letter-spacing:.14em;transition:background .18s,box-shadow .18s;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.primary b{font-size:22px;font-weight:400}.primary:hover{background:#d2abdf;box-shadow:0 0 30px #ba79df44}.duration{font-size:7px;line-height:1.9;letter-spacing:.18em;color:#a9a4ba}.duration b{font-weight:400;color:#716f87}.text-button{display:block;background:transparent;color:#a8a3ba;padding:18px 0;font-size:8px;letter-spacing:.18em}.text-button:hover{color:#ece1fa}.text-button span{color:#d8b5ed;margin-left:15px}.best-line{display:flex;align-items:baseline;gap:13px;margin-top:17px;font-size:7px;color:#727c96;letter-spacing:.13em}.best-line b{color:#bdb6d1;font-size:18px;font-weight:400;letter-spacing:.08em}.best-line span{padding-left:12px;border-left:1px solid var(--line);font-size:6px;color:#4f5a73}.hero-caption{position:absolute;right:8%;bottom:19%;text-align:right;pointer-events:none;text-shadow:0 2px 10px #081024}.hero-caption span{font-size:7px;letter-spacing:.24em;color:#a9a2bc}.hero-caption b{display:block;font-size:22px;font-weight:400;letter-spacing:.22em;margin:9px 0}.hero-caption small{font-family:Georgia,serif;font-style:italic;font-size:13px;color:#aaa7ba}.intro-bottom{position:absolute;bottom:29px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;font-size:7px;letter-spacing:.18em;color:#6c7895}.intro-bottom i{margin-left:18px;color:#c281ac;font-style:normal}.hud{position:fixed;inset:0;z-index:5;pointer-events:none;background:linear-gradient(#070d1930,transparent 30%,transparent 60%,#070d19b0)}[hidden]{display:none!important}.mission-panel{position:absolute;left:4.3%;top:123px;width:275px}.mission-panel .eyebrow{font-size:8px;display:flex;justify-content:space-between}.mission-panel .eyebrow span{color:#c9c4d6;font-family:monospace;font-size:10px;letter-spacing:.16em}.mission-panel h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin-top:12px;letter-spacing:-.01em}.mission-stats{display:flex;gap:26px;margin-top:18px;font-size:7px;letter-spacing:.15em;color:#8e9ab4}.mission-stats b{font-family:monospace;display:block;font-size:23px;font-weight:300;color:#ddd9e7;margin-bottom:6px}.contract-dots{display:flex;gap:4px;margin-top:18px}.contract-dots i{width:25px;height:2px;background:#394057}.contract-dots i.active{background:#c992d2}.score-panel{position:absolute;right:4.3%;top:125px;text-align:right}.score-panel small{display:block;font-size:8px;letter-spacing:.2em;color:#aaa4bc}.score-panel>b{display:block;font-weight:100;font-family:monospace;font-size:44px;letter-spacing:.07em;margin:8px 0 4px;color:#eee6f5}.score-panel>span{font-size:7px;letter-spacing:.1em;color:#87728c}.exposure-panel{position:absolute;top:240px;right:4.3%;width:172px}.exposure-panel>span{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#a9a9be}.exposure-panel b{font-family:monospace;font-weight:400;color:#d39cae}.meter{height:2px;background:#293047;margin-top:11px}.meter i{display:block;background:#e5708a;width:0;height:100%;box-shadow:0 0 10px #f8688366;transition:width .15s}.exposure-panel small{display:block;font-size:8px;color:#797f98;margin-top:9px}.exposure-panel.danger small,.exposure-panel.danger span{color:#f88c9d}.reticle{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);z-index:10;filter:drop-shadow(0 1px 3px #000);color:#f8edf4}.reticle i,.reticle b{position:absolute;background:currentColor;opacity:.9}.reticle i{width:1px;height:24px;left:11.5px}.reticle b{height:1px;width:24px;top:11.5px}.reticle span{position:absolute;width:4px;height:4px;top:10px;left:10px;background:#f17291;border:1px solid #ffe6f0;border-radius:50%}.reticle.hit{color:#fe6c94;transform:translate(-50%,-50%) rotate(45deg);width:32px;height:32px}.scope{position:absolute;inset:0;display:none;z-index:3;overflow:hidden;background:radial-gradient(circle at center,transparent min(38vh,38vw),#030710eb min(39vh,39vw));box-shadow:inset 0 0 100px #000}.scope.active{display:block}.scope-ring{width:min(77vh,77vw);height:min(77vh,77vw);border:1px solid #de83a044;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 7px #1e172c77,0 0 0 8px #b58fab22,inset 0 0 60px #7987ce12;}.scope-ticks{position:absolute;inset:-4px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#b277a355 0deg .12deg,transparent .15deg 10deg);mask:radial-gradient(circle,transparent 68.5%,#000 69%)}.scope-top{position:absolute;top:9%;width:100%;text-align:center;font-size:7px;letter-spacing:.23em;color:#9e6f93}.scope-left,.scope-right{position:absolute;top:32%;font:8px/32px monospace;color:#98748d}.scope-left{left:9%;text-align:right}.scope-right{right:9%}.scope-bottom{position:absolute;bottom:11%;width:180px;left:50%;transform:translateX(-50%);text-align:center}.scope-bottom>span{font:8px monospace;letter-spacing:.16em;color:#d3c2da}.scope-bottom b{font-size:25px;font-weight:300;margin-left:8px}.charge-meter{height:2px;margin:9px auto 8px;background:#4b304666;width:115px}.charge-meter i{display:block;height:100%;background:#e98bb7;box-shadow:0 0 12px #f56b9f88}.scope-bottom small{font:6px monospace;letter-spacing:.15em;color:#a585a7}#infra-wash{position:absolute;inset:0;opacity:0;box-shadow:inset 0 0 150px #d211603f;background:linear-gradient(#e8245510,transparent);transition:opacity .4s;z-index:4}#infra-wash.active{opacity:1}#grapple-cable{display:none;position:absolute;left:12%;bottom:20%;width:70%;height:1px;background:#dda1d9;box-shadow:0 0 6px #d187e8;transform:rotate(-35deg);transform-origin:left;z-index:12}.target-marker{position:absolute;transform:translate(-50%,-100%);height:32px;min-width:25px;text-align:center;color:#f57799;font:7px monospace;letter-spacing:.12em;filter:drop-shadow(0 0 4px #080c1c)}.target-marker:after{content:"";display:block;position:absolute;width:10px;height:10px;border:1px solid #ed779bb3;transform:rotate(45deg);left:50%;top:17px;margin-left:-5px}.target-marker.cloaked{color:#f3a4c9}.target-marker.cloaked:after{box-shadow:0 0 14px #ef2768}.event{position:absolute;bottom:200px;left:50%;transform:translateX(-50%);text-align:center;width:min(90%,600px);opacity:0;transition:opacity .25s;z-index:10;text-shadow:0 1px 8px #090c1c}.event.active{opacity:1}.event strong{display:block;font-size:13px;font-weight:400;letter-spacing:.22em;color:#eee1f4}.event span{display:block;font-size:10px;letter-spacing:.05em;margin-top:9px;color:#b6a7bd}.operator-caption{position:absolute;left:51px;bottom:160px;width:130px;z-index:10}.operator-caption small{font-size:9px;letter-spacing:.17em;color:#d4bfde}.operator-caption>span{display:block;font-size:6px;letter-spacing:.13em;margin-top:6px;color:#8b91ad}.breath-meter{height:2px;background:#283347;margin:10px 0 7px}.breath-meter i{height:100%;width:100%;display:block;background:#9b9acd}.operator-caption em{font:6px monospace;letter-spacing:.15em;color:#686f8d}.operator-caption em b{float:right;color:#a8a6c8;font-weight:400}.bottom-hud{position:absolute;bottom:27px;left:4.3%;right:4.3%;height:102px;border-top:1px solid var(--line);display:flex;align-items:center;gap:42px;padding-top:5px;z-index:14}.weapon{min-width:165px;pointer-events:auto}.weapon>small{font-size:8px;letter-spacing:.19em;color:#b0abc3}.weapon>div{display:flex;align-items:center;gap:7px;margin-top:9px}.weapon b{font:32px monospace;color:#e1d8eb}.weapon span{font:13px monospace;color:#6b7390}.weapon button{background:transparent;color:#79829d;font-size:6px;letter-spacing:.08em;padding:11px 0 11px 12px}.weapon kbd{display:block;margin-bottom:3px;width:16px}.abilities{display:flex;gap:12px;pointer-events:auto}.ability{display:flex;align-items:center;gap:11px;background:#141e32b0;border:1px solid #a6a3c126;padding:13px 14px;min-width:160px;height:60px;position:relative;transition:background .2s,border-color .2s}.ability:hover{background:#322443a3;border-color:#b99bd0}.ability:disabled{opacity:.46}.ability-icon{font-size:25px;color:#c59ace;font-weight:200;min-width:27px}.hook-icon{transform:rotate(-30deg);font-size:37px}.ability div{text-align:left}.ability small{display:block;font-size:6px;letter-spacing:.12em;color:#b3a8c3}.ability-status{display:block;font:9px monospace;letter-spacing:.05em;margin-top:7px;font-weight:400;color:#dfcde6}.ability kbd{position:absolute;top:6px;right:7px;color:#777c95;font-size:6px;border:0}kbd{font:9px monospace;padding:2px 4px;border:1px solid #73799366;border-radius:2px;white-space:nowrap}.control-hint{margin-left:auto;display:flex;flex-direction:column;gap:9px;font-size:6px;color:#727a95;letter-spacing:.07em}.control-hint b{color:#b2b0c3;font-weight:400;margin-right:7px}.touch-controls{display:none;pointer-events:auto}.end-screen{position:fixed;inset:0;z-index:16;background:linear-gradient(90deg,#060c1bea,#060c1b90 55%,#090c1840);display:flex;align-items:center;padding-left:10%}.end-card{width:415px;padding-top:70px}.end-card h2,dialog h2{font:400 75px/.99 Georgia,serif;letter-spacing:-.045em;margin:18px 0 23px}.end-card>p{font-size:12px;color:#a7a4ba;line-height:1.65}.end-score{margin-top:34px;border-bottom:1px solid var(--line);padding-bottom:18px}.end-score small{display:block;font-size:7px;color:#a293b5;letter-spacing:.18em}.end-score>b{display:block;font:60px monospace;font-weight:300;letter-spacing:.02em;margin-top:8px;color:#eee4f3}.end-stats{display:flex;justify-content:space-between;margin:25px 0 30px}.end-stats b{font:25px monospace;display:block;color:#c2b9d3}.end-stats small{font-size:6px;letter-spacing:.13em;color:#777f98;display:block;margin-top:8px}.end-card .primary{width:100%}.end-card .text-button{margin:auto}.loading{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:19px;background:#080e1f}.loading span{letter-spacing:.35em;font:28px Georgia,serif;color:#c7b1d8}.loading small{font-size:7px;letter-spacing:.24em;color:#817792}.loading.loaded{opacity:0;pointer-events:none;transition:opacity .5s}dialog{background:#101827ef;color:#e9e2ee;border:1px solid #b198c333;width:min(780px,90vw);padding:42px;max-height:88dvh;overflow:auto;box-shadow:0 30px 120px #0008;z-index:50}dialog::backdrop{background:#040916b0;backdrop-filter:blur(8px)}dialog h2{font-size:51px}dialog>p{font-size:12px;line-height:1.8;color:#aaa9bf;max-width:510px}.dialog-close{position:absolute;right:18px;top:13px;font-size:26px;background:transparent;color:#afa2bb;width:35px;height:35px}.brief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.brief-grid>div>b{font:11px monospace;color:#b489c7}.brief-grid h3{font-size:12px;font-weight:400;margin:11px 0}.brief-grid p{font-size:10px;line-height:1.9;color:#939bb4}.brief-note{font-size:9px!important;margin-top:23px!important;padding:15px 0;border-top:1px solid var(--line)}dialog .primary{margin-top:20px;min-width:210px;width:max-content}.credits{display:block;font-size:8px;line-height:1.8;color:#5f6b84;margin-top:24px}.credits a{color:#ac93c0;white-space:nowrap}#pause-dialog{width:440px;padding:45px}#pause-dialog .primary{width:100%}#pause-dialog .text-button{margin:auto}
@media(min-width:1800px){.intro-copy{top:26%}.bottom-hud{gap:70px}.ability{min-width:180px}.hero-caption{right:10%;bottom:21%}}
@media(max-height:750px) and (min-width:701px){.masthead{height:80px}.intro-copy{top:18%}h1{font-size:80px;margin:18px 0}.intro-detail{margin:12px 0 18px}.lead{font-size:15px}.best-line{margin-top:0}.intro-bottom{bottom:20px;padding-top:14px}.mission-panel{top:90px}.score-panel{top:90px}.exposure-panel{top:200px}.bottom-hud{height:84px;bottom:18px}.event{bottom:150px}.operator-caption{bottom:128px}.end-card{padding-top:35px}.end-card h2{font-size:60px}.end-score{margin-top:20px}.end-stats{margin:20px 0}}
@media(max-width:1100px){.control-hint{display:none}.bottom-hud{justify-content:space-between;gap:18px}.ability{min-width:140px}.intro-copy{left:6%}h1{font-size:9vw}.intro-detail{font-size:10px}.hero-caption{right:6%}.location{margin-right:0;font-size:8px}.location b{display:none}.abilities{gap:8px}}
@media(max-width:700px){.masthead{height:80px;padding:0 22px}.brand{font-size:15px;gap:7px;letter-spacing:.18em}.brand small{font-size:5px;letter-spacing:.19em}.spider-mark{font-size:42px}.header-right{gap:7px}.location{display:none}.icon-button{width:32px;height:32px;font-size:15px}.intro{background:linear-gradient(90deg,#050b18bf,transparent 100%),linear-gradient(0deg,#060b19 0%,transparent 50%)}.intro-copy{left:7%;top:17%;width:85%}.intro .eyebrow{font-size:6px;letter-spacing:.18em}.intro .eyebrow span{width:18px}h1{font-size:clamp(57px,15vw,86px);margin:21px 0 21px;line-height:1.02}.lead{font-size:12px;line-height:1.6;letter-spacing:.02em;width:50%}.intro-detail{font-size:9px;line-height:1.8;width:51%;margin:16px 0 20px}.desktop-only{display:none}.start-row{gap:16px;margin-top:18px}.primary{font-size:8px;padding:0 18px;min-height:50px;gap:22px}.start-row .primary{width:195px}.duration{font-size:5px}.text-button{font-size:7px;padding:17px 0}.best-line{margin-top:4px;font-size:6px;gap:10px}.best-line b{font-size:14px}.best-line span{font-size:5px}.hero-caption{right:8%;bottom:20%;z-index:-1}.hero-caption span{font-size:5px}.hero-caption b{font-size:13px;margin:8px 0}.hero-caption small{font-size:10px}.intro-bottom{left:7%;right:7%;bottom:23px;padding-top:17px;font-size:5px;letter-spacing:.12em}.intro-bottom span:last-child{display:none}.mission-panel{left:22px;top:95px;width:185px}.mission-panel .eyebrow{font-size:6px}.mission-panel .eyebrow span{font-size:7px}.mission-panel h2{font-size:21px;margin-top:7px}.mission-stats{gap:22px;margin-top:12px;font-size:6px}.mission-stats b{font-size:20px;margin-bottom:4px}.contract-dots{margin-top:13px}.score-panel{right:22px;top:96px}.score-panel small{font-size:5px;letter-spacing:.14em}.score-panel>b{font-size:26px;margin:8px 0 4px}.score-panel>span{font-size:4px;letter-spacing:.03em;display:block;width:95px}.exposure-panel{top:177px;right:22px;width:105px}.exposure-panel>span{font-size:6px}.exposure-panel small{font-size:6px;line-height:1.5}.meter{margin-top:7px}.operator-caption{left:18px;bottom:208px;width:83px}.operator-caption small{font-size:6px}.operator-caption>span{font-size:4px;line-height:1.5}.operator-caption em{font-size:4px}.breath-meter{margin:7px 0 5px}.bottom-hud{bottom:15px;left:18px;right:18px;display:block;height:128px;padding-top:10px}.weapon{display:flex;align-items:center;justify-content:space-between;min-width:0;width:100%;height:38px}.weapon>small{font-size:6px;letter-spacing:.14em}.weapon>div{margin:0;gap:6px}.weapon b{font-size:25px}.weapon span{font-size:10px}.weapon button{height:44px;font-size:6px;padding:3px 4px 3px 10px;display:flex;gap:5px;align-items:center}.weapon kbd{margin:0}.abilities{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:8px}.ability{min-width:0;width:100%;height:58px;gap:4px;padding:10px 5px}.ability-icon{font-size:20px;min-width:22px}.hook-icon{font-size:29px}.ability small{font-size:4.5px;letter-spacing:.04em}.ability-status{font-size:7px;letter-spacing:0;margin-top:6px}.ability kbd{display:none}.event{bottom:293px;width:90%;max-width:330px}.event strong{font-size:9px;letter-spacing:.1em}.event span{font-size:7px;margin-top:7px;line-height:1.5}.touch-controls{display:block;position:absolute;bottom:156px;left:18px;right:18px;height:100px}.dpad{width:130px;height:94px;display:grid;grid-template-columns:repeat(3,42px);grid-template-rows:repeat(2,44px);gap:2px;position:absolute;bottom:0;left:0}.dpad button{background:#16203899;border:1px solid #a3a3c52a;font-size:20px;color:#b8afcf;min-width:42px;min-height:44px}.dpad button[data-direction=up]{grid-column:2}.dpad button[data-direction=left]{grid-column:1;grid-row:2}.dpad button[data-direction=down]{grid-column:2;grid-row:2}.dpad button[data-direction=right]{grid-column:3;grid-row:2}.touch-actions{position:absolute;right:0;bottom:0;display:grid;grid-template-columns:52px 66px;grid-template-rows:44px 44px;gap:5px}.touch-actions button{background:#182139c9;border:1px solid #bd9bd544;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:23px;color:#d2b2df;min-height:44px}.touch-actions button span{font-size:5px;letter-spacing:.12em;margin-top:2px}#touch-fire{grid-column:2;grid-row:1/3;font-size:35px;background:#3e274fbb;border-color:#d2a0d277}#touch-fire span{font-size:7px}.scope{background:radial-gradient(circle at center,transparent 45vw,#030710eb 46vw)}.scope-ring{width:91vw;height:91vw}.scope-top{font-size:4px}.scope-left,.scope-right{font-size:5px;line-height:21px}.scope-bottom{bottom:10%;width:120px}.scope-bottom>span{font-size:5px}.scope-bottom b{font-size:16px}.scope-bottom small{font-size:4px}.charge-meter{width:75px;margin:7px auto 5px}.scope-ring{box-shadow:0 0 0 4px #1e172c77,0 0 0 5px #b58fab22,inset 0 0 60px #7987ce12}.target-marker{font-size:6px;height:24px}.target-marker:after{width:8px;height:8px;top:13px}.end-screen{padding:100px 8% 30px;align-items:flex-start;background:#070c1de8;overflow:auto}.end-card{width:100%;padding:0}.end-card .eyebrow{font-size:7px}.end-card h2{font-size:63px}.end-card>p{font-size:11px}.end-score{margin-top:28px}.end-score>b{font-size:53px}.end-stats{margin:23px 0 28px}.end-stats small{font-size:5px}dialog{padding:30px 25px;width:92vw}dialog h2{font-size:42px;margin:15px 0 18px}dialog .eyebrow{font-size:7px}dialog>p{font-size:11px}.brief-grid{grid-template-columns:1fr;gap:18px;padding-top:20px;margin-top:20px}.brief-grid>div{position:relative;padding-left:28px}.brief-grid>div>b{position:absolute;left:0;top:2px}.brief-grid h3{margin:0 0 5px;font-size:12px}.brief-grid p{font-size:10px;line-height:1.8}.brief-note{font-size:9px!important}.credits{font-size:7px}.dialog-close{width:44px;height:44px;top:4px;right:4px}#pause-dialog{padding:35px;width:88vw}}
@media(max-width:700px) and (max-height:720px){.intro-copy{top:14%}h1{font-size:53px;margin:15px 0}.intro-detail{font-size:8px;margin:12px 0}.lead{font-size:11px}.start-row{margin-top:12px}.intro-bottom{bottom:14px;padding-top:12px}.best-line{display:none}.hero-caption{bottom:18%}.touch-controls{height:88px;bottom:144px}.bottom-hud{height:122px;bottom:8px}.event{bottom:244px}.operator-caption{bottom:237px}.mission-panel{top:82px}.score-panel{top:83px}.exposure-panel{top:157px}.end-card h2{font-size:50px}.end-score{margin-top:20px}.end-score>b{font-size:40px}.end-stats{margin:18px 0}.end-screen{padding-top:90px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep the quiet technical labels readable at their real display size. */
.ability small{font-size:8px}.ability-status{font-size:10px}.ability kbd{font-size:8px}.control-hint{font-size:8px}.weapon>small{font-size:9px}.weapon button{font-size:8px}.mission-stats{font-size:8px}.score-panel>span{font-size:8px}.operator-caption>span{font-size:7px}.operator-caption em{font-size:7px}.scope-top{font-size:8px}.scope-bottom small{font-size:8px}
@media(max-width:700px){.ability small{font-size:6px;letter-spacing:0}.ability-status{font-size:8px}.weapon>small{font-size:8px}.weapon button{font-size:8px}.mission-stats{font-size:7px}.score-panel>span{font-size:6px}.operator-caption>span{font-size:5px}.operator-caption em{font-size:5px}.scope-top{font-size:6px}.scope-bottom small{font-size:6px}.operator-caption small{font-size:7px}.exposure-panel>span{font-size:7px}.exposure-panel small{font-size:7px}}
.mission-panel,.score-panel,.exposure-panel{z-index:7}.touch-controls{z-index:14}.event{top:112px;bottom:auto}.intro-detail{text-shadow:0 2px 8px #030819}
@media(max-width:700px){.event{top:224px;bottom:auto}.touch-controls{z-index:14}}
@media(max-height:750px) and (min-width:701px){.event{top:88px;bottom:auto}}
@media(max-width:700px) and (max-height:720px){.event{top:206px;bottom:auto}}
/* Required touch controls retain a 44px target even on narrow screens. */
@media(max-width:700px),(pointer:coarse){.icon-button{width:44px;height:44px;min-width:44px;min-height:44px}}
@media(max-width:700px){.masthead{padding-left:16px;padding-right:16px}.header-right{gap:4px}.dpad{width:136px;grid-template-columns:repeat(3,44px)}.dpad button{min-width:44px}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:500px){
 .masthead{height:64px;padding:0 16px}.brand{font-size:15px;gap:7px;letter-spacing:.18em}.brand small{font-size:5px}.spider-mark{font-size:42px}.header-right{gap:4px}.location{display:none}
 .intro-copy{left:5%;top:76px;width:46%}.intro .eyebrow{font-size:6px}.intro .eyebrow span{width:20px}h1{font-size:50px;line-height:1;margin:12px 0}.lead{font-size:11px;line-height:1.5;width:auto}.intro-detail,.best-line{display:none}.start-row{margin-top:15px;gap:15px}.start-row .primary{min-height:46px;width:190px;font-size:8px}.duration{font-size:6px}.text-button{font-size:7px;padding:12px 0}.hero-caption{bottom:40px;right:6%}.hero-caption b{font-size:16px}.hero-caption span{font-size:6px}.hero-caption small{font-size:10px}.intro-bottom{bottom:12px;padding-top:10px;font-size:5px}
 .mission-panel{left:16px;top:73px;width:210px}.mission-panel .eyebrow{font-size:6px}.mission-panel .eyebrow span{font-size:8px}.mission-panel h2{font-size:18px;margin-top:4px}.mission-stats{font-size:6px;margin-top:9px;gap:22px}.mission-stats b{font-size:17px;margin-bottom:3px}.contract-dots{margin-top:8px}.score-panel{right:16px;top:75px}.score-panel small{font-size:6px}.score-panel>b{font-size:27px;margin:5px 0}.score-panel>span{font-size:6px;width:auto}.exposure-panel{right:16px;top:150px;width:140px}.exposure-panel>span{font-size:7px}.exposure-panel small{font-size:7px}.event{top:76px;bottom:auto;max-width:320px}.event strong{font-size:8px}.event span{font-size:7px;margin-top:6px}.operator-caption{display:none}
 .bottom-hud{left:16px;right:16px;bottom:5px;height:60px;display:flex;gap:12px;padding-top:4px}.weapon{display:block;min-width:110px;width:110px;flex-shrink:0;height:auto}.weapon>small{font-size:7px}.weapon>div{margin-top:4px;gap:5px}.weapon b{font-size:23px}.weapon span{font-size:10px}.weapon button{font-size:6px;padding:5px 0 5px 8px;min-height:44px}.weapon kbd{font-size:8px}.abilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;min-width:0;gap:7px;margin:0}.ability{min-width:0;height:48px;padding:7px 10px;gap:6px}.ability small{font-size:6px}.ability-status{font-size:8px}.ability-icon{min-width:22px;font-size:21px}.hook-icon{font-size:30px}.ability kbd,.control-hint{display:none}
 .touch-controls{display:block;position:absolute;left:16px;right:16px;bottom:74px;height:94px;z-index:14}.dpad{position:absolute;left:0;bottom:0;width:136px;height:94px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:2px}.dpad button{background:#162038c9;border:1px solid #a3a3c52a;font-size:20px;color:#b8afcf;min-width:44px;min-height:44px}.dpad button[data-direction=up]{grid-column:2}.dpad button[data-direction=left]{grid-column:1;grid-row:2}.dpad button[data-direction=down]{grid-column:2;grid-row:2}.dpad button[data-direction=right]{grid-column:3;grid-row:2}.touch-actions{position:absolute;right:0;bottom:0;display:grid;grid-template-columns:52px 66px;grid-template-rows:44px 44px;gap:5px}.touch-actions button{background:#182139df;border:1px solid #bd9bd566;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:23px;color:#d2b2df;min-height:44px}.touch-actions button span{font-size:6px;letter-spacing:.12em;margin-top:2px}#touch-fire{grid-column:2;grid-row:1/3;font-size:35px;background:#3e274fe6;border-color:#d2a0d277}#touch-fire span{font-size:7px}
 .scope{background:radial-gradient(circle at center,transparent 38vh,#030710eb 39vh)}.scope-ring{width:77vh;height:77vh}.scope-top{font-size:5px}.scope-left,.scope-right{font-size:5px;line-height:20px}.scope-bottom{width:130px;bottom:10%}.scope-bottom>span{font-size:6px}.scope-bottom b{font-size:17px}.scope-bottom small{font-size:5px}.charge-meter{width:85px;margin:6px auto}
 .end-screen{padding:70px 8% 25px;overflow:auto;align-items:flex-start}.end-card{padding:0;width:390px}.end-card h2{font-size:44px}.end-score{margin-top:15px}.end-score>b{font-size:38px}.end-stats{margin:17px 0}
}
@media(pointer:coarse) and (orientation:landscape) and (max-height:350px){.intro-copy{top:67px}h1{font-size:42px;margin:8px 0}.lead{font-size:10px;line-height:1.4}.start-row{margin-top:11px}.start-row .primary{min-height:44px}.text-button{padding:10px 0}.intro-bottom{display:none}.mission-panel{top:70px}.event{top:70px}}