#tol-launcher,.tol-panel,.tol-panel *{box-sizing:border-box}.tol-launcher{position:fixed;z-index:99990;left:max(12px,env(safe-area-inset-left));top:50%;bottom:auto;transform:translateY(-50%);border:1px solid rgba(99,210,255,.55);border-radius:13px;padding:10px 14px;background:linear-gradient(135deg,rgba(9,24,47,.96),rgba(11,58,77,.96));box-shadow:0 7px 24px rgba(0,0,0,.38),inset 0 0 15px rgba(63,202,255,.12);color:#eaf9ff;font:700 14px/1.2 system-ui,-apple-system,"PingFang SC",sans-serif;letter-spacing:.03em;cursor:pointer}.tol-launcher small{display:block;margin-top:3px;color:#77d9f2;font-size:9px;font-weight:600}.tol-overlay[hidden]{display:none}.tol-overlay{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:auto;background:rgba(2,7,15,.84);backdrop-filter:blur(9px)}.tol-panel{width:min(560px,100%);max-height:calc(100dvh - 28px);overflow:auto;border:1px solid rgba(93,203,245,.42);border-radius:22px;padding:20px;color:#eaf7fc;background:radial-gradient(circle at 90% 0,rgba(25,133,163,.2),transparent 36%),linear-gradient(165deg,#101c2b 0,#09121e 70%);box-shadow:0 25px 90px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.07);font-family:system-ui,-apple-system,"PingFang SC",sans-serif}.tol-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tol-header h2{margin:3px 0 0;font-size:25px;line-height:1.15;letter-spacing:.06em}.tol-kicker{color:#50d6f5;font:700 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.22em}.tol-icon-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.06);color:#cde7ee;font-size:25px;line-height:1;cursor:pointer}.tol-dev-note{display:flex;gap:9px;margin:16px 0 12px;padding:10px 12px;border:1px solid rgba(255,190,76,.32);border-radius:11px;background:rgba(255,170,44,.08);color:#e9d7b1;font-size:12px;line-height:1.45}.tol-dev-note strong{flex:none;color:#ffc55d}.tol-server-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 18px;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.2);font-size:12px}.tol-server-row>span{display:flex;align-items:center;gap:7px}.tol-connection-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#77808d;box-shadow:0 0 0 3px rgba(119,128,141,.12)}.tol-connection-dot.is-online{background:#4ee898;box-shadow:0 0 0 3px rgba(78,232,152,.12),0 0 10px #4ee898}.tol-connection-dot.is-waiting{background:#ffc55d;box-shadow:0 0 0 3px rgba(255,197,93,.13);animation:tol-pulse 1.1s infinite}.tol-latency{color:#8ea9b5}.tol-latency b{color:#c9eef7;font-variant-numeric:tabular-nums}.tol-primary,.tol-danger,.tol-code-entry button,.tol-room-card button{border:0;border-radius:11px;min-height:44px;padding:0 16px;font-weight:750;cursor:pointer}.tol-primary{width:100%;color:#03151d;background:linear-gradient(135deg,#73e8ff,#48c1de);box-shadow:0 8px 24px rgba(46,192,225,.18)}.tol-primary:disabled,.tol-danger:disabled,.tol-room-card button:disabled{opacity:.45;cursor:not-allowed}.tol-divider{display:flex;align-items:center;gap:10px;margin:17px 0;color:#6f8995;font-size:11px}.tol-divider:before,.tol-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.09)}.tol-code-label{display:block;margin:0 0 6px;color:#9db4be;font-size:11px}.tol-code-entry{display:grid;grid-template-columns:1fr auto;gap:9px}.tol-code-entry input{min-width:0;height:46px;border:1px solid rgba(116,193,218,.28);border-radius:11px;padding:0 14px;outline:0;background:rgba(1,7,13,.55);color:#fff;font:800 20px/1 ui-monospace,Consolas,monospace;letter-spacing:.16em;text-transform:uppercase}.tol-code-entry input:focus{border-color:#56cfe9;box-shadow:0 0 0 3px rgba(86,207,233,.1)}.tol-code-entry button{color:#05151b;background:#9eddea}.tol-room-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;border:1px solid rgba(90,207,237,.22);border-radius:14px;padding:12px 14px;background:rgba(10,46,61,.34)}.tol-room-card span{color:#83a6b1;font-size:10px}.tol-room-card strong{grid-row:2;font:900 28px/1 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#ddf9ff}.tol-room-card button{grid-column:2;grid-row:1/3;min-height:37px;color:#bceefa;background:rgba(77,195,220,.13);border:1px solid rgba(77,195,220,.27);font-size:11px}.tol-role{margin:9px 2px 12px;color:#7fdcf1;font-size:11px}.tol-players{display:grid;gap:8px}.tol-player{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:11px;background:rgba(0,0,0,.17);opacity:.67}.tol-player.is-online{border-color:rgba(72,220,149,.25);opacity:1}.tol-player-badge{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;color:#a2eaff;background:rgba(52,186,217,.12);font:800 12px/1 ui-monospace,Consolas,monospace}.tol-player div{display:grid;gap:3px}.tol-player div b{font-size:13px}.tol-player div small{color:#829ba6;font-size:10px}.tol-player-ready{border-radius:999px;padding:5px 8px;color:#8095a0;background:rgba(255,255,255,.06);font-size:9px}.tol-player-ready.is-ready{color:#69eea7;background:rgba(66,219,143,.12)}.tol-player-you{position:absolute;top:-5px;right:10px;border-radius:5px;padding:2px 6px;background:#53cde7;color:#06202a;font-size:8px;font-style:normal;font-weight:900}.tol-room-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:13px}.tol-danger{color:#f2a3a3;border:1px solid rgba(235,101,101,.24);background:rgba(186,55,55,.12)}.tol-status{min-height:37px;margin:14px 0 0;border-radius:9px;padding:9px 11px;color:#a5bdc7;background:rgba(255,255,255,.035);font-size:11px;line-height:1.5}.tol-status[data-tone="warning"]{color:#f2cd82;background:rgba(255,187,62,.07)}.tol-status[data-tone="error"]{color:#ffa8a8;background:rgba(255,91,91,.07)}.tol-panel footer{margin-top:12px;text-align:center;color:#58707c;font-size:9px}.tol-panel button:focus-visible,.tol-panel input:focus-visible,.tol-launcher:focus-visible{outline:2px solid #79ddf2;outline-offset:2px}@keyframes tol-pulse{50%{opacity:.35}}@media(max-width:600px){.tol-panel{padding:16px;border-radius:18px}.tol-header h2{font-size:22px}.tol-dev-note{display:block}.tol-dev-note strong{display:block;margin-bottom:2px}.tol-room-card strong{font-size:24px}.tol-room-actions{grid-template-columns:1fr}.tol-danger{width:100%}.tol-launcher{padding:9px 12px;font-size:12px}}@media(max-height:620px){.tol-overlay{place-items:start center}.tol-panel{max-height:none}.tol-dev-note{margin:9px 0 7px}.tol-server-row{margin:7px 0 10px}.tol-panel footer{display:none}}
.tol-mode-picker{display:flex;gap:8px;margin:0 0 12px}.tol-mode-picker label{flex:1;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04);text-align:center;cursor:pointer}.tol-room-mode{text-align:center;margin:8px 0;color:#b9c7e8}.tol-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;border:1px solid rgba(255,190,70,.35);border-radius:12px;background:rgba(255,167,38,.09);text-align:center;font-size:22px}.tol-scoreboard small{grid-column:1/-1;color:#ffd27a;font-size:12px}.tol-scoreboard em{font-style:normal;color:#8291b5}

@media (pointer:coarse){.tol-launcher{width:42px;min-height:92px;padding:9px 6px;writing-mode:vertical-rl;text-orientation:upright;font-size:11px;letter-spacing:0;border-radius:0 12px 12px 0}.tol-launcher small{display:none}}