*{box-sizing:border-box}html,body{color:#1b1b1b;background:#9fd3f0;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button,input{font:inherit;border:2px solid #1b1b1b;border-radius:8px;padding:10px 14px}button{cursor:pointer;background:#f4a300;font-weight:700}button:hover{background:#ffb829}.lobby{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:absolute;inset:0}.lobby h1{color:#2bb24c;text-shadow:3px 3px #1b1b1b;margin:0;font-size:clamp(40px,10vw,80px)}.lobby .tag{margin:0 0 12px}.lobby label{align-items:center;gap:8px;font-weight:600;display:flex}.lobby .join{gap:8px;display:flex}.lobby #code{text-transform:uppercase;letter-spacing:2px;width:110px}.lobby .msg{min-height:1.4em}.hud{background:#fffc;border:2px solid #1b1b1b;border-radius:10px;max-width:calc(100vw - 24px);padding:10px 12px;position:absolute;top:12px;left:12px}.hud .party{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hud .party button{padding:4px 8px;font-size:13px}.hud ul{min-width:190px;margin:8px 0;padding:0;list-style:none}.hud li{border-radius:4px;align-items:center;gap:6px;margin:2px 0;padding:2px 4px;display:flex;position:relative;overflow:hidden}.hud li:after{content:"";width:var(--p,0%);background:var(--c);opacity:.22;z-index:-1;transition:width .3s;position:absolute;inset:0 auto 0 0}.hud li:before{content:"";background:var(--c);border:1px solid #1b1b1b;border-radius:3px;flex:none;width:12px;height:12px}.hud li{isolation:isolate}.hud li.me .name{font-weight:700}.hud li .pct{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.hud-clock{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);pointer-events:none!important}.hud-clock .time{font-variant-numeric:tabular-nums;background:#fffc;border:2px solid #1b1b1b;border-radius:10px;padding:4px 14px;font-size:22px;font-weight:800}.hud-clock .sudden{color:#fff;white-space:nowrap;background:#1b1b1b;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.hud-clock .sudden.on{background:#c8357a;animation:1s ease-in-out infinite alternate sudden-pulse}@keyframes sudden-pulse{to{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.hud-clock .sudden.on{animation:none}}.hud-stink{--s:0;--c:#deda73;background:#fffc;border:2px solid #1b1b1b;border-radius:12px;width:min(260px,100vw - 24px);padding:7px 10px 9px;position:absolute;bottom:12px;left:12px;box-shadow:3px 3px #1b1b1b;pointer-events:none!important}.stink-head{z-index:1;align-items:center;gap:6px;margin-bottom:5px;display:flex;position:relative}.stink-icon{width:22px;height:22px;color:var(--c);transform-origin:50% 80%;animation:stink-icon-bob calc(2.4s - var(--s) * 1.6s) ease-in-out infinite;transition:color .3s;display:flex}.stink-icon svg{width:100%;height:100%}.stink-tier{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.stink-val{font-variant-numeric:tabular-nums;margin-left:auto;font-size:18px;font-weight:900;line-height:1}.stink-tube{height:18px;box-shadow:inset 0 2px 0 #0002, 0 0 calc(var(--s) * 16px) var(--c);background:#1b1b1b1f;border:2px solid #1b1b1b;border-radius:999px;transition:box-shadow .3s;position:relative;overflow:hidden}.stink-fill{height:100%;width:calc(var(--s) * 100%);background-color:var(--c);background-image:linear-gradient(#fff6,#fff0 45%,#0002),repeating-linear-gradient(-45deg,#fff0 0 7px,#ffffff2e 7px 14px);background-size:100% 100%,20px 20px;border-radius:999px;min-width:0;transition:width .45s cubic-bezier(.3,1.5,.5,1),background-color .3s;animation:.8s linear infinite stink-stripes;position:relative;overflow:hidden}.stink-fill i{width:5px;height:5px;opacity:calc(var(--s) * 2);border:1.5px solid #fffb;border-radius:50%;animation:1.6s ease-in infinite stink-bubble;position:absolute;bottom:-6px}.stink-fill i:first-child{animation-delay:0s;left:8%}.stink-fill i:nth-child(2){width:4px;height:4px;animation-delay:.5s;left:24%}.stink-fill i:nth-child(3){animation-delay:1.1s;left:41%}.stink-fill i:nth-child(4){width:6px;height:6px;animation-delay:.3s;left:58%}.stink-fill i:nth-child(5){width:4px;height:4px;animation-delay:.9s;left:74%}.stink-fill i:nth-child(6){animation-delay:1.4s;left:89%}.stink-ticks{background:linear-gradient(90deg,#0000 calc(25% - 1px),#1b1b1b40 0 calc(25% + 1px),#0000 0 calc(50% - 1px),#1b1b1b40 0 calc(50% + 1px),#0000 0 calc(75% - 1px),#1b1b1b40 0 calc(75% + 1px),#0000 0);position:absolute;inset:0}.stink-fumes{height:0;position:absolute;bottom:24px;left:10px;right:10px}.stink-fumes i{left:calc(var(--s) * 100% - 6px);background:var(--c);opacity:0;filter:blur(1px);border-radius:50%;width:10px;height:10px;animation:1.8s ease-out infinite stink-fume;position:absolute;bottom:0}.stink-fumes i:nth-child(2){margin-left:4px;animation-delay:.6s}.stink-fumes i:nth-child(3){margin-left:-4px;animation-delay:1.2s}.hud-stink.up .stink-tube{animation:.45s ease-out stink-bump-up}.hud-stink.up .stink-val{animation:.45s ease-out stink-val-up}.hud-stink.down .stink-tube{animation:.45s ease-out stink-bump-down}.hud-stink.down .stink-val{animation:.45s ease-out stink-val-down}.hud-stink.max .stink-tier{color:#8a4fc4;animation:.5s ease-in-out infinite alternate stink-tier-pulse}.hud-stink.max .stink-tube{animation:.35s ease-in-out infinite stink-wobble;box-shadow:inset 0 2px #0002,0 0 14px #a45be0,0 0 4px #a45be0}.hud-stink.max .stink-fumes i{background:#a45be0}@keyframes stink-stripes{to{background-position:0 0,20px 0}}@keyframes stink-bubble{0%{transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-20px)scale(1.1)}}@keyframes stink-fume{0%{opacity:0;transform:translate(0)scale(.4)}20%{opacity:calc(var(--s) * .9)}to{opacity:0;transform:translate(6px,-26px)scale(1.6)}}@keyframes stink-icon-bob{50%{transform:rotate(-8deg) scale(calc(1 + var(--s) * .15))}}@keyframes stink-bump-up{30%{filter:brightness(1.35);transform:scaleY(1.25)}}@keyframes stink-bump-down{30%{filter:saturate(.3)brightness(1.1);transform:scaleY(.85)}}@keyframes stink-val-up{30%{color:#4f8a12;transform:scale(1.35)}}@keyframes stink-val-down{30%{color:#5a7a99;transform:scale(.85)}}@keyframes stink-tier-pulse{to{transform:scale(1.08)}}@keyframes stink-wobble{25%{transform:translate(-1px)rotate(-.6deg)}75%{transform:translate(1px)rotate(.6deg)}}.stink-pops{position:absolute;inset:0;overflow:hidden;pointer-events:none!important}.stink-pop{white-space:nowrap;-webkit-text-stroke:4px #1b1b1b;paint-order:stroke fill;font-weight:900;line-height:1;animation:1.3s ease-out forwards stink-pop;position:absolute;transform:translate(-50%,-100%)}.stink-pop.plus{color:#9be04a}.stink-pop.minus{color:#a9c6e8}@keyframes stink-pop{0%{opacity:0;transform:translate(-50%,-100%)scale(.4)}15%{opacity:1;transform:translate(-50%,-130%)scale(1.25)}30%{transform:translate(-50%,-130%)scale(1)}to{transform:translate(calc(-50% + var(--drift,0px)), -330%);opacity:0}}@media (prefers-reduced-motion:reduce){.stink-icon,.stink-fill,.stink-fill i,.stink-fumes i,.hud-stink.max .stink-tube,.hud-stink.max .stink-tier{animation:none}}.win{background:#1b1b1b99;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.win[hidden]{display:none}.win .card{text-align:center;background:#fff;border:3px solid #1b1b1b;border-radius:14px;max-width:420px;padding:24px 28px;box-shadow:6px 6px #1b1b1b}.win .swatch{border:2px solid #1b1b1b;border-radius:12px;width:56px;height:56px;margin:0 auto 10px}.win h2{margin:0 0 8px;font-size:clamp(28px,7vw,40px)}.win p{margin:0 0 16px}.win .rematch-wait{opacity:.75;margin:12px 0 0}.rematch-bar{background:#fff;border:2px solid #1b1b1b;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.rematch-bar[hidden],.rematch[hidden],.rematch-wait[hidden]{display:none}.hud .help{opacity:.75;font-size:12px}.banner{color:#fff;background:#1b1b1b;border-radius:10px;padding:14px 20px;position:absolute;top:40%;left:50%;transform:translate(-50%)}@media (max-width:640px){.hud-clock{flex-direction:column-reverse;align-items:flex-end;inset:auto 12px 12px auto;transform:none}.hud-clock .sudden{white-space:normal;text-align:right;max-width:140px}.hud-stink{width:calc(100vw - 174px)}}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#game{touch-action:none}.hud .help-touch,body.touch-on .hud .help{display:none}body.touch-on .hud .help-touch{display:block}.touch{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}.touch[hidden]{display:none}.touch-zone{width:60%;position:absolute;top:0;bottom:0;left:0}.touch-stick{--r:56px;left:calc(28px + var(--r) + env(safe-area-inset-left));top:calc(100% - 28px - var(--r) - env(safe-area-inset-bottom));width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);pointer-events:none;opacity:.55;background:#fff4;border:3px solid #1b1b1b88;border-radius:50%;transition:opacity .15s;position:absolute}.touch-stick.active{opacity:1;transition:none}.touch-knob{background:#6fa82b;border:3px solid #1b1b1b;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:2px 2px #1b1b1b}.touch-use{right:calc(28px + env(safe-area-inset-right));bottom:calc(40px + env(safe-area-inset-bottom));touch-action:none;background:#f4a300;border-radius:50%;width:76px;height:76px;padding:0;font-size:30px;font-weight:900;position:absolute;box-shadow:3px 3px #1b1b1b}.touch-use.pressed{background:#ffb829;transform:translate(2px,2px);box-shadow:1px 1px #1b1b1b}.touch-horn{right:calc(118px + env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));touch-action:none;background:#e5bc1f;border-radius:50%;width:54px;height:54px;padding:0;font-size:22px;font-weight:900;position:absolute;box-shadow:3px 3px #1b1b1b}.touch-horn.pressed{background:#f2d04a;transform:translate(2px,2px);box-shadow:1px 1px #1b1b1b}body.touch-on .hud{max-width:calc(100vw - 32px - min(170px,38vw))}body.touch-on .hud-stink{width:min(170px,38vw);inset:12px 12px auto auto}body.touch-on .hud-clock{flex-direction:column;align-items:flex-end;inset:76px 12px auto auto;transform:none}body.touch-on .hud-clock .sudden{white-space:normal;text-align:right;max-width:min(170px,38vw)}@media (max-height:480px){body.touch-on .hud ul{max-height:calc(100vh - 110px);overflow-y:auto}}#ui>.minimap,#ui>.border-arrow{pointer-events:none}.minimap{width:var(--mm);height:var(--mm);background:#d9d4c7;border:2px solid #1b1b1b;border-radius:10px;position:absolute;bottom:12px;right:12px;overflow:hidden;box-shadow:3px 3px #1b1b1b55}.minimap canvas{width:100%;height:100%;image-rendering:pixelated;display:block}@media (max-width:640px){.minimap{width:min(var(--mm), 34vw);height:min(var(--mm), 34vw);bottom:104px}}body.touch-on .minimap{left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:min(var(--mm-touch), 26vw);height:min(var(--mm-touch), 26vw);transform:translate(-50%)}.border-arrow{width:0;height:0;position:fixed;top:0;left:0}.border-arrow[hidden]{display:none}.border-arrow:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%,22% 50%);background:#1b1b1b;width:36px;height:28px;position:absolute;top:-14px;left:-18px}.border-arrow:after{content:"";background:var(--c,#fff);clip-path:polygon(0 0,100% 50%,0 100%,22% 50%);width:26px;height:18px;position:absolute;top:-9px;left:-13px}.lobby{justify-content:flex-start;padding-top:max(16px,8vh);overflow-y:auto}.lobby .colors{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.lobby .swatch{background:var(--c);border-radius:50%;width:32px;height:32px;padding:0}.lobby .swatch:hover{background:var(--c);transform:scale(1.1)}.lobby .swatch[aria-checked=true]{outline-offset:2px;outline:3px solid #1b1b1b}.lobby .create{align-items:center;gap:10px;display:flex}.lobby .check{font-weight:400}.lobby .check input{width:18px;height:18px}.lobby .public-list{width:min(420px,100%)}.lobby .public-list h2{margin:8px 0;font-size:16px}.lobby .public-list ul,.lobby .waiting{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lobby .public-list li{background:#fffc;border:2px solid #1b1b1b;border-radius:8px;align-items:center;gap:10px;padding:6px 6px 6px 10px;display:flex}.lobby .public-list li.empty{opacity:.7;justify-content:center;padding:10px}.lobby .public-list .code{letter-spacing:2px;font-weight:700}.lobby .public-list .host{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lobby .public-list button{padding:6px 10px}.lobby button:disabled{cursor:default;background:#ccc}.lobby .party-code{letter-spacing:3px;font-size:1.2em}.lobby #link{width:min(280px,60vw)}.lobby .waiting{width:min(320px,100%)}.lobby .waiting li{background:#fffc;border:2px solid #1b1b1b;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.lobby .waiting li:before{content:"";background:var(--c);border:1px solid #1b1b1b;border-radius:4px;width:14px;height:14px}.lobby #start{padding:12px 32px;font-size:20px}.menu-backdrop{width:100%;height:100%;display:block;position:fixed;inset:0}.lobby{align-items:flex-start;padding:max(16px,6vh) 16px 16px max(16px,6vw)}.lobby .card{background:#fffbeeee;border:3px solid #1b1b1b;border-radius:16px;flex-direction:column;align-items:center;gap:14px;width:min(440px,100%);padding:22px 20px 18px;animation:.45s cubic-bezier(.2,1.4,.4,1) both card-in;display:flex;box-shadow:8px 8px #1b1b1b}@keyframes card-in{0%{opacity:0;transform:translateY(24px)rotate(-1.5deg)}}.lobby .logo{letter-spacing:-1px;color:#6fa82b;text-shadow:3px 3px #1b1b1b;-webkit-text-stroke:2px #1b1b1b;paint-order:stroke fill;margin:0;font-size:clamp(44px,11vw,72px);font-weight:900;line-height:1;animation:2.6s ease-in-out infinite logo-wobble;position:relative}.lobby .logo span{color:#fff;-webkit-text-stroke:2px #1b1b1b;background:#f4a300;border:3px solid #1b1b1b;border-radius:10px;margin-left:4px;padding:0 10px 4px;display:inline-block;transform:rotate(-4deg)}.lobby .logo:before,.lobby .logo:after{content:"";opacity:0;background:#8bc34a;border:2px solid #1b1b1b;border-radius:3px;width:14px;height:14px;animation:2.4s ease-out infinite puff;position:absolute;top:-6px;left:18%}.lobby .logo:after{width:10px;height:10px;animation-delay:1.2s;left:42%}@keyframes puff{0%{opacity:0;transform:translateY(0)scale(.4)}20%{opacity:.9}to{opacity:0;transform:translateY(-34px)scale(1.2)rotate(30deg)}}@keyframes logo-wobble{50%{transform:rotate(-1.5deg)translateY(-2px)}}.lobby .tag{text-align:center;margin:0 0 4px;font-weight:600}.lobby .card .msg{text-align:center;margin:-6px 0}.lobby .card>label{justify-content:center;width:100%}.lobby #name{width:min(220px,60vw)}.lobby .nick{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.lobby #reroll{padding:4px 8px;font-size:18px;line-height:1}.lobby .card button:not(.swatch){transition:transform 80ms,box-shadow 80ms;box-shadow:3px 3px #1b1b1b}.lobby .card button:not(.swatch):not(:disabled):active{transform:translate(3px,3px);box-shadow:0 0 #1b1b1b}.lobby #create,.lobby #start{color:#fff;text-shadow:1px 1px #1b1b1b;background:#6fa82b;padding:12px 22px;font-size:18px}.lobby #create:hover,.lobby #start:hover{background:#81bd35}.lobby input:focus-visible,.lobby button:focus-visible{outline-offset:2px;outline:3px solid #2f6bd6}.lobby .public-list{border-top:2px dashed #1b1b1b55;padding-top:6px}.lobby .waiting li{background:#fff}.lobby .map-pick{gap:8px;display:flex}.lobby .map-pick button[aria-pressed=true]{color:#fff;text-shadow:1px 1px #1b1b1b;background:#6fa82b}.lobby .map-pick button:disabled{cursor:default}.lobby .map-pick button:disabled:not([aria-pressed=true]){opacity:.5}@media (max-width:760px){.lobby{align-items:center;padding:16px}.lobby .card{padding:18px 14px 14px;box-shadow:5px 5px #1b1b1b}.lobby .swatch{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.lobby .card,.lobby .logo,.lobby .logo:before,.lobby .logo:after{animation:none}}.lobby #code{touch-action:manipulation;-webkit-user-select:text;user-select:text;font-size:16px}.lobby #code::placeholder{letter-spacing:2px}