@layer reset{*,:before,:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{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:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe 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{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-content{flex-direction:column;justify-content:center;width:min(620px,54vw);padding:clamp(2rem,5vw,6rem);display:flex;position:relative}.menu-content:before{content:"QOD // UNITÀ DI BONIFICA";color:var(--muted);letter-spacing:.12em;font:700 .68rem/1.2 ui-monospace,monospace;position:absolute;top:2rem;right:2rem}.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.8rem 0 2.25rem;font-weight:800}.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-hint{max-width:42ch;color:var(--muted);margin:2rem 0 0;font:650 .7rem/1.5 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}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}.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}.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%}.host-tag{color:var(--duck);margin-left:auto;font:800 .7rem/1 ui-monospace,monospace}.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}}@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{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:2px solid var(--soap);background:#000000d1;background:lab(.112911% 0 0/.82);padding:.58rem .78rem;font-size:.72rem;font-weight:900}.hud-right{flex-direction:column;align-items:flex-end;gap:.55rem;display:flex}.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}.hud-bottom{grid-template-columns:auto auto minmax(260px,1fr) auto auto;align-items:end;gap:.8rem;display:grid;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem}.hud-stat,.weapon-readout,.keys,.mobility-readout{background:#000102eb;background:lab(.253147% -.21594 -.28207/.92);border:2px solid #4d6871db;border:2px solid lab(42.2004% -8.62192 -8.45379/.86);padding:.7rem .9rem;box-shadow:4px 4px #000000c7,inset 0 0 0 2px #050f13b8;box-shadow:4px 4px lab(.00304794% 0 0/.78),inset 0 0 0 2px lab(3.75852% -2.46611 -2.96081/.72)}.hud-stat{min-width:102px}.hud-stat span,.weapon-readout span,.mobility-readout>span{color:var(--muted);letter-spacing:.11em;font-size:.68rem;display:block}.hud-stat strong,.weapon-readout strong{color:var(--ink);font-size:2.12rem;line-height:1;display:block}.health-stat strong{color:var(--success)}.weapon-readout{text-align:right;min-width:194px}.weapon-readout strong{color:var(--duck)}.weapon-readout small{color:var(--soap);letter-spacing:.08em;margin-top:.28rem;font-size:.64rem;font-weight:850;display:block}.weapon-readout small.is-reloading{color:var(--orange);animation:.42s steps(2,end) infinite reload-pulse}.keys{justify-self:start;gap:.48rem;min-width:72px;min-height:54px;display:flex}.key-chip{width:32px;height:32px;color:var(--duck);border:2px solid;place-items:center;font-weight:900;display:inline-grid;transform:rotate(-4deg)}.key-chip.key-cyan{color:var(--soap)}.key-chip.key-red{color:var(--danger)}.mobility-readout{min-width:260px}.mobility-readout b{float:right;color:var(--success);font-size:.64rem}.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:15px;margin-top:.58rem;padding:2px}.stamina-meter i{background:var(--success);width:100%;height:100%;transition:width .1s linear,background-color .16s;display:block}.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)}.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)}.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)}}@media (max-width:820px){.menu-screen{background:var(--bg)}.menu-art{opacity:.26;clip-path:none;width:100%;position:absolute;inset:0}.menu-content{z-index:1;width:100%;max-width:560px;margin:auto}.logo-quack,.logo-doom{font-size:clamp(3.4rem,17vw,5.5rem)}.hud-bottom{grid-template-columns:1fr 1fr}.keys{position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.weapon-readout,.mobility-readout{min-width:0}.minimap-panel{display:none}}@media (min-width:821px) and (max-width:1120px){.minimap-panel{width:220px}.minimap-panel figcaption span{display:none}}@media (min-width:1500px){.hud-top{padding:1.6rem}.hud-bottom{gap:1rem;bottom:1.5rem;left:1.6rem;right:1.6rem}.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}.hud-stat,.weapon-readout,.keys,.mobility-readout{padding:.82rem 1rem}.hud-stat span,.weapon-readout span,.mobility-readout>span{font-size:.74rem}.hud-stat strong,.weapon-readout strong{font-size:2.35rem}.weapon-readout small,.mobility-readout b{font-size:.7rem}.hud-stat{min-width:116px}.weapon-readout{min-width:210px}.keys{min-height:60px}.key-chip{width:36px;height:36px}.stamina-meter{height:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}}