@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{color:#f1ead8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--gold:#d8b34b;--red:#b83830;--muted:#a9b0a0;background:#111815;font-family:IBM Plex Mono,monospace;font-size:12px}*{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:#efe9d5;letter-spacing:1px;touch-action:none;background:#283128;border:1px solid #78816c;padding:13px 18px;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,select{color:#eee7d4;background:#19211b;border:1px solid #78816c;border-radius:0;width:100%;padding:12px}input{letter-spacing:1px}input[type=range],input[type=checkbox]{width:auto}input[type=range]{width:100%;accent-color:var(--gold);display:block}input[type=checkbox]{accent-color:var(--gold)}[hidden]{display:none!important}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.screen{z-index:10;position:fixed;inset:0}.scanlines{pointer-events:none;z-index:30;opacity:.45;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000015 3px);position:fixed;inset:0}.vignette{pointer-events:none;z-index:2;background:radial-gradient(at 65% 45%,#0000 30%,#050c08a6 100%);position:fixed;inset:0}#home{background:linear-gradient(90deg,#111b17eb,#111b17a6 42%,#0000 76%);align-items:center;padding:32px 5vw;display:flex}.dossier{background:#1b251de8;border:1px solid #747a5c;width:390px;max-width:100%;padding:26px 28px;position:relative;box-shadow:9px 9px #0b100e88}.dossier:before{content:"";background:var(--gold);width:40px;height:7px;position:absolute;top:-4px;left:28px}.eyebrow{letter-spacing:2px;color:#bac0a5;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.seal{border:1px solid var(--gold);color:var(--gold);padding:6px;font-size:17px}.classified{color:#d5b79c;letter-spacing:1px;border:1px solid #9a6c51;margin-left:auto;padding:5px;font-size:8px;transform:rotate(-6deg)}h1,h2{letter-spacing:1px;margin:22px 0 10px;font-family:Barlow Condensed,Impact,Arial Narrow,sans-serif;font-weight:800;line-height:.9}h1{font-size:67px}h1>span{color:var(--gold);display:block;position:relative}h1 .edition{color:#c6c8ad;vertical-align:top;letter-spacing:-1px;margin-left:5px;font-size:26px;display:inline}h2{margin:15px 0;font-size:37px;line-height:1}.tagline{color:#d2d5bf;letter-spacing:.2px;margin-bottom:20px;font-size:11px}.file-divider{color:var(--gold);letter-spacing:1px;border-top:1px solid #7b8061;border-bottom:1px solid #7b8061;justify-content:space-between;padding:9px 0;font-size:9px;display:flex}.briefing{color:#c4c8b1;padding:15px 0;font-size:10px;line-height:1.8}.field-label{color:#9fa78e;letter-spacing:1.5px;margin:10px 0 6px;font-size:9px;display:block}.field-row{margin-bottom:14px}.primary{background:var(--gold);color:#17201a;border-color:var(--gold);text-align:center;width:100%;padding:14px 15px;font-size:11px}.primary span{float:right;font-size:18px}.secondary{color:#dce0c6;background:0 0;width:100%;margin-top:8px;font-size:10px}.secondary small{color:#8d977f;margin-left:8px;font-size:8px}.join-row{grid-template-columns:1fr auto;gap:6px;margin-top:16px;display:grid}.join-row input{min-width:0;font-size:9px}.tertiary{padding:10px;font-size:9px}.dossier-footer{letter-spacing:1px;color:#a9b49b;align-items:center;gap:6px;margin-top:18px;font-size:7px;display:flex}.dossier-footer>span:last-child{margin-left:auto}.dossier-footer a{color:#f1ead8}.status-dot{background:#a3ba65;border-radius:50%;width:5px;height:5px}.arena-caption{text-align:right;border-right:3px solid var(--gold);text-shadow:1px 2px 3px #000;padding-right:18px;position:absolute;bottom:7%;right:6%}.arena-caption>span{color:#dbcf99;letter-spacing:3px;font-size:9px}.arena-caption strong{letter-spacing:3px;margin:8px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:46px;display:block}.arena-caption p{color:#e0dcc5;font-size:10px}.arena-caption>div{color:#c9c0a0;letter-spacing:1px;font-size:8px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101913b8;justify-content:center;align-items:center;padding:20px;display:flex}.panel{background:#1b251ff5;border:1px solid #919475;width:480px;max-width:100%;max-height:94dvh;padding:28px;overflow:auto;box-shadow:9px 9px #0b100e99}.panel p{color:#c0c7b2;font-size:11px;line-height:1.7}.panel.compact{width:400px}.panel>label{color:#c9cfb8;letter-spacing:1px;margin:18px 0;font-size:10px;display:block}.look-speed-label output{float:right;color:#e1e8cf;font-variant-numeric:tabular-nums;font-size:12px}.panel .settings-help{margin-top:-10px;font-size:10px}#lobby-status{min-height:2.8em;margin:8px 0}#reset-settings{min-height:44px}.check{align-items:center;gap:8px;display:flex!important}.panel>button{width:100%;margin-top:10px}.link-button{color:#bfc7b1;background:0 0;border:0;font-size:10px}.share-row{gap:8px;margin:12px 0;display:flex}.share-row button{flex:1;padding:12px 8px;font-size:9px}.whatsapp{color:#a4d7af;border-color:#8bb997}.room-code{letter-spacing:7px;color:var(--gold);text-align:center;border:1px dashed #77836b;margin:20px 0;padding:18px;font-size:34px}.invite-url{color:#b3bea5;padding:9px;font-size:9px}#players,#result-scores{margin:18px 0;padding:0;list-style:none}#players li,#result-scores li{border-bottom:1px solid #58664f;align-items:center;gap:10px;padding:14px 0;display:flex}#players li i{border:1px solid #ddd;width:12px;height:12px}#players li b{flex:1;font-size:11px}#players li span{color:#a3b08a;font-size:9px}#players li .is-ready{color:var(--gold)}#result-scores li b{flex:1}#result-scores li strong{color:var(--gold);font-size:25px}#result-scores li small{color:#a2ad95}#status{z-index:60;border:1px solid var(--gold);color:#f3e6b7;text-align:center;pointer-events:none;background:#202a22f5;max-width:90%;padding:12px 18px;line-height:1.5;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}#status.show{display:block}#hud{z-index:7;pointer-events:none;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));text-shadow:1px 2px 2px #000;position:fixed;inset:0}.hud-top{align-items:flex-start;gap:20px;display:flex}.hud-top>div:first-child{flex:1}.hud-top b{letter-spacing:2px;color:#f2e8c8;font-size:11px}.hud-top small{color:#c2c9ac;letter-spacing:1px;margin-top:5px;font-size:8px;display:block}.timer{color:var(--gold);font-family:Barlow Condensed,Impact,sans-serif;font-size:31px;line-height:1}.hud-top button{pointer-events:auto;z-index:23;background:#18271abb;border-color:#b4b89e;min-width:44px;min-height:44px;padding:3px 9px;font-size:18px}#learning-card{top:calc(80px + env(safe-area-inset-top));text-align:center;background:#17251dde;border:1px solid #b5b985;width:340px;max-width:calc(100% - 48px);padding:12px 14px;position:absolute;left:50%;transform:translate(-50%)}#learning-status{color:var(--gold);letter-spacing:1px;font-size:12px}#learning-card p{color:#e1e3cc;margin:8px 0;font-size:9px;line-height:1.5}#start-bot-match{pointer-events:auto;min-height:44px;margin-top:4px;padding:10px}.learning-desktop{display:none}.hud-bottom{bottom:calc(38px + env(safe-area-inset-bottom));left:calc(24px + env(safe-area-inset-left));right:calc(24px + env(safe-area-inset-right));justify-content:space-between;align-items:flex-end;gap:14px;display:flex;position:absolute}.vitals{flex-direction:column;gap:8px;min-width:140px;display:flex}.vitals b{letter-spacing:2px;font-size:7px}.meter{background:#14201ac4;border:1px solid #d3ccb0;width:145px;height:8px;margin-top:4px;padding:1px}.meter i{background:#bc3930;width:100%;height:100%;transition:width .12s;display:block}.meter.armour i{background:#538898}#weapon-info{text-align:center}#weapon-name{color:#e3e5c9;letter-spacing:1px;font-size:9px}#weapon-info strong{color:var(--gold);margin-top:5px;font-family:Barlow Condensed,Impact,sans-serif;font-size:40px;line-height:1;display:block}#weapon-info em,.score em{color:#bec7ae;font:11px IBM Plex Mono,monospace}.score{text-align:right}.score small{letter-spacing:1px;font-size:8px;display:block}.score strong{color:var(--gold);margin-right:4px;font-family:Barlow Condensed,Impact,sans-serif;font-size:38px}#desktop-hint{bottom:calc(12px + env(safe-area-inset-bottom));letter-spacing:1px;color:#c2caae;white-space:nowrap;font-size:7px;position:absolute;left:50%;transform:translate(-50%)}#crosshair{filter:drop-shadow(0 1px 1px #000);width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair span{background:#eae8c5;position:absolute}#crosshair span:first-child{width:16px;height:1px;top:10px;left:2px}#crosshair span:last-child{width:1px;height:16px;top:2px;left:10px}#crosshair:after{content:"";border:1px solid #eae8c5;position:absolute;inset:7px}#feed{top:80px;left:calc(25px + env(safe-area-inset-left));color:#f3e0b7;font-size:9px;line-height:1.8;position:absolute}#respawn{background:#43171455;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#respawn h2{color:#e2babc;letter-spacing:4px}#respawn p{color:#e5d1b6}#damage-flash{opacity:0;background:radial-gradient(#0000 40%,#d5231b90);transition:opacity .3s;position:absolute;inset:0}.damaged #damage-flash{opacity:1}#touch-controls{z-index:6;pointer-events:none;position:fixed;inset:0}#look-zone{pointer-events:auto;touch-action:none;position:absolute;inset:0 0 0 45%}#movement-zone{pointer-events:auto;touch-action:none;position:absolute;inset:0 55% 0 0}#joystick{bottom:calc(74px + env(safe-area-inset-bottom));left:calc(30px + env(safe-area-inset-left));pointer-events:none;touch-action:none;z-index:1;background:#1a2a2170;border:1px solid #e8e3bd88;border-radius:50%;width:116px;height:116px;position:absolute}#joystick.held{left:var(--origin-x);top:var(--origin-y);bottom:auto;transform:translate(-50%,-50%)}#joystick:after{content:"";border:1px dashed #e8e3bd66;border-radius:50%;position:absolute;inset:14px}#joystick i{width:46px;height:46px;transform:translate(var(--stick-x,0),var(--stick-y,0));background:#dce2bd55;border:1px solid #e6e5bd88;border-radius:50%;position:absolute;top:34px;left:34px}#joystick>span{text-align:center;color:#d5dcb8;letter-spacing:2px;width:100%;font-size:7px;position:absolute;bottom:-16px}#fire{right:calc(35px + env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));pointer-events:auto;z-index:1;background:#5029219c;border:1px solid #efd29a;border-radius:50%;width:88px;height:88px;padding:5px;position:absolute}#fire span{color:#f5d990;font-size:32px;line-height:1.1;display:block}#fire b{color:#f1db9f;font-size:9px}#fire:active{background:#b7412bc9}.small-control{pointer-events:auto;z-index:1;background:#23332688;border-radius:50%;width:51px;height:51px;padding:5px;font-size:22px;position:absolute}.small-control span{letter-spacing:.5px;font-size:6px;display:block}#reload{right:calc(140px + env(safe-area-inset-right));bottom:calc(100px + env(safe-area-inset-bottom))}#switch-weapon{right:calc(47px + env(safe-area-inset-right));bottom:calc(195px + env(safe-area-inset-bottom))}@media (min-width:901px) and (hover:hover) and (pointer:fine){html:not(.has-touch) #movement-zone,html:not(.has-touch) #joystick,html:not(.has-touch) #fire,html:not(.has-touch) #reload,html:not(.has-touch) #switch-weapon{display:none}#look-zone{inset:70px 0 100px}#touch-controls{z-index:4}html:not(.has-touch) .learning-desktop{display:block}html:not(.has-touch) .learning-touch{display:none}}@media (max-height:700px) and (min-width:701px){#home{padding:18px 4vw}.dossier{width:350px;padding:18px 24px}h1{margin:17px 0 8px;font-size:57px}.tagline{margin:8px 0 13px}.briefing{padding:10px 0;font-size:9px}.primary{padding:11px}.secondary{padding:10px}.field-label{margin:8px 0 5px}.field-row{margin-bottom:10px}.join-row{margin-top:10px}.dossier-footer{margin-top:13px}.dossier input,.dossier select{padding:10px}.arena-caption strong{font-size:40px}}@media (max-width:900px){#desktop-hint{display:none}.hud-bottom{bottom:calc(15px + env(safe-area-inset-bottom));left:calc(20px + env(safe-area-inset-left));right:calc(20px + env(safe-area-inset-right))}.vitals{min-width:105px}.meter{width:105px}.hud-top{gap:14px}#weapon-info strong,.score strong{font-size:30px}#home{padding:16px 4vw}.arena-caption{bottom:6%;right:4%}.arena-caption strong{font-size:35px}}@media (max-height:500px) and (orientation:landscape){#learning-card{top:calc(70px + env(safe-area-inset-top));padding:8px 12px}#learning-card p{margin:5px 0}.dossier{width:345px;padding:12px 20px}h1{margin:10px 0 5px;font-size:44px}.eyebrow{font-size:8px}.seal{padding:4px;font-size:13px}.tagline{margin:6px 0 9px;font-size:9px}.briefing{display:none}.file-divider{padding:6px 0;font-size:8px}.field-label{margin:6px 0 4px;font-size:8px}.dossier input,.dossier select{padding:7px;font-size:9px}.field-row{margin-bottom:7px}.primary,.secondary{padding:8px;font-size:9px}.secondary{margin-top:5px}.join-row{margin-top:8px}.dossier-footer{margin-top:8px;font-size:6px}.panel{padding:18px 24px}h2{margin:10px 0;font-size:29px}.panel p{font-size:9px}.room-code{margin:10px 0;padding:8px;font-size:25px}.share-row,#players{margin:8px 0}#players li{padding:9px 0}.panel>label{margin:10px 0}#joystick{width:94px;height:94px;bottom:calc(55px + env(safe-area-inset-bottom));left:calc(22px + env(safe-area-inset-left))}#joystick i{top:23px;left:23px}#fire{bottom:calc(62px + env(safe-area-inset-bottom));width:78px;height:78px;right:calc(26px + env(safe-area-inset-right))}#reload{right:calc(122px + env(safe-area-inset-right));bottom:calc(66px + env(safe-area-inset-bottom))}#switch-weapon{right:calc(40px + env(safe-area-inset-right));bottom:calc(154px + env(safe-area-inset-bottom))}.hud-top small{font-size:7px}.hud-top b{font-size:9px}.timer{font-size:27px}.hud-bottom{bottom:calc(12px + env(safe-area-inset-bottom))}#feed{top:56px;left:calc(20px + env(safe-area-inset-left));font-size:8px}}@media (max-width:600px) and (orientation:portrait){#home{background:#101912aa;justify-content:center;align-items:center;padding:22px}.dossier{width:100%;max-width:380px;padding:23px}.arena-caption{display:none}h1{font-size:64px}.hud-bottom{bottom:calc(22px + env(safe-area-inset-bottom))}.hud-top{padding-top:4px}#weapon-info{position:absolute;bottom:17px;left:50%;transform:translate(-50%)}#weapon-info small{font-size:7px}#weapon-info strong{font-size:30px}.vitals{min-width:100px}.meter{width:100px}#joystick{left:calc(23px + env(safe-area-inset-left));bottom:calc(106px + env(safe-area-inset-bottom))}#fire{right:calc(25px + env(safe-area-inset-right));bottom:calc(125px + env(safe-area-inset-bottom))}#reload{right:calc(130px + env(safe-area-inset-right));bottom:calc(139px + env(safe-area-inset-bottom))}#switch-weapon{right:calc(43px + env(safe-area-inset-right));bottom:calc(230px + env(safe-area-inset-bottom))}#feed{max-width:70%;font-size:8px}.panel{padding:25px 20px}.room-code{letter-spacing:5px;font-size:30px}}.room-code{letter-spacing:2px;word-break:break-word;font-size:24px}@media (max-width:600px) and (orientation:portrait){.room-code{letter-spacing:1px;font-size:20px}}@media (prefers-reduced-motion:reduce){.meter i,#damage-flash{transition:none}}.pause-scoreboard{border-collapse:collapse;width:100%;margin:18px 0;font-size:10px}.pause-scoreboard th,.pause-scoreboard td{text-align:right;border-bottom:1px solid #58664f;padding:9px 4px}.pause-scoreboard th:first-child,.pause-scoreboard td:first-child{text-align:left}.pause-scoreboard td:nth-child(2){color:var(--gold);font-weight:700}.results-panel{flex-direction:column;max-height:calc(100dvh - 40px);display:flex;overflow:hidden}.results-summary{min-height:0;overflow:auto}.results-actions{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.results-actions button{min-height:44px;margin:0;padding:10px 7px;font-size:11px}.results-actions .link-button{grid-column:1/-1}@media (max-height:500px) and (orientation:landscape){.results-panel{padding:14px 20px}.results-summary h2{margin:8px 0;font-size:25px}}#home{touch-action:pan-y;align-items:flex-start;overflow-y:auto}.dossier{flex-shrink:0;margin-block:auto}@media (min-width:701px) and (max-height:500px) and (orientation:landscape){#home{justify-content:center;padding:12px 4vw}.dossier{grid-template-columns:1fr 1fr;gap:8px 20px;width:680px;padding:14px 20px;display:grid}.dossier>.eyebrow,.dossier-footer{grid-column:1/-1}.dossier h1{grid-area:2/1/4;align-self:center;margin:0}.dossier .tagline{grid-area:4/1;align-self:center;margin:0}.dossier .file-divider,.arena-caption{display:none}.dossier>label[for=nickname]{grid-area:2/2;align-self:end;margin:0}#nickname{grid-area:3/2}#nickname+.field-row{grid-area:4/2}.dossier .field-row+.field-row{grid-area:5/2}.dossier .field-row{align-items:center;gap:8px;margin:0;display:flex}.dossier .field-row label{flex-shrink:0;width:66px;margin:0}.dossier .field-row select{min-width:0}#create-room{grid-area:5/1}#practice{grid-area:6/1;margin:0}.dossier .join-row{grid-area:6/2;margin:0}.dossier button,.dossier input,.dossier select{min-height:44px}.dossier-footer{grid-row:7;margin:0}}