:root{--pink: #ff006e;--orange: #fb5607;--yellow: #ffbe0b;--green: #06d6a0;--blue: #3a86ff;--purple: #8338ec;--ink: #1b1b2f;--paper: #fffdf5;--muted: #6b6b80;--ui-scale: 1;--radius: 18px;--shadow: 0 5px 0 var(--ink);--font-title: "Lilita One", "Baloo 2", "Trebuchet MS", sans-serif;--font: "Baloo 2", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#8fd3ff;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;touch-action:none}input,select,textarea{user-select:text;-webkit-user-select:text;font-family:var(--font);font-size:1rem;border:3px solid var(--ink);border-radius:12px;padding:8px 12px;background:#fff;color:var(--ink)}input:focus-visible,select:focus-visible,button:focus-visible{outline:4px solid var(--yellow);outline-offset:2px}#app,.game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none;font-size:calc(16px * var(--ui-scale))}#ui>*,.modal-backdrop,.creator,.toasts{pointer-events:auto}.screen{position:fixed;inset:0}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.85em}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}kbd{display:inline-block;min-width:1.8em;padding:0 6px;margin:0 2px;border:2px solid var(--ink);border-bottom-width:4px;border-radius:8px;background:#fff;font-family:var(--font);font-weight:800;text-align:center}.panel{background:var(--paper);border:4px solid var(--ink);border-radius:var(--radius);box-shadow:0 8px 0 var(--ink);padding:18px 20px}.glass{background:#fffdf5eb;backdrop-filter:blur(6px)}h1,h2,h3{font-family:var(--font-title);font-weight:400;letter-spacing:.5px;margin:.2em 0 .4em}h3{font-size:1.05em;color:var(--purple)}.btn{font-family:var(--font-title);font-size:1.05em;letter-spacing:.5px;color:var(--ink);background:#fff;border:4px solid var(--ink);border-radius:16px;padding:10px 18px;box-shadow:var(--shadow);cursor:pointer;transition:transform .08s ease,box-shadow .08s ease,background .15s}.btn:hover{transform:translateY(-2px) rotate(-.5deg);box-shadow:0 7px 0 var(--ink)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:linear-gradient(180deg,#ff4d94,var(--pink));color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}.btn.danger{background:#ff5d5d;color:#fff}.btn.ghost{background:#ffffffbf}.btn.big{font-size:1.35em;padding:14px 26px;width:100%;text-align:left}.btn.small{font-size:.9em;padding:6px 12px;border-width:3px;box-shadow:0 3px 0 var(--ink)}.btn.icon{padding:4px 10px}.chip{font-family:var(--font);font-weight:700;border:3px solid var(--ink);border-radius:999px;background:#fff;padding:4px 12px;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.chip.on{background:var(--yellow)}.loading{display:grid;place-content:center;justify-items:center;background:radial-gradient(circle at 50% 40%,#ff4d94,#8338ec);color:#fff;font-family:var(--font-title);font-size:1.4em}.spinner{width:64px;height:64px;border-radius:50%;border:8px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fatal{margin:auto;inset:20% 10% auto;max-width:560px;height:max-content}.welcome{display:grid;grid-template-columns:1fr minmax(280px,380px);grid-template-rows:1fr auto;padding:4vh 5vw;gap:24px;background:linear-gradient(90deg,rgba(27,27,47,.25),transparent 50%,rgba(27,27,47,.35))}.logo-wrap{align-self:center;animation:drop-in .9s cubic-bezier(.2,1.6,.4,1) both}.logo{font-family:var(--font-title);line-height:.85;display:flex;flex-direction:column;filter:drop-shadow(0 10px 0 var(--ink));transform:rotate(-4deg)}.logo span{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill}.logo .l1{font-size:clamp(32px,6vw,72px);color:var(--yellow)}.logo .l2{font-size:clamp(64px,14vw,180px);color:var(--pink);animation:wobble 3s ease-in-out infinite}.logo .l3{font-size:clamp(40px,7vw,92px);color:var(--blue);margin-left:.6em}.tagline{font-size:1.25em;font-weight:800;color:#fff;text-shadow:0 2px 0 var(--ink),0 0 12px rgba(0,0,0,.4);max-width:520px}@keyframes drop-in{0%{transform:translateY(-80px) scale(.7);opacity:0}}@keyframes wobble{0%,to{transform:rotate(0)}50%{transform:rotate(2deg) scale(1.03)}}.menu{align-self:center;display:flex;flex-direction:column;gap:14px;animation:slide-in .7s .2s cubic-bezier(.2,1.4,.4,1) both}.menu-row{display:flex;gap:8px;flex-wrap:wrap}.menu-row .btn{flex:1;font-size:.95em;padding:8px 10px}@keyframes slide-in{0%{transform:translate(120px);opacity:0}}.welcome-foot{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.conn-pill{font-weight:800;padding:6px 14px;border-radius:999px;border:3px solid var(--ink);background:#fff}.conn-pill.ok{color:#078a64}.conn-pill.bad{color:#c1121f}.modal-backdrop{position:fixed;inset:0;background:#1b1b2f8c;display:grid;place-items:center;z-index:50;animation:fade .15s;padding:16px}.modal{width:min(480px,100%);max-height:88vh;overflow:auto;animation:pop .25s cubic-bezier(.2,1.6,.4,1)}.modal.wide{width:min(760px,100%)}.modal-body p{margin:.4em 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}.name-input,.code-input{width:100%;font-size:1.5em;font-weight:800;text-align:center}.code-input{text-transform:uppercase;letter-spacing:.4em}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.8);opacity:0}}details.login summary{cursor:pointer;margin-top:10px;font-weight:700;color:var(--purple)}.toasts{position:fixed;top:76px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:60;width:min(520px,92vw);font-size:calc(15px * var(--ui-scale));pointer-events:none!important}.toast{background:#fff;border:3px solid var(--ink);border-radius:14px;box-shadow:0 4px 0 var(--ink);padding:8px 14px;font-weight:700;animation:pop .25s cubic-bezier(.2,1.6,.4,1);transition:opacity .4s,transform .4s}.toast.out{opacity:0;transform:translateY(-10px)}.toast-success{background:#d8f8ec}.toast-warn{background:#fff3c4}.toast-error{background:#ffd6dc}.hud{position:fixed;inset:0;pointer-events:none!important}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.mission{width:min(360px,44vw);padding:12px 14px;pointer-events:auto}.mission h2{font-size:1.15em;margin:0}.mission-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.timer{font-family:var(--font-title);font-size:1.4em;background:var(--ink);color:#fff;padding:0 10px;border-radius:10px}.timer.urgent{background:var(--pink);animation:pulse .8s infinite}.objectives{list-style:none;margin:8px 0 0;padding:0}.objectives li{margin:4px 0;font-weight:700;font-size:.92em}.objectives li.pending{color:var(--muted)}.objectives li.done{color:#078a64;text-decoration:line-through}.objectives .hint{font-weight:500;font-size:.85em;margin:4px 0;color:#44445a}.bar{height:10px;border:2px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden;margin:4px 0}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue));transition:width .3s}.mini-scores{margin:6px 0 0;padding-left:22px;font-weight:700}.mini-scores .me,tr.me{color:var(--pink)}.status-box{display:flex;gap:8px;align-items:center;pointer-events:auto}.conn-dot{font-weight:800;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:2px 10px}.conn-dot:before{content:"●";margin-right:4px}.conn-dot.green:before{color:#06d6a0}.conn-dot.orange:before{color:#fb8500}.conn-dot.red:before{color:#e63946}.conn-dot.gray:before{color:#adb5bd}.banner{align-self:center;font-family:var(--font-title);font-size:1.3em;background:var(--yellow);border:4px solid var(--ink);border-radius:999px;box-shadow:var(--shadow);padding:4px 18px;opacity:0;transform:translateY(-20px);transition:.25s}.banner.show{opacity:1;transform:none}.center-msg{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-title);font-size:clamp(64px,14vw,160px);color:var(--yellow);-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;opacity:0}.center-msg.show{opacity:1}.center-msg.pop{animation:count-pop .9s ease-out}@keyframes count-pop{0%{transform:translate(-50%,-50%) scale(2)}30%{transform:translate(-50%,-50%) scale(.9)}}@keyframes pulse{50%{transform:scale(1.08)}}.prompt{position:absolute;bottom:140px;left:50%;transform:translate(-50%) translateY(10px);font-weight:800;font-size:1.1em;background:var(--ink);color:#fff;border-radius:14px;padding:8px 16px;opacity:0;transition:.15s;white-space:nowrap}.prompt.show{opacity:1;transform:translate(-50%)}.abilities{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;gap:14px;pointer-events:auto}.ability{--cd: 0;position:relative;width:74px;height:74px;border-radius:20px;border:4px solid var(--ink);background:#fff;box-shadow:var(--shadow);font-size:34px;cursor:pointer;overflow:hidden}.ability:after{content:"";position:absolute;inset:0;background:conic-gradient(rgba(27,27,47,.65) calc(var(--cd) * 360deg),transparent 0)}.ability.ready{background:linear-gradient(180deg,#fff,#ffe8a3)}.ability .key{position:absolute;bottom:2px;right:6px;font-size:13px;font-weight:800;z-index:1}.ability .cd{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-title);font-size:28px;color:#fff;z-index:2}.emote-bar{position:absolute;bottom:24px;right:16px;display:flex;gap:6px;pointer-events:auto}.emote{width:44px;height:44px;border-radius:12px;border:3px solid var(--ink);background:#fff;font-size:20px;cursor:pointer;position:relative;box-shadow:0 3px 0 var(--ink)}.emote small{position:absolute;bottom:-2px;right:3px;font-size:10px;font-weight:800}.emote.locked{filter:grayscale(1);opacity:.5}.lobby{position:absolute;right:12px;top:70px;width:min(340px,90vw);max-height:calc(100vh - 180px);overflow:auto;padding:12px 14px;pointer-events:auto}.lobby.collapsed{width:auto}.lobby-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.lobby h2{font-size:1.15em;margin:0}.code-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.code{font-family:var(--font-title);font-size:1.7em;letter-spacing:.2em;color:var(--pink)}.players{list-style:none;padding:0;margin:6px 0}.players li{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px;border-radius:10px;font-weight:700}.players li:nth-child(odd){background:#0000000a}.players li.me{color:var(--pink)}.players li.off{opacity:.55}.special-pick{display:flex;flex-wrap:wrap;gap:6px}.lobby-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.check{display:flex;align-items:center;gap:6px;font-weight:700;margin:4px 0}.check input{width:20px;height:20px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0;font-weight:600}.chat{position:absolute;left:12px;bottom:110px;width:min(380px,70vw);pointer-events:auto}.chat-log{max-height:180px;overflow:hidden;display:flex;flex-direction:column;gap:2px;mask-image:linear-gradient(transparent,#000 30%)}.chat.open .chat-log{overflow-y:auto;mask-image:none;background:#1b1b2f73;border-radius:12px;padding:6px}.msg{background:#1b1b2f99;color:#fff;border-radius:10px;padding:2px 10px;font-size:.9em;width:fit-content;max-width:100%;word-break:break-word}.msg.sys{background:#8338ec99;font-style:italic}.msg.quick{background:#ff006eb3}.chat-input,.quick-msgs{display:none}.chat.open .chat-input{display:block;width:100%;margin-top:6px}.chat.open .quick-msgs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.quick-msgs .chip{font-size:.8em;padding:2px 8px}.scoreboard{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,92vw)}table{width:100%;border-collapse:collapse;font-weight:700}th,td{text-align:left;padding:4px 6px}th{font-family:var(--font-title);font-weight:400;color:var(--purple)}.waypoints,.floaters{position:absolute;inset:0;pointer-events:none;overflow:hidden}.wp{position:absolute;left:-18px;top:-18px;width:36px;height:36px;display:grid;place-items:center;font-size:20px;background:#fff;border:3px solid var(--ink);border-radius:50%;box-shadow:0 3px 0 var(--ink);animation:bob 1.2s ease-in-out infinite}.wp.edge{background:var(--yellow)}@keyframes bob{50%{margin-top:-6px}}.floater{position:absolute;left:0;top:0;font-family:var(--font-title);font-size:1.6em;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;white-space:nowrap;translate:-50% -50%}.paint-overlay{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s;background:radial-gradient(circle at 20% 30%,rgba(255,0,110,.55) 0 12%,transparent 13%),radial-gradient(circle at 75% 60%,rgba(58,134,255,.5) 0 15%,transparent 16%),radial-gradient(circle at 55% 20%,rgba(255,190,11,.55) 0 9%,transparent 10%),radial-gradient(circle at 35% 80%,rgba(6,214,160,.5) 0 10%,transparent 11%)}.paint-overlay.show{opacity:1}.fps{position:absolute;bottom:4px;left:6px;font-size:12px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000}.results-wrap,.pause-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.results,.pause{pointer-events:auto;width:min(720px,94vw);max-height:90vh;overflow:auto;animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.pause{width:min(380px,92vw);display:flex;flex-direction:column;gap:10px}.results h1.win{color:var(--green);-webkit-text-stroke:1px var(--ink)}.results h1.lose{color:var(--purple)}.awards{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.award{display:flex;flex-direction:column;align-items:center;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:6px 12px;min-width:120px}.big{font-size:1.6em}.unlocks{font-weight:800;color:var(--pink)}.title-small{font-size:2em;color:var(--pink);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.touch{position:absolute;inset:0;pointer-events:none}.look-pad{position:absolute;right:0;top:0;width:55%;height:100%;pointer-events:auto}.stick{position:absolute;left:28px;bottom:28px;width:130px;height:130px;border-radius:50%;background:#ffffff59;border:4px solid rgba(27,27,47,.6);pointer-events:auto;display:grid;place-items:center}.knob{width:56px;height:56px;border-radius:50%;background:#fff;border:4px solid var(--ink)}.tbtns{position:absolute;right:18px;bottom:110px;display:grid;grid-template-columns:repeat(3,58px);gap:10px;pointer-events:auto}.tbtn{width:58px;height:58px;border-radius:50%;border:4px solid var(--ink);background:#fff;font-size:22px;font-weight:800;box-shadow:0 3px 0 var(--ink)}.tbtn.jump{background:var(--yellow)}.creator{background:radial-gradient(circle at 30% 40%,#ffe5ec,#c8b6ff);display:flex;flex-direction:column;padding:16px;gap:8px;z-index:40}.creator-head{display:flex;align-items:baseline;gap:16px}.creator-main{flex:1;display:grid;grid-template-columns:1fr minmax(320px,460px);gap:16px;min-height:0}.creator-preview{min-height:260px;cursor:grab}.creator-preview canvas{width:100%!important;height:100%!important}.creator-panel{display:flex;flex-direction:column;min-height:0}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.tab{font-family:var(--font-title);border:3px solid var(--ink);border-radius:12px;background:#fff;padding:4px 10px;cursor:pointer}.tab.on{background:var(--yellow)}.creator-body{flex:1;overflow:auto;padding-right:4px}.creator-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding-top:10px}.opt-grid{display:flex;flex-wrap:wrap;gap:6px}.opt{border:3px solid var(--ink);background:#fff;border-radius:12px;padding:6px 10px;font-family:var(--font);font-weight:700;cursor:pointer}.opt.on{background:var(--pink);color:#fff}.opt.locked{opacity:.55}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid var(--ink);cursor:pointer}.swatch.on{outline:4px solid var(--yellow)}.privacy-list{padding-left:18px;font-size:.92em}.hidden-file{display:none}.crop-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.crop-canvas{border:4px solid var(--ink);border-radius:14px;cursor:move;touch-action:none;max-width:100%}.crop-out{border:3px dashed var(--ink);border-radius:50%;background:#ffdbac}.slider{display:flex;align-items:center;gap:10px;font-weight:700;margin:4px 0}.slider input{flex:1}.settings h3{margin-top:1em}.binds{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}.bind{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:600}.btn.key{min-width:90px}.controls-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center}.lead{font-weight:800;font-size:1.1em;color:var(--pink)}.xpbar{display:flex;align-items:center;gap:10px}.xpbar .bar{flex:1;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.stat{display:flex;flex-direction:column;align-items:center;background:#fff;border:3px solid var(--ink);border-radius:14px;padding:6px}.achievements{display:flex;flex-wrap:wrap;gap:6px}.ach{padding:4px 10px;border-radius:999px;border:3px dashed #aaa;color:#999;font-weight:700}.ach.on{border:3px solid var(--ink);background:var(--yellow);color:var(--ink)}.history{padding-left:18px;font-size:.9em}@media(max-width:820px){.welcome{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:16px;overflow:auto}.logo-wrap{justify-self:center}.tagline{font-size:1em}.creator-main{grid-template-columns:1fr;grid-template-rows:40vh 1fr}.mission{width:58vw;font-size:.85em}.emote-bar{display:none}.abilities{inset:50% 12px auto auto;transform:none;flex-direction:column}.lobby{top:auto;bottom:12px;max-height:45vh}.chat{bottom:180px}}.reduce-fx *,.reduce-fx *:before{animation-duration:.01ms!important;animation-iteration-count:1!important}