@layer reset{*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}}@layer base{:root{--bg:#010101;--surface:#110c08;--surface-high:#231b14;--ink:#f6f1e9;--muted:#afa294;--duck:#fd9320;--duck-hot:#9c4700;--soap:#43cfe5;--danger:#ee362f;--success:#68cb6e;--border:#584a40;--orange:#ef6505;--violet:#a870e1;--shadow-hard:6px 6px 0 #000000eb;--ease-out:cubic-bezier(.22, 1, .36, 1);--z-hud:10;--z-screen:20;--z-toast:30;--z-flash:40;color:var(--ink);background:var(--bg);font-family:Avenir Next,Avenir,ui-sans-serif,system-ui,sans-serif}@supports (color:lab(0% 0 0)){:root{--bg:lab(.381079% 0 0);--surface:lab(3.68116% 1.3494 2.16347);--surface-high:lab(10.6322% 3.31699 6.16215);--ink:lab(95.394% .703841 4.5323);--muted:lab(67.5242% 3.04371 9.13249);--duck:lab(71.4309% 36.1173 71.115);--duck-hot:lab(40.7605% 46.9765 91.5036);--soap:lab(76.5498% -33.302 -22.2909);--danger:lab(53.7548% 68.9284 50.1284);--success:lab(74.1101% -44.8611 36.9716);--border:lab(32.6592% 4.5023 8.54667);--orange:lab(60.3274% 52.0933 68.6431);--violet:lab(56.8419% 39.1146 -49.9861);--shadow-hard:6px 6px 0 lab(.0387287% 0 0/.92)}}body{background:var(--bg);color:var(--ink);text-rendering:geometricprecision}h1,h2,p{margin-top:0}h1{text-wrap:balance;font-size:clamp(1.75rem,3vw,3rem);line-height:1}p{color:var(--muted);text-wrap:pretty;line-height:1.55}button,input,select{border-radius:0}:focus-visible{outline:3px solid var(--soap);outline-offset:4px}}@layer components{.screen{z-index:var(--z-screen);display:none;position:fixed;inset:0}.screen.is-active{display:flex}.menu-screen{background:linear-gradient(90deg, #01010133, #010101 58%), repeating-linear-gradient(0deg, transparent 0 39px, #39312b2e 40px), var(--bg);align-items:stretch}@supports (color:lab(0% 0 0)){.menu-screen{background:linear-gradient(90deg, lab(.195112% 0 0/.2), lab(.195112% 0 0) 58%), repeating-linear-gradient(0deg, transparent 0 39px, lab(21.0859% 2.65788 5.08901/.18) 40px), var(--bg)}}.menu-art{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);background:#030303;background:lab(.903296% 0 0);width:min(58vw,900px);min-width:42vw;position:relative;overflow:hidden}.menu-art:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset -40px 0 80px #000;box-shadow:inset -40px 0 80px lab(.0578117% 0 0)}.menu-art img{object-fit:cover;image-rendering:auto;filter:contrast(1.05)saturate(.95);width:100%;height:100%}.menu-art-plaque{z-index:1;border:2px solid var(--border);max-width:min(360px,72%);box-shadow:var(--shadow-hard), inset 0 0 0 2px #1b150f;background:#010100f0;background:lab(.245565% .159353 .223735/.94);padding:.8rem 1rem;position:absolute;bottom:clamp(1.25rem,3vw,3rem);left:clamp(1.25rem,3vw,3rem)}@supports (color:lab(0% 0 0)){.menu-art-plaque{box-shadow:var(--shadow-hard), inset 0 0 0 2px lab(7.18976% 2.63555 4.22554)}}.menu-art-plaque span,.menu-art-plaque strong{display:block}.menu-art-plaque span{color:var(--duck);letter-spacing:.1em;font:850 .63rem/1.25 ui-monospace,monospace}.menu-art-plaque strong{margin-top:.35rem;font-size:.9rem}.menu-content{flex-direction:column;justify-content:center;width:min(680px,54vw);padding:clamp(2rem,5vw,6rem);display:flex;position:relative}.menu-release{color:var(--muted);letter-spacing:.09em;flex-wrap:wrap;gap:.65rem 1.2rem;margin-bottom:clamp(1.5rem,4vh,3rem);font:700 .68rem/1.2 ui-monospace,monospace;display:flex}.menu-release span+span{border-left:1px solid var(--border);padding-left:1.2rem}.menu-release strong{color:var(--duck)}.logo{width:min-content;color:var(--duck);letter-spacing:-.035em;text-shadow:3px 3px 0 var(--duck-hot), 7px 7px 0 #020202;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-style:italic;line-height:.72;display:grid;transform:skewY(-2deg)}@supports (color:lab(0% 0 0)){.logo{text-shadow:3px 3px 0 var(--duck-hot), 7px 7px 0 lab(.462488% 0 0)}}.logo-quack,.logo-doom{font-size:clamp(3.5rem,7.2vw,6rem)}.logo-of{letter-spacing:.35em;color:var(--soap);text-shadow:none;justify-self:center;margin:.65rem 0 .55rem;font:900 .9rem/1 ui-monospace,monospace}.tagline{color:var(--ink);letter-spacing:.02em;margin:1.65rem 0 .55rem;font-weight:800}.menu-summary{max-width:48ch;margin:0 0 1.65rem;font-size:.92rem}.menu-actions{flex-direction:column;gap:.7rem;width:min(100%,340px);display:flex}.btn{text-align:left;min-height:48px;color:var(--ink);letter-spacing:.01em;transition:transform .18s var(--ease-out), background-color .18s ease, border-color .18s ease;border:2px solid #0000;padding:.8rem 1.2rem;font-weight:850}.btn:hover{transform:translate(-2px,-2px)}.btn:active{transform:translate(2px,2px)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-primary{color:#f8f8f8;color:lab(97.68% -.0000298023 .0000119209);background:var(--duck-hot);border-color:var(--duck);box-shadow:var(--shadow-hard)}.btn-primary:hover{background:#863800;background:lab(33.8337% 44.8329 78.7264)}.btn-secondary{background:var(--surface-high);border-color:var(--soap);box-shadow:var(--shadow-hard)}.btn-secondary:hover{background:#083138;background:lab(17.9805% -12.4727 -8.35355)}.btn-ghost{border-color:var(--border);color:var(--muted);background:0 0}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.menu-footer{margin-top:1.6rem}.menu-hint{max-width:42ch;color:var(--muted);margin:0;font:650 .7rem/1.5 ui-monospace,monospace}.menu-credits{color:var(--ink);flex-direction:column;gap:.22rem;margin:1.05rem 0 0;font-size:.72rem;line-height:1.35;display:flex}.menu-credits strong{font-weight:800}.menu-credits span{color:var(--muted);font-family:ui-monospace,monospace}.panel-screen,.pause-screen,.result-screen{background:radial-gradient(circle at 50% 20%,#37241459,#0000 36%),repeating-linear-gradient(90deg,#0000 0 63px,#2e2e2e1f 64px),#010101f7;background:radial-gradient(circle at 50% 20%,lab(16.3438% 7.90843 14.6475/.35),#0000 36%),repeating-linear-gradient(90deg,#0000 0 63px,lab(18.8% 0 0/.12) 64px),lab(.195112% 0 0/.97);justify-content:center;align-items:center;padding:2rem}.metal-panel{border:2px solid var(--border);background:var(--surface);width:min(100%,660px);padding:clamp(1.5rem,4vw,3rem);position:relative;box-shadow:12px 12px #000,inset 0 0 0 4px #201914;box-shadow:12px 12px lab(.0243893% 0 0),inset 0 0 0 4px lab(9.48198% 2.73063 4.99646)}.metal-panel:before,.metal-panel:after{content:"";background:var(--border);border-radius:50%;width:8px;height:8px;position:absolute;top:12px;box-shadow:inset 1px 1px #a89c92,inset -1px -1px #020202;box-shadow:inset 1px 1px lab(65.159% 3.45761 6.717),inset -1px -1px lab(.462488% 0 0)}.metal-panel:before{left:12px}.metal-panel:after{right:12px}.compact-panel{text-align:center;width:min(100%,480px)}.compact-panel .btn{text-align:center;width:100%;margin-top:.65rem}.back-btn{color:var(--soap);background:0 0;border:0;padding:0 0 1.5rem;font-weight:800}label{color:var(--ink);justify-content:space-between;gap:1rem;margin:1.2rem 0 .45rem;font-weight:750;display:flex}input[type=text],input:not([type]){width:100%;min-height:48px;color:var(--ink);border:2px solid var(--border);background:#020202;background:lab(.658503% 0 0);padding:.75rem .9rem}select{width:100%;min-height:48px;color:var(--ink);border:2px solid var(--border);background:#020202;background:lab(.658503% 0 0);padding:.72rem 2.4rem .72rem .9rem}select:focus{border-color:var(--soap)}select:disabled{opacity:.5}input::placeholder{color:#a2968c;color:lab(62.8388% 3.46163 6.71998);opacity:1}input:focus{border-color:var(--soap)}input[type=range]{width:100%;accent-color:var(--duck)}.check-row{justify-content:flex-start;align-items:center;margin:1.5rem 0}.check-row input{width:20px;height:20px;accent-color:var(--duck-hot)}.settings-panel .btn{text-align:center;width:100%}.split-actions{gap:1rem;margin-top:1.5rem;display:grid}.lobby-panel{width:min(100%,960px)}.lobby-config{grid-template-columns:minmax(0,1fr) 290px;align-items:stretch;gap:2rem;margin-top:1.25rem;display:grid}.lobby-fields{min-width:0}.profile-options{grid-template-columns:1fr 1fr;gap:0 .8rem;display:grid}.profile-options label{grid-row:1}.profile-options select{grid-row:2}.join-row{grid-template-columns:1fr auto;gap:.65rem;display:grid}.join-row input{text-transform:uppercase;letter-spacing:.2em;font-family:ui-monospace,monospace;font-weight:900}.form-error{color:#ffa79b;color:lab(77.9276% 39.7491 25.1373);min-height:1.5rem;margin:1rem 0 0;font-weight:700}.network-help{color:var(--soap);margin:1rem 0 0;font-size:.9rem;line-height:1.45}#online-status{min-height:1.3rem;color:var(--muted);margin:1rem 0 0}#online-status:empty{min-height:0;margin:0}.suit-preview{background-color:#000203;background-color:lab(.389122% -.342578 -.453195);background-image:linear-gradient(#43cfe514 1px,#0000 1px),linear-gradient(90deg,#43cfe514 1px,#0000 1px),none;background-image:linear-gradient(lab(76.5498% -33.302 -22.2909/.08) 1px,#0000 1px),linear-gradient(90deg,lab(76.5498% -33.302 -22.2909/.08) 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #376573;border:2px solid lab(39.9771% -13.1412 -13.1293);min-width:0;margin:1.2rem 0 0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #000b10,6px 6px #000;box-shadow:inset 0 0 0 3px lab(2.53546% -2.43361 -3.34622),6px 6px lab(.0243893% 0 0)}.suit-preview:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 58%,#0000 35%,#0000009e 82%);background:radial-gradient(circle at 50% 58%,#0000 35%,lab(.0145645% -.0206456 -.0387222/.62) 82%);position:absolute;inset:38px 0 78px}.suit-preview-heading{z-index:3;letter-spacing:.08em;background:#000405;background:lab(.792992% -.79643 -1.12043);border-bottom:1px solid #265462;border-bottom:1px solid lab(33.0105% -12.9832 -13.0787);justify-content:space-between;gap:.8rem;padding:.72rem .8rem;font:800 .63rem/1 ui-monospace,monospace;display:flex;position:relative}.suit-preview-heading span{color:var(--soap)}.suit-preview-heading b{color:var(--duck)}#suit-preview-canvas{z-index:1;width:100%;height:300px;display:block;position:relative}.suit-preview figcaption{z-index:3;background:#000203f5;background:lab(.565348% -.449546 -.572106/.96);border-top:1px solid #265462;border-top:1px solid lab(33.0105% -12.9832 -13.0787);grid-template-columns:1fr auto;gap:.18rem .7rem;min-height:78px;padding:.72rem .8rem;display:grid;position:relative}.suit-preview figcaption strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.suit-preview figcaption span{color:var(--soap);text-align:right;font:800 .68rem/1.3 ui-monospace,monospace}.suit-preview figcaption small{color:var(--muted);grid-column:1/-1;line-height:1.35}.suit-preview[data-color=orange] figcaption span{color:var(--orange)}.suit-preview[data-color=violet] figcaption span{color:#c9a3f5;color:lab(72.8614% 25.9544 -35.7865)}.suit-preview[data-color=green] figcaption span{color:var(--success)}.suit-preview.is-fallback{min-height:260px}.suit-preview.is-fallback figcaption{position:absolute;inset:auto 0 0}.player-list{border:2px solid var(--border);margin:1.5rem 0;padding:0;list-style:none}.player-list li{background:#040404;background:lab(1.20229% 0 0);align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.player-list li+li{border-top:1px solid var(--border)}.player-dot{background:var(--soap);width:10px;height:10px;box-shadow:0 0 10px var(--soap);border-radius:50%}.player-dot[data-color=orange]{background:var(--orange);box-shadow:0 0 10px var(--orange)}.player-dot[data-color=violet]{background:var(--violet);box-shadow:0 0 10px var(--violet)}.player-dot[data-color=green]{background:var(--success);box-shadow:0 0 10px var(--success)}.host-tag{color:var(--duck);margin-left:auto;font:800 .7rem/1 ui-monospace,monospace}.reconnect-tag{color:var(--orange);margin-left:auto;font:800 .66rem/1 ui-monospace,monospace}.host-tag+.reconnect-tag{margin-left:.35rem}.invite-row{grid-template-columns:1fr auto;gap:.65rem;margin:1rem 0;display:grid}.invite-row .btn{white-space:nowrap;min-height:48px}.status-line{text-align:center;font-family:ui-monospace,monospace}.lobby-panel>.btn{text-align:center;width:100%;margin-top:.7rem}.result-kicker{color:var(--duck);letter-spacing:.16em;font:900 .72rem/1 ui-monospace,monospace}.result-stats{text-align:left;border:1px solid var(--border);background:#020202;background:lab(.658503% 0 0);grid-template-columns:1fr auto;gap:.28rem 1.2rem;margin:1.2rem 0;padding:.8rem;display:grid}.result-stats dt{color:var(--muted)}.result-stats dd{color:var(--duck);margin:0;font-family:ui-monospace,monospace;font-weight:900}.achievement-list{text-align:left;gap:.35rem;margin:.8rem 0;padding:0;list-style:none;display:grid}.achievement-list:empty{display:none}.achievement-list li{color:var(--duck);background:#0e0501;background:lab(1.94578% 2.18223 2.55218);border:1px solid #7e522c;border:1px solid lab(39.3863% 16.1827 30.152);padding:.48rem .62rem;font:800 .68rem/1.3 ui-monospace,monospace}.leaderboard-panel{width:min(100%,780px)}.leaderboard-list{border:2px solid var(--border);background:#020202;background:lab(.554737% 0 0);margin:1.3rem 0;padding:0;list-style:none}.leaderboard-list li{grid-template-columns:2.2rem minmax(8rem,1fr) minmax(10rem,auto) auto;align-items:center;gap:.8rem;min-height:48px;padding:.6rem .8rem;display:grid}.leaderboard-list li+li{border-top:1px solid var(--border)}.leaderboard-list li>strong{color:var(--soap);font-family:ui-monospace,monospace}.leaderboard-list li>span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.leaderboard-list li>small{color:var(--muted);font-family:ui-monospace,monospace}.leaderboard-list li>b{color:var(--duck);text-align:right;font:900 .92rem/1 ui-monospace,monospace}.leaderboard-panel>.btn{text-align:center;width:100%}}@layer game{#game{background:var(--bg);width:100%;height:100%;image-rendering:pixelated;display:block;position:fixed;inset:0}.scanlines{z-index:8;pointer-events:none;opacity:.11;mix-blend-mode:multiply;background:radial-gradient(circle,#0000 58%,#0000006b 100%),repeating-linear-gradient(0deg,#0000 0 3px,#00000057 4px);background:radial-gradient(circle,#0000 58%,lab(0% 0 0/.42) 100%),repeating-linear-gradient(0deg,#0000 0 3px,lab(0% 0 0/.34) 4px);position:fixed;inset:0}.hud{--suit-accent:#e46628;z-index:var(--z-hud);pointer-events:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;position:fixed;inset:0}.hud-top{justify-content:space-between;align-items:flex-start;padding:1.35rem;display:flex}.objective-wrap{background:#000203f0;background:lab(.389122% -.342578 -.453195/.94);border:2px solid #548291;border:2px solid lab(51.585% -13.3258 -13.1948);flex-direction:column;gap:.32rem;max-width:min(560px,46vw);padding:.72rem 1rem;display:flex;box-shadow:5px 5px #000000d1,inset 0 0 0 2px #08191e;box-shadow:5px 5px lab(.00722694% 0 0/.82),inset 0 0 0 2px lab(7.35149% -5.2792 -5.92142)}.objective-wrap span{color:var(--duck);letter-spacing:.12em;font-size:.74rem;font-weight:900}.objective-wrap strong{font-size:clamp(.86rem,.35vw + .62rem,1.08rem);line-height:1.3}.network-pill{color:var(--soap);border:1px solid var(--soap);background:#000000e6;background:lab(.112911% 0 0/.9);padding:.48rem .68rem;font-size:.66rem;font-weight:900}.hud-right{flex-direction:column;align-items:flex-end;gap:.48rem;display:flex}.squad-panel{background:#000101f0;background:lab(.154242% -.171848 -.256941/.94);border:1px solid #497685;border:1px solid lab(46.9422% -13.2609 -13.171);width:min(310px,29vw);padding:.4rem .48rem;box-shadow:4px 4px #000000d1,inset 0 0 0 1px #031217db;box-shadow:4px 4px lab(.00304794% 0 0/.82),inset 0 0 0 1px lab(4.5256% -3.72142 -4.7935/.86)}.squad-panel>strong{color:var(--duck);letter-spacing:.12em;font-size:.58rem}.squad-panel ul{grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:.28rem;margin:.28rem 0 0;padding:0;list-style:none;display:grid}.squad-panel li{border:1px solid var(--border);background:#020507;background:lab(1.22084% -.779949 -.929999);grid-template-columns:minmax(0,1fr) auto;gap:.12rem .3rem;padding:.3rem .34rem .38rem;font-size:.56rem;display:grid;position:relative;overflow:hidden}.squad-panel li span{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.squad-panel li strong{color:var(--soap);white-space:nowrap}.squad-panel li>i{width:var(--squad-health);height:2px;color:var(--soap);background:currentColor;position:absolute;bottom:0;left:0;right:auto}.squad-panel li[data-color=orange] strong,.squad-panel li[data-color=orange]>i{color:var(--orange)}.squad-panel li[data-color=violet] strong,.squad-panel li[data-color=violet]>i{color:#c9a3f5;color:lab(72.8614% 25.9544 -35.7865)}.squad-panel li[data-color=green] strong,.squad-panel li[data-color=green]>i{color:var(--success)}.minimap-panel{background:#000101f0;background:lab(.154242% -.171848 -.256941/.94);border:2px solid #497685;border:2px solid lab(46.9422% -13.2609 -13.171);width:min(290px,27vw);margin:0;padding:.48rem;box-shadow:5px 5px #000000d1,inset 0 0 0 2px #031217db;box-shadow:5px 5px lab(.00304794% 0 0/.82),inset 0 0 0 2px lab(4.5256% -3.72142 -4.7935/.86)}.minimap-panel figcaption{justify-content:space-between;align-items:baseline;gap:.6rem;padding:.05rem .14rem .42rem;display:flex}.minimap-panel figcaption strong{color:var(--duck);letter-spacing:.1em;font-size:.67rem}.minimap-panel figcaption span{color:var(--muted);letter-spacing:.05em;font-size:.54rem}#minimap{aspect-ratio:28/17;width:100%;height:auto;image-rendering:pixelated;background:#000;background:lab(.0145645% -.0206456 -.0387222);display:block}.boss-bar{border:2px solid var(--violet);background:#010001f2;background:lab(.180723% .286773 -.281844/.95);width:min(510px,39vw);padding:.5rem .68rem .62rem;position:absolute;top:1.35rem;left:50%;transform:translate(-50%);box-shadow:5px 5px #000000d6,inset 0 0 0 1px #2a172e;box-shadow:5px 5px lab(.00304794% 0 0/.84),inset 0 0 0 1px lab(11.1052% 13.4359 -11.6637)}.boss-bar>div:first-child{grid-template-columns:auto 1fr auto;align-items:baseline;gap:.6rem;display:grid}.boss-bar span{color:var(--muted);letter-spacing:.1em;font-size:.54rem}.boss-bar strong{color:#d6b0ff;color:lab(77.199% 30.5789 -41.6358);text-align:center;letter-spacing:.12em;font-size:.8rem}.boss-bar b{color:var(--ink);font-size:.65rem}.boss-health-meter{background:#000;background:lab(.0141144% 0 0);border:1px solid #775c8c;border:1px solid lab(43.2133% 18.7672 -22.3392);height:11px;margin-top:.4rem;padding:2px}.boss-health-meter i{background:var(--violet);transform-origin:0;width:100%;height:100%;transition:transform .14s linear;display:block;transform:scaleX(1)}.hud-bottom{width:min(980px,100vw - 2rem);position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.retro-console{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px);background:#000101f2;background:lab(.19936% -.181302 -.243187/.95);border:2px solid #4d6871eb;border:2px solid lab(42.2004% -8.62192 -8.45379/.92);grid-template-columns:minmax(210px,.95fr) minmax(320px,1.25fr) minmax(250px,1fr);min-height:126px;padding:.7rem 1rem;display:grid;position:relative;box-shadow:7px 7px #000000db,inset 0 0 0 2px #050f13c2;box-shadow:7px 7px lab(.00156021% 0 0/.86),inset 0 0 0 2px lab(3.75852% -2.46611 -2.96081/.76)}.retro-console:before{content:"BONIFICA TATTICA // SISTEMI NOMINALI";color:#4f6f79;color:lab(44.547% -9.80914 -9.64263);letter-spacing:.16em;white-space:nowrap;background:#000101;background:lab(.19936% -.181302 -.243187);padding-inline:.5rem;font-size:.47rem;position:absolute;top:3px;left:50%;transform:translate(-50%)}.retro-console[data-health=critical]{border-color:var(--danger)}.console-wing,.console-center{min-width:0;padding:.25rem .8rem}.console-center{border-inline:1px solid #2e4046;border-inline:1px solid lab(25.9032% -6.16069 -6.03939);grid-template-columns:104px minmax(150px,1fr);align-items:center;gap:.7rem;display:grid}.console-heading,.weapon-heading{border-bottom:1px solid #1f3137;border-bottom:1px solid lab(18.9407% -6.10465 -6.01603);justify-content:space-between;align-items:baseline;gap:.65rem;padding-bottom:.38rem;display:flex}.console-heading span,.weapon-heading span{color:var(--muted);letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;font-weight:850;overflow:hidden}.console-heading b{color:var(--suit-accent);letter-spacing:.08em;font-size:.58rem}.weapon-heading span{color:var(--duck)}.weapon-heading small{color:var(--soap);letter-spacing:.07em;white-space:nowrap;font-size:.57rem;font-weight:850}.weapon-heading small.is-reloading{color:var(--orange);animation:.42s steps(2,end) infinite reload-pulse}.health-readout{grid-template-columns:auto 1fr;align-items:center;gap:.72rem;margin-top:.45rem;display:grid}.health-stat{align-items:baseline;display:flex}.health-stat span{color:var(--muted);letter-spacing:.08em;align-self:flex-start;margin-right:.45rem;font-size:.53rem}.health-stat strong{color:var(--success);font-size:2rem;line-height:.9}.health-stat small{color:var(--muted);font-size:.58rem}.health-meter{background:#000;background:lab(.00722694% 0 0);border:1px solid #47636b;border:1px solid lab(39.8796% -8.60556 -8.44678);height:13px;padding:2px}.health-meter i{background:var(--success);transform-origin:0;width:100%;height:100%;transition:transform .12s linear,background-color .12s linear;display:block;transform:scaleX(1)}.retro-console[data-health=critical] .health-meter i{background:var(--danger)}.keys-readout{align-items:center;gap:.6rem;margin-top:.45rem;display:flex}.keys-readout>span{color:var(--muted);letter-spacing:.1em;font-size:.52rem}.keys{align-items:center;gap:.32rem;min-height:22px;display:flex}.keys>small{color:#4e6167;color:lab(39.8263% -6.22878 -6.07044);letter-spacing:.08em;font-size:.52rem}.key-chip{width:22px;height:22px;color:var(--duck);border:1px solid;place-items:center;font-size:.62rem;font-weight:900;display:inline-grid;transform:rotate(-3deg)}.key-chip.key-cyan{color:var(--soap)}.key-chip.key-red{color:var(--danger)}.suit-status{color:var(--suit-accent);justify-items:center;gap:.2rem;transition:transform .1s ease-out;display:grid}.suit-status.is-hit{transform:translate(-4px)rotate(-2deg)}.visor-frame{background:var(--suit-accent);clip-path:polygon(13% 0,87% 0,100% 24%,91% 100%,9% 100%,0 24%);border:2px solid #000;border:2px solid lab(.00722694% 0 0);place-items:center;width:82px;height:62px;display:grid;box-shadow:inset 0 0 0 4px #0e0804;box-shadow:inset 0 0 0 4px lab(2.45813% 1.35494 1.98678)}.visor-glass{clip-path:polygon(9% 0,91% 0,100% 28%,90% 100%,10% 100%,0 28%);background:#001f25;background:lab(9.85076% -12.0541 -8.27612);border:2px solid #000;border:2px solid lab(.0243893% 0 0);width:66px;height:43px;position:relative;overflow:hidden}.visor-glass:after{content:"";background:#97cfda6b;background:lab(79.5953% -17.1085 -11.3474/.42);width:30px;height:3px;position:absolute;inset:3px auto auto 8px;transform:rotate(-4deg)}.visor-eye{z-index:2;background:#e4decc;background:lab(88.5207% .100791 9.65136);border:1px solid #000;border:1px solid lab(.0243893% 0 0);width:13px;height:10px;transition:transform .12s;position:absolute;top:16px}.visor-eye:after{content:"";background:#000;background:lab(.0243893% 0 0);width:4px;height:4px;position:absolute;top:3px;left:5px}.visor-eye-left{left:15px}.visor-eye-right{right:15px}.visor-brow{z-index:3;background:#000;background:lab(.0387287% 0 0);width:17px;height:3px;position:absolute;top:12px}.visor-brow-left{left:12px;transform:rotate(8deg)}.visor-brow-right{right:12px;transform:rotate(-8deg)}.visor-mouth{z-index:2;background:#000;background:lab(.0387287% 0 0);width:15px;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.visor-bubbles{z-index:4;color:var(--soap);opacity:0;font-size:.62rem;position:absolute;bottom:1px;right:3px}.suit-status>strong{color:currentColor;text-align:center;letter-spacing:.06em;max-width:104px;font-size:.5rem}.suit-status[data-state=sprinting] .visor-brow-left{transform:rotate(-8deg)}.suit-status[data-state=sprinting] .visor-brow-right{transform:rotate(8deg)}.suit-status[data-state=sprinting] .visor-eye{transform:scaleY(.62)}.suit-status[data-state=tired] .visor-eye{transform:translateY(3px)scaleY(.68)}.suit-status[data-state=tired] .visor-mouth{border-radius:50%;width:9px;height:5px}.suit-status[data-state=soapy]{color:var(--soap)}.suit-status[data-state=soapy] .visor-bubbles{opacity:1;animation:.65s steps(2,end) infinite bubble-blink}.suit-status[data-state=reloading] .visor-eye:after{left:2px}.suit-status[data-state=critical],.suit-status[data-state=downed]{color:var(--danger)}.suit-status[data-state=critical] .visor-frame{animation:.62s steps(2,end) infinite critical-pulse}.suit-status[data-state=critical] .visor-mouth{transform:translate(-50%)rotate(-12deg)}.suit-status[data-state=downed] .visor-eye{background:var(--danger);height:3px;transform:rotate(35deg)}.suit-status[data-state=downed] .visor-eye-right{transform:rotate(-35deg)}.suit-status[data-state=downed] .visor-eye:after{display:none}.mobility-readout{min-width:0}.mobility-readout>span{color:var(--muted);letter-spacing:.08em;font-size:.56rem;display:block}.mobility-readout b{float:right;color:var(--success);font-size:.56rem}.mobility-readout[data-state=sprinting] b{color:var(--duck)}.mobility-readout[data-state=tired] b,.mobility-readout[data-state=slowed] b{color:var(--orange)}.stamina-meter{background:#000;background:lab(.0141144% 0 0);border:1px solid #4f6f79;border:1px solid lab(44.547% -9.80914 -9.64263);height:13px;margin-top:.52rem;padding:2px}.stamina-meter i{background:var(--success);transform-origin:0;width:100%;height:100%;transition:transform .1s linear,background-color .16s;display:block;transform:scaleX(1)}.mobility-readout[data-state=sprinting] .stamina-meter i{background:var(--duck)}.mobility-readout[data-state=tired] .stamina-meter i,.mobility-readout[data-state=slowed] .stamina-meter i{background:var(--orange)}.weapon-readout{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:.48rem;display:flex}.weapon-readout>strong{color:var(--duck);white-space:nowrap;font-size:1.85rem;line-height:.95}.duck-counter{align-items:baseline;gap:.4rem;display:flex}.duck-counter span{color:var(--muted);letter-spacing:.08em;font-size:.5rem}.duck-counter b{color:var(--ink);font-size:1.25rem}.run-readout{border-top:1px solid #1f3137;border-top:1px solid lab(18.9407% -6.10465 -6.01603);grid-template-columns:1fr 1fr;gap:.65rem;margin:.5rem 0 0;padding-top:.38rem;display:grid}.run-readout>div{justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}.run-readout dt{color:var(--muted);letter-spacing:.08em;font-size:.5rem}.run-readout dd{color:var(--soap);margin:0;font-size:.66rem;font-weight:900}.console-bolt{background:#6d6154;background:lab(41.9987% 3.14571 9.21733);width:5px;height:5px;position:absolute;transform:rotate(45deg)}.console-bolt-a{top:8px;left:8px}.console-bolt-b{top:8px;right:8px}.console-bolt-c{bottom:8px;left:8px}.console-bolt-d{bottom:8px;right:8px}.crosshair{width:26px;height:26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair span{background:#ffffffeb;background:lab(100% 0 0/.92);position:absolute;box-shadow:1px 1px #000c;box-shadow:1px 1px lab(0% 0 0/.8)}.crosshair span:first-child{width:2px;height:22px;top:2px;left:12px}.crosshair span:last-child{width:22px;height:2px;top:12px;left:2px}.hit-marker{color:var(--duck);font:900 2.2rem/1 ui-monospace,monospace;transition:transform 90ms ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)scale(0)}.hit-marker.is-active{transform:translate(-50%,-50%)rotate(45deg)scale(1)}.damage-direction{width:156px;height:156px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.damage-direction i{opacity:0;background:var(--danger);filter:drop-shadow(0 2px #000);filter:drop-shadow(0 2px lab(.00722694% 0 0));width:16px;height:14px;transition:opacity .28s ease-out;position:absolute}.damage-front{clip-path:polygon(0 0,100% 0,50% 100%);top:0;left:50%;transform:translate(-50%)}.damage-back{clip-path:polygon(50% 0,100% 100%,0 100%);bottom:0;left:50%;transform:translate(-50%)}.damage-right{clip-path:polygon(0 50%,100% 0,100% 100%);top:50%;right:0;transform:translateY(-50%)}.damage-left{clip-path:polygon(0 0,100% 50%,0 100%);top:50%;left:0;transform:translateY(-50%)}.damage-direction.is-active[data-direction=front] .damage-front,.damage-direction.is-active[data-direction=right] .damage-right,.damage-direction.is-active[data-direction=back] .damage-back,.damage-direction.is-active[data-direction=left] .damage-left,.damage-direction.is-active[data-direction=environment] i{opacity:1;transition-duration:20ms}.interaction-prompt{max-width:min(520px,70vw);color:var(--ink);background:#000001e6;background:lab(.0841942% -.0805333 -.110552/.9);border:1px solid #4f6f79;border:1px solid lab(44.547% -9.80914 -9.64263);align-items:center;gap:.48rem;padding:.42rem .62rem;display:flex;position:absolute;top:calc(50% + 55px);left:50%;transform:translate(-50%);box-shadow:3px 3px #000c;box-shadow:3px 3px lab(.00304794% 0 0/.8)}.interaction-prompt kbd{color:#000;color:lab(.0578117% 0 0);background:var(--duck);min-width:25px;height:25px;box-shadow:0 2px 0 var(--duck-hot);border:1px solid #ffdeba;border:1px solid lab(90.6743% 10.8251 30.2856);place-items:center;font:900 .72rem/1 ui-monospace,monospace;display:grid}.interaction-prompt strong{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.interaction-prompt.is-blocked{color:#ffbfb3;color:lab(83.0711% 23.817 15.9911);border-color:var(--danger)}.level-card{z-index:var(--z-toast);text-align:center;border:2px solid var(--duck);width:min(90vw,580px);animation:level-in 2.6s var(--ease-out) both;background:#010101f0;background:lab(.195112% 0 0/.94);padding:1.4rem 2rem;position:fixed;top:24%;left:50%;transform:translate(-50%);box-shadow:10px 10px #000;box-shadow:10px 10px lab(.00722694% 0 0)}.level-card span{color:var(--duck);letter-spacing:.16em;font:900 .72rem/1 ui-monospace,monospace}.level-card strong{text-transform:uppercase;margin:.35rem 0;font:900 clamp(1.8rem,5vw,3.2rem)/1 Impact,Arial Black,sans-serif;display:block}.level-card p{margin:0}.toast{z-index:var(--z-toast);min-width:min(420px,88vw);color:var(--ink);text-align:center;border:2px solid var(--soap);opacity:0;transition:opacity .18s ease, transform .22s var(--ease-out);pointer-events:none;background:#030303f0;background:lab(.903296% 0 0/.94);padding:.95rem 1.2rem;font-weight:850;position:fixed;top:16%;left:50%;transform:translate(-50%,-20px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.damage-flash{z-index:var(--z-flash);pointer-events:none;opacity:0;box-shadow:inset 0 0 90px 24px var(--danger);transition:opacity .22s ease-out;position:fixed;inset:0}.damage-flash.is-active{opacity:.72;transition-duration:30ms}}@layer utilities{[hidden]{display:none!important}@keyframes level-in{0%{opacity:0;transform:translate(-50%,-18px)scale(.96)}12%,74%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,12px)scale(1)}}@keyframes reload-pulse{50%{color:var(--duck)}}@keyframes critical-pulse{50%{background:#bb0a10;background:lab(40.0019% 62.9347 49.2619)}}@keyframes bubble-blink{50%{opacity:.55;transform:translateY(-3px)}}@media (max-width:820px){.menu-screen{background:var(--bg)}.menu-art{opacity:.26;clip-path:none;width:100%;position:absolute;inset:0}.menu-art-plaque{display:none}.menu-content{z-index:1;width:100%;max-width:560px;margin:auto}.menu-release{margin-bottom:1.5rem}.logo-quack,.logo-doom{font-size:clamp(3.4rem,17vw,5.5rem)}.lobby-config{grid-template-columns:1fr;gap:1rem}.suit-preview{grid-row:1;margin-top:0}#suit-preview-canvas{height:260px}.panel-screen{align-items:flex-start;overflow-y:auto}.metal-panel{margin-block:auto}.hud-bottom{width:calc(100vw - 1rem);bottom:.5rem}.retro-console{grid-template-columns:1fr 1fr;padding-inline:.6rem}.console-center{border-inline:0;border-bottom:1px solid #2e4046;border-bottom:1px solid lab(25.9032% -6.16069 -6.03939);grid-area:1/1/auto/-1}.console-vitals{border-right:1px solid #2e4046;border-right:1px solid lab(25.9032% -6.16069 -6.03939)}.boss-bar{width:min(440px,54vw)}.minimap-panel{display:none}}@media (min-width:821px) and (max-width:1120px){.minimap-panel{width:220px}.minimap-panel figcaption span{display:none}.retro-console{grid-template-columns:minmax(190px,.9fr) minmax(270px,1.1fr) minmax(225px,1fr);padding-inline:.65rem}.console-wing,.console-center{padding-inline:.55rem}.console-center{grid-template-columns:90px minmax(135px,1fr)}.visor-frame{transform:scale(.9)}}@media (max-height:900px) and (min-width:821px){.menu-content{padding-block:1.5rem}.menu-release{margin-bottom:1.2rem}.tagline{margin-top:1.15rem}.menu-summary{margin-bottom:1rem}.menu-actions{gap:.48rem}.btn{min-height:44px;padding-block:.62rem}.menu-footer{margin-top:1rem}.panel-screen{align-items:flex-start;overflow-y:auto}.metal-panel{margin-block:auto}#suit-preview-canvas{height:250px}.hud-bottom{bottom:.55rem}}@media (min-width:1500px){.hud-top{padding:1.6rem}.hud-bottom{width:min(1080px,100vw - 3.2rem);bottom:1.2rem}.objective-wrap{padding:.82rem 1.12rem}.objective-wrap span{font-size:.82rem}.objective-wrap strong{font-size:1.05rem}.minimap-panel{width:320px;padding:.58rem}.minimap-panel figcaption strong{font-size:.74rem}.minimap-panel figcaption span{font-size:.6rem}.retro-console{min-height:136px;padding-block:.82rem}.console-wing,.console-center{padding-inline:1rem}.health-stat strong{font-size:2.2rem}.weapon-readout>strong{font-size:2rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}}
