:root{font-family:Arial,Helvetica,sans-serif;color:#eee8cf;background:#171d17;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}main{height:100dvh;min-height:550px;position:relative;overflow:hidden}canvas{display:block}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 62% 48%,transparent 10%,#14201955 65%,#0c1517b3 100%)}header{position:absolute;inset:0 0 auto;z-index:20;padding:28px 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7ba26;background:linear-gradient(#13221c70,transparent)}.brand{text-decoration:none;color:#f4eed6;font-size:13px;font-weight:900;letter-spacing:1.3px;display:flex;align-items:center;gap:10px}.brand-mark{color:#ff7e3b;font-size:31px}.edition{border-left:1px solid #c1c5a44d;margin-left:10px;padding-left:19px;font-size:9px;font-weight:400;color:#d0d1b7;letter-spacing:2px}.top-right{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.4px}.live-dot{width:5px;height:5px;border-radius:50%;background:#e99a48}.sound{margin-left:15px;border:1px solid #c3c8b044;color:#e9e6d3;background:#14271d44;padding:11px 14px;font-size:9px;letter-spacing:1px}.sound span{margin-left:13px}.menu{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#12251dec,#14271dcc 27%,#1a2b1b25 72%)}.menu-copy{position:absolute;left:8%;top:22%}.kicker{font-size:10px;letter-spacing:3px;color:#d9cc98;display:flex;align-items:center;gap:13px}.kicker span{width:23px;height:2px;background:#f48544}h1{font-family:Impact,Arial Narrow,sans-serif;font-stretch:condensed;font-size:clamp(72px,8.6vw,140px);line-height:.9;letter-spacing:-2px;margin:26px 0 23px;transform:rotate(-2deg);text-shadow:4px 5px 0 #14231988;font-weight:900}h1 i{font-style:normal;color:#f18a46}.subtitle{display:flex;align-items:center;gap:14px;letter-spacing:4px;font-size:12px;font-weight:700}.rule{height:1px;width:35px;background:#d5be8b}.menu p{color:#b9c5b1;font-size:14px;line-height:1.8;margin:23px 0}.start{border:1px solid #ffad65;background:#f18442;color:#15251c;padding:20px 25px;font-size:12px;letter-spacing:1.7px;font-weight:900;box-shadow:4px 4px #111e1788;min-width:305px;text-align:left}.start:hover{background:#ffa467;transform:translateY(-2px)}.start span{float:right;font-size:20px;margin-left:35px;line-height:14px}.controls{display:flex;gap:20px;margin-top:27px}.controls>div{display:flex;align-items:center;gap:3px}.controls span{font-size:8px;letter-spacing:1px;margin-left:6px;color:#b9c6b2}kbd{font:9px Arial;border:1px solid #c0ccb344;background:#17291d88;min-width:18px;height:21px;text-align:center;padding:5px;color:#d8ddc7}.seal{position:absolute;right:9%;top:42%;width:185px;height:185px;border:1px solid #e2d8ad88;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);color:#f2e6c5;background:#26382022;outline:1px solid #dfd8ad33;outline-offset:7px}.seal span{font-size:7px;letter-spacing:1.6px}.seal strong{font:54px Impact,Arial Narrow,sans-serif;margin:9px 0}.seal div{font-size:24px;margin-top:8px}footer{position:absolute;bottom:0;left:0;right:0;padding:26px 38px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#bdc7b0;border-top:1px solid #e7e7ba26}footer b{color:#ee9757;margin-left:10px}.wavehud,.scorehud{position:absolute;top:116px;display:flex;flex-direction:column;gap:8px}.wavehud{left:38px}.scorehud{right:38px;text-align:right}.eyebrow{font-size:9px;letter-spacing:2px;color:#cfcead;text-transform:uppercase}.wavehud strong,.scorehud strong{font:32px Impact,Arial Narrow,sans-serif;letter-spacing:1px}.wavehud em{font-style:normal;font-size:19px;color:#ccceb6}.wavehud>span:last-child{font-size:9px;letter-spacing:2px;color:#e9ac6c}.crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:28px monospace;color:#f2efd6;text-shadow:0 1px 3px #000}.crosshair.hit{color:#ff7639;transform:translate(-50%,-50%) rotate(45deg)}.bottomhud{position:absolute;bottom:28px;left:38px;right:38px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.health{min-width:160px}.health strong{display:block;font:48px Impact,sans-serif;margin:7px 0}.health strong b{font:30px Arial;color:#ef9253}.health small{font:14px Arial;color:#bfc9b2}.healthbar{height:4px;background:#24372c}.healthbar i{display:block;height:100%;background:#f49654}.arsenal{display:flex;gap:5px}.slot{position:relative;width:70px;height:83px;background:#12251ec9;border:1px solid #e9e6b222;display:flex;align-items:center;flex-direction:column}.slot.active{border-color:#ee9355;background:#a85c334d;box-shadow:inset 0 -3px #ee9355}.slot>span{position:absolute;left:5px;top:4px;font-size:9px;color:#c0c8b0}.slot img{width:56px;height:61px;object-fit:contain}.slot small{font-size:7px;letter-spacing:.7px}.ammo{text-align:right;width:180px}.ammo strong{font:58px Arial;display:block;line-height:1.1}.ammo>small{font-size:8px;letter-spacing:1px;color:#c3c9b4}.announcement{position:absolute;left:50%;top:30%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;gap:15px;width:90%;text-shadow:0 2px 8px #17251b}.announcement span{font-size:10px;letter-spacing:4px;color:#ffc18a}.announcement strong{font:42px Impact,sans-serif}.announcement small{font-size:10px;letter-spacing:2px}.hurt{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 120px 50px #a02c16}.sound:focus-visible,.start:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:900px){.edition,.top-right>.live-dot,.top-right{font-size:0}.sound{font-size:9px}.menu-copy{left:6%;top:23%}.seal{right:5%;width:140px;height:140px;top:44%}.seal strong{font-size:40px}.seal span{font-size:5px}.controls{gap:9px}.slot{width:48px;height:72px}.slot img{width:44px;height:52px}.health{min-width:110px}.ammo{width:110px}.bottomhud{left:20px;right:20px;gap:8px}.ammo .eyebrow{font-size:7px}}@media(max-height:720px){.menu-copy{top:20%}h1{font-size:83px;margin:18px 0}.menu p{margin:14px 0}.controls{margin-top:18px}.start{padding:16px 20px}}@media(max-width:600px){.seal{display:none}header{padding:18px}.brand{font-size:10px}.edition{display:none}footer{padding:18px;font-size:6px}.menu-copy{top:23%}.arsenal{gap:2px}.slot{width:35px}.slot small{font-size:5px}.slot img{width:34px}.health{min-width:70px}.health strong{font-size:32px}.ammo{width:60px}.ammo>small{display:none}.eyebrow{font-size:7px}.controls{flex-wrap:wrap}}.capture-error p{font-size:11px;margin:12px 0 7px}.capture-error button{background:#183023;border:1px solid #b9c6a5;color:#eeddbc;padding:9px 12px;font-size:10px;letter-spacing:1px}.slot.locked{opacity:.42;filter:grayscale(1);border-style:dashed}.weapon-notice{max-width:360px;color:#ffd28a!important;line-height:1.5}.slot{color:inherit;padding:0;touch-action:manipulation}.slot:disabled{cursor:default}.input-mode{display:block;margin-top:14px;padding:10px 0;background:none;color:#b9c6b2;border:0;font-size:10px;letter-spacing:1px}.touch-help{font-size:11px;line-height:1.7;color:#c4cfb9;margin-top:8px}.touch-help span{color:#efb37a}.touch-mode{min-height:0;touch-action:none;user-select:none;-webkit-user-select:none}.touch-mode header{padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));height:60px}.touch-mode .edition,.touch-mode .seal{display:none}.touch-mode .sound{min-height:40px}.touch-mode .wavehud{top:72px;left:max(16px,env(safe-area-inset-left));pointer-events:none}.touch-mode .wavehud strong{font-size:25px}.touch-mode .wavehud>span{font-size:8px;max-width:240px}.touch-mode .scorehud{top:72px;right:70px;pointer-events:none}.touch-mode .scorehud strong{font-size:22px}.touch-mode .bottomhud{top:0;right:0;bottom:0;left:0;pointer-events:none}.touch-mode .health{position:absolute;right:max(18px,env(safe-area-inset-right));top:120px;width:100px;min-width:0}.touch-mode .health strong{font-size:30px;margin:4px 0}.touch-mode .health .eyebrow,.touch-mode .ammo{display:none}.touch-mode .arsenal{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);gap:5px;pointer-events:auto;z-index:25}.touch-mode .slot{width:52px;height:62px;min-width:44px}.touch-mode .slot img{width:42px;height:44px}.touch-mode .slot small{font-size:6px}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;touch-action:none}.aim-pad{position:absolute;right:0;top:60px;bottom:82px;width:62%;pointer-events:auto;touch-action:none}.aim-pad>span{position:absolute;right:28px;bottom:145px;font-size:8px;letter-spacing:2px;color:#f2e7c76b;pointer-events:none}.move-pad{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(105px,calc(env(safe-area-inset-bottom) + 85px));width:116px;height:116px;border:1px solid #ecdfb755;border-radius:50%;background:#18302266;pointer-events:auto;touch-action:none;display:grid;place-items:center}.stick{width:48px;height:48px;border-radius:50%;background:#f1a56999;border:1px solid #ffd1a4;pointer-events:none}.move-pad small{position:absolute;bottom:12px;font-size:8px;color:#ebdfbd88;pointer-events:none}.fire-pad{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(110px,calc(env(safe-area-inset-bottom) + 90px));border:2px solid #ffba7d99;width:92px;height:92px;border-radius:50%;background:#ae592b66;color:#ffe8c7;font-size:34px;pointer-events:auto;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.fire-pad small{font-size:10px;letter-spacing:2px}.fire-pad.firing{background:#f58244bb}.pause-touch{position:absolute;right:max(16px,env(safe-area-inset-right));top:65px;width:44px;height:44px;pointer-events:auto;border:1px solid #d2c7a888;background:#142a20aa;color:#fff2cc;font-size:20px}.touch-mode .menu{overflow-y:auto;touch-action:pan-y}.touch-mode .menu-copy{position:relative;left:auto;top:auto;margin:95px 6% 80px;max-width:580px}.touch-mode h1{font-size:clamp(60px,14vw,105px)}.touch-mode footer{position:fixed;pointer-events:none}.touch-mode .announcement{top:35%;pointer-events:none}.touch-mode .announcement strong{font-size:28px}@media(max-height:500px){.touch-mode header{height:48px;padding-top:4px;padding-bottom:4px}.touch-mode .wavehud,.touch-mode .scorehud{top:55px}.touch-mode .wavehud .eyebrow{display:none}.touch-mode .health{top:100px}.touch-mode .pause-touch{top:50px}.touch-mode .aim-pad{top:48px}.touch-mode .move-pad{width:100px;height:100px;bottom:35px}.touch-mode .fire-pad{width:80px;height:80px;bottom:38px}.touch-mode .aim-pad>span{bottom:100px}.touch-mode .menu-copy{margin-top:65px;margin-bottom:30px}.touch-mode h1{font-size:58px;margin:12px 0}.touch-mode .menu p{font-size:12px;line-height:1.4;margin:8px 0}.touch-mode .subtitle{font-size:10px;letter-spacing:2px}.touch-mode .kicker{font-size:8px}.touch-mode footer{display:none}.touch-mode .start{padding:14px 18px}.touch-mode .input-mode{margin-top:4px}.touch-mode .touch-help{margin-top:2px;font-size:10px}}.touch-mode .health strong{white-space:nowrap}.touch-mode .health small{font-size:11px}.touch-mode .health strong b{font-size:21px}.touch-mode .health{width:116px}
