:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f1e8;background:#11252d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}canvas#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.panel{background:#0f2228de;border:1px solid #ffffff24;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:6vw;background:linear-gradient(90deg,#0b2029ec,#0b20297a 50%,transparent);z-index:10}.intro{max-width:530px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.25em;color:#a7efda;text-transform:uppercase}.intro h1{font-size:clamp(54px,8vw,105px);font-weight:850;letter-spacing:-.075em;line-height:.9;margin:25px 0}.intro h1 span{color:#a7efda}.intro p{font-size:17px;line-height:1.65;color:#d5dfdd;max-width:390px}.intro input{display:block;width:100%;max-width:340px;border:1px solid #ffffff4d;border-radius:9px;background:#18323b;color:#fff;padding:16px;font:inherit;margin:24px 0 12px}.primary{border:0;border-radius:9px;background:#b5f6d8;color:#153832;padding:17px 28px;font-weight:800;min-height:48px}.primary:disabled{opacity:.6}.subtle{display:inline-block;color:#c3d1d3;font-size:13px;margin:20px 0;text-decoration:none}.instructions{font-size:12px!important;color:#a9bcbe!important}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none}.top{position:absolute;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start}.brand{font-weight:900;letter-spacing:-.06em;font-size:24px}.brand small{display:block;letter-spacing:.2em;color:#a7efda;font-size:9px;margin-top:4px}.word{display:flex;gap:5px;padding:10px}.tile{width:35px;height:40px;border:1px solid #ffffff35;border-radius:7px;display:grid;place-items:center;font-weight:800;color:#ffffff50}.tile.got{background:#b5f6d8;color:#173c36;border-color:#b5f6d8}.tools{display:flex;gap:8px;pointer-events:auto}.icon{min-width:44px;min-height:44px;background:#152e38d9;border:1px solid #ffffff30;border-radius:10px;color:#fff;font-weight:700}.objective{position:absolute;top:100px;left:50%;transform:translate(-50%);text-align:center;font-size:12px;background:#112a35b8;border-radius:20px;padding:10px 18px;white-space:nowrap;color:#d9eae5}.bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:24px;padding:16px;width:220px}.health-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.health{height:5px;background:#fff2;margin:10px 0 12px;border-radius:4px;overflow:hidden}.health div{height:100%;background:#b5f6d8;transition:width .15s}.stats{font-size:11px;color:#bdcecf}.crosshair{position:absolute;left:50%;top:50%;width:7px;height:7px;border:1px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #102c3320}.crosshair:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid #ffffff60;border-radius:50%}#map{position:absolute;right:24px;bottom:24px;width:175px;height:205px;border-radius:16px;border:1px solid #ffffff30;background:#142e37de}#feed{position:absolute;right:24px;top:100px;font-size:11px;text-align:right;color:#d7e7e3}#feed div{padding:7px 10px;margin-bottom:4px;background:#102b35ba;border-radius:6px}#toast{position:absolute;top:32%;left:50%;transform:translate(-50%);text-align:center;font-size:24px;font-weight:750;text-shadow:0 2px 16px #000;transition:opacity .3s;max-width:80%}#hurt{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 100px #fa625f;opacity:0;transition:opacity .3s}.touch{display:none;pointer-events:auto}#stick{position:absolute;left:28px;bottom:120px;width:110px;height:110px;border:1px solid #ffffff60;border-radius:50%;background:#132e3640;touch-action:none}#knob{position:absolute;left:35px;top:35px;width:40px;height:40px;border-radius:50%;background:#d9f8e9aa}#actions{position:absolute;right:25px;bottom:105px;display:flex;gap:12px;align-items:end}#actions button{width:58px;height:58px;border-radius:50%;color:#fff;background:#173641aa;border:1px solid #ffffff55;touch-action:none;font-size:10px;font-weight:800}#actions #fire{width:78px;height:78px;background:#c4fbd655;color:#fff}.pause{max-width:420px;padding:28px}.pause h2{font-size:32px;letter-spacing:-.04em;margin:0 0 12px}.pause p{color:#bacccc;line-height:1.6}.pause button{margin-top:12px}.hidden{display:none!important}@media(pointer:coarse){.touch{display:block}.instructions.desktop{display:none}.bottom{bottom:20px;left:20px;padding:10px;width:160px}#map{width:100px;height:116px;right:18px;bottom:205px}.top{left:15px;right:15px}.brand{font-size:18px}.tile{width:25px;height:32px}.word{gap:3px;padding:6px}.objective{top:77px;font-size:10px}#feed{top:110px;right:15px;font-size:9px}.intro h1{font-size:70px}.intro p{font-size:14px}.intro input{margin-top:14px;padding:13px}.overlay{padding:7vw}.intro h1{margin:18px 0}.subtle{margin:14px 0}}@media(max-width:520px){.brand{display:none}.top{gap:8px}.icon{min-width:38px;min-height:40px}.intro h1{font-size:62px}#toast{font-size:20px;width:90%}}@media(max-height:500px){.intro h1{font-size:48px;margin:10px 0}.intro p{margin:10px 0;font-size:13px}.intro input{margin:10px 0;padding:10px}.intro .instructions{display:none}.overlay{padding:25px}.intro{max-width:450px}.intro .primary{padding:12px 24px}.subtle{margin:10px 0}.bottom{bottom:10px}#stick{bottom:80px}#actions{bottom:45px}#map{bottom:135px;height:100px;width:85px}}.pause{max-height:85dvh;overflow:auto}#records h3{font-size:15px;color:#b5f6d8}#records p{font-size:12px;line-height:1.5;margin:6px 0}@media(max-width:520px){.tile{width:20px}.tools .icon{min-width:34px}.tools{gap:6px}}@media(max-width:360px){.tile{width:18px}.tools .icon{min-width:32px}.tools{gap:4px}}#vignette{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 150px #12253244;pointer-events:none}#speedlines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,#b8fff025 80%,#b8fff070);transition:opacity .12s;pointer-events:none}#hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:35px;font-weight:300;color:#ffe7ad;opacity:0;text-shadow:0 0 12px #fff;pointer-events:none}#loadout{position:absolute;left:50%;bottom:24px;transform:translate(-50%);padding:7px;display:flex;gap:5px;pointer-events:auto}#loadout button{background:transparent;border:1px solid #ffffff20;color:#8ba7aa;border-radius:8px;padding:10px 13px;min-height:48px;font-size:10px;font-weight:750;letter-spacing:.06em}#loadout button b{display:block;font-size:8px;font-weight:400;margin-bottom:5px}#loadout button small{display:block;font-size:12px;margin-top:4px;color:inherit}#loadout button.equipped{background:#b6f5d924;border-color:#b6f5d9;color:#c6ffdf}#loadout button:disabled{opacity:.4;cursor:default}#duck-status{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:10px;letter-spacing:.06em;white-space:nowrap;color:#ffeb88;background:#1d363cdd;border-radius:6px;margin-bottom:8px;padding:6px 9px}#duck-status:empty{display:none}#mobility{font-size:9px;color:#b5f6d8;margin-top:9px;line-height:1.5}#actions #jump{border-color:#b9ffdfaa}#actions #dash{border-color:#a0dcffaa}@media(pointer:coarse){#loadout{bottom:20px;left:auto;right:18px;transform:none;padding:4px;gap:3px}#loadout button{padding:7px 9px;font-size:8px;min-width:43px;min-height:48px}#loadout button b{display:none}#duck-status,#mobility{font-size:8px}.bottom{width:145px}#map{bottom:235px;width:90px;height:106px}#actions{bottom:135px}#stick{bottom:145px}#vignette{box-shadow:inset 0 0 90px #12253225}}@media(max-height:500px)and (pointer:coarse){#loadout{bottom:12px;right:20px}#actions{bottom:85px}#stick{bottom:95px}#map{bottom:170px;right:20px;width:75px;height:85px}.objective{top:65px}.bottom{bottom:12px;padding:8px}#loadout button{min-height:38px;padding:5px 8px}#loadout button small{margin-top:1px}}@media(pointer:coarse)and (max-width:380px){.bottom{width:125px;padding:9px}.health-label,.stats{font-size:10px}#loadout button{padding:6px 7px}}@media(pointer:coarse)and (max-width:350px){.bottom{width:112px}#loadout button{min-width:35px;padding:6px 5px;font-size:7px}#actions{right:16px;gap:8px}#actions button{width:52px;height:52px}#actions #fire{width:68px;height:68px}#stick{left:18px;width:98px;height:98px}}#control-guide{position:absolute;left:24px;top:103px;padding:15px;width:230px;color:#eff9f4;font-size:13px;background:#102b35ed}#control-guide strong{display:block;letter-spacing:.17em;font-size:10px;color:#b8f8d8;margin-bottom:10px}#control-guide div{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:7px 0}kbd{font:600 11px ui-sans-serif,system-ui;background:#ffffff14;border:1px solid #ffffff30;border-bottom-width:2px;padding:5px 7px;border-radius:4px;white-space:nowrap}#touch-guide{display:none}.objective{font-size:13px}.stats{font-size:12px}#loadout button{font-size:12px;letter-spacing:0}#loadout button b{font-size:10px}#loadout button small{font-size:14px}#loadout button:disabled{opacity:.65}#mobility{font-size:10px}@media(pointer:coarse){#control-guide{display:none}#touch-guide{display:block;position:absolute;top:113px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:#eafff3;background:#102b35e8;padding:8px 11px;border-radius:7px;white-space:nowrap}#feed{top:155px;font-size:10px}.objective{font-size:12px}#actions{display:grid;grid-template-columns:64px 80px;grid-template-rows:64px 64px;gap:8px;right:20px;bottom:127px}#actions #dash{grid-column:1;grid-row:1}#actions #jump{grid-column:1;grid-row:2}#actions #fire{grid-column:2;grid-row:1 / 3;align-self:center;width:80px;height:80px;background:#456d59e8;border-color:#c8ffe5}#actions button{width:64px;height:64px;font-size:13px;line-height:1.2;background:#183b48e8;border-width:2px;color:#fff;text-shadow:0 1px 2px #000}#actions #fire small{font-size:8px;display:block;margin-top:4px}#map{bottom:292px}#stick{background:#183b4877;border:2px solid #d7ffee99}#loadout button{font-size:10px;padding:8px}#loadout button small{font-size:13px}#mobility{font-size:9px}.bottom .stats{font-size:11px}}@media(pointer:coarse)and (max-width:380px){#loadout button{font-size:9px;padding:7px 6px}#touch-guide{font-size:10px}#actions{right:15px;grid-template-columns:60px 74px;grid-template-rows:60px 60px}#actions button{width:60px;height:60px}#actions #fire{width:74px;height:74px}#map{bottom:277px}}@media(pointer:coarse)and (max-width:350px){#loadout button{font-size:8px;padding:6px 5px}#actions{grid-template-columns:56px 70px;grid-template-rows:56px 56px}#actions button{width:56px;height:56px;font-size:12px}#actions #fire{width:70px;height:70px}}@media(pointer:coarse)and (max-height:500px){#touch-guide{top:83px;font-size:10px}#feed{top:120px;right:110px;font-size:9px}#map{top:90px;bottom:auto;right:20px;width:75px;height:85px}#actions{bottom:79px;grid-template-columns:54px 70px;grid-template-rows:54px 54px;gap:6px}#actions button{width:54px;height:54px;font-size:11px}#actions #fire{width:70px;height:70px}#control-guide{display:none}}#lock-status{position:absolute;top:calc(50% + 28px);left:50%;transform:translate(-50%);font-size:12px;font-weight:800;color:#ffe8a5;text-shadow:0 2px 4px #000;white-space:nowrap;background:#142d38cc;border-radius:5px;padding:6px}#lock-status:empty{display:none}#lock-status.locked{color:#112f2a;background:#b7ffda}#missile-warning{position:absolute;top:23%;left:50%;transform:translate(-50%);padding:10px 16px;background:#a52f24e8;color:#fff5d7;font-size:13px;font-weight:800;border-radius:7px;text-align:center}#missile-warning:empty{display:none}#finale{z-index:30;justify-content:center;background:linear-gradient(0deg,#071e2ced,#071e2c11);text-align:center;overflow:auto}.finale-card{max-width:650px;width:100%;padding:24px;transform:translateY(80px);transition:transform 1.5s}.finale-card h1{font-size:clamp(38px,6vw,78px);line-height:.95;letter-spacing:-.06em;margin:18px 0;text-shadow:0 4px 25px #082127}.finale-card h1 span{color:#c5ffda}.finale-card>a{display:block;color:#c7dfd8;margin-top:18px;font-size:13px}#finale-result{font-size:21px;font-weight:700}.finale-quip{color:#c7d9d6}#finale-records{max-height:25dvh;overflow:auto;margin:20px auto;text-align:left;max-width:360px;padding:12px 20px;border-radius:12px;background:#102e3ae8}#finale-records h3{font-size:11px;letter-spacing:.15em;color:#b7ffda}#finale-records p{font-size:13px;margin:8px 0}#finale-records,#again,.finale-card>a{opacity:0;transition:opacity .8s}#finale.settled .finale-card{transform:none}#finale.settled #finale-records,#finale.settled #again,#finale.settled .finale-card>a{opacity:1}@media(pointer:coarse){#loadout{bottom:20px;right:12px;gap:2px}#loadout button{font-size:9px;min-width:39px;padding:7px 5px}.bottom{left:12px;width:125px}.finale-card{padding:12px}#finale-result{font-size:17px}#missile-warning{font-size:11px;width:80%}}@media(max-width:380px)and (pointer:coarse){#loadout{bottom:97px;left:12px;right:auto}.bottom{width:150px}#stick{bottom:177px}#loadout button{min-width:46px}#duck-status{left:0;transform:none}}@media(prefers-reduced-motion:reduce){.finale-card,#finale-records,#again,.finale-card>a{transition:none}}@media(pointer:coarse)and (max-width:520px)and (min-height:501px){#loadout{bottom:12px;left:12px;right:12px;width:auto;transform:none}#loadout button{flex:1;min-width:0;font-size:10px;padding:8px 3px}.bottom{bottom:91px;left:12px;width:155px}#stick{bottom:230px}#actions{bottom:148px}#map{bottom:313px}#duck-status{left:0;transform:none;max-width:90vw;white-space:normal}}#finale:not(.settled) #again,#finale:not(.settled) .finale-card>a{visibility:hidden}#actions #melee{grid-area:auto;border-color:#c7ffdf;background:#294b42}#actions #melee small{font-size:9px}#actions #melee{position:absolute;right:0;top:-72px}#actions #melee:active{background:#679c81}@media(pointer:coarse)and (max-width:520px)and (min-height:501px){#map{bottom:390px}}@media(pointer:coarse)and (max-height:500px){#actions #melee{top:auto;bottom:0;right:80px;transform:translate(-60px)}}@media(pointer:coarse)and (min-width:521px)and (min-height:501px){#actions #melee{top:0;right:160px}}