*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#24203a;background:#9fd8ff;height:100%;margin:0;font-family:Rubik,Arial,sans-serif;overflow:hidden}#view{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.hidden{display:none!important}.screen{background:radial-gradient(circle at 20% 20%,#ff7a1a59,#0000 40%),radial-gradient(circle at 80% 80%,#8d3dff59,#0000 40%),#14102859;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.card{text-align:center;background:#fff;border-radius:28px;width:min(420px,100%);padding:28px 28px 24px;box-shadow:0 16px #0000001f,0 20px 50px #00000040}.card.wide{width:min(720px,100%)}.logo{background:linear-gradient(90deg,#ff7a1a,#ff3d8b,#8d3dff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:72px;font-weight:900;line-height:1;transform:rotate(-3deg)}.sub{margin:8px 0 20px;font-size:20px;font-weight:700}form{gap:10px;display:grid}input{font:inherit;text-align:center;border:3px solid #d9d4ee;border-radius:16px;outline:none;padding:12px 14px;font-size:22px}input:focus{border-color:#8d3dff}#code{letter-spacing:8px;font-weight:900}.btn{font:inherit;cursor:pointer;color:#fff;background:linear-gradient(#ff9a3d,#ff6a00);border:0;border-radius:18px;padding:12px 18px;font-size:20px;font-weight:900;transition:transform 80ms;box-shadow:0 6px #c24d00}.btn:active{transform:translateY(4px);box-shadow:0 2px #c24d00}.btn.big{padding:14px 22px;font-size:26px}.btn.ghost{color:#5a2bc0;background:#efeaff;margin-top:16px;box-shadow:0 5px #cfc3f5}.btn.small{margin:0;padding:8px 14px;font-size:16px}.err{color:#d4183d;min-height:1.2em;margin:4px 0 0;font-weight:700}.muted{color:#6b6585}.small{font-size:14px}.blob{border-radius:50% 50% 46% 54%;width:110px;height:110px;margin:0 auto 10px;animation:1s ease-in-out infinite bob;position:relative}.blob:before,.blob:after{content:"";background:#fff radial-gradient(circle at 50% 60%,#1b1b2a 38%,#0000 40%);border-radius:50%;width:24px;height:24px;position:absolute;top:30px}.blob:before{right:26px}.blob:after{left:26px}@keyframes bob{50%{transform:translateY(-8px)scaleY(1.04)}}.howto{text-align:right;background:#f6f3ff;border-radius:16px;margin-top:14px;padding:10px 14px;font-size:16px;line-height:1.6}#hostLobby{background:linear-gradient(135deg,#ffe7d2,#eadcff);flex-direction:column;justify-content:flex-start;gap:14px}.hostTop{text-align:center;background:#fff;border-radius:26px;justify-content:center;align-items:center;gap:40px;padding:14px 34px;display:flex;box-shadow:0 10px 30px #0000001f}.url{direction:ltr;font-size:34px;font-weight:900}.bigCode{letter-spacing:10px;color:#8d3dff;direction:ltr;font-size:84px;font-weight:900;line-height:1}.teams{flex:1;gap:16px;width:min(1100px,100%);min-height:0;display:flex}.team{background:#fff;border-top:10px solid;border-radius:22px;flex:1;padding:12px 16px;overflow:auto}.team.t0{border-color:#ff7a1a}.team.t1{border-color:#8d3dff}.team h3{margin:4px 0 10px;font-size:26px}.team ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.team li{cursor:pointer;background:#f3f0fb;border-radius:12px;padding:6px 12px;font-size:20px;font-weight:700}.team li.bot{opacity:.55;cursor:default}.team li:not(.bot):hover{background:#ffd9d9;text-decoration:line-through}.hostBar{align-items:center;gap:20px;display:flex}.toggle{background:#fff;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:18px;font-weight:700;display:flex}.toggle input{width:22px;height:22px}#hud{pointer-events:none;position:fixed;inset:0}.scoreBar{direction:ltr;background:#ffffffb3;border-radius:12px;width:min(560px,70vw);height:22px;display:flex;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 3px #00000026}.s0{background:#ff7a1a;transition:width .3s}.s1{background:#8d3dff;margin-left:auto;transition:width .3s}.scoreNums{color:#fff;text-shadow:0 2px #00000073;direction:ltr;justify-content:space-between;width:min(560px,70vw);font-size:22px;font-weight:900;display:flex;position:absolute;top:38px;left:50%;transform:translate(-50%)}.scoreNums span:first-child{color:#ffb37a}.scoreNums span:last-child{color:#d5b6ff}.scoreNums.big{width:auto;margin-top:6px;font-size:34px;position:static;transform:none}.meBox{text-align:center;background:#1410288c;border-radius:14px;padding:6px 12px 8px;font-weight:700;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}#myTeam{font-size:16px}.ink{background:#0000004d;border:2px solid #fff;border-radius:8px;width:200px;height:14px;margin-top:4px;overflow:hidden}#inkFill{width:100%;height:100%;transition:width .1s}#hostCtl{pointer-events:auto;position:absolute;top:12px;right:12px}.hint{color:#fff;white-space:nowrap;background:#14102899;border-radius:14px;padding:8px 16px;font-weight:700;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.hint:empty{display:none}.center{pointer-events:none;color:#fff;text-shadow:0 6px #00000059;text-align:center;justify-content:center;align-items:center;font-size:120px;font-weight:900;display:flex;position:fixed;inset:0}.center.msg{background:#14102859;font-size:44px}.feed{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:70px;right:12px}.feed div{background:#ffffffe0;border-radius:12px;padding:4px 10px;font-size:15px;font-weight:700;animation:3.5s forwards fade}@keyframes fade{80%{opacity:1}to{opacity:0}}body.host .meBox,body.host .hint{display:none}body.host .scoreBar{width:min(900px,80vw);height:34px}body.host .scoreNums{width:min(900px,80vw);font-size:34px;top:52px}body.host .scoreNums.big{width:auto}.stick{touch-action:none;background:#ffffff38;border:3px solid #ffffff8c;border-radius:50%;width:130px;height:130px;position:fixed;bottom:28px}#stickL{left:24px}#stickR{right:24px}.knob{background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:-30px;font-size:28px;display:flex;position:absolute;top:50%;left:50%}.stick.fire .knob{background:#ffc878f2}#endTitle{margin:0 0 12px;font-size:52px;font-weight:900}.endBar{direction:ltr;background:#eee;border-radius:20px;height:40px;display:flex;overflow:hidden}.top{text-align:right;width:fit-content;margin:14px auto;font-size:20px;font-weight:700;line-height:1.7}#endMine{font-size:22px;font-weight:700}@media (width<=700px){.logo{font-size:58px}.bigCode{font-size:60px}.url{font-size:24px}.hostTop{gap:18px;padding:10px 16px}.scoreNums{font-size:17px;top:36px}.meBox{bottom:160px}.hint{font-size:14px;bottom:200px}}.mute{z-index:50;cursor:pointer;background:#ffffffd9;border:0;border-radius:50%;width:46px;height:46px;font-size:22px;position:fixed;top:10px;left:10px;box-shadow:0 3px #00000026}.qrBox{flex-direction:column;align-items:center;gap:4px;display:flex}.qrBox canvas{border-radius:14px;width:210px!important;height:210px!important}#hostCtl{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.qrMini{text-align:center;background:#fff;border-radius:14px;padding:8px;font-size:14px;font-weight:700;box-shadow:0 4px 14px #0003}.qrMini canvas{margin:0 auto 4px;display:block;width:110px!important;height:110px!important}#hostCtl.hidden{display:none!important}@media (width<=700px){.qrBox canvas{width:110px!important;height:110px!important}}.more{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.more .muted{width:100%}.more a{background:#f3f0fb;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;text-decoration:none;transition:transform .1s;display:flex}.more a:hover{transform:scale(1.12)}