:root{--cream:#f6f1e7;--paper:#fffdf8;--ink:#3b3b48;--muted:#8a8578;--sage:#a8c99a;--sage-dark:#7fa572;--wood:#c9935f;--coral:#e8615a;--coral-dark:#d14c45;--line:#e7dfd0;--shadow:0 10px 30px #503e281f, 0 2px 6px #503e2814;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--cream);height:100%;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{display:block}.hidden{display:none!important}.screen{z-index:10;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.card{background:var(--paper);box-shadow:var(--shadow);text-align:center;border-radius:22px;flex-direction:column;gap:14px;width:min(380px,100vw - 32px);padding:32px 36px;display:flex}.card.wide{width:min(760px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto}h1,h2{margin:0}.logo{letter-spacing:-1px;justify-content:center;align-items:center;gap:12px;font-size:44px;display:flex}.logo-ball{width:30px;height:30px;box-shadow:inset -3px -3px 0 #00000014, 0 3px 0 var(--sage-dark);background:radial-gradient(circle at 35% 35%,#fff 0 30%,#f2f2ee 31% 100%);border-radius:50%}.tagline,.muted{color:var(--muted);margin:0}.field{text-align:left;color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}input{font:inherit;border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:11px 14px;font-size:17px}input:focus{border-color:var(--sage)}button{font:inherit;border:2px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:11px 18px;font-size:16px;font-weight:650;transition:transform 80ms,background .15s}button:hover{background:#faf6ee}button:active{transform:translateY(1px)}button.primary{background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:0 3px 0 var(--coral-dark)}button.primary:hover{background:#ec6f68}button.link{color:var(--muted);background:0 0;border:none;padding:4px;font-weight:500}button.link:hover{color:var(--ink)}.divider{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:2px}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:6px;text-align:center;flex:1;min-width:0;font-weight:700}.error{color:var(--coral-dark);min-height:1.2em;margin:0;font-size:14px}.room-code{letter-spacing:12px;margin-right:-12px;font-size:56px;font-weight:800}.player-list{text-align:left;flex-direction:column;gap:6px;margin:6px 0;padding:0;list-style:none;display:flex}.player-list li,.side-players li{align-items:center;gap:10px;display:flex}.player-list li{background:var(--cream);border-radius:12px;padding:8px 12px}.dot{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset -2px -2px #0000001f,0 0 0 1.5px #3b3b4840}.tag{color:var(--muted);margin-left:auto;font-size:12px}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}.hud-top{align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.hud-top>div{background:var(--paper);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:8px 16px;font-weight:650}#turn-info.mine{background:var(--coral);color:#fff}#timer{font-variant-numeric:tabular-nums;text-align:center;min-width:56px}#timer.low{color:var(--coral-dark)}.side-players{background:var(--paper);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:6px;min-width:190px;margin:0;padding:10px 14px;font-size:14px;list-style:none;display:flex;position:absolute;top:70px;left:14px}.side-players li.turn{font-weight:800}.side-players li.away{opacity:.45}.side-players .score{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:auto}.power{background:var(--paper);width:240px;height:14px;box-shadow:var(--shadow);border-radius:999px;position:absolute;bottom:24px;left:50%;overflow:hidden;transform:translate(-50%)}#power-fill{background:linear-gradient(90deg,#a8c99a,#f2b632);border-radius:999px;width:0;height:100%}#power-fill.max{background:var(--coral)}.mute{pointer-events:auto;box-shadow:var(--shadow);padding:8px 12px;position:absolute;bottom:14px;right:14px}table.scores{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}table.scores th,table.scores td{border-bottom:2px solid var(--line);padding:7px 6px}table.scores th{color:var(--muted);font-size:13px;font-weight:600}table.scores td.name{text-align:left}table.scores td.name span{align-items:center;gap:8px;display:inline-flex}table.scores td.total{font-weight:800}table.scores .under{color:#4f8a43}table.scores .over{color:var(--coral-dark)}.podium{justify-content:center;align-items:flex-end;gap:12px;margin:10px 0 6px;display:flex}.podium .step{flex-direction:column;align-items:center;gap:6px;width:130px;display:flex}.podium .block{background:var(--sage);color:#fff;border-radius:14px 14px 4px 4px;justify-content:center;align-items:flex-start;width:100%;padding-top:8px;font-size:30px;font-weight:800;display:flex;box-shadow:inset 0 -6px #00000014}.podium .p1 .block{background:#f2b632;height:120px}.podium .p2 .block{background:#b8c4cc;height:90px}.podium .p3 .block{background:#d9a073;height:66px}.podium .who{align-items:center;gap:6px;font-weight:700;display:flex}.banner{background:var(--ink);color:#fff;z-index:20;border-radius:999px;padding:10px 18px;font-weight:600;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}