*{box-sizing:border-box}html,body{color:#fff;background:#0b1a2a;height:100%;margin:0;font-family:system-ui,Arial,sans-serif;overflow:hidden}body.page{overflow:auto}.page main{max-width:720px;margin:auto;padding:24px;line-height:1.55}.page a{color:#7fd}canvas{display:block}#app{position:fixed;inset:0}.screen{text-align:center;z-index:5;background:linear-gradient(160deg,#06311d,#0b1a2a);padding:20px;position:fixed;inset:0;overflow:auto}h1{letter-spacing:2px;margin:.2em 0}.sub{opacity:.8}#nick{border:0;border-radius:8px;width:min(320px,90%);margin:8px;padding:10px;font-size:16px}#teams{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-width:900px;margin:10px auto;display:grid}.team{cursor:pointer;color:#fff;background:#ffffff12;border:2px solid #0000;border-radius:10px;padding:8px;font-size:12px}.team.sel{background:#ffffff26;border-color:#ffd400}.team small{opacity:.7;display:block}button{cursor:pointer;border:0;border-radius:8px;padding:8px 12px;font-weight:700}#go{color:#111;background:#ffd400;margin:10px 0 60px;padding:12px 28px;font-size:18px}#go:disabled{opacity:.4}#hud>*{z-index:3;position:fixed}#top{pointer-events:none;align-items:center;gap:8px;display:flex;top:8px;left:8px;right:8px}#top>*{pointer-events:auto;background:#000a;border-radius:8px;padding:6px 10px}#shopBtn{color:#111;background:#ffd400;margin-left:auto}#bando:empty{display:none}#counts{flex-direction:column;gap:3px;max-height:40vh;font-size:12px;display:flex;top:48px;left:8px;overflow:auto}#counts div{background:#0008;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;display:flex}#chat{width:min(360px,60vw);bottom:34px;left:8px}#msgs{background:#0007;border-radius:8px;max-height:28vh;padding:6px;font-size:13px;overflow:auto}#msgs .team-msg{color:#ffe36b}#msgs .sys{color:#9cf;font-style:italic}.row{gap:4px;margin-top:4px;display:flex}#msg{border:0;border-radius:8px;flex:1;min-width:0;padding:8px}#ch{border-radius:8px}#emotes{grid-template-columns:repeat(6,44px);gap:4px;display:grid;bottom:34px;right:8px}#emotes button{background:#000a;padding:6px;font-size:20px}#joy{touch-action:none;background:#fff2;border:2px solid #fff5;border-radius:50%;width:110px;height:110px;display:none;bottom:40px;left:50%;transform:translate(-50%)}#knob{background:#fff9;border-radius:50%;width:40px;height:40px;position:absolute;top:35px;left:35px}@media (pointer:coarse){#joy{display:block;bottom:96px;left:auto;right:16px;transform:none}#emotes{grid-template-columns:repeat(6,38px)}#chat{width:55vw}}.modal{z-index:10;background:#000a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.box{background:#13283d;border-radius:12px;width:min(420px,94vw);max-height:90vh;padding:18px;overflow:auto}.item{border-bottom:1px solid #fff2;justify-content:space-between;align-items:center;padding:8px;display:flex}.item button{background:#2ecc71}#pay textarea{width:100%;height:60px;font-size:10px}#pay img,#pay canvas{background:#fff;margin:8px auto;padding:6px;display:block}footer{z-index:6;text-align:center;opacity:.85;background:#000c;padding:4px 8px;font-size:10px;position:fixed;bottom:0;left:0;right:0}footer a{color:#7fd}.label{text-shadow:0 1px 2px #000;pointer-events:none;white-space:nowrap;text-align:center;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.bubble{color:#111;white-space:normal;background:#fff;border-radius:8px;max-width:200px;margin-bottom:2px;padding:3px 7px;font-weight:500}footer{white-space:nowrap;text-overflow:ellipsis;height:20px;line-height:12px;overflow:hidden}.screen:not([hidden])~footer{white-space:normal;height:auto}@media (pointer:coarse){#emotes{grid-template-columns:42px;bottom:212px;right:8px}#joy{bottom:90px}#chat{width:62vw;bottom:26px}#top{font-size:13px}#top>*{padding:4px 7px}#counts{top:44px}#online{white-space:nowrap}#bando{flex:1;font-size:12px}}#custom{background:#0004;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:10px auto;padding:10px;display:flex}#prevBox{flex-direction:column;align-items:center;display:flex}#prev{touch-action:none;cursor:grab;background:#0b2a1c;border-radius:10px;width:260px;height:320px}#prevAnims{gap:4px;margin-top:6px;display:flex}#prevAnims button,.opt button{color:#fff;background:#ffffff1c;padding:6px 8px;font-size:12px}#prevAnims button.on,.opt button.on{color:#111;background:#ffd400}#opts{text-align:left;flex:1;min-width:240px;max-width:380px}#opts label{opacity:.75;margin:8px 0 3px;font-size:12px;display:block}.opt{flex-wrap:wrap;gap:4px;display:flex}.opt .sw{border:2px solid #fff3;border-radius:50%;width:28px;height:28px;padding:0}.opt .sw.on{border-color:#ffd400;outline:2px solid #ffd400}.hint{opacity:.6;margin-top:8px;display:block}