@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fredoka-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font:"Fredoka", "Baloo 2", system-ui, sans-serif;--ink:#2b2233;--ink-soft:#5d5470;--paper:#fffaf0;--paper-2:#f3ead8;--purple:#7b5cc4;--purple-dark:#5a3fa0;--gold:#f2c14e;--gold-dark:#d49b1f;--red:#e8574f;--green:#4fbf6a;--green-dark:#2f9a4c;--blue:#3f9fd8;--blue-dark:#2677ad;--shadow:0 6px 0 #0000002e, 0 12px 30px #28145040;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;background:#cfe8ff;margin:0;overflow:hidden}#game,#game canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#ui,#game-hud{pointer-events:none;position:fixed;inset:0}#game-hud{z-index:2}#ui{z-index:3}#ui *,#game-hud *{pointer-events:auto}.passthrough,.passthrough *{pointer-events:none!important}.passthrough .interactive,.passthrough .interactive *{pointer-events:auto!important}input{-webkit-user-select:text;user-select:text}button{font-family:var(--font);cursor:pointer;border:none}.btn{background:var(--purple);color:#fff;box-shadow:0 5px 0 var(--purple-dark), 0 8px 18px #0003;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:12px 26px;font-size:22px;font-weight:600;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}button:focus-visible,input:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.btn:active{box-shadow:0 1px 0 var(--purple-dark), 0 3px 8px #0003;transform:translateY(4px)}.btn:disabled{filter:grayscale(.8)opacity(.6);cursor:default}.btn.gold{background:var(--gold);color:var(--ink);box-shadow:0 5px 0 var(--gold-dark), 0 8px 18px #0003}.btn.green{background:var(--green);box-shadow:0 5px 0 var(--green-dark), 0 8px 18px #0003}.btn.blue{background:var(--blue);box-shadow:0 5px 0 var(--blue-dark), 0 8px 18px #0003}.btn.ghost{background:var(--paper-2);color:var(--ink);box-shadow:0 5px #d8ccb3}.btn.red{background:var(--red);box-shadow:0 5px #b33a33}.btn.big{min-height:68px;padding:14px 34px;font-size:28px}.btn.small{min-height:38px;padding:6px 14px;font-size:16px;box-shadow:0 3px #0003}.btn.round{border-radius:50%;width:64px;height:64px;padding:0;font-size:28px}.btn.small-round{width:52px;height:52px;min-height:52px;font-size:24px}.panel{background:var(--paper);box-shadow:var(--shadow);outline:4px solid var(--purple);border:5px solid #fff;border-radius:30px;max-width:min(760px,100%);max-height:calc(100vh - 32px);padding:22px 26px;animation:.28s cubic-bezier(.2,1.4,.4,1) pop;position:relative;overflow:auto}.panel h2{color:var(--purple-dark);text-align:center;margin:0 0 12px;font-size:30px}.panel p{margin:8px 0;font-size:19px}.panel .row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.small-panel{text-align:center;max-width:460px}.backdrop{z-index:20;background:#1e103c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.close-x{background:var(--paper-2);width:44px;height:44px;color:var(--ink);border-radius:50%;font-size:22px;position:absolute;top:10px;right:10px;box-shadow:0 3px #d8ccb3}.side-panel{z-index:10;flex-direction:column;width:min(460px,100vw - 32px);max-height:none;display:flex;position:fixed;top:84px;bottom:16px;right:16px}.scroll{flex:1;padding-right:4px;overflow-y:auto}.panel-note{color:var(--ink-soft);text-align:center;font-size:16px!important}.label{color:var(--ink-soft);margin:14px 0 6px;font-size:18px;font-weight:600}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bump{0%{opacity:.2;transform:scale(1.6)}30%{opacity:1}to{transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-30px)}to{opacity:1;transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 #4fbf6acc}50%{box-shadow:0 0 0 16px #4fbf6a00}}.home{justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex;position:fixed;inset:0}.home-panel{width:min(430px,100%)}.home-editor{outline-color:var(--blue);flex-direction:column;width:min(400px,100%);height:min(640px,100vh - 40px);display:flex}.logo{text-align:center;color:#fff;-webkit-text-stroke:3px var(--purple-dark);paint-order:stroke fill;text-shadow:0 5px 0 var(--purple-dark);margin:0;font-size:clamp(38px,5vw,56px);line-height:1.05}.motto{text-align:center;color:var(--ink-soft);margin-top:4px!important}.text-input{width:100%;font-family:var(--font);color:var(--ink);background:#fff;border:4px solid #e2d6bf;border-radius:18px;padding:10px 18px;font-size:26px}.text-input:focus{border-color:var(--purple);outline:none}.code-input{text-transform:uppercase;letter-spacing:3px;text-align:center;font-size:32px;font-weight:700}.home-actions{flex-direction:column;gap:14px;margin-top:20px;display:flex}.join-box .home-actions{flex-direction:row;justify-content:space-between}.error-box{border:3px solid var(--red);color:#8f241d;text-align:center;background:#ffe1de;border-radius:16px;margin:10px 0;padding:10px 14px;font-size:18px}.hint{color:#8f241d;margin-top:8px;font-size:17px}.center-screen{background:#1e103c40;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:7px solid var(--paper-2);border-top-color:var(--purple);border-radius:50%;width:54px;height:54px;margin:6px auto 12px;animation:.9s linear infinite spin}@media (width<=820px){.home{flex-direction:column;justify-content:flex-start;overflow-y:auto}.home-editor{height:auto;max-height:none}}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:4px solid #fff;border-radius:50%;width:38px;height:38px;box-shadow:0 2px #0003}.swatch.big{width:46px;height:46px}.swatch.sel{outline:4px solid var(--ink);transform:scale(1.1)}.options{flex-wrap:wrap;gap:8px;display:flex}.opt{background:var(--paper-2);color:var(--ink);border-radius:999px;min-height:42px;padding:8px 14px;font-size:17px;box-shadow:0 3px #d8ccb3}.opt.sel{background:var(--purple);color:#fff;box-shadow:0 3px 0 var(--purple-dark)}.hud-top{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:fixed;top:12px;left:12px;right:12px}.hud-top>*{pointer-events:auto}.hud-left,.hud-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hud-chip{background:var(--paper);box-shadow:var(--shadow);color:var(--ink);border:4px solid #fff;border-radius:999px;min-height:52px;padding:8px 18px;font-size:24px;font-weight:700}.code-chip .code-text{letter-spacing:2px;color:var(--purple-dark)}.votes{left:12px;bottom:calc(12px + var(--safe-b));z-index:4;position:fixed}.votes-box{box-shadow:var(--shadow);background:#fffaf0f0;border:4px solid #fff;border-radius:22px;width:290px;padding:12px 14px}.votes-title{color:var(--ink);text-align:left;background:0 0;align-items:center;gap:6px;width:100%;min-height:44px;margin-bottom:6px;padding:0;font-size:20px;font-weight:700;display:flex}.votes-title .votes-toggle{margin-left:auto}.votes-toggle{float:right;color:var(--ink-soft)}.votes-box.closed{width:auto}.votes-box.bump-in{animation:.5s ease-out bump-in}@keyframes bump-in{0%{transform:scale(.92)}50%{transform:scale(1.04)}to{transform:scale(1)}}.votes-box.closed .votes-title{margin:0}.vote-row{border:3px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:4px 8px;font-size:17px;display:flex}.vote-row.mine{background:#fff;border-style:solid}.vote-icon{font-size:20px}.vote-name{flex:1;font-weight:600}.vote-count{color:#fff;border-radius:15px;justify-content:center;align-items:center;min-width:30px;height:30px;font-weight:700;display:inline-flex}.votes-hint{color:var(--ink-soft);margin-top:6px;font-size:15px}.start-btn{width:100%;margin-top:8px}.countdown{z-index:6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.countdown-title{color:#fff;-webkit-text-stroke:2px var(--purple-dark);paint-order:stroke fill;text-shadow:0 4px 0 var(--purple-dark);text-align:center;padding:0 16px;font-size:clamp(26px,4vw,42px);font-weight:700}.countdown-num{color:var(--gold);-webkit-text-stroke:6px var(--purple-dark);paint-order:stroke fill;font-size:clamp(120px,20vw,220px);font-weight:700;line-height:1;animation:.5s ease-out bump}.countdown-sub{color:#fff;text-shadow:0 2px #0006;font-size:22px;font-weight:600}.podium-banner{box-shadow:var(--shadow);text-align:center;z-index:5;border:4px solid var(--gold);background:#fffaf0f2;border-radius:26px;padding:12px 22px;animation:.4s slideDown;position:fixed;top:80px;left:50%;transform:translate(-50%)}.podium-title{color:var(--purple-dark);font-size:26px;font-weight:700}.podium-empty{margin-top:6px;font-size:22px;font-weight:700}.podium-list{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.podium-item{background:#fff;border:3px solid;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:20px;display:flex}.podium-name{font-weight:700}.podium-label{color:var(--ink-soft);font-size:16px}.toasts{z-index:30;flex-direction:column;align-items:center;gap:8px;width:min(560px,100vw - 32px);display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%)}.toast{color:#fff;text-align:center;background:#2b2233eb;border-radius:999px;padding:10px 20px;font-size:19px;animation:.2s fadeIn}.reconnecting{background:var(--gold);color:var(--ink);text-align:center;z-index:40;padding:8px;font-size:20px;font-weight:600;position:fixed;top:0;left:0;right:0}.controls-hint{bottom:calc(10px + var(--safe-b));white-space:nowrap;z-index:3;align-items:center;gap:6px;transition:opacity 1.2s;display:flex;position:fixed;left:50%;transform:translate(-50%)}.controls-hint.done{opacity:0}.key-chip{color:#fff;background:#2b2233b3;border-radius:999px;padding:4px 10px 4px 5px;font-size:15px;font-weight:600;transition:background .3s,opacity .3s}.key-chip kbd{min-width:26px;color:var(--ink);text-align:center;background:#fff;border-bottom:3px solid #b9aec9;border-radius:8px;margin-right:2px;padding:1px 7px;font-family:inherit;font-size:13px;font-weight:700;line-height:1.3;display:inline-block}.key-chip.ok{opacity:.75;background:#4fbf6ad9}.key-more{color:#fff;background:#2b223373;border-radius:999px;padding:5px 10px;font-size:14px}@media (width<=1500px){.key-more{display:none}}@media (width<=1180px){.controls-hint{left:calc(50% + 60px)}}@media (width<=1100px){.controls-hint{display:none}}.voice-btn{right:16px;bottom:calc(16px + var(--safe-b));z-index:6;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);touch-action:none;border:4px solid #fff;border-radius:999px;align-items:center;gap:10px;min-height:72px;padding:10px 22px 10px 12px;font-size:20px;font-weight:700;display:flex;position:fixed}.voice-btn .voice-icon{background:var(--paper-2);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:inline-flex}.voice-btn.off .voice-icon{background:var(--purple)}.voice-btn.on .voice-icon{background:var(--green)}.voice-btn.talking{border-color:var(--green);background:#eaffe9}.voice-btn.talking .voice-icon{animation:1s infinite pulse}.voice-btn.denied{opacity:.85}.player-row{border-bottom:2px dashed #eadfca;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 6px;display:flex}.player-row.away{opacity:.55}.dot{border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 1px #0000004d}.player-name{flex:1;font-size:20px;font-weight:600}.player-badges{font-size:18px}.player-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;width:100%;display:flex}.slider{color:var(--ink-soft);flex-direction:column;gap:4px;margin:12px 0;font-size:18px;font-weight:600;display:flex}.slider input{width:100%;accent-color:var(--purple);height:28px}.joystick{left:26px;bottom:calc(26px + var(--safe-b));z-index:5;touch-action:none;background:#ffffff59;border:4px solid #fffc;border-radius:50%;width:150px;height:150px;position:fixed}.knob{background:#ffffffe6;border-radius:50%;width:60px;height:60px;position:absolute;top:45px;left:45px;box-shadow:0 3px #0003;pointer-events:none!important}.jump-btn{right:24px;bottom:calc(110px + var(--safe-b));width:96px;height:96px;color:var(--purple-dark);box-shadow:var(--shadow);z-index:5;touch-action:none;background:#fffaf0e6;border-radius:50%;font-size:46px;position:fixed}@media (pointer:coarse){.votes{bottom:calc(190px + var(--safe-b))}}.game-hud{position:fixed;inset:0}.num-hud{pointer-events:none;position:fixed;inset:0}.num-q{border:4px solid var(--gold);box-shadow:var(--shadow);text-align:center;background:#fffaf0f2;border-radius:28px;min-width:260px;max-width:calc(100vw - 24px);padding:8px 28px 12px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.num-q.ask{border-color:var(--purple)}.num-big{color:var(--purple-dark);font-size:clamp(30px,6.5vh,64px);font-weight:800;line-height:1.1}.num-q:not(.ask) .num-big{font-size:clamp(22px,4vh,36px)}.num-sub{color:var(--ink-soft);font-size:clamp(15px,2.2vh,20px);font-weight:600}.num-bar{background:#eadfcc;border-radius:999px;height:12px;margin-top:6px;overflow:hidden}.num-bar>div{background:linear-gradient(90deg, var(--red), var(--gold), var(--green));border-radius:999px;height:100%;transition:width .1s linear}.num-side{flex-direction:column;align-items:flex-end;gap:4px;font-size:26px;display:flex;position:absolute;top:84px;right:16px}.num-alive{box-shadow:var(--shadow);background:#fffaf0eb;border-radius:999px;padding:2px 12px;font-size:18px;font-weight:700}.num-note{color:#fff;background:var(--purple);border-radius:999px;margin-top:4px;padding:2px 14px;font-weight:800;animation:.4s bump}@media (width<=700px){.num-side{top:150px}.num-q{top:64px}}@media (height<=500px){.num-side{top:72px;right:84px}}.obby-hud{position:fixed;inset:0}.obby-timer{background:var(--paper);box-shadow:var(--shadow);border:4px solid #fff;border-radius:999px;padding:6px 22px;font-size:26px;font-weight:700;position:fixed;top:14px;left:50%;transform:translate(-50%)}.obby-me{box-shadow:var(--shadow);background:#fffaf0f0;border:4px solid #fff;border-radius:22px;padding:8px 18px;position:fixed;top:82px;left:12px}.obby-place{color:var(--purple-dark);font-size:46px;font-weight:700;line-height:1}.obby-of{color:var(--ink-soft);font-size:20px}.obby-place.obby-start{max-width:170px;font-size:22px;line-height:1.15}.obby-cp{font-size:20px;font-weight:600}.obby-list{box-shadow:var(--shadow);background:#fffaf0e6;border-radius:18px;min-width:190px;padding:6px 10px;position:fixed;top:82px;right:12px}.obby-row{align-items:center;gap:6px;padding:2px 0;font-size:17px;display:flex}.obby-row.me{font-weight:700}.obby-row .dot{width:16px;height:16px}.obby-pos{text-align:right;width:18px;color:var(--ink-soft)}.obby-name{flex:1}.obby-intro{white-space:nowrap;font-size:min(clamp(110px, 18vw, 200px), calc((100vw - 120px) / (var(--chars,1) * .45)));color:var(--gold);-webkit-text-stroke:6px var(--purple-dark);paint-order:stroke fill;font-weight:700;animation:.5s ease-out bumpCenter;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes bumpCenter{0%{opacity:.2;transform:translate(-50%,-50%)scale(1.6)}30%{opacity:1}to{transform:translate(-50%,-50%)scale(1)}}.obby-intro.go{color:var(--green)}.obby-intro.small{-webkit-text-stroke:5px var(--purple-dark);font-size:clamp(64px,9vw,110px);top:30%}.welcome-banner .obby-intro{z-index:25;pointer-events:none;font-size:min(clamp(40px, 6vw, 76px), calc((100vw - 32px) / (var(--chars,1) * .55)));-webkit-text-stroke:4px var(--purple-dark)}.obby-hurry{text-align:center;color:var(--ink);border:4px solid var(--gold);box-shadow:var(--shadow);background:#fff7d6;border-radius:24px;max-width:calc(100vw - 24px);padding:8px 26px 10px;animation:.45s ease-out bumpX;position:fixed;top:calc(24% + 60px);left:50%;transform:translate(-50%)}.obby-hurry-title{color:var(--purple-dark);white-space:nowrap;font-size:clamp(30px,4.4vw,46px);font-weight:700}.obby-hurry-text{font-size:clamp(16px,2.2vw,22px);font-weight:600}@keyframes bumpX{0%{opacity:.2;transform:translate(-50%)scale(1.4)}40%{opacity:1}to{transform:translate(-50%)scale(1)}}.obby-tip{color:var(--ink);border:4px solid var(--gold);box-shadow:var(--shadow);text-align:center;background:#fff7d6;border-radius:999px;max-width:calc(100vw - 24px);padding:8px 22px;font-size:clamp(18px,2.6vw,26px);font-weight:700;animation:.4s bump;position:fixed;top:calc(24% + 64px);left:50%;transform:translate(-50%)}.obby-msg{color:#fff;white-space:nowrap;background:#2b2233d9;border-radius:999px;padding:10px 26px;font-size:clamp(20px,3vw,30px);font-weight:700;animation:.2s fadeIn;position:fixed;top:24%;left:50%;transform:translate(-50%)}@media (width<=700px){.obby-list{display:none}}.welcome .big-code{letter-spacing:4px;color:var(--purple-dark);border:5px dashed var(--gold);-webkit-user-select:text;user-select:text;background:#fff;border-radius:24px;margin:10px 0;padding:8px 16px;font-size:clamp(44px,9vw,72px);font-weight:700}.ask-text{font-weight:600;font-size:24px!important}.emotes{right:16px;bottom:calc(100px + var(--safe-b));z-index:5;flex-direction:column;gap:10px;display:flex;position:fixed}@media (pointer:coarse){.emotes{bottom:calc(220px + var(--safe-b))}}.obby-watch{bottom:calc(16px + var(--safe-b));position:fixed;left:50%;transform:translate(-50%)}.obby-watch:active{transform:translate(-50%)translateY(4px)}.help h3{color:var(--purple-dark);margin:14px 0 4px;font-size:22px}.help p{margin:4px 0;font-size:18px}.players-code{color:var(--purple-dark);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0 0 8px;font-size:22px;font-weight:700;display:flex}.read-code{vertical-align:middle}.help-patio{flex-direction:column;gap:4px;margin:4px 0;padding:0;font-size:18px;list-style:none;display:flex}.help-pad{background:#fff;border-radius:12px;padding:6px 10px}.obby-record{background:var(--gold);color:var(--ink);box-shadow:var(--shadow);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 24px);padding:6px 20px;font-size:clamp(18px,2.6vw,28px);font-weight:700;position:fixed;top:calc(18% + clamp(40px,6vw,64px));left:50%;overflow:hidden;transform:translate(-50%)}.obby-course{color:#fff;-webkit-text-stroke:2px var(--purple-dark);paint-order:stroke fill;text-shadow:0 4px 0 var(--purple-dark);white-space:nowrap;font-size:clamp(26px,4vw,44px);font-weight:700;position:fixed;top:18%;left:50%;transform:translate(-50%)}@media (width<=820px){.home>*{flex-shrink:0}.home-panel{max-height:none}}@media (width<=600px){.hud-top{gap:6px;top:8px;left:8px;right:8px}.hud-left,.hud-right{flex-wrap:nowrap;gap:6px}.hud-chip{white-space:nowrap;border-width:3px;min-height:38px;padding:4px 10px;font-size:16px}.btn.small-round{width:38px;height:38px;min-height:38px;font-size:18px}.votes-box,.votes-box.closed{width:min(290px,100vw - 100px);padding:8px 10px}.votes-title{font-size:17px}.voice-btn{min-height:60px;padding:6px 16px 6px 8px;font-size:17px}.voice-btn .voice-icon{width:44px;height:44px;font-size:24px}.obby-me{padding:6px 12px;top:60px}.obby-place{font-size:34px}.obby-timer{font-size:20px;top:60px}.podium-banner{width:calc(100vw - 24px);top:60px}.toasts,.side-panel{top:60px}}.pilla-hud{position:fixed;inset:0}.pilla-role{box-shadow:var(--shadow);color:#fff;border:4px solid #fff;border-radius:22px;padding:8px 18px;font-size:26px;font-weight:700;position:fixed;top:82px;left:12px}.pilla-role.hunter{background:var(--red)}.pilla-role.runner{background:var(--green)}.pilla-left{opacity:.95;font-size:17px;font-weight:600}.pilla-count{color:#fff;background:#140a28d1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pilla-count-title{font-size:clamp(28px,5vw,48px);font-weight:700}.pilla-count-num{color:var(--gold);font-size:clamp(110px,18vw,200px);font-weight:700;animation:.5s ease-out bump}.pilla-count-sub{opacity:.85;font-size:22px}.pilla-tip{bottom:calc(100px + var(--safe-b));color:#fff;white-space:nowrap;background:#2b2233b3;border-radius:999px;padding:6px 18px;font-size:17px;position:fixed;left:50%;transform:translate(-50%)}@media (width<=600px){.pilla-role{font-size:20px;top:60px}}.build-hud{position:fixed;inset:0}.build-plan{box-shadow:var(--shadow);background:#fffaf0f0;border:4px solid #fff;border-radius:20px;width:280px;padding:8px 14px;position:fixed;top:82px;left:12px}.build-plan-title{margin-bottom:4px;font-size:19px;font-weight:700}.build-team{align-items:center;gap:8px;margin:3px 0;font-size:15px;font-weight:600;display:flex}.build-team.mine{font-size:16px}.build-team-name{width:120px}.build-bar{background:#e8dfcc;border-radius:6px;flex:1;height:12px;overflow:hidden}.build-bar>div{height:100%;transition:width .3s}.build-pct{text-align:right;width:40px}.build-cross{width:26px;height:26px;margin:-13px 0 0 -13px;position:fixed;top:52%;left:50%}.build-cross:before,.build-cross:after{content:"";background:#fff;border-radius:2px;position:absolute;box-shadow:0 0 0 2px #00000059}.build-cross:before{width:4px;height:26px;top:0;left:11px}.build-cross:after{width:26px;height:4px;top:11px;left:0}.build-palette{bottom:calc(14px + var(--safe-b));box-shadow:var(--shadow);background:#fffaf0e6;border-radius:999px;gap:10px;padding:8px 12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.build-color{color:#0000008c;border:4px solid #fff;border-radius:14px;width:52px;height:52px;font-size:20px;font-weight:700;box-shadow:0 3px #0003}.build-color.sel{outline:4px solid var(--ink);transform:translateY(-4px)}.build-buttons{right:16px;bottom:calc(110px + var(--safe-b));flex-direction:column;align-items:stretch;gap:10px;display:flex;position:fixed}.build-tool-hint{color:#fff;text-align:center;background:#2b2233b3;border-radius:999px;padding:4px 12px;font-size:15px}.build-hud .controls-hint{bottom:calc(92px + var(--safe-b))}@media (pointer:coarse){.build-palette{bottom:calc(190px + var(--safe-b))}.build-buttons{bottom:calc(225px + var(--safe-b))}}@media (width<=600px){.build-plan{width:220px;top:60px}.build-team-name{width:90px}}.duel-hud{position:fixed;inset:0}.duel-question{color:#fff;text-align:center;width:min(640px,100vw - 24px);box-shadow:var(--shadow);background:#281450e0;border:4px solid #d9b3ff;border-radius:24px;padding:10px 18px 14px;position:fixed;top:80px;left:50%;transform:translate(-50%)}.duel-round{opacity:.85;font-size:17px;font-weight:600}.duel-prompt{margin:4px 0 8px;font-size:clamp(24px,4vw,38px);font-weight:700;line-height:1.15}.duel-time{background:#fff3;border-radius:5px;height:10px;overflow:hidden}.duel-time>div{background:var(--gold);height:100%;transition:width .2s linear}.duel-answer{bottom:calc(14px + var(--safe-b));flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.duel-typed{text-align:center;border:5px solid var(--purple);min-width:200px;color:var(--ink);background:#fff;border-radius:18px;min-height:66px;padding:2px 20px;font-size:44px;font-weight:700}.duel-keypad{box-shadow:var(--shadow);background:#fffaf0eb;border-radius:22px;grid-template-columns:repeat(6,64px);gap:8px;padding:10px;display:grid}.duel-key{background:var(--paper-2);height:56px;color:var(--ink);border-radius:14px;font-size:28px;font-weight:700;box-shadow:0 4px #d8ccb3}.duel-key:active{transform:translateY(3px);box-shadow:0 1px #d8ccb3}.duel-key.go{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-dark);grid-column:span 2;font-size:20px}.duel-key.back{background:#ffd9d4}.duel-hint{color:#fff;background:#2b223399;border-radius:999px;padding:3px 12px;font-size:15px}.duel-choices{bottom:calc(18px + var(--safe-b));flex-wrap:wrap;justify-content:center;gap:12px;width:min(900px,100vw - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.duel-choice{min-width:200px;font-size:24px}.duel-num{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:inline-flex}.duel-status{bottom:calc(40px + var(--safe-b));box-shadow:var(--shadow);white-space:nowrap;border:4px solid #fff;border-radius:999px;padding:12px 26px;font-size:clamp(22px,3vw,30px);font-weight:700;animation:.4s bump;position:fixed;left:50%;transform:translate(-50%)}.duel-status.ok{background:var(--green);color:#fff}.duel-status.ko{background:var(--paper-2);color:var(--ink-soft)}.duel-reveal{bottom:calc(30px + var(--safe-b));box-shadow:var(--shadow);border:4px solid var(--gold);text-align:center;background:#fffaf0f2;border-radius:24px;padding:12px 24px;animation:.4s bump;position:fixed;left:50%;transform:translate(-50%)}.duel-reveal-answer{font-size:26px}.duel-hitters{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;font-size:18px;display:flex}.duel-hitter{background:#fff;border:3px solid;border-radius:999px;padding:2px 12px;font-weight:600}.duel-score{font-weight:700}@media (width<=600px){.duel-question{top:56px}.duel-keypad{grid-template-columns:repeat(6,48px)}.duel-key{height:48px;font-size:22px}}.foot-hud{position:fixed;inset:0}.foot-score{background:var(--paper);box-shadow:var(--shadow);white-space:nowrap;border:4px solid #fff;border-radius:999px;align-items:center;gap:12px;padding:6px 18px;font-weight:700;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.foot-team{color:#fff;border-radius:999px;padding:2px 10px;font-size:18px}.foot-team.azul{background:#3f9fd8}.foot-team.naranja{background:#ff9a3c}.foot-team.mine{outline:3px solid var(--ink)}.foot-goals{font-size:30px}.foot-time{color:var(--ink-soft);font-size:18px}.foot-me{white-space:nowrap;background:#fffaf0d9;border-radius:999px;padding:4px 14px;font-size:16px;position:fixed;top:76px;left:50%;transform:translate(-50%)}.foot-goal{color:var(--gold);-webkit-text-stroke:4px var(--purple-dark);paint-order:stroke fill;white-space:nowrap;font-size:clamp(34px,6vw,64px);font-weight:700;animation:.5s ease-out bump;position:fixed;top:30%;left:50%;transform:translate(-50%)}.foot-kick{right:24px;bottom:calc(225px + var(--safe-b));background:var(--paper-2);width:110px;height:110px;color:var(--ink);box-shadow:var(--shadow);border:5px solid #fff;border-radius:50%;font-size:22px;font-weight:700;position:fixed}.foot-kick.ready{background:var(--green);color:#fff;animation:1s infinite pulse}@media (width<=700px){.foot-score{top:56px}.foot-me{display:none}}.foot-hud .obby-intro{font-size:min(clamp(80px, 12vw, 140px), calc((100vw - 120px) / (var(--chars,1) * .45)));top:26%}.phrases{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.phrase-btn{text-align:left;min-height:52px;color:var(--ink);border:3px solid var(--purple);background:#fff;justify-content:flex-start;font-size:19px}.phrase-btn kbd{background:var(--purple);color:#fff;text-align:center;border-radius:8px;min-width:24px;margin-right:6px;padding:0 6px;font-family:inherit;font-size:14px;font-weight:700;display:inline-block}.touch .phrase-btn kbd{display:none}.pollito-q{border:4px solid var(--gold);box-shadow:var(--shadow);text-align:center;background:#fffaf0f2;border-radius:28px;min-width:300px;max-width:calc(100vw - 24px);padding:8px 28px 12px;position:absolute;top:76px;left:50%;transform:translate(-50%)}.pollito-big{color:var(--purple-dark);white-space:nowrap;font-size:clamp(26px,5.2vh,52px);font-weight:800;line-height:1.15}.pollito-q.sing{border-color:var(--green)}.pollito-q.look{border-color:var(--red);background:#fff0ee;animation:.3s bump}.pollito-q.look .pollito-big{color:var(--red)}.emojis{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.emoji-btn{border:3px solid var(--gold);background:#fff;justify-content:center;min-width:0;min-height:56px;padding:4px;font-size:30px;position:relative}.emoji-btn kbd{color:var(--ink-soft);font-family:inherit;font-size:11px;font-weight:700;position:absolute;bottom:2px;right:4px}@media (width<=600px){.phrases{grid-template-columns:1fr}}@media (height<=500px){.emotes{flex-direction:row;top:72px;bottom:auto}.side-panel{top:60px;bottom:8px}.side-panel h2{margin:0;font-size:20px}.side-panel .panel-note{display:none}.phrases{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.phrase-btn{min-width:0;min-height:44px;padding:4px 8px;font-size:16px}.phrase-btn kbd{display:none}.emoji-btn{min-height:44px;font-size:24px}}@media (pointer:coarse){.swatch{width:44px;height:44px}.swatch.big{width:48px;height:48px}.votes-box.closed{padding-top:4px;padding-bottom:4px}.opt{min-height:44px}}@media (width<=520px){.end-btn .end-label{display:none}.btn.end-btn{border-radius:50%;flex-shrink:0;width:38px;height:38px;min-height:38px;padding:0;font-size:17px}.hud-top.has-end .code-chip .code-text{display:none}}@media (pointer:coarse) and (width<=520px){.btn.end-btn{width:44px;height:44px;min-height:44px}}@media (pointer:coarse) and (width<=600px){.btn.small-round{width:44px;height:44px;min-height:44px;font-size:20px}.hud-chip{min-height:44px;padding:4px 7px;font-size:15px}.code-chip .code-text{letter-spacing:0}.hud-left,.hud-right{gap:4px}.emojis{grid-template-columns:repeat(3,minmax(0,1fr))}}.ppt-buttons{left:50%;bottom:calc(24px + var(--safe-b));gap:14px;display:flex;position:absolute;transform:translate(-50%)}.ppt-btn{min-width:110px;min-height:96px;color:var(--ink);border:4px solid var(--teal,#3fc6c0);background:#fff;border-radius:24px;flex-direction:column;gap:2px}.ppt-btn.sel{color:#fff;background:#3fc6c0;transform:translateY(-4px)}.ppt-icon{font-size:44px;line-height:1}.ppt-label{font-size:16px;font-weight:700}.ppt-list{box-shadow:var(--shadow);background:#fffaf0f0;border-radius:18px;min-width:190px;padding:8px 12px;position:absolute;top:84px;right:16px}.ppt-row{align-items:center;gap:6px;padding:2px 0;font-size:17px;display:flex}.ppt-row.me{font-weight:800}.ppt-name{flex:1}.ppt-last{text-align:center;width:24px}.ppt-chosen{width:18px;color:var(--green,#4fbf6a);font-weight:800}.ppt-score{text-align:right;min-width:24px;color:var(--purple-dark);font-weight:800}@media (width<=700px){.ppt-list{min-width:150px;font-size:15px;top:160px}.ppt-btn{min-width:88px;min-height:84px}}.talk-strip{color:#fff;white-space:nowrap;background:#2b2233cc;border-radius:999px;align-items:center;gap:6px;max-width:360px;padding:6px 12px;font-size:17px;font-weight:700;animation:.2s fadeIn;display:flex;overflow:hidden}.talk-name{text-overflow:ellipsis;background:#ffffff1f;border:3px solid;border-radius:999px;max-width:120px;padding:0 8px;overflow:hidden}.talk-strip.compact{z-index:6;max-width:calc(100vw - 16px);padding:4px 10px;font-size:14px;position:fixed;top:58px;left:8px}.alone-card{border:4px solid var(--gold);box-shadow:var(--shadow);text-align:center;z-index:6;background:#fffaf0f7;border-radius:26px;flex-direction:column;align-items:center;gap:8px;width:min(440px,100vw - 24px);padding:14px 22px;font-size:18px;animation:.3s slideDown;display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%)}.alone-title{color:var(--purple-dark);font-size:26px;font-weight:800}.big-code.small{margin:0;font-size:34px}@media (height<=500px){.welcome{max-width:min(560px,100vw - 24px);padding:10px 18px 12px}.welcome h2{margin:0;font-size:22px}.welcome p{margin:2px 0;font-size:15px}.welcome .big-code{white-space:nowrap;letter-spacing:2px;border-width:4px;margin:6px 0;padding:2px 14px;font-size:clamp(28px,9vh,48px)}.welcome .panel-note{display:none}.welcome .row{margin-top:4px}}.alone-note{color:var(--ink-soft);font-size:16px}.game-rules{flex-direction:column;gap:8px;margin:4px 0 12px;padding:0;list-style:none;display:flex}.game-rules li{border:3px solid var(--gold);background:#fff;border-radius:16px;padding:8px 12px;font-size:19px;font-weight:700}.help-general{border-top:2px dashed #e4d9c3;padding-top:10px}.roulette{align-items:center;gap:18px;margin:16px 0;display:flex}.roulette-main{box-shadow:var(--shadow);background:#fffaf0f2;border:8px solid;border-radius:36px;padding:6px 26px;font-size:clamp(90px,14vw,150px);line-height:1.1}.roulette-side{opacity:.55;filter:saturate(.6);font-size:clamp(44px,7vw,70px)}.roulette.done .roulette-main{animation:.5s ease-out bump}.debug-box{z-index:20;color:#fff;background:#14101ed1;border-radius:12px;padding:8px 10px;font:13px/1.45 ui-monospace,Menlo,monospace;position:fixed;top:40%;left:8px}.debug-box .row{gap:6px;margin-top:6px}.debug-box .btn.small{min-height:32px;padding:4px 10px;font-size:13px}.mic-meter{margin:8px 0}.mic-bar{background:#eadfcc;border-radius:999px;height:18px;overflow:hidden}.mic-bar>div{background:linear-gradient(90deg, var(--green,#4fbf6a), var(--gold));border-radius:999px;height:100%;transition:width 80ms linear}.mic-msg{color:var(--ink-soft);margin-top:6px;font-weight:700}.mic-meter.ok .mic-msg{color:#2f9a4c}.podium-again{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.podium-again .btn{min-height:48px;font-size:20px}.podium-again .btn.sel{opacity:.7}.podium-again-who{color:var(--ink-soft);font-size:16px;font-weight:600}.muro-lives{box-shadow:var(--shadow);background:#fffaf0f2;border-radius:999px;padding:6px 16px;font-size:18px;font-weight:700;position:absolute;top:180px;right:12px}@media (width<=1100px){.build-hud .controls-hint.build-keys{display:flex;left:50%}}.ppt-duels{flex-direction:column;gap:2px;margin-top:6px;font-size:clamp(15px,2.2vh,19px);font-weight:600;display:flex}.ppt-duel.win b{color:var(--green-dark)}.ppt-duel.lose b{color:var(--red)}.ppt-duel.tie{color:var(--ink-soft)}.ppt-duel-icons{font-size:1.15em}.stage-toggle{width:100%;margin-top:10px}.stage-hint{top:calc(76px + var(--safe-t,0px));z-index:4;color:#fff;white-space:nowrap;background:#2b2233d9;border-radius:999px;padding:8px 20px;font-size:20px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.phone-hint{top:calc(76px + var(--safe-t,0px));z-index:4;color:#fff;text-align:center;background:#2b2233d9;border-radius:22px;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px 20px;font-size:19px;font-weight:700;display:flex;position:fixed;left:50%;transform:translate(-50%)}.phone-hint .key-chip{font-size:17px}@media (width<=520px){.phone-hint{top:calc(128px + var(--safe-t,0px));font-size:17px}}.phone-btn{font:inherit;color:var(--ink);background:var(--gold);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;padding:10px 26px;font-size:22px;font-weight:800}.nobody-hint{align-items:center;gap:10px;display:flex}.nobody-arrow{font-size:24px;transition:transform .2s;display:inline-block}.speak-hint{right:100px;bottom:calc(96px + var(--safe-b));z-index:4;background:var(--gold);color:var(--ink);box-shadow:var(--shadow);border-radius:18px;max-width:280px;padding:10px 16px;font-size:17px;font-weight:700;animation:.3s bump;position:fixed}@media (width<=520px){.voice-btn.in-game{border-width:3px;min-height:0;padding:4px;inset:36% auto auto 8px}.voice-btn.in-game .voice-text{display:none}.emotes.in-game{inset:calc(36% + 66px) auto auto 8px}.build-buttons{bottom:calc(270px + var(--safe-b))}.build-plan{top:112px}.build-palette{left:12px;transform:none}.pollito-big{white-space:normal;font-size:24px}}@media (height<=500px){.voice-btn.in-game{border-width:3px;min-height:0;padding:4px}.voice-btn.in-game .voice-text{display:none}.build-buttons,.foot-kick{right:140px;bottom:calc(12px + var(--safe-b))}.foot-kick{width:96px;height:96px;font-size:19px}}.missions{z-index:4;width:250px;box-shadow:var(--shadow);background:#fffaf0f2;border-radius:18px;position:fixed;top:76px;right:12px;overflow:hidden}.missions-head{width:100%;color:var(--purple-dark);text-align:left;background:0 0;min-height:44px;padding:8px 14px;font-size:17px;font-weight:700}.missions-arrow{float:right}.missions-list{color:var(--ink);flex-direction:column;gap:5px;padding:0 14px 10px;font-size:15px;font-weight:600;display:flex}.mission.ok{color:var(--green-dark);text-decoration:line-through}.mission-box{border:2px solid var(--ink-soft);border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:13px;text-decoration:none;display:inline-flex}.mission.ok .mission-box{background:var(--green);border-color:var(--green);color:#fff}.missions-prize{color:var(--purple-dark);margin-top:4px;font-size:14px}@media (width<=600px){.missions{width:200px;top:56px}.missions-head{font-size:15px}}@media (height<=500px){.missions{width:200px;max-height:calc(100vh - 180px - var(--safe-b));top:72px;right:202px;overflow-y:auto}.missions-head{font-size:15px}}.vote-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.vote-grid .vote-row{gap:4px;min-width:0;padding:3px 5px;font-size:14px}.vote-grid .vote-icon{font-size:17px}.vote-grid .vote-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vote-grid .vote-count{min-width:24px;height:24px;font-size:14px}.votes-box:has(.vote-grid){width:310px}@media (width<=1100px){.controls-hint.game-keys{display:flex;left:50%}}.pad-focus{outline-offset:3px;z-index:2;position:relative;outline:5px solid #ffb300!important;box-shadow:0 0 0 9px #ffb30059!important}.name-row{align-items:center;gap:8px;display:flex}.name-row .text-input{flex:1;min-width:0}.btn.dice-btn{flex-shrink:0;width:52px;height:52px;min-height:52px;font-size:26px}.missions-bubbles{margin-top:6px;font-weight:600;display:none}@media (width<=520px){.bubbles-chip{display:none}.missions-bubbles{display:block}}.obby-cheer-hint{left:50%;bottom:calc(92px + var(--safe-b));color:#fff;white-space:nowrap;pointer-events:none;background:#2b2233cc;border-radius:999px;padding:6px 16px;font-size:17px;font-weight:700;position:fixed;transform:translate(-50%)}.fullscreen-btn{width:100%;margin-bottom:10px}.version{text-align:center;opacity:.55;margin:14px 0 4px;font-size:12px}.waking{color:#6b4a00;background:#fff4cf;border-radius:16px;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;font-weight:600;display:flex}.waking-clock{transform-origin:50% 60%;font-size:28px;animation:1.2s ease-in-out infinite ring;display:inline-block}.waking-clock.big{margin-bottom:6px;font-size:56px}@keyframes ring{0%,50%,to{transform:rotate(0)}10%,30%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}@media (prefers-reduced-motion:reduce){.waking-clock{animation:none}}