canvas{cursor:none!important}.overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:fixed;top:0;left:0}.score{color:#f5f0e0;text-shadow:0 2px 8px #00000080;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif;font-size:28px;font-weight:800;position:absolute;top:20px;right:24px}.reconnecting{color:#fff;background:#a05a14d9;border-radius:8px;padding:6px 18px;font-family:Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:700;position:absolute;top:16px;left:50%;transform:translate(-50%)}.endbanner{color:#f5f0e0;text-align:center;background:#140e06d9;border:2px solid #8b6914;border-radius:12px;padding:14px 28px;font-family:Segoe UI,system-ui,sans-serif;font-size:22px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown{color:#fff;letter-spacing:1px;background:#8b6914e6;border-radius:10px;padding:8px 22px;font-family:Segoe UI,system-ui,sans-serif;font-size:18px;font-weight:800;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #00000080}.countdown.urgent{background:#be281eeb;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{transform:translate(-50%)scale(1.07)}}.endscreen{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0703b8;justify-content:center;align-items:center;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:fixed;inset:0}.endcard{color:#f5f0e0;background:#241a0b;border:2px solid #8b6914;border-radius:18px;flex-direction:column;align-items:center;gap:14px;min-width:340px;padding:32px 40px;display:flex;box-shadow:0 12px 48px #0009}.endcard .crown{font-size:44px}.endcard h1{text-align:center;margin:0;font-size:30px;font-weight:800}.endcard .leaderboard{flex-direction:column;gap:6px;width:100%;margin:8px 0;padding:0;list-style:none;display:flex}.endcard .leaderboard li{background:#140e0699;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:18px;display:flex}.endcard .leaderboard li.me{background:#8b6914b3;font-weight:700}.endcard .leaderboard .rank{color:#e0b060;width:20px;font-weight:800}.endcard .leaderboard .swatch{border-radius:4px;flex:none;width:14px;height:14px;box-shadow:0 0 0 1px #0000004d}.endcard .leaderboard .pname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.endcard .leaderboard .pscore{font-weight:800}.endcard button{color:#f5f0e0;cursor:pointer;background:#2fae3a;border:3px solid #1f7a28;border-radius:12px;padding:12px 32px;font-size:18px;font-weight:700;transition:transform .1s,background .1s}.endcard button:hover{background:#46d155;transform:scale(1.04)}.endcard .leave{background:#b23030;border:2px solid #7a1f1f;border-radius:8px;padding:6px 16px;font-size:13px}.endcard .leave:hover{background:#cc3a3a;transform:none}.endcard .hint{color:#f5f0e099;font-size:14px}.scoreboard{pointer-events:none;flex-direction:column;gap:6px;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:absolute;top:16px;right:20px}.scoreboard .row{color:#f5f0e0;background:#140e068c;border-radius:8px;align-items:center;gap:8px;min-width:150px;padding:5px 12px;font-size:16px;display:flex}.scoreboard .row.me{background:#8b6914b3;font-weight:700}.scoreboard .row.turn{box-shadow:0 0 0 2px #ffd54a}.scoreboard .turnmark{color:#ffd54a;flex:none;width:11px;font-size:11px}.scoreboard .row.off{opacity:.45}.scoreboard .swatch{border-radius:3px;flex:none;width:12px;height:12px;box-shadow:0 0 0 1px #0000004d}.scoreboard .pname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.scoreboard .pscore{font-weight:800}.scoreboard .dot{border-radius:50%;flex:none;width:9px;height:9px}.scoreboard .dot.on{background:#2fae3a}.scoreboard .dot.off{background:#7a4a4a}.screen{color:#f5f0e0;background:#2a1f0e;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-family:Segoe UI,system-ui,sans-serif;display:flex;position:fixed;inset:0}.screen h1{letter-spacing:3px;font-size:44px;font-weight:800}.screen input{color:#f5f0e0;text-align:center;background:#1c150a;border:2px solid #6b4f10;border-radius:10px;outline:none;width:260px;padding:10px 14px;font-size:18px}.screen button{color:#f5f0e0;cursor:pointer;background:#2fae3a;border:3px solid #1f7a28;border-radius:12px;padding:12px 32px;font-size:18px;font-weight:700;transition:transform .1s,background .1s}.screen button:hover:not(:disabled){background:#46d155;transform:scale(1.04)}.screen button:disabled{opacity:.5;cursor:default}.screen .leave{color:#f5f0e0;background:#b23030;border:2px solid #7a1f1f;border-radius:8px;margin-top:6px;padding:6px 16px;font-size:13px;font-weight:700}.screen .leave:hover:not(:disabled){background:#cc3a3a;transform:none}.screen .code{color:#e0b060;letter-spacing:3px;text-transform:uppercase;font-size:24px;font-weight:700}.screen .players{flex-direction:column;gap:8px;min-width:240px;padding:0;list-style:none;display:flex}.screen .players li{background:#1c150a;border-radius:10px;align-items:center;gap:10px;padding:8px 14px;font-size:18px;display:flex}.screen .dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.screen .dot.on{background:#2fae3a}.screen .dot.off{background:#7a4a4a}.screen .hint{color:#f5f0e099;font-size:13px}.screen .err{color:#e06060}