:root{--bg:#07070f;--panel:#111739;--panel-2:#1a2250;--line:#2b3a8f;--text:#f4f6ff;--dim:#9aa6d8;--yellow:#ffd400;--blue:#3b6dff;--pink:#ff5fa8;--radius:20px;color:var(--text);background:var(--bg);font-family:"Baloo 2",Fredoka,Nunito,ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:700}*{touch-action:manipulation;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);overscroll-behavior:none;height:100%;margin:0}body{overflow-x:hidden}#app{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}h1,h2,h3,p{margin:0}.btn{letter-spacing:.02em;color:#fff;background:var(--panel-2);border:0;border-radius:16px;min-height:52px;padding:0 22px;font-size:1.1rem;font-weight:800;transition:transform 80ms;box-shadow:0 4px #00000059}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #00000059}.btn.primary{color:#1b1500;background:linear-gradient(#ffe24d,#ffc800)}.btn.blue{background:linear-gradient(#5c86ff,#3b6dff)}.btn.ghost{box-shadow:none;border:2px solid var(--line);background:0 0}.btn.big{border-radius:20px;min-height:68px;font-size:1.5rem}.link{color:var(--dim);background:0 0;border:0;padding:10px;text-decoration:underline}.icon-btn{pointer-events:auto;color:#fff;background:#0a0e2db3;border:0;border-radius:12px;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.screen{min-height:100dvh;padding:max(env(safe-area-inset-top), 18px) 16px max(env(safe-area-inset-bottom), 18px);background:radial-gradient(circle at 20% 0,#14205f55,#0000 55%),radial-gradient(circle at 90% 100%,#5a114a44,#0000 55%);flex-direction:column;gap:16px;max-width:560px;margin:0 auto;display:flex}.panel{background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);padding:16px}.stack{flex-direction:column;gap:14px;display:flex}.hint{color:var(--dim);text-align:center;font-size:.9rem}.wait{color:var(--dim);text-align:center}.home{justify-content:center}.logo{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.logo h1{letter-spacing:.04em;color:var(--yellow);text-shadow:0 0 18px #ffd40088,0 4px #8a6a00;font-size:clamp(2.2rem,11vw,3.4rem)}.logo .tag{color:var(--dim);max-width:24ch;font-size:1rem}.logo-row{align-items:flex-end;gap:10px;display:flex}.wob{animation:1.2s ease-in-out infinite wob;display:inline-block}.w2{animation-delay:.15s}.w3{animation-delay:.3s}.w4{animation-delay:.45s}@keyframes wob{50%{transform:translateY(-8px)}}.or{text-align:center;color:var(--dim);align-items:center;gap:10px;font-size:.85rem;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:2px}.join-row{gap:10px;display:flex}.code-input{border:2px solid var(--line);color:#fff;min-width:0;height:60px;font:inherit;letter-spacing:.35em;text-align:center;text-transform:uppercase;background:#0a0f2e;border-radius:16px;outline:none;flex:1;font-size:1.9rem}.code-input:focus{border-color:var(--blue)}.lobby-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.room small{color:var(--dim);font-size:.75rem;display:block}.code{letter-spacing:.2em;color:var(--yellow);font-size:2.2rem}.cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pcard{border:2px solid var(--c,var(--line));background:var(--panel);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:10px 4px 8px;display:flex;position:relative}.pcard.me{box-shadow:0 0 14px var(--c)}.pcard.off{opacity:.45}.pcard.empty{border-style:dashed;border-color:var(--line);opacity:.6}.pcard small{color:var(--dim);font-size:.75rem}.pav{font-size:2rem;line-height:1.1}.crown{font-size:1.1rem;position:absolute;top:-12px;right:-4px}.mine h3{margin-bottom:10px}.mine{flex-direction:column;gap:14px;display:flex}.roles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.role{border:3px solid var(--line);background:#0a0f2e;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.role.on{border-color:var(--yellow);background:#231f06;box-shadow:0 0 14px #ffd40055}.role small{color:var(--dim)}.swatches{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.swatch{background:var(--c);border:3px solid #0000;border-radius:50%;width:42px;height:42px}.swatch.on{box-shadow:0 0 12px var(--c);border-color:#fff}.swatch:disabled{opacity:.2}.avatar-btn{justify-content:center;align-items:center;gap:10px;display:flex}.big-emoji{font-size:1.8rem}.avatars{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.av{background:#0a0f2e;border:2px solid #0000;border-radius:12px;padding:6px 0;font-size:1.6rem}.av.on{border-color:var(--yellow)}.chip-theme{text-align:center;color:var(--dim);font-size:.85rem}.lobby-foot{flex-direction:column;align-items:stretch;gap:10px;margin-top:auto;display:flex}.modal{z-index:50;background:#03040ed1;place-items:center;padding:12px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal-card{background:var(--panel);border:2px solid var(--line);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;margin:auto;padding:20px;display:flex}.qr{background:#fff;border-radius:16px;width:min(72vw,280px,48vh);height:auto}.code.big{font-size:2.6rem}.row{gap:10px;display:flex}.conn-pill,.app-toast{opacity:0;z-index:60;border:2px solid var(--line);left:50%;top:max(env(safe-area-inset-top), 10px);pointer-events:none;text-align:center;background:#1a2250;border-radius:999px;max-width:92vw;padding:10px 18px;transition:transform .25s,opacity .25s;position:fixed;transform:translate(-50%,-20px)}.conn-pill.show,.app-toast.show{opacity:1;transform:translate(-50%)}.app-toast{top:calc(max(env(safe-area-inset-top), 10px) + 52px);background:#5a1230;border-color:#ff5fa8}.game{--cx:50%;--cy:44%;--r:40vmin;--me:#ffd400;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#05060f;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.stage{position:absolute;top:0;bottom:0;left:0;right:0}.stage-canvas{width:100%;height:100%;display:block}.wallpaper{pointer-events:none;background-color:var(--wall-bg,#07070f);-webkit-mask-image:radial-gradient(circle at var(--cx) var(--cy), transparent calc(var(--r) - 1px), #000 var(--r));-webkit-mask-image:radial-gradient(circle at var(--cx) var(--cy), transparent calc(var(--r) - 1px), #000 var(--r));mask-image:radial-gradient(circle at var(--cx) var(--cy), transparent calc(var(--r) - 1px), #000 var(--r));background-size:150px;position:absolute;top:0;bottom:0;left:0;right:0}.ring{left:calc(var(--cx) - var(--r));top:calc(var(--cy) - var(--r));width:calc(var(--r) * 2);height:calc(var(--r) * 2);border:6px solid var(--me);box-shadow:0 0 24px var(--me), inset 0 0 24px #000000b3;pointer-events:none;border-radius:50%;position:absolute}.hud{z-index:4;padding:max(env(safe-area-inset-top), 8px) max(env(safe-area-inset-right), 10px) 4px max(env(safe-area-inset-left), 10px);pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:0;left:0;right:0}.hud-top{grid-template-columns:auto 1fr auto 1fr 40px;align-items:center;gap:8px;display:grid}.hud-lives{gap:2px;display:flex}.life.off{opacity:.2;filter:grayscale()}.hud-mid{text-align:center;line-height:1}.hud-mid small{color:var(--dim);letter-spacing:.12em;font-size:.65rem}.hud-score{color:var(--yellow);text-shadow:0 2px #7a4a00;font-size:1.9rem}.hud-dots{justify-self:end;align-items:center;gap:6px;font-size:1.15rem;display:flex}.dot{background:#ffe9a8;border-radius:50%;width:12px;height:12px;display:inline-block}.chips{justify-content:center;gap:6px;display:flex}.chip{border:2px solid var(--c);background:#080c28bf;border-radius:999px;align-items:center;gap:4px;padding:2px 8px 2px 4px;font-size:.85rem;display:flex}.chip.me{box-shadow:0 0 10px var(--c);background:#1e2864d9}.chip-av{font-size:1rem}.chip-ic{display:grid}.power-bar{opacity:0;background:#ffffff1f;border-radius:3px;height:6px;transition:opacity .2s;overflow:hidden}.power-bar.on{opacity:1}.power-bar i{transform-origin:0;background:linear-gradient(90deg,#4d8dff,#9fd0ff);height:100%;display:block}.banner{z-index:6;pointer-events:none;opacity:0;text-align:center;place-items:center;padding:16px;transition:opacity .2s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.banner.show{opacity:1}.role-card{border:2px solid var(--me);max-width:min(78vw,300px);box-shadow:0 0 30px color-mix(in srgb, var(--me) 40%, transparent);background:#080c28db;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:18px 22px;display:flex}.role-card h2{font-size:1.35rem}.rc-head{align-items:center;gap:10px;display:flex}.role-card p{color:var(--dim);max-width:26ch;font-size:.85rem}.role-card .count{color:var(--yellow);font-size:2.8rem;line-height:1}div.big:not(.code){color:#ff5f7a;text-shadow:0 3px #000;font-size:2.2rem}div.big.good{color:#7dff8a}div.big.go{color:var(--yellow);font-size:4rem}.toast{z-index:6;opacity:0;border:2px solid var(--line);pointer-events:none;text-align:center;background:#080c28e0;border-radius:999px;max-width:90vw;padding:8px 18px;transition:opacity .2s,transform .2s;position:absolute;top:28%;left:50%;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}.dpad{--s:62px;z-index:5;left:50%;bottom:max(env(safe-area-inset-bottom), 14px);width:calc(var(--s) * 3);height:calc(var(--s) * 3);touch-action:none;position:absolute;transform:translate(-50%)}.dpad b{width:var(--s);height:var(--s);pointer-events:none;background:linear-gradient(#465abec7,#121a50e0);border:3px solid #ffffff47;border-radius:16px;transition:transform 50ms,background 50ms;position:absolute;box-shadow:0 4px #00000073}.dpad b:after{content:"";border:11px solid #0000;position:absolute;top:50%;left:50%}.dpad .btn-up{left:var(--s);top:0}.dpad .btn-up:after{border-top-width:0;border-bottom:16px solid #fff;margin:-16px 0 0 -11px}.dpad .btn-down{left:var(--s);bottom:0}.dpad .btn-down:after{border-top:16px solid #fff;border-bottom-width:0;margin:0 0 0 -11px;top:calc(50% - 8px)}.dpad .btn-left{left:0;top:var(--s)}.dpad .btn-left:after{border-left-width:0;border-right:16px solid #fff;margin:-11px 0 0 -16px}.dpad .btn-right{right:0;top:var(--s)}.dpad .btn-right:after{border-left:16px solid #fff;border-right-width:0;margin:-11px 0 0;left:calc(50% - 8px)}.dpad-center{left:var(--s);top:var(--s);width:var(--s);height:var(--s);pointer-events:none;background:radial-gradient(circle,#ffffff1f,#0000 70%);border-radius:50%;position:absolute}.dpad[data-dir="0"] .btn-up,.dpad[data-dir="1"] .btn-right,.dpad[data-dir="2"] .btn-down,.dpad[data-dir="3"] .btn-left{background:linear-gradient(#fff, var(--me));box-shadow:0 1px 0 #00000073, 0 0 16px var(--me);transform:translateY(3px)}.minimap-wrap{z-index:5;right:max(env(safe-area-inset-right), 14px);bottom:max(env(safe-area-inset-bottom), 16px);color:var(--dim);pointer-events:none;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;display:flex;position:absolute}.minimap{border:3px solid var(--me);width:112px;height:124px;box-shadow:0 0 14px var(--me);image-rendering:pixelated;border-radius:12px}.results{z-index:20;touch-action:auto;background:#03040ed1;place-items:center;padding:16px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.results.hidden{display:none}.results-card{background:var(--panel);border:2px solid var(--line);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:10px;width:min(92vw,400px);padding:22px;display:flex}.results-emoji{font-size:3rem}.results-card ol{flex-direction:column;gap:6px;width:100%;margin:6px 0;padding:0;list-style:none;display:flex}.results-card li{background:#0a0f2e;border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:6px 12px;display:flex}.results-card li.me{border-color:var(--yellow)}.results-card li b{margin-left:auto;font-size:1.2rem}.results-card .pos{color:var(--dim);width:1.2em}.results-card .av{font-size:1.5rem}.results-actions{flex-direction:column;gap:10px;width:100%;display:flex}@media (orientation:landscape) and (max-height:520px){.dpad{--s:52px;left:max(env(safe-area-inset-left), 16px);transform:none}.minimap{width:126px;height:140px}.hud-score{font-size:1.5rem}}@media (min-width:900px) and (min-height:700px){.dpad{display:none}}@media (orientation:portrait){.minimap{width:84px;height:93px}.minimap-wrap{bottom:max(env(safe-area-inset-bottom), 18px)}}@media (prefers-reduced-motion:reduce){.wob{animation:none}}.fxbar{flex-wrap:wrap;justify-content:center;gap:6px;min-height:0;display:flex}.fxchip{background:#285a28d9;border:2px solid #5fe07a;border-radius:999px;padding:2px 10px;font-size:.78rem}.fxchip.bad{background:#5a1e32d9;border-color:#ff6a8a}.radar-arrow{z-index:3;pointer-events:none;background:#ffd400;border-radius:50%;place-items:center;width:34px;height:34px;margin:-17px 0 0 -17px;font-size:1.15rem;animation:.5s ease-in-out infinite alternate pulse;display:grid;position:absolute;box-shadow:0 0 14px #ffd400}.radar-arrow:after{content:"";transform:rotate(var(--rot,0deg)) translateX(24px) translateY(-7px);transform-origin:0 7px;border:7px solid #0000;border-left:12px solid #ffd400;position:absolute;top:50%;left:50%}.radar-arrow.hidden{display:none}@keyframes pulse{to{transform:scale(1.15)}}.head-btns{align-items:center;gap:8px;display:flex}.btn.icon{min-width:52px;padding:0;font-size:1.4rem}.chip-theme{border:2px dashed var(--line);color:var(--dim);background:0 0;border-radius:999px;padding:8px 14px;font-size:.9rem}.settings{text-align:left;align-items:stretch;max-height:calc(100dvh - 24px);overflow-y:auto}.settings h2{text-align:center}.settings h3{color:var(--dim);margin-top:6px;font-size:1rem}.themes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.theme{border:3px solid var(--line);text-align:left;background:#0a0f2e;border-radius:16px;align-items:center;gap:8px;padding:8px;display:flex}.theme.on{border-color:var(--yellow);box-shadow:0 0 12px #ffd40055}.theme:disabled{opacity:.85}.theme-prev{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:1.4rem;display:grid}.theme b{font-size:.9rem}.stepper{justify-content:center;align-items:center;gap:18px;display:flex}.stepper b{text-align:center;min-width:1.5em;font-size:2rem}.stepper .btn{min-width:56px;padding:0;font-size:1.6rem}.seg{flex-wrap:wrap;gap:6px;display:flex}.segbtn{border:2px solid var(--line);background:#0a0f2e;border-radius:12px;flex:30%;padding:10px 6px;font-size:.9rem}.segbtn.on{border-color:var(--yellow);background:#231f06}.modal.vote{z-index:80}.changes{text-align:left;flex-direction:column;gap:6px;margin:4px 0;padding:0;list-style:none;display:flex}.changes li{border:2px solid var(--line);background:#0a0f2e;border-radius:12px;padding:8px 12px;font-size:.95rem}.warn{color:#ffb84d}.voters{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.voter{border:3px solid var(--line);background:#0a0f2e;border-radius:14px;padding:4px 8px 10px;font-size:2rem;position:relative}.voter.yes{border-color:#5fe07a}.voter.no{border-color:#ff6a8a}.voter i{font-size:1rem;font-style:normal;position:absolute;bottom:-8px;right:-6px}.vote-bar{background:#ffffff1f;border-radius:4px;width:100%;height:8px;overflow:hidden}.vote-bar i{transform-origin:0;background:linear-gradient(90deg,#ffd400,#ff8a3d);height:100%;display:block}@keyframes vote-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.vote-count{color:var(--dim);font-size:1.2rem}.vote-btns{width:100%}.vote-btns .btn{flex:1}.btn.no{background:linear-gradient(#ff7a96,#e0405f)}.hud-left{gap:6px;display:flex}.game.spot:after{content:"";z-index:6;pointer-events:none;background:radial-gradient(circle at 50% 40%,#0000 30%,#0009 100%);animation:2s both spot-fade;position:absolute;top:0;bottom:0;left:0;right:0}.game.spot .hud{opacity:.45}.spotcard{z-index:7;left:50%;bottom:calc(max(env(safe-area-inset-bottom), 14px) + 190px);text-align:center;border:4px solid var(--pc);width:min(86vw,330px);box-shadow:0 0 34px var(--pc);pointer-events:none;background:#080c28eb;border-radius:26px;padding:12px 16px 14px;animation:2s both spot-pop;position:absolute;transform:translate(-50%)}.spotcard h2{color:var(--pc);font-size:1.5rem}.spotcard p{color:#fff;font-size:1rem}.sc-who{color:var(--dim);justify-content:center;align-items:center;gap:8px;display:flex}.sc-av{border:3px solid var(--wc);border-radius:999px;padding:0 6px;font-size:1.8rem}.sc-ic{display:grid}.sc-icon{filter:drop-shadow(0 0 14px var(--pc));font-size:4.4rem;line-height:1.15;animation:.5s ease-in-out infinite alternate sc-bounce}@keyframes spot-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}12%{opacity:1;transform:translate(-50%)scale(1.06)}20%,86%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.9)}}@keyframes spot-fade{0%,to{opacity:0}15%,85%{opacity:1}}@keyframes sc-bounce{to{transform:translateY(-6px)scale(1.06)}}@media (orientation:landscape) and (max-height:520px){.spotcard{width:min(60vw,380px);padding:8px 14px;bottom:12px}.sc-icon{font-size:3rem}}.zoom-reset{top:max(10px, env(safe-area-inset-top));z-index:9999;color:#1b1500;background:#ffe24d;border:0;border-radius:999px;padding:10px 18px;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000080}.zoom-reset[hidden]{display:none}