:root{--t0:#b8322a;--t1:#1f4fa8;--green:#2fbf4a;--gold:#ffd23f;--glass:#121a14b8;--text:#f6f1e4;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;background:#1d2b20;height:100%;margin:0;overflow:hidden}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;cursor:pointer;color:var(--text);background:#ffffff24;border:0;border-radius:10px;padding:8px 14px;transition:background .15s,transform .1s}button:hover:not(:disabled){background:#ffffff3d}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button.primary{color:#0d2412;background:linear-gradient(#3fd35c,#23a03b);padding:12px 22px;font-size:1.05rem;font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(#55e070,#2bb446)}input{font:inherit}.ball{border-radius:50%;flex:none;width:18px;height:18px;display:inline-block;box-shadow:inset -3px -3px 5px #00000059}.ball.b0{background:linear-gradient(transparent 33%, #fff 33%, #fff 43%, transparent 43%, transparent 57%, #fff 57%, #fff 67%, transparent 67%), var(--t0)}.ball.b1{background:linear-gradient(transparent 44%, #fff 44%, #fff 56%, transparent 56%), var(--t1)}#hud{pointer-events:none;position:fixed;inset:0}#scoreboard{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;align-items:stretch;gap:6px;padding:6px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000004d}#scoreboard .team{border-radius:12px;align-items:center;gap:10px;padding:6px 12px;transition:box-shadow .25s,background .25s;display:flex}#scoreboard .team.turn{box-shadow:inset 0 0 0 2px var(--gold);background:#ffffff1a}#scoreboard .t0 .score{color:#ff8a80}#scoreboard .t1 .score{color:#8ab4ff}.score{text-align:center;font-variant-numeric:tabular-nums;min-width:1.2em;font-size:2rem;font-weight:800}.tinfo{flex-direction:column;font-size:.85rem;display:flex}.tinfo.right{align-items:flex-end}.tname{font-weight:600}.left{letter-spacing:2px;opacity:.85;min-height:1em;font-size:.7rem}#scoreboard .mid{flex-direction:column;justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;display:flex}#roundLbl{font-weight:700}.target{opacity:.7;font-size:.7rem}#banner{background:var(--glass);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:94vw;padding:8px 16px;font-weight:600;position:absolute;top:92px;left:50%;overflow:hidden;transform:translate(-50%)}#banner:empty,#leader:empty{display:none}#banner.mine{color:#0d2412;background:linear-gradient(90deg,#3fd35c,#23a03b);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{transform:translate(-50%)scale(1.04)}}#leader{background:var(--glass);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex;position:absolute;bottom:14px;left:14px}#topRight{pointer-events:auto;gap:6px;display:flex;position:absolute;top:12px;right:12px}#topRight button{background:var(--glass)}#controls{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;grid-template-columns:auto auto;align-items:center;gap:6px 18px;padding:10px 16px;font-size:.85rem;display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}#controls label{align-items:center;gap:8px;display:flex}#controls input[type=range]{width:130px;accent-color:var(--green)}#controls em{opacity:.8;min-width:4.5em;font-style:normal}.power{background:#ffffff1f;border-radius:7px;grid-column:1/-1;height:14px;position:relative;overflow:hidden}.power span{text-align:center;letter-spacing:1px;text-transform:uppercase;opacity:.8;font-size:.65rem;line-height:14px;position:absolute;inset:0}#powerBar{background:linear-gradient(90deg,#3fd35c,#ffd23f 60%,#ff5a3c);width:0;height:100%}.hint{text-align:center;opacity:.75;grid-column:1/-1;font-size:.75rem}.overlay{background:radial-gradient(#0a140c59,#0a140cb3);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#141e16e0;border-radius:20px;width:min(560px,100%);max-height:100%;padding:24px;overflow:auto;box-shadow:0 20px 60px #00000073}.card h1{letter-spacing:1px;background:linear-gradient(#ffe7a8,#e6b04a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.6rem}.card h2{margin:0 0 8px}.sub{opacity:.75;margin:2px 0 18px}.nameRow{justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.nameRow input,.share input{color:var(--text);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;padding:8px 10px}.teams{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.teamCol{background:#ffffff0d;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.teamCol.t0{box-shadow:inset 0 0 0 2px #b8322a99}.teamCol.t1{box-shadow:inset 0 0 0 2px #1f4fa8b3}.teamCol h3{justify-content:center;align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.teamCol ul{min-height:52px;margin:0;padding:0;font-size:.9rem;list-style:none}.teamCol li{padding:3px 0}.teamCol li.me{color:var(--gold);font-weight:700}.teamCol li.off{opacity:.45}.status{opacity:.8;min-height:1.2em;font-size:.9rem}.share{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:.85rem;display:flex}.share input{width:260px;max-width:100%;font-size:.8rem}.rules{text-align:left;opacity:.9;margin-top:14px;font-size:.85rem}.rules summary{cursor:pointer;text-align:center}.rules li{margin:4px 0}.coinBox{text-shadow:0 2px 8px #0009;flex-direction:column;align-items:center;gap:22px;font-size:1.4rem;font-weight:700;display:flex}.coin{width:130px;height:130px;transform-style:preserve-3d;position:relative}.coin.spin0{animation:2.6s cubic-bezier(.2,.7,.3,1) forwards flip0}.coin.spin1{animation:2.6s cubic-bezier(.2,.7,.3,1) forwards flip1}@keyframes flip0{0%{transform:translateY(0)rotateX(0)}40%{transform:translateY(-90px)rotateX(1080deg)}to{transform:translateY(0)rotateX(1800deg)}}@keyframes flip1{0%{transform:translateY(0)rotateX(0)}40%{transform:translateY(-90px)rotateX(1080deg)}to{transform:translateY(0)rotateX(1980deg)}}.face{backface-visibility:hidden;border:6px solid #e8c25a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 18px #0006}.face span{background:#fff;border-radius:3px;width:70%;height:12px}.face.f0{background:var(--t0)}.face.f1{background:var(--t1);transform:rotateX(180deg)}#roundCard{text-align:center;pointer-events:none;background:#141e16e0;border-radius:16px;max-width:92vw;padding:14px 22px;animation:.4s ease-out drop;position:fixed;top:140px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0006}#roundCard h2{margin:0 0 4px;font-size:1.6rem}#roundCard p{opacity:.85;margin:0}@keyframes drop{0%{opacity:0;transform:translate(-50%,-20px)}}#toast{opacity:0;pointer-events:none;text-align:center;background:#000000c7;border-radius:12px;max-width:90vw;padding:10px 18px;transition:opacity .3s;position:fixed;bottom:150px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#conn{background:#b8322a;border-radius:8px;padding:6px 12px;font-size:.85rem;position:fixed;top:12px;left:12px}@media (width<=640px){#scoreboard .tname{display:none}.score{font-size:1.6rem}#banner{font-size:.85rem;top:76px}#controls{grid-template-columns:1fr;width:calc(100% - 20px)}#controls input[type=range]{width:100%}.teams{grid-template-columns:1fr}#roundCard{top:120px}}@media (width>=900px){#controls{left:auto;right:14px;transform:none}}.config{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.cfgRow{justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex}.cfgRow>span{text-align:right;opacity:.85;min-width:130px}.seg{background:#ffffff0f;border-radius:10px;gap:4px;padding:3px;display:flex}.seg button{background:0 0;min-width:42px;padding:6px 10px;font-weight:600}.seg button.on{color:#0d2412;background:linear-gradient(#3fd35c,#23a03b)}.overBtns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#camHint{background:var(--glass);opacity:.85;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.8rem;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}@media (width<=640px){#camHint{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 24px);font-size:.72rem;bottom:60px}}.extras{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.extras button{font-size:.9rem}.foot{opacity:.65;margin:12px 0 0;font-size:.8rem}.foot a{color:inherit}:is(.op-modal,.op-line) button:hover:not(:disabled){background:0 0}:is(.op-modal,.op-line) :is(.op-send,.op-seg-btn.on):hover:not(:disabled){background:var(--op)}@media (width<=640px){.card{padding:18px 14px}.card h1{font-size:2.1rem}.nameRow,.cfgRow{flex-wrap:wrap;gap:6px 10px}.cfgRow>span{text-align:center;flex-basis:100%;min-width:0}}