.dhayam .mode-switch{background:#00000040;border:1px solid #7a5230;border-radius:12px;gap:6px;padding:4px;display:flex}.dhayam .mode-switch button{color:#f5ead6;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;padding:8px 10px;font-size:14px;font-weight:600}.dhayam .mode-switch button.selected{color:#2b1207;background:#c8963e}.dhayam .online-panel{flex-direction:column;gap:8px;display:flex}.dhayam .join-row{align-items:flex-end;gap:8px;display:flex}.dhayam .join-label{flex-direction:column;flex:1;gap:4px;font-size:13px;font-weight:600;display:flex}.dhayam .join-code{color:#f5ead6;letter-spacing:.2em;text-transform:uppercase;background:#1e0c06;border:1px solid #7a5230;border-radius:8px;padding:7px 9px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px}.dhayam .online-warn{color:#f3c98b;opacity:1}.dhayam .online-status{text-align:center;color:#f3c98b;margin:0;font-size:13px}.dhayam .lobby-code-box{text-align:center;border:1px solid #7a5230;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.dhayam .lobby-code-label{opacity:.75;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:12px}.dhayam .lobby-code{letter-spacing:.25em;color:#fbeccb;margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:40px;font-weight:700;line-height:1.1}.dhayam .lobby-share{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dhayam .lobby-share .secondary-btn{padding:6px 12px;font-size:13px}.dhayam .lobby .setup-player{flex-direction:column;align-items:stretch}.dhayam .lobby .setup-player.lobby-me{flex-direction:row;align-items:center}.dhayam .lobby-players{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.dhayam .lobby-player{align-items:center;gap:8px;font-size:14px;display:flex}.dhayam .lobby-player.away{opacity:.55}.dhayam .lobby-player img{object-fit:contain;width:28px;height:28px}.dhayam .lobby-name{flex:1;font-weight:600}.dhayam .lobby-you{opacity:.7;font-weight:400}.dhayam .lobby-meta{opacity:.7;font-size:12px}.dhayam .lobby-wait{text-align:center}.dhayam .setup-note.online-warn[role=alert]{border:1px solid #a8763a;border-radius:8px;padding:6px 8px}.dhayam .player-card,.dhayam.pp .pp-player{position:relative}.dhayam .turn-timer{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px}.dhayam .turn-timer rect{fill:none;stroke:#f2c35c;stroke-linecap:round}.dhayam .player-card.active-turn.timed,.dhayam.pp .pp-player.active-turn.timed{box-shadow:none;border-color:#7a5230}.dhayam .setup input.needs-name{border-color:#f2c35c;box-shadow:0 0 0 2px #f2c35c73}.dhayam .setup input.needs-name::placeholder{color:#f2c35c;opacity:.8}.dhayam .player-card.out,.dhayam.pp .pp-player.out{opacity:.45}.dhayam .out-tag{opacity:.8;margin-left:auto;font-size:11px;font-weight:600}.dhayam .join-row .join-btn{flex:none;width:auto;padding:9px 16px;font-size:15px}.dhayam .mode-switch button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.dhayam .globe-icon{flex:none;width:17px;height:17px}.dhayam .lives{gap:2px;margin-top:3px;padding-left:26px;display:flex}.dhayam.pp .pp-player{flex-wrap:wrap}.dhayam.pp .pp-player .lives{flex-basis:100%;margin-top:0;padding-left:30px}.dhayam .lives .life{fill:#ff6b5b;width:10px;height:10px;transition:opacity .4s}.dhayam .lives .life.lost{fill:#8a6a52;opacity:.35}