:root{--bg: #0a0a0a;--bg-surface: #141414;--bg-hover: #1a1a1a;--fg: #f0f0f0;--fg-muted: #666;--accent: #ffdc58;--accent-hover: #ffe87a;--border: #222;--radius: 8px;--font: "Inter", "Nunito", system-ui, sans-serif;--mono: "JetBrains Mono", "SF Mono", "Fira Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.landing{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center;max-width:420px;width:100%}.landing-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;letter-spacing:-.03em;color:var(--accent);line-height:1}.landing-sub{color:var(--fg-muted);font-size:1rem;font-weight:400}.btn-group{display:flex;flex-direction:column;gap:.75rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius);font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:background .2s ease,color .2s ease,transform .1s ease;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#0a0a0a}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-surface);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-ghost{background:transparent;color:var(--fg-muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--fg);border-color:#444}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:2rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.25rem}.panel-title{font-size:1.2rem;font-weight:700;color:var(--fg)}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.8rem;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}.field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-family:var(--font);font-size:.95rem;padding:.65rem .9rem;outline:none;transition:border-color .2s}.field input:focus{border-color:var(--accent)}.field input.mono{font-family:var(--mono);font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem}.emoji-btn{background:var(--bg);border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:1.4rem;padding:.3rem;line-height:1;transition:border-color .15s,background .15s;display:flex;align-items:center;justify-content:center}.emoji-btn:hover{background:var(--bg-hover)}.emoji-btn.selected{border-color:var(--accent);background:var(--bg-hover)}.lobby{width:100%;max-width:560px;display:flex;flex-direction:column;gap:2rem}.room-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.room-label{font-size:.75rem;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em}.room-code{font-family:var(--mono);font-size:2.5rem;font-weight:700;color:var(--accent);letter-spacing:.2em}.room-phase{font-size:.8rem;color:var(--fg-muted)}.player-list{display:flex;flex-direction:column;gap:.5rem}.player-list-title{font-size:.8rem;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.player-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem 1rem}.player-avatar{font-size:1.4rem;line-height:1}.player-name{font-size:.95rem;font-weight:500}.player-host-badge{margin-left:auto;font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.lobby-actions{display:flex;flex-direction:column;gap:.75rem}.waiting-msg{text-align:center;color:var(--fg-muted);font-size:.9rem}.hidden{display:none!important}.game-view{width:100%;max-width:1100px}.game-layout{display:flex;gap:1.5rem;align-items:flex-start}.board-wrap{flex:1;min-width:0}.board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(5,1fr);gap:3px;width:100%;aspect-ratio:2 / 1}.cell{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;cursor:default;transition:border-color .15s}.cell-num{position:absolute;top:2px;left:4px;font-size:.55rem;font-weight:700;color:var(--fg-muted);font-family:var(--mono);line-height:1}.cell.finish{background:#2a2000;border-color:var(--accent)}.cell.finish .cell-num{color:var(--accent)}.cell.active-player{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}.cell-avatars{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;max-width:100%}.player-avatar-cell{font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ffdc5826}.game-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:1.5rem}.dice-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.dice{font-family:var(--mono);font-size:3.5rem;font-weight:700;color:var(--accent);line-height:1;min-width:2.5ch;text-align:center}.roll-button{width:100%;font-size:1rem;padding:.75rem 1rem}.roll-button:disabled{opacity:.4;cursor:not-allowed}.btn-sm{font-size:.8rem;padding:.4rem .75rem}.scoreboard{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.scoreboard-title{font-size:.7rem;font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.score-item{display:grid;grid-template-columns:1.5rem 1fr auto;grid-template-rows:auto auto;gap:0 .4rem;align-items:center;padding:.4rem .5rem;border-radius:4px;font-size:.8rem}.score-item.me{background:#ffdc5814}.score-emoji{grid-row:1 / 3;font-size:1.1rem}.score-name{font-weight:600;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-pos{color:var(--fg-muted);font-size:.7rem}.score-pts{grid-row:1 / 3;font-family:var(--mono);font-size:.75rem;color:var(--accent);font-weight:700}.score-rank{color:var(--fg-muted);font-size:.75rem}.winner-banner{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:2rem;max-width:480px;margin:0 auto}.winner-trophy{font-size:5rem;line-height:1}.winner-label{font-size:.85rem;font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em}.winner-name{font-size:2rem;font-weight:800;color:var(--accent)}.scoreboard-final{width:100%;max-width:360px}.winner-row{background:#ffdc581a;border-radius:4px}.coming-soon{font-size:.8rem;color:var(--fg-muted);margin-top:.5rem}.cell-marker-snake,.cell-marker-ladder,.cell-marker-event{position:absolute;top:2px;right:3px;font-size:.6rem;line-height:1;opacity:.45;pointer-events:none;transition:opacity .15s}.cell:hover .cell-marker-snake,.cell:hover .cell-marker-ladder,.cell:hover .cell-marker-event{opacity:1}.event-modal-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.event-modal{background:var(--bg-surface);border:2px solid var(--accent);border-radius:12px;padding:2rem;max-width:480px;width:100%;display:flex;flex-direction:column;gap:1.25rem;text-align:center}.event-modal-title{font-size:1.4rem;font-weight:800;color:var(--accent);letter-spacing:-.01em}.event-modal-player{font-size:1rem;color:var(--fg-muted);font-weight:600}.event-card-text{font-size:1rem;font-weight:500;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;line-height:1.5}.event-active-msg{font-size:.9rem;color:var(--fg-muted)}.event-vote-buttons{display:flex;gap:.75rem}.event-vote-button{flex:1;min-height:56px;font-size:1rem;font-weight:700;border-radius:var(--radius)}.event-vote-up{background:var(--accent);color:#0a0a0a}.event-vote-up:hover{background:var(--accent-hover)}.event-vote-down{background:var(--bg-hover);color:var(--fg);border:1px solid var(--border)}.event-vote-down:hover{border-color:#555}.event-vote-count{font-family:var(--mono);font-size:1.1rem;color:var(--fg);font-weight:700}.play-again-button{margin-top:.5rem;min-height:52px;font-size:1.05rem;font-weight:700;background:var(--accent);color:#0a0a0a;border-radius:var(--radius)}.play-again-button:hover{background:var(--accent-hover)}@media (max-width: 768px){.game-layout{flex-direction:column}.game-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.dice-section{flex:1;min-width:160px}.scoreboard{flex:2;min-width:200px}}@media (max-width: 600px){.panel{padding:1.5rem}.room-code{font-size:2rem}.emoji-grid{grid-template-columns:repeat(6,1fr)}.cell-num{font-size:.45rem}.player-avatar-cell{font-size:.75rem;width:14px;height:14px}.dice{font-size:2.5rem}.event-modal{width:calc(100% - 32px);max-width:480px;margin:16px;padding:1.5rem}.btn{min-height:44px;padding:.7rem 1rem}.event-vote-button{min-height:52px}.emoji-btn{min-height:44px;min-width:44px}}@media (max-width: 400px){.board{gap:1px}.cell-num{font-size:.4rem}.cell-marker-snake,.cell-marker-ladder,.cell-marker-event{font-size:.55rem}}.cell-landing-toast{display:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);max-width:480px;width:calc(100% - 2rem);background:#1a1a1a;border:1.5px solid var(--accent);border-radius:var(--radius);padding:.75rem 1.25rem;font-size:.95rem;color:var(--fg);z-index:200;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s ease}.cell-landing-toast.toast-visible{display:block;opacity:1}.cell-landing-toast.toast-fade-out{opacity:0;transition:opacity .6s ease}.bucket-tag{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:12px}.bucket-work{background:#ffdc5826;color:var(--accent)}.bucket-personal{background:#4d96ff26;color:#4d96ff}.bucket-silly{background:#ff6b9d26;color:#ff6b9d}.bucket-reward{background:#6bcb7726;color:#6bcb77}@keyframes activePulse{0%,to{opacity:1}50%{opacity:.7}}.active-player-pulse{animation:activePulse 1.5s ease-in-out infinite}.host-gear-wrap{position:absolute;top:0;right:0;z-index:50}#game-play-view{position:relative}.host-gear-btn{font-size:1.1rem;padding:.35rem .6rem;min-height:36px;width:auto;border-radius:var(--radius)}.host-gear-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 24px #00000080}.host-gear-item{background:none;border:none;color:var(--fg);font-family:var(--font);font-size:.9rem;padding:.6rem 1rem;text-align:left;cursor:pointer;transition:background .15s}.host-gear-item:hover{background:var(--bg-hover)}.host-gear-kick{color:#ff6b6b}.host-gear-kick:hover{background:#ff6b6b1a}.host-gear-sep{font-size:.7rem;font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em;padding:.5rem 1rem .25rem;border-top:1px solid var(--border)}.kicked-msg{background:#ff6b6b26;border:1px solid #ff6b6b;color:#ff6b6b;border-radius:var(--radius);padding:.75rem 1.25rem;font-weight:600;font-size:.95rem;text-align:center;margin-bottom:1rem;width:100%}
/*# sourceMappingURL=client.css.map */