@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap";.card-editor-fab{position:fixed;right:1.25rem;bottom:1.25rem;z-index:200;width:52px;height:52px;border-radius:50%;border:none;background:#1f1f1f;color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 14px #00000059;display:flex;align-items:center;justify-content:center}.card-editor-fab:hover{background:#2a2a2a}.card-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:stretch;justify-content:flex-end}.card-editor-panel{background:#1a1a1a;color:#fff;width:min(560px,100vw);display:flex;flex-direction:column;height:100%;box-shadow:-8px 0 32px #00000080;position:relative}.card-editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.card-editor-header h2{margin:0;font-size:1.1rem}.card-editor-close{background:transparent;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem}.card-editor-header-actions{display:flex;align-items:center;gap:.4rem}.card-editor-header-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.35rem .7rem;border-radius:5px;cursor:pointer;font-size:.8rem}.card-editor-header-btn:hover:not(:disabled){background:#ffffff24}.card-editor-header-btn:disabled{opacity:.45;cursor:not-allowed}.card-editor-flash{background:#1f3a5f;color:#cfe1ff;padding:.45rem 1rem;font-size:.85rem;text-align:center}.card-editor-import-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.card-editor-import-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:1rem 1.25rem 1.25rem;width:100%;max-width:520px;display:flex;flex-direction:column;gap:.75rem}.card-editor-import-modal header{display:flex;align-items:center;justify-content:space-between}.card-editor-import-modal header h3{margin:0;font-size:1rem}.card-editor-import-modal code{background:#ffffff14;padding:.05rem .3rem;border-radius:3px;font-size:.8em}.card-editor-import-hint{margin:0;font-size:.85rem;color:#ffffffa6}.card-editor-import-mode{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:#ffffffd9}.card-editor-import-mode label{display:flex;gap:.5rem;align-items:flex-start;cursor:pointer;line-height:1.3}.card-editor-import-mode strong{color:#fff}.card-editor-import-mode input[type=radio]{margin-top:.15rem;flex:0 0 auto}.card-editor-import-file button{background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.4rem .7rem;border-radius:6px;font-size:.85rem;cursor:pointer}.card-editor-import-file button:hover:not(:disabled){background:#ffffff26}.card-editor-import-file button:disabled{opacity:.5;cursor:not-allowed}.card-editor-import-textarea{background:#0f0f0f;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.6rem .7rem;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;resize:vertical;min-height:200px}.card-editor-import-textarea:focus{outline:none;border-color:#fff6}.card-editor-import-result{background:#50b46426;color:#b8eec0;padding:.5rem .75rem;border-radius:6px;font-size:.85rem}.card-editor-import-result.is-error{background:#ff505026;color:#ffc0c0}.card-editor-tabs{display:flex;gap:.25rem;padding:.5rem 1rem 0}.card-editor-tabs button{flex:1;background:transparent;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;padding:.55rem .75rem;border-radius:6px;cursor:pointer;font-size:.9rem}.card-editor-tabs button.is-active{background:#ffffff14;color:#fff;border-color:#ffffff4d}.card-editor-add{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.06)}.card-editor-add input{flex:1;background:#0f0f0f;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.55rem .7rem;border-radius:6px;font-size:.95rem}.card-editor-add input:focus{outline:none;border-color:#fff6}.card-editor-add-btn{background:#4a7cff;color:#fff;border:none;padding:.55rem .95rem;border-radius:6px;cursor:pointer;font-weight:500}.card-editor-add-btn:disabled{opacity:.5;cursor:not-allowed}.card-editor-error{background:#5a1a1a;color:#ffd0d0;padding:.5rem 1rem;font-size:.85rem}.card-editor-loading,.card-editor-empty{padding:1.5rem 1rem;text-align:center;color:#ffffff8c;font-style:italic}.card-editor-list{list-style:none;margin:0;padding:.5rem 0;overflow-y:auto;flex:1}.card-editor-row{display:flex;align-items:stretch;gap:.25rem;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.04)}.card-editor-row.is-editing{background:#ffffff08;padding:.5rem 1rem;flex-direction:column}.card-editor-row-text{flex:1;background:transparent;border:none;color:#fff;text-align:left;padding:.6rem 0;cursor:pointer;font-size:.95rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.card-editor-row-text:hover{color:#cfe1ff}.card-editor-pick{margin-left:auto;font-size:.7rem;color:#ffffff8c;background:#ffffff14;padding:.1rem .45rem;border-radius:4px}.card-editor-row-delete{background:transparent;border:none;color:#fff6;cursor:pointer;padding:0 .65rem;font-size:1.1rem;line-height:1;align-self:center}.card-editor-row-delete:hover{color:#ff8080}.card-editor-edit{display:flex;flex-direction:column;gap:.5rem;width:100%}.card-editor-edit textarea{background:#0f0f0f;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.55rem .7rem;border-radius:6px;font-size:.95rem;resize:vertical;font-family:inherit}.card-editor-edit textarea:focus{outline:none;border-color:#fff6}.card-editor-edit-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.card-editor-edit-actions button{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.45rem .85rem;border-radius:6px;cursor:pointer}.card-editor-edit-actions button.primary{background:#4a7cff;border-color:#4a7cff}.card-editor-edit-actions button:disabled{opacity:.5;cursor:not-allowed}.card-editor-pick-select{font-size:.85rem;color:#ffffffb3;margin-right:auto}.card-editor-pick-select select{background:#0f0f0f;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.2rem .4rem}.card-editor-preview{padding:.5rem 1rem;background:#ffffff08;border-radius:6px;margin:0 1rem .25rem;font-size:.9rem;display:flex;justify-content:space-between;gap:.5rem;align-items:center}.card-editor-preview.is-invalid{background:#ff50501f;color:#ffc0c0}.card-editor-edit .card-editor-preview{margin:0}.card-editor-preview-pick{font-size:.75rem;color:#fff9;white-space:nowrap}.card-editor-blank{display:inline-block;width:3.5em;height:.85em;margin:0 .15em;vertical-align:-2px;background:#ffffff40;border-radius:2px}.card-editor-preview.is-invalid .card-editor-blank{background:#ffc8c859}.game-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.shell-bg-blue{background:linear-gradient(180deg,#0d47a1,#1565c0,#1976d2 60%,#1e88e5);color:#fff;--muted: rgba(255, 255, 255, .5)}.shell-bg-gray{background:linear-gradient(180deg,#e6e5e1,#dddcd8,#d5d4d0);color:#1a1a2e}.shell-bg-purple{background:linear-gradient(180deg,#4a148c,#6a1b9a,#7b1fa2 60%,#9c27b0);color:#fff;--muted: rgba(255, 255, 255, .5)}.shell-bg-green{background:linear-gradient(180deg,#1b5e20,#2e7d32,#388e3c 60%,#43a047);color:#fff;--muted: rgba(255, 255, 255, .5)}.shell-bg-red{background:linear-gradient(180deg,#b71c1c,#c62828,#d32f2f 60%,#e53935);color:#fff;--muted: rgba(255, 255, 255, .5)}.shell-bg-teal{background:linear-gradient(180deg,#004d40,#00695c,#00796b 60%,#00897b);color:#fff;--muted: rgba(255, 255, 255, .5)}.shell-bg-dark{background:radial-gradient(ellipse at top,#1f1f1f,#0a0a0a 80%);color:#fff;--muted: rgba(255, 255, 255, .45)}.shell-status{flex-shrink:0;background:linear-gradient(180deg,#0000004d,#00000026);padding:8px 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;min-height:36px;z-index:110}.shell-bg-gray .shell-status{background:linear-gradient(180deg,#0000000f,#00000005)}.shell-status-left{display:flex;align-items:center;gap:8px;justify-self:start;min-width:0}.shell-status-right{display:flex;align-items:center;gap:8px;justify-self:end;min-width:0}.shell-status-center{justify-self:center;text-align:center;font-weight:800;font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.3);min-width:0}.shell-bg-gray .shell-status-center{text-shadow:none}.shell-badge{padding:3px 10px;border-radius:999px;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:700;letter-spacing:.03em;border:1px solid rgba(255,255,255,.2)}.shell-bg-gray .shell-badge{background:#0000000f;border-color:#0000001a}.shell-timer{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;background:#0000004d;padding:2px 10px;border-radius:999px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shell-bg-gray .shell-timer{background:#00000014;text-shadow:none}.shell-chips{flex-shrink:0;background:#00000026;padding:0 12px 10px;z-index:105}.shell-bg-gray .shell-chips{background:#0000000a}.shell-chips .player-chip-row{position:static;padding:0;height:auto}.shell-board{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.shell-board-inner{display:flex;flex-direction:column;align-items:center;padding:16px;gap:12px;width:100%;margin:0 auto;min-height:100%}.shell-controls{flex-shrink:0;padding:0;z-index:105;position:relative;overflow:visible}.shell-controls:empty{display:none}.shell-bg-gray .shell-controls{background:#0000000a;border-top-color:#00000014}.shell-nav{flex-shrink:0;background:#fff;border-top:1px solid rgba(0,0,0,.08);padding:6px 0 env(safe-area-inset-bottom,4px);display:flex;justify-content:space-around;z-index:110}.shell-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:#999;font-size:9px;font-weight:700;cursor:pointer;padding:4px 12px}.shell-nav-item:hover{color:#555}.shell-nav-item .shell-nav-icon{font-size:20px}.shell-nav-item.active{color:#ba0076}.shell-pill-btn{padding:10px 24px;border-radius:999px;background:linear-gradient(135deg,#ff4081,#e91e63);border:none;color:#fff;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px #e91e6366;text-shadow:0 1px 2px rgba(0,0,0,.2);text-transform:uppercase;letter-spacing:.05em}.shell-pill-btn:hover{box-shadow:0 6px 20px #e91e6380;transform:translateY(-1px)}.shell-pill-btn.green{background:linear-gradient(135deg,#66bb6a,#2e7d32);box-shadow:0 4px 12px #2e7d3266}.shell-pill-btn.purple{background:linear-gradient(135deg,#ab47bc,#7b1fa2);box-shadow:0 4px 12px #7b1fa266}.shell-ghost-btn{padding:8px 16px;border-radius:999px;background:#ffffff1a;border:2px solid rgba(255,255,255,.25);color:#fff;font-size:12px;font-weight:700;cursor:pointer}.shell-ghost-btn:hover{background:#ffffff2e;border-color:#fff6}.shell-bg-gray .shell-ghost-btn{background:#0000000a;border-color:#00000026;color:#1a1a2e}@media (min-width: 768px){.shell-board{padding:24px}}.shell-debug-badge{display:inline-block;min-width:18px;padding:1px 5px;border-radius:999px;font-size:.65rem;font-weight:700;color:#fff;text-align:center}.shell-debug-add-player{align-self:center;width:28px;height:28px;border-radius:50%;background:#ffffff26;border:1.5px dashed rgba(255,255,255,.4);color:#ffffffb3;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:4px;flex-shrink:0}.shell-debug-add-player:hover{background:#ffffff40;color:#fff}:root{--chip-row-h: 90px}.player-chip-row{display:flex;gap:14px;align-items:center;flex-wrap:nowrap;padding:10px 0;justify-content:space-around;overflow-x:auto;overflow-y:hidden;position:sticky;top:0;left:0;right:0;z-index:100;height:var(--chip-row-h)}.waiting-room .player-chip-row{flex-wrap:wrap;justify-content:center;overflow-x:visible;height:auto;position:static}.player-chip-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.player-chip-wrap.clickable{cursor:pointer}.player-chip-wrap.clickable:hover .player-chip{border-color:var(--accent)}.player-chip-round-score{position:absolute;top:-4px;right:-4px;z-index:1;display:flex;align-items:center;padding:2px 7px;border-radius:999px;background:var(--bg-elev-2);border:1px solid var(--border);line-height:1}.player-chip-round-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.player-chip-round-value{font-size:.8rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.player-chip-wrap:has(.player-chip.leader) .player-chip-round-score{background:#fdd8352e;border-color:#fdd83580}.player-chip-wrap:has(.player-chip.leader) .player-chip-round-value{color:#fdd835}:root{--chip-avatar: 38px}@media (min-width: 480px){:root{--chip-avatar: 48px}}.player-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;width:calc(var(--chip-avatar) + 36px);background:transparent;border:3px solid transparent;border-radius:8px;transition:all .25s ease}.player-chip.disconnected{opacity:.45}.player-chip.dim{opacity:.6}.player-chip.active{background:#00000040;border-color:var(--warn);animation:player-chip-active-glow 2s ease-in-out infinite}@keyframes player-chip-active-glow{0%,to{box-shadow:0 0 4px #f2b24b4d;border-color:var(--warn)}50%{box-shadow:0 0 10px #f2b24b99;border-color:#ffe87a}}.player-chip.leader .player-chip-score{color:#fdd835}.player-chip-name{display:block;font-size:11px;font-weight:500;max-width:calc(var(--chip-avatar) + 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.player-chip-color{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;background:currentColor}.player-chip-sublabel{font-size:.7rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600;line-height:1.1}.player-chip-sublabel.ready{color:var(--success)}.player-chip-sublabel.skipped{color:var(--warn)}.player-chip-sublabel.host{color:var(--accent)}.player-chip-avatar{position:relative;display:inline-block;line-height:0}.player-chip-badge{position:absolute;top:-4px;right:-4px;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.player-chip-badge>span{min-width:16px;height:16px;padding:0 3px;border-radius:999px;color:#fff;font-size:.6rem;font-weight:900;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--bg),0 2px 6px #0006;background:var(--accent)}@media (min-width: 480px){.player-chip-badge>span{min-width:20px;height:20px;padding:0 4px;font-size:.75rem;line-height:20px}}.trivia-badge.check{background:var(--success)}.trivia-badge.wrong{background:var(--danger)}.chip-score-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.1;min-height:28px}.chip-score-pill-empty{opacity:.5}.chip-score-pill-label{font-size:.5rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.chip-score-pill-value{font-size:.8rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.chip-score-pill-flash-loss .chip-score-pill-value{animation:chip-pill-flash-loss 1s ease-out}.chip-score-pill-flash-gain .chip-score-pill-value{animation:chip-pill-flash-gain 1s ease-out}@keyframes chip-pill-flash-loss{0%{color:#ef4444;transform:scale(1.2)}to{color:var(--text);transform:scale(1)}}@keyframes chip-pill-flash-gain{0%{color:#22c55e;transform:scale(1.2)}to{color:#fff;transform:scale(1)}}@media (max-width: 520px){.player-chip-row{gap:8px}.player-chip{width:72px;padding:6px 8px}.player-chip-name{font-size:.75rem;max-width:72px}}.shell-puck-slide{--ps-ice-top: #dce8f3;--ps-ice-bot: #f5f9fc;--ps-rink-blue: #1f6dd1;--ps-rink-red: #d93636;--ps-plexi: #f6c84c;--ps-plexi-glow:#ffd76a;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.shell-puck-slide .shell-board-inner{height:100%;min-height:unset;background:transparent}.shell-puck-slide .shell-chips{position:relative;z-index:50}.shell-puck-slide .ps-stage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:8px;container-type:size}.shell-puck-slide .ps-placeholder{padding:24px;color:var(--text, #fff);font-size:18px;opacity:.7}.shell-puck-slide .ps-lane{--ps-gutter: 5cqi;position:relative;aspect-ratio:1/1.55;width:min(100cqw,580px,64.5161290323cqh);margin:0 auto;overflow:hidden;container-type:inline-size}.shell-puck-slide .ps-game-board{position:absolute;inset:var(--ps-gutter);border-radius:2.5cqi;overflow:hidden;background:linear-gradient(180deg,var(--ps-ice-top) 0%,var(--ps-ice-bot) 100%)}.shell-puck-slide .ps-fault-line{position:absolute;left:0;width:100%;height:0;border-top:2px dashed #d93025;pointer-events:none;z-index:2;opacity:.85}.shell-puck-slide .ps-region{position:absolute;pointer-events:none;box-sizing:border-box}.shell-puck-slide .ps-region-band{left:0;width:100%}.shell-puck-slide .ps-region-ring,.shell-puck-slide .ps-region-spot{border-radius:50%;aspect-ratio:1;transform:translate(-50%,50%)}.shell-puck-slide .ps-region-spot{display:flex;align-items:center;justify-content:center;background:transparent;color:#142846b3;font-weight:800;font-size:clamp(20px,8cqi,44px)}.shell-puck-slide .ps-region-label{position:absolute;transform:translate(-50%,50%);color:#142846b3;font-weight:800;font-size:clamp(20px,8cqi,44px);background:none!important;pointer-events:none;z-index:3}.shell-puck-slide .ps-region-label.ps-region-label-small{font-size:clamp(12px,4.5cqi,24px)}.shell-puck-slide .ps-region-label.ps-region-label-medium{font-size:clamp(20px,8cqi,44px)}.shell-puck-slide .ps-region-label.ps-region-label-large{font-size:clamp(28px,11cqi,60px)}.shell-puck-slide .ps-region-label.ps-region-label-xl{font-size:clamp(38px,14cqi,80px)}.shell-puck-slide .ps-region-spot.ps-region-label-small{font-size:clamp(12px,4.5cqi,24px)}.shell-puck-slide .ps-region-spot.ps-region-label-medium{font-size:clamp(20px,8cqi,44px)}.shell-puck-slide .ps-region-spot.ps-region-label-large{font-size:clamp(28px,11cqi,60px)}.shell-puck-slide .ps-region-spot.ps-region-label-xl{font-size:clamp(38px,14cqi,80px)}.shell-puck-slide .ps-region-label.ps-region-theme-soft-blue,.shell-puck-slide .ps-region-label.ps-region-theme-mid-blue{color:#133b6b}.shell-puck-slide .ps-region-label.ps-region-theme-strong-blue{color:#0c2a52}.shell-puck-slide .ps-region-label.ps-region-theme-soft-red,.shell-puck-slide .ps-region-label.ps-region-theme-strong-red{color:#6b1414}.shell-puck-slide .ps-region-label.ps-region-theme-gold{color:#5a3a05}.shell-puck-slide .ps-region-label.ps-region-theme-white{color:#2a2a2a}.shell-puck-slide .ps-region-theme-soft-blue{--region-border: #1f6dd1;background:#1f6dd11a}.shell-puck-slide .ps-region-theme-mid-blue{--region-border: #1857a8;background:#1f6dd12e}.shell-puck-slide .ps-region-theme-strong-blue{--region-border: #0c2a52;background:#1f6dd18c}.shell-puck-slide .ps-region-theme-deep-blue{--region-border: #082040;background:#1f6dd1d9}.shell-puck-slide .ps-region-theme-soft-red{--region-border: #a82929;background:#d936362e}.shell-puck-slide .ps-region-theme-strong-red{--region-border: #6b1414;background:#d9363659}.shell-puck-slide .ps-region-theme-gold{--region-border: #a87a1a;background:#ffd76a8c}.shell-puck-slide .ps-region-theme-white{--region-border: #6e6e6e;background:#ffffffeb}.shell-puck-slide .ps-region-theme-danger{--region-border: #6b1414;background:repeating-linear-gradient(45deg,#d93636a6 0,#d93636a6 1cqi,#781414a6 1cqi,#781414a6 2cqi);border:.4cqi solid var(--ps-rink-red)}.shell-puck-slide .ps-region-obstacle{--region-border: #000;background:#0a0a0a;border:.4cqi solid #000}.shell-puck-slide .ps-region-polygon.ps-region-obstacle{fill:#0a0a0a;stroke:#000}.shell-puck-slide .ps-region-ring.ps-region-theme-soft-blue,.shell-puck-slide .ps-region-ring.ps-region-theme-mid-blue{border:.4cqi solid var(--ps-rink-blue)}.shell-puck-slide .ps-region-ring.ps-region-theme-soft-red{border:.4cqi solid var(--ps-rink-red)}.shell-puck-slide .ps-region-ring.ps-region-theme-strong-red{border:.4cqi solid #7d1d1d}.shell-puck-slide .ps-poly-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}.shell-puck-slide .ps-region-polygon{fill:#1f6dd12e;stroke:var(--region-border, #1b1b1b)}.shell-puck-slide .ps-region-polygon.ps-region-theme-soft-blue{fill:#1f6dd11a}.shell-puck-slide .ps-region-polygon.ps-region-theme-mid-blue{fill:#1f6dd12e}.shell-puck-slide .ps-region-polygon.ps-region-theme-strong-blue{fill:#1f6dd18c}.shell-puck-slide .ps-region-polygon.ps-region-theme-soft-red{fill:#d936362e}.shell-puck-slide .ps-region-polygon.ps-region-theme-strong-red{fill:#d9363659}.shell-puck-slide .ps-region-polygon.ps-region-theme-gold{fill:#ffd76a8c}.shell-puck-slide .ps-region-polygon.ps-region-theme-white{fill:#ffffffeb}.shell-puck-slide .ps-region-border-small{border:.3cqi solid var(--region-border, #1b1b1b)}.shell-puck-slide .ps-region-border-medium{border:.6cqi solid var(--region-border, #1b1b1b)}.shell-puck-slide .ps-region-border-large{border:1cqi solid var(--region-border, #1b1b1b)}.shell-puck-slide .ps-region-polygon.ps-region-border-small{stroke-width:2}.shell-puck-slide .ps-region-polygon.ps-region-border-medium{stroke-width:4}.shell-puck-slide .ps-region-polygon.ps-region-border-large{stroke-width:7}.shell-puck-slide .ps-scratch-line{position:absolute;left:0;right:0;height:1.4%;background:var(--ps-rink-red);pointer-events:none}.shell-puck-slide .ps-puck{position:absolute;border-radius:50%;box-shadow:0 0 0 .5cqi #000,-.2cqi .5cqi #0003,inset 0 -.4cqi .7cqi #00000040,inset 0 .4cqi .7cqi #ffffff40;will-change:left,bottom}.shell-puck-slide .ps-puck-pip{position:absolute;top:50%;left:50%;width:56%;height:56%;transform:translate(-50%,-50%);pointer-events:none;overflow:visible}.shell-puck-slide .ps-puck-delta{position:absolute;transform:translate(-50%,50%);pointer-events:none;z-index:6;font-weight:900;font-size:clamp(20px,7cqi,40px);letter-spacing:.02em;text-shadow:0 0 4px rgba(0,0,0,.85),0 1px 2px rgba(0,0,0,.9),0 0 1px rgba(255,255,255,.6);-webkit-text-stroke:1px rgba(0,0,0,.55);opacity:0;animation:ps-puck-delta-float .75s ease-out both}@keyframes ps-puck-delta-float{0%{opacity:0;transform:translate(-50%,50%) scale(.7)}20%{opacity:1;transform:translate(-50%) scale(1.1)}55%{opacity:1;transform:translate(-50%,-40%) scale(1)}to{opacity:0;transform:translate(-50%,-110%) scale(.95)}}.shell-puck-slide .ps-sling-band{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.shell-puck-slide .ps-sling-band-line{fill:none;stroke:#ffd700d9;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(255,215,0,.55))}.shell-puck-slide .gn-aim-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.shell-puck-slide .gn-aim-line{fill:none;stroke-width:1.4;stroke-linecap:round;opacity:.95}.shell-puck-slide .gn-aim-line-plain{stroke:#ffffffd9;stroke-width:1.2}.shell-puck-slide .gn-aim-line-fade{stroke-width:1.6;stroke-linecap:round}.shell-puck-slide .gn-aim-line-power{stroke-width:1.8;filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 1px currentColor)}.shell-puck-slide .gn-aim-line-traj{stroke-width:1.6;stroke-dasharray:1.2 2.4;stroke-linecap:round;filter:drop-shadow(0 0 2px currentColor)}.shell-puck-slide .gn-aim-power-low{stroke:#4ade80;color:#4ade80}.shell-puck-slide .gn-aim-power-mid{stroke:#facc15;color:#facc15}.shell-puck-slide .gn-aim-power-high{stroke:#f87171;color:#f87171}.shell-puck-slide .gn-aim-instructions{position:absolute;left:50%;transform:translate(-50%,12%);pointer-events:none;z-index:5;display:flex;flex-direction:column;align-items:center;gap:.6cqi;padding:1.6cqi 3.2cqi;border-radius:999px;background:#000000b8;color:#fffffff2;font-weight:700;font-size:clamp(11px,3.2cqi,18px);letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 14px #00000059;white-space:nowrap;animation:gn-aim-hint-bounce 2.2s ease-in-out infinite}.shell-puck-slide .gn-aim-instructions-arrow{font-size:clamp(18px,5.4cqi,32px);line-height:1}@keyframes gn-aim-hint-bounce{0%,to{transform:translate(-50%,8%)}50%{transform:translate(-50%,22%)}}.shell-puck-slide .ps-lane-wrap{position:relative;height:100%;width:100%}.shell-puck-slide .ps-lane-pucks{position:absolute;inset:var(--ps-gutter);pointer-events:none;z-index:4}.shell-puck-slide .gn-aim-controller,.shell-puck-slide .gn-flick-controller{position:absolute;inset:var(--ps-gutter);touch-action:none;z-index:10;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><text y="26" font-size="26">✋</text></svg>') 8 8,grab}.shell-puck-slide .gn-aim-controller.is-grabbing,.shell-puck-slide .gn-flick-controller.is-grabbing{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><text y="26" font-size="26">✊</text></svg>') 8 8,grabbing}.shell-puck-slide .gn-aim-controller.is-pulling,.shell-puck-slide .gn-flick-controller.is-pulling{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><text y="26" font-size="26">👌</text></svg>') 8 8,grabbing}.shell-puck-slide .gn-flick-trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.shell-puck-slide .gn-flick-trail-old{fill:none;stroke:#ffffff59;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.shell-puck-slide .gn-flick-trail-recent{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;opacity:.95;filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 1px currentColor)}.shell-puck-slide .ps-puck.is-falling{opacity:.8;transition:opacity .12s linear}.shell-puck-slide .ps-puck.is-cue{box-shadow:0 0 0 1cqi gold,0 0 1.8cqi #ffd700a6,0 .7cqi 1.4cqi #0006,inset 0 -.4cqi .7cqi #00000040,inset 0 .4cqi .7cqi #ffffff40;animation:ps-cue-fadein .25s ease-out}@keyframes ps-cue-fadein{0%{opacity:0}to{opacity:1}}.shell-puck-slide .ps-turn-growl{position:absolute;top:18%;left:50%;transform:translate(-50%);z-index:50;padding:12px 22px;border-radius:14px;background:#000000b8;color:#fff;font-size:26px;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none;animation:ps-turn-growl 1.45s ease-out forwards}@keyframes ps-turn-growl{0%{opacity:0;transform:translate(-50%,-8px) scale(.92)}18%{opacity:1;transform:translate(-50%) scale(1)}78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}.shell-puck-slide .ps-fault-growl{position:absolute;top:32%;left:50%;transform:translate(-50%);z-index:50;padding:12px 22px;border-radius:14px;background:#3c0808e0;border:1px solid rgba(217,48,37,.7);color:#fecaca;font-size:26px;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none;animation:ps-turn-growl 1.8s ease-out forwards}.shell-puck-slide .ps-knockout-growls{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;animation:ps-turn-growl 2s ease-out forwards}.shell-puck-slide .ps-knockout-growl{padding:8px 16px;border-radius:12px;background:#3c0808e0;border:1px solid rgba(217,48,37,.7);color:#fecaca;font-size:18px;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.shell-puck-slide .ps-points-growl{top:32%;background:#140e08d9;border:1px solid rgba(255,215,0,.55);color:#fde68a;font-size:24px;box-shadow:0 6px 18px #00000080,0 0 14px #ffd70040}.shell-puck-slide .ps-round-end-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:8% 16px 0;pointer-events:none;animation:ps-round-end-fade .22s ease-out}@keyframes ps-round-end-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.shell-puck-slide .ps-round-end-card{pointer-events:auto;width:min(360px,92%);background:#140e08eb;border:1px solid rgba(255,215,0,.55);border-radius:14px;padding:14px 18px 12px;color:#fff;box-shadow:0 14px 32px #00000080}.shell-puck-slide .ps-round-end-title{font-size:18px;font-weight:800;text-align:center;margin-bottom:10px;letter-spacing:.02em}.shell-puck-slide .ps-round-end-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.shell-puck-slide .ps-round-end-row{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}.shell-puck-slide .ps-round-end-row:last-child{border-bottom:none}.shell-puck-slide .ps-round-end-dot{width:12px;height:12px;border-radius:50%;background:#fff6}.shell-puck-slide .ps-round-end-name{font-weight:600}.shell-puck-slide .ps-round-end-pts{font-weight:800;color:#fde68a;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.shell-puck-slide .ps-round-end-total{font-weight:700;color:#ffffffb3;font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.shell-puck-slide .ps-round-end-foot{margin-top:10px;text-align:center;color:#ffffff8c;font-size:12px}.shell-puck-slide .ps-round-end-winner{text-align:center;color:#fde68a;font-weight:700;font-size:14px;margin:0 0 10px;letter-spacing:.02em}.shell-puck-slide .ps-round-end-row.is-winner{background:#ffd7001a;border-radius:8px;padding-left:8px;padding-right:8px}.shell-puck-slide .ps-round-end-row.is-winner .ps-round-end-name{color:#fde68a}.shell-puck-slide .ps-round-end-continue{display:block;margin:14px auto 0;padding:8px 22px;border-radius:10px;background:linear-gradient(180deg,gold,#c9a300);border:1px solid rgba(0,0,0,.4);color:#1a1208;font-weight:800;font-size:15px;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px #0000004d,0 0 12px #ffd70059;transition:transform 80ms ease,box-shadow 80ms ease}.shell-puck-slide .ps-round-end-continue:hover{transform:translateY(-1px)}.shell-puck-slide .ps-round-end-continue:active{transform:translateY(2px);box-shadow:0 1px #0000004d,0 0 6px #ffd70040}.shell-puck-slide .ps-score-badge{display:inline-block;min-width:24px;padding:2px 6px;border-radius:12px;background:#0006;color:#fff;font-weight:700;text-align:center}:root{--bg: #e6e5e1;--bg-elev: #fff;--bg-elev-2: #f5f5f3;--border: rgba(0,0,0,.08);--text: #333;--muted: #888;--accent: #ba0076;--accent-hover: #d4008a;--accent-soft: rgba(186, 0, 118, .16);--success: #3dd68c;--danger: #ff6b7a;--warn: #f2b24b;--radius: 14px;--radius-lg: 20px;--shadow: 0 4px 10px rgba(0, 0, 0, .35);--tile-bg: radial-gradient(ellipse at center, #fff 0%, #e8e4df 70%);--tile-text: #1e293b;--surface: #1e293b;font-family:Helvetica Neue,Helvetica,Arial,system-ui,-apple-system,sans-serif;--bg-anim: linear-gradient(135deg, #0d1b3e, #1a0a3e, #0a1e30, #0d2e1e, #0d1b3e);--bg-hot: radial-gradient(ellipse 120% 60% at 50% -5%, rgba(255,0,128,.5), transparent 55%), radial-gradient(ellipse 80% 50% at 50% 110%, rgba(0,80,255,.35), transparent 60%), #0a0514;--grad-gold: linear-gradient(105deg, #b8860b 0%, #faf5b4 50%, #b8860b 100%);--grad-purple: linear-gradient(135deg, #722971 0%, #4f215c 100%);--grad-green: linear-gradient(135deg, #009245 0%, #006837 100%);--grad-pink: linear-gradient(135deg, #9b2465 0%, #d889ba 100%);--grad-steel: linear-gradient(180deg, #505051 0%, #2a2a2b 50%, #1d1d1e 100%);--grad-steel-rad: radial-gradient(ellipse at center, #868687 0%, #4d4d4e 50%, #404041 100%);--grad-blue: linear-gradient(180deg, #3085dc 0%, #0855a5 100%);--grad-red: linear-gradient(180deg, #c33 0%, #ca1414 100%);--grad-white: radial-gradient(ellipse at center, #fff 0%, #e8e4df 70%);--bg-grad-active: radial-gradient(ellipse 160% 60% at center, rgba(200, 225, 255, .6), rgba(49, 135, 225, .55) 30%, rgba(7, 69, 132, .4) 55%, transparent 75%);--card-back-face: linear-gradient(160deg, #cf62cb 0%, #7c1977 100%);--card-back-border: linear-gradient(160deg, #8b1f85 0%, #4a0a48 100%);--card-back-pattern: none;--cg-red: #e53935;--cg-yellow: #fdd835;--cg-green: #43a047;--cg-blue: #1e88e5;--cg-purple: #8e24aa;--cg-orange: #ef6c00;--cg-color-red: #e53935;--cg-color-yellow: #fdd835;--cg-color-green: #43a047;--cg-color-blue: #1e88e5;--cg-color-purple: #8e24aa;--cg-color-orange: #ef6c00;--cg-color-pink: #ec407a;--cg-color-teal: #00897b;--cg-color-indigo: #3949ab;--cg-color-rose: #f4511e;--cg-color-cyan: #00acc1;--cg-color-lime: #7cb342;--cg-color-red-dark: #8e1a17;--cg-color-yellow-dark: #9e8800;--cg-color-green-dark: #265928;--cg-color-blue-dark: #0e4f8b;--cg-color-purple-dark: #4f1361;--cg-color-orange-dark: #8a3e00;--cg-color-pink-dark: #8a224b;--cg-color-teal-dark: #00504a;--cg-color-indigo-dark: #1f2566;--cg-color-rose-dark: #8a2810;--cg-color-cyan-dark: #006570;--cg-color-lime-dark: #466921;--cg-grad-red-rad: radial-gradient(ellipse at center, #ff8a80 0%, #e53935 50%, #b71c1c 100%);--cg-grad-red: linear-gradient(160deg, #ff8a80 0%, #e53935 50%, #b71c1c 100%);--cg-grad-yellow-rad: radial-gradient(ellipse at center, #fffde7 0%, #fdd835 50%, #f57f17 100%);--cg-grad-yellow: linear-gradient(160deg, #fffde7 0%, #fdd835 50%, #f57f17 100%);--cg-grad-green-rad: radial-gradient(ellipse at center, #a5d6a7 0%, #43a047 50%, #1b5e20 100%);--cg-grad-green: linear-gradient(160deg, #a5d6a7 0%, #43a047 50%, #1b5e20 100%);--cg-grad-blue-rad: radial-gradient(ellipse at center, #90caf9 0%, #1e88e5 50%, #0d47a1 100%);--cg-grad-blue: linear-gradient(160deg, #90caf9 0%, #1e88e5 50%, #0d47a1 100%);--cg-grad-purple-rad: radial-gradient(ellipse at center, #ce93d8 0%, #8e24aa 50%, #4a148c 100%);--cg-grad-purple: linear-gradient(160deg, #ce93d8 0%, #8e24aa 50%, #4a148c 100%);--cg-grad-orange-rad: radial-gradient(ellipse at center, #ffcc80 0%, #ef6c00 50%, #bf360c 100%);--cg-grad-orange: linear-gradient(160deg, #ffcc80 0%, #ef6c00 50%, #bf360c 100%);--cg-grad-pink-rad: radial-gradient(ellipse at center, #f48fb1 0%, #ec407a 50%, #880e4f 100%);--cg-grad-pink: linear-gradient(160deg, #f48fb1 0%, #ec407a 50%, #880e4f 100%);--cg-grad-teal-rad: radial-gradient(ellipse at center, #80cbc4 0%, #00897b 50%, #004d40 100%);--cg-grad-teal: linear-gradient(160deg, #80cbc4 0%, #00897b 50%, #004d40 100%);--cg-grad-indigo-rad: radial-gradient(ellipse at center, #9fa8da 0%, #3949ab 50%, #1a237e 100%);--cg-grad-indigo: linear-gradient(160deg, #9fa8da 0%, #3949ab 50%, #1a237e 100%);--cg-grad-rose-rad: radial-gradient(ellipse at center, #ff8a80 0%, #f4511e 50%, #bf360c 100%);--cg-grad-rose: linear-gradient(160deg, #ff8a80 0%, #f4511e 50%, #bf360c 100%);--cg-grad-cyan-rad: radial-gradient(ellipse at center, #80deea 0%, #00acc1 50%, #006064 100%);--cg-grad-cyan: linear-gradient(160deg, #80deea 0%, #00acc1 50%, #006064 100%);--cg-grad-lime-rad: radial-gradient(ellipse at center, #c5e1a5 0%, #7cb342 50%, #33691e 100%);--cg-grad-lime: linear-gradient(160deg, #c5e1a5 0%, #7cb342 50%, #33691e 100%);--growl-bg-premium: linear-gradient(rgba(17, 17, 27, .97), rgba(17, 17, 27, .97));--growl-border-premium: 8px solid transparent;--growl-shadow-premium: 0 0 60px rgba(0, 0, 0, .9), 0 0 90px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .06);--growl-bg-dark: rgba(17, 17, 17, .96);--growl-border-dark: 4px solid rgba(255, 255, 255, .12);--growl-shadow-dark: 0 8px 32px rgba(0, 0, 0, .6);--growl-bg-light: #fff;--growl-border-light: 4px solid rgba(0, 0, 0, .08);--growl-shadow-light: 0 8px 32px rgba(0, 0, 0, .35);--gold-mid: #dfb440;--gold-light: #faf5b4;--gold-dark: #e5b863;--purple-mid: #722971;--purple-dark: #4f215c;--green-mid: #009245;--green-dark: #006837;--pink-mid: #9b2465;--pink-light: #d889ba}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-RegularItalic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Metropolis;src:url(/fonts/Metropolis/Metropolis-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box}html{touch-action:manipulation}html,body,#root{margin:0;height:100%;color:var(--text)}html,#root{background:var(--bg)}.app{min-height:100%;display:flex;flex-direction:column;gap:16px}.screen{margin:0 auto;width:100%;display:flex;flex-direction:column;gap:16px}.screen.game{padding:0 .5rem 3rem}.screen.lobby{max-width:1000px}.ctx-lobby .shell-board{max-width:100%}.ctx-lobby .shell-board .screen{max-width:1000px}.ctx-lobby .shell-board>.card{width:100%}.ctx-lobby .shell-board-inner{align-items:stretch;max-width:1200px}.card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:24px;box-shadow:0 1px 2px #0000000f,0 1px #fffc inset}.card h1,.card h2{margin:0 0 8px}.card h2{font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.card h1{font-size:1.8rem}.subtitle{color:var(--muted);margin:0 0 20px}label{display:block;color:var(--muted);font-size:.85rem;margin-bottom:14px}input[type=text]{display:block;width:100%;margin-top:6px;padding:12px 14px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;font-family:inherit}input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pill-input-form{display:flex;background:var(--bg-elev);border:2px solid var(--border);border-radius:999px;overflow:hidden;transition:border-color .15s}.pill-input-form:focus-within{border-color:var(--accent)}.pill-input-form .pill-input{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;box-shadow:none;outline:none;margin:0;color:var(--text);font-size:1rem;font-family:inherit;padding:10px 18px}.pill-input-form .pill-input:focus{border:none;box-shadow:none;outline:none}.pill-input-btn{background:var(--accent);border:none;border-radius:0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px 14px;flex-shrink:0}.pill-input-btn:active{opacity:.85}button{font-family:inherit;font-size:1rem;cursor:pointer}button.primary{width:100%;padding:14px 18px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-weight:600;transition:background .15s ease,transform .1s ease}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.primary:disabled{background:var(--bg-elev-2);color:var(--muted);cursor:not-allowed}button.primary.active{background:var(--success)}button.ghost{padding:12px 16px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-weight:500}button.ghost:hover{background:var(--bg-elev-2)}button.ghost.active{border-color:var(--warn);color:var(--warn)}button.link{background:transparent;border:none;color:var(--muted);text-decoration:underline;padding:6px 0}button.link.danger{color:var(--danger)}.primary.go:not(:disabled){background:var(--accent)}.primary.go:not(:disabled):hover{background:var(--accent-hover)}.primary.go.waiting-btn{background:color-mix(in srgb,var(--accent) 40%,var(--bg-elev-2));color:var(--text);opacity:.85;display:flex;align-items:center;justify-content:center;gap:8px;cursor:wait}.waiting-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:waiting-spin .8s linear infinite;flex-shrink:0}@keyframes waiting-spin{to{transform:rotate(360deg)}}.game-growl{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200;text-align:center;font-weight:700;padding:1.5rem 3rem;border-radius:16px;animation:game-growl-in .3s ease-out forwards;pointer-events:none;transition:opacity .4s ease-out,transform .4s ease-out;border:var(--growl-border-premium);background:var(--growl-bg-premium) padding-box,var(--grad-gold) border-box;color:#fff;box-shadow:var(--growl-shadow-premium)}.game-growl.fading{opacity:0;transform:translate(-50%,-50%) scale(1.2)}.game-growl-title{font-size:3rem;font-weight:900;line-height:1}.game-growl-subtitle{font-size:1.15rem;font-weight:700;margin-top:.4rem;opacity:.9}.game-growl--dark{background:var(--growl-bg-dark);color:#fff;border:var(--growl-border-dark);box-shadow:var(--growl-shadow-dark)}.game-growl--light{background:var(--growl-bg-light);color:#111;border:var(--growl-border-light);box-shadow:var(--growl-shadow-light)}.game-growl--premium{border:var(--growl-border-premium);background:var(--growl-bg-premium) padding-box,var(--grad-gold) border-box;color:#fff;box-shadow:var(--growl-shadow-premium)}.game-growl--correct,.game-growl--warn,.game-growl--error{background:var(--growl-bg-dark);border:var(--growl-border-dark);box-shadow:var(--growl-shadow-dark)}.game-growl--correct{color:var(--success)}.game-growl--warn{color:var(--warn)}.game-growl--error{color:var(--danger)}.game-growl--top{top:15%;transform:translate(-50%)}.game-growl--top.fading{transform:translate(-50%) translateY(10px)}.game-growl--center{top:50%;transform:translate(-50%,-50%)}.game-growl--center.fading{transform:translate(-50%,-50%) scale(1.1)}.game-growl--yourup{padding:2rem 4rem;border:4px solid transparent;background:linear-gradient(135deg,#0a1628,#0d1f3c) padding-box,var(--grad-blue) border-box;box-shadow:0 0 60px #64beff40,0 12px 40px #0009;animation:game-growl-pulse-in .45s cubic-bezier(.34,1.56,.64,1) forwards}.game-growl--yourup .game-growl-title{font-size:4rem;letter-spacing:-.01em}.game-growl--yourup.fading{opacity:0;transform:translate(-50%,-50%) scale(1.1)}@keyframes game-growl-pulse-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}80%{transform:translate(-50%,-50%) scale(.97)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes game-growl-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes game-growl-slide{0%{opacity:0;transform:translate(-50%,-58%)}to{opacity:1;transform:translate(-50%,-50%)}}.game-growl--slide{animation-name:game-growl-slide}@keyframes game-growl-drop{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-growl--drop{animation-name:game-growl-drop}button.primary.go.is-pending{opacity:.85;cursor:progress;display:inline-flex;align-items:center;gap:8px}.lobby-join-spinner{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:lobbyJoinSpin .8s linear infinite}@keyframes lobbyJoinSpin{to{transform:rotate(360deg)}}.waiting-room{max-width:600px;width:100%;margin:0 auto;text-align:center}.join-screen{max-width:440px;margin-top:8vh}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{flex:1;padding:10px 12px;border-radius:var(--radius);background:var(--bg-elev-2);color:var(--muted);border:1px solid var(--border);cursor:pointer;font-weight:500}.tab.active{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.tab:disabled{opacity:.4;cursor:not-allowed}.lobby-room-code{font-size:11px;font-weight:700;letter-spacing:.15em;opacity:.7}.lobby-layout{display:flex;flex-direction:column;gap:16px;width:100%}.lobby-main{display:flex;flex-direction:column;gap:16px;min-width:0}.lobby-sidebar{display:flex;flex-direction:column;gap:16px}@media (min-width: 1024px){.lobby-layout{flex-direction:row;align-items:flex-start}.lobby-main{flex:1;min-width:0}.lobby-sidebar{flex:0 0 300px;position:sticky;top:16px}}.lobby-section-heading{margin:0 0 8px;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.lobby-tables-section.empty .lobby-section-heading{visibility:hidden}.lobby-tables-empty{width:100%;text-align:center;color:var(--muted);font-size:1.1rem;font-weight:600;padding:16px}.lobby-tables-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;min-height:80px;align-items:center}.lobby-table-card{flex:0 0 280px;scroll-snap-align:start;display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:10px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px #0000000f}.lobby-table-card.dead{opacity:.5}.lobby-table-card-art{width:56px;height:56px;border-radius:8px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#000));display:grid;place-items:center;overflow:hidden;position:relative}.lobby-table-card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 50% -20%,rgba(255,255,255,.3),transparent 60%);pointer-events:none}.lobby-table-card-initials{font-size:20px;font-weight:800;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.05em}.lobby-table-card-body{min-width:0}.lobby-table-card-name{font-weight:600;font-size:14px;color:#333}.lobby-table-card-detail{font-size:12px;color:var(--muted);margin-top:2px}.lobby-table-card-avatars{display:flex;align-items:center;margin-top:6px}.lobby-table-card-avatars .cg-avatar{--chip-avatar: 24px;margin-left:-6px;border:2px solid #fff}.lobby-table-card-avatars .cg-avatar:first-child{margin-left:0}.lobby-table-card-more{margin-left:4px;font-size:11px;color:var(--muted);font-weight:600}.lobby-table-card-actions{display:flex;flex-direction:column;gap:6px;align-items:stretch}.lobby-table-card-actions .primary,.lobby-table-card-actions .ghost{padding:6px 14px;font-size:.85rem}.lobby-player-count{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#0000000f;border:1px solid rgba(0,0,0,.08);color:var(--muted)}.lobby-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin:10px 4px 4px}.lobby-players-card{padding:12px 16px}.lobby-player-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px}.lobby-player-row .cg-avatar{--chip-avatar: 32px}.lobby-player-row:hover{background:#0000000a}.lobby-player-row.disconnected{opacity:.4}.lobby-player-name{font-size:13px;font-weight:600;color:#333}.lobby-player-info{display:flex;flex-direction:column;min-width:0;flex:1}.lobby-player-note{font-size:11px;color:var(--muted)}.lobby-game-picker{padding:0}.lobby-game-picker h2{margin:0 0 8px;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.room-code{font-size:2rem;font-weight:700;letter-spacing:.15em}.player-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius)}.player-list li.disconnected{opacity:.5}.player-name{font-weight:500;display:flex;align-items:center;gap:8px}.badge{font-size:.65rem;padding:2px 6px;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;letter-spacing:.05em}.badge.you{background:var(--bg);color:var(--muted);border:1px solid var(--border)}.status{font-size:.8rem;color:var(--muted)}.status-joined{color:var(--success)}.status-skipped{color:var(--warn)}.opt-in-row{display:flex;gap:10px;margin-top:16px}.opt-in-row button{flex:1}.start-button{margin-top:16px}.game-settings-button{margin-top:14px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.join-rooms{margin-top:16px}.join-rooms h2{margin:0 0 12px}.join-room-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.join-room-row{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.join-room-row:hover{border-color:var(--accent);background:var(--accent-soft)}.join-room-row:active{transform:translateY(1px)}.join-room-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.join-room-host{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.join-room-status{font-size:.8rem;color:var(--muted)}.join-room-players{display:flex;align-items:center;gap:0}.join-room-players .cg-avatar{margin-left:-8px;border:2px solid var(--bg-elev-2)}.join-room-players .cg-avatar:first-child{margin-left:0}.join-room-more{margin-left:4px;font-size:.75rem;color:var(--muted);font-weight:600}.join-prompt-invite{text-align:center;font-size:1.5rem;margin:0 0 16px;color:var(--text);line-height:1.3}.join-prompt-actions{display:flex;gap:10px;margin-top:8px}.join-prompt-actions .primary{flex:1}.join-prompt-actions .ghost{flex:0 0 auto;min-width:110px}.lobby-activity-badge{font-size:.8rem;font-weight:600;padding:4px 12px;border-radius:999px;background:var(--success);color:#000}.lobby-activity-badge.pending{background:var(--warn)}.lobby-room-header{display:flex;justify-content:space-between;align-items:center}.lobby-room-header h2{margin:0}.lobby-leave{font-size:.85rem}.game-in-progress{display:flex;flex-direction:column;gap:12px}.game-in-progress h2{margin:0}.game-in-progress-meta{font-size:.95rem;color:var(--text)}.game-in-progress-end{align-self:flex-start;margin-top:4px;border-color:var(--danger);color:var(--danger)}.game-in-progress-end:hover{background:#ff6b7a14}.watcher-banner{background:color-mix(in srgb,var(--warn) 15%,transparent);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);border-radius:var(--radius);padding:10px 16px;margin:12px 0;text-align:center;font-size:.9rem;color:var(--warn)}.spot-offer-prompt{background:color-mix(in srgb,var(--success) 12%,transparent);border:2px solid var(--success);border-radius:var(--radius-lg);padding:20px;margin:16px 0;text-align:center}.spot-offer-prompt p{font-size:1.1rem;font-weight:600;margin:0 0 8px}.spot-offer-timer{font-size:2.5rem;font-weight:800;color:var(--success);margin:8px 0 16px}.spot-offer-actions{display:flex;gap:10px}.spot-offer-actions button{flex:1}.watcher-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;justify-content:flex-end}.watcher-drawer{background:var(--bg-elev);width:280px;max-width:80vw;height:100%;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000004d}.watcher-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.watcher-drawer-header h3{margin:0;font-size:1rem}.watcher-drawer-list{flex:1;overflow-y:auto}.watcher-drawer-row{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.watcher-drawer-row.me{background:color-mix(in srgb,var(--accent) 10%,transparent)}.watcher-drawer-position{font-size:.8rem;font-weight:700;color:var(--muted);min-width:24px}.watcher-drawer-name{font-size:.9rem}.game-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:16px}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.game-grid{grid-template-columns:repeat(3,1fr)}}.game-tile{--game-accent: var(--accent);display:flex;flex-direction:column;padding:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;text-align:left;color:inherit;font:inherit;box-shadow:0 1px 2px #0000000f;transition:transform .15s ease,box-shadow .15s ease}.game-tile.clickable{cursor:pointer}.game-tile.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.game-tile.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.game-tile.disabled{opacity:.6;cursor:not-allowed}.game-tile-thumb{width:100%;aspect-ratio:16/7;position:relative;overflow:hidden;background:var(--bg-elev)}.game-tile-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.game-tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--game-accent) 0%,color-mix(in srgb,var(--game-accent) 60%,#000) 100%);color:#ffffffd9;font-weight:800;font-size:2rem;letter-spacing:.05em;text-shadow:0 2px 10px rgba(0,0,0,.4)}.game-tile-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 50% -20%,rgba(255,255,255,.35),transparent 60%);pointer-events:none}.game-tile-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}.game-tile-name{font-weight:600;font-size:1.05rem}.game-tile-tagline{font-size:.8rem;color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-tile-players-badge{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:#0000008c;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.02em;line-height:1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none}.game-tile-hero{border:none;background:transparent;border-radius:var(--radius);margin-bottom:4px;box-shadow:none}.game-tile-hero .game-tile-thumb{border-radius:var(--radius)}.game-tile-hero:hover{transform:none;box-shadow:none}.game-option{padding:16px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left}.game-option.selected{border-color:var(--accent);background:var(--accent-soft)}.game-name{font-weight:600;margin-bottom:4px}.game-meta{font-size:.8rem;color:var(--muted)}.game-detail{gap:16px;padding-bottom:3rem}.game-detail-back{align-self:flex-start;padding:8px 14px;font-size:.9rem}.game-detail-info{text-align:left;overflow:hidden}.game-detail-thumb{float:left;width:120px;height:120px;margin:0 16px 10px 0;border-radius:var(--radius);overflow:hidden;aspect-ratio:1}.game-detail-title{margin:0 0 6px;font-size:2rem}.game-detail-tagline{margin:0 0 8px;color:var(--muted);font-size:1.15rem;line-height:1.4}.game-detail-players{margin:0;font-size:.85rem;color:var(--text)}.game-detail-rules{margin-top:16px}.game-detail-rules h3{margin:0 0 8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.game-detail-rules ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.game-detail-rules li{position:relative;padding:8px 12px 8px 24px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);line-height:1.45}.game-detail-rules li:before{content:"";position:absolute;left:10px;top:14px;width:6px;height:6px;border-radius:999px;background:var(--accent)}.config-panel{padding:16px;background:var(--bg-elev-2);border-radius:var(--radius);border:1px solid var(--border);margin-top:16px}.game-detail-start{width:100%;padding:16px;font-size:1.1rem;margin-top:16px}.game-detail-settings{text-align:left}.game-detail-settings h2{margin:0 0 12px}.game-detail-advanced{margin-bottom:16px}.game-detail-advanced summary{cursor:pointer;font-weight:600;font-size:.95rem;color:var(--muted);padding:8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-detail-advanced summary:hover{color:var(--text)}.game-detail-advanced-body{padding-top:12px}.game-detail-actions{display:flex;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.game-detail-actions .ghost{flex:0 0 auto;min-width:100px}.game-detail-actions .primary{flex:1;width:auto}.cg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2147483000;padding:16px;animation:cg-overlay-in .25s ease-out forwards}@keyframes cg-overlay-in{0%{opacity:0}to{opacity:1}}.cg-modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:420px;width:100%;box-shadow:var(--shadow);text-align:center;color:var(--text);--muted: #888;animation:cg-modal-in .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cg-modal-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.game-countdown{display:flex;align-items:center;justify-content:center;min-height:60vh}.game-countdown-card{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.game-countdown-game-name{font-size:2rem;font-weight:900;margin:0}.game-countdown-label{font-size:1rem;color:var(--muted);margin:0}.game-countdown-waiting{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--muted)}.game-countdown-number{font-size:6rem;font-weight:900;line-height:1;color:var(--accent);animation:countdown-pulse 1s ease-in-out infinite}.game-countdown-actions{display:flex;gap:10px}@keyframes countdown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.game-over-overlay{background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-over-modal{max-width:480px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.game-over-heading{padding:8px 0}.game-over-heading .label{color:var(--muted)}.game-over-title{margin:4px 0 0;font-size:1.9rem;font-weight:800;color:var(--text)}.game-over-actions{display:flex;gap:10px;width:100%;justify-content:center;flex-wrap:wrap;padding-top:8px}.game-over-actions .primary{flex:1;min-width:140px;width:auto}.game-over-actions .ghost{min-width:100px;width:100%;text-align:center}.setup-modal{max-width:640px;text-align:left;position:relative;max-height:90vh;overflow-y:auto;padding:20px}.setup-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:999px;border:none;background:transparent;color:var(--muted);font-size:1.1rem;cursor:pointer;z-index:1}.setup-close:hover{color:var(--text);background:#ffffff0f}.setup-header{padding:12px 4px 4px}.setup-header h2{margin:0 0 4px;font-size:1.4rem;text-transform:none;letter-spacing:normal;color:var(--text)}.setup-invite{margin:0 0 4px;font-size:.9rem;color:var(--accent);font-weight:600}.setup-tagline{margin:0 0 6px;color:var(--muted);font-size:.95rem;line-height:1.4}.setup-players{margin:0;font-size:.85rem;color:var(--muted)}.setup-body{margin:16px 0}.setup-section h3{margin:0 0 8px;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.setup-section+.setup-section{margin-top:18px}.setup-rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.setup-rules li{position:relative;padding:8px 12px 8px 28px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);line-height:1.45}.setup-rules li:before{content:"";position:absolute;left:12px;top:14px;width:6px;height:6px;border-radius:999px;background:var(--accent)}.setup-primary{margin-top:8px;width:100%}.setup-joined-state{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:8px}.setup-joined-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;background:#000;color:#fff;border-radius:var(--radius);font-weight:700;font-size:1rem;letter-spacing:.04em}.setup-joined-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--success);color:#000;font-weight:900;font-size:.85rem}.setup-leave{align-self:center;min-width:120px}.setup-waiting-msg{margin:0;text-align:center}.setup-joined{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.setup-joined li{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:8px 12px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius)}.setup-joined li.status-joined{border-color:#3dd68c66;background:#3dd68c14}.setup-joined li.status-skipped{opacity:.6}.setup-joined-dot{width:22px;height:22px;border-radius:999px;background:var(--bg);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--muted)}.setup-joined li.status-joined .setup-joined-dot{background:var(--success);border-color:var(--success);color:#fff}.setup-joined-name{display:flex;align-items:center;gap:8px;font-weight:500}.setup-joined-status{font-size:.85rem;color:var(--muted)}.confirm-dialog{max-width:420px}.confirm-dialog h2{margin:0 0 10px;text-align:center}.confirm-message{color:var(--muted);margin:0 0 18px;line-height:1.45;text-align:center}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-actions button{flex:1}.cg-overlay .cg-modal .primary.danger{background:var(--danger)}.cg-overlay .cg-modal .primary.danger:hover:not(:disabled){filter:brightness(1.1)}.change-name-field{display:flex;flex-direction:column;gap:6px;margin:12px 0 16px}.change-name-field input{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);font-size:1rem;font-family:inherit}.change-name-field input:focus{border-color:var(--accent);outline:none}.error{color:var(--danger);background:#ff6b7a1a;border:1px solid var(--danger);padding:10px 12px;border-radius:var(--radius);margin-bottom:12px;font-size:.9rem}.rom-modal{max-width:560px;max-height:calc(100dvh - 32px);display:flex;flex-direction:column;text-align:left}.rom-modal>.label{flex-shrink:0}.rom-modal>.primary{flex-shrink:0;margin-top:8px;width:100%}.rom-title{font-size:1.6rem;font-weight:800;color:var(--text);margin:4px 0 16px;flex-shrink:0}.rom-header{flex-shrink:0;text-align:center;margin-bottom:1rem;font-size:1rem;color:var(--muted)}.rom-header strong{color:var(--text);font-size:1.1rem;letter-spacing:.05em}.rom-players{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1 1 auto;min-height:0;padding-bottom:.5rem}.rom-player{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.rom-player-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.rom-player-name{font-weight:800;font-size:1rem;color:var(--text)}.rom-player-score{font-size:.8rem;color:var(--muted)}.rom-words{display:flex;flex-wrap:wrap;gap:5px}.rom-no-words{color:var(--muted);font-size:.78rem;font-style:italic}.cg-avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover;width:var(--chip-avatar);height:var(--chip-avatar);font-size:calc(var(--chip-avatar) * .5)}.game-mute-btn{position:fixed;top:12px;right:12px;z-index:50;width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);font-size:1.05rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.game-mute-btn:hover{background:var(--bg-elev)}.game-mute-btn[aria-pressed=true]{opacity:.55}.game-paused-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;display:flex;align-items:center;justify-content:center}.game-paused-growl{border:4px solid transparent;background:linear-gradient(135deg,#0a1628,#000) padding-box,var(--grad-blue) border-box;border-radius:16px;padding:2rem 3rem;text-align:center;color:#fff;pointer-events:none;animation:game-paused-growl-in .3s ease-out forwards}.game-paused-growl .game-growl-title{font-size:1.75rem}.game-paused-growl .game-growl-subtitle{font-weight:400}@keyframes game-paused-growl-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.podium{display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 8px 16px;max-width:400px;margin:0 auto 24px}.podium-col{width:100%;display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius);background:var(--bg-elev-2);border:1px solid var(--border);animation:podium-rise .55s cubic-bezier(.34,1.56,.64,1) both}.podium-col.rank-1{animation-delay:.35s}.podium-col.rank-2{animation-delay:.1s}.podium-col.rank-3{animation-delay:.55s}.podium-col.empty{opacity:.35}.podium-meta{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1}.podium-medal{font-size:1.8rem;line-height:1;flex-shrink:0}.podium-name{font-weight:700;font-size:1rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-points{font-size:.9rem;color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums;margin-left:auto;flex-shrink:0}.podium-block{display:none;border-bottom:none}.podium-col.rank-1{border-color:#fdd835;background:linear-gradient(90deg,rgba(253,216,53,.15) 0%,var(--bg-elev-2) 100%)}.podium-col.rank-2{border-color:#b4b4c880}.podium-col.rank-3{border-color:#cd7f328c}.podium-rank{display:none}@keyframes podium-rise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.podium-rest{list-style:none;max-width:420px;margin:0 auto 20px;padding:0;display:flex;flex-direction:column;gap:6px}.podium-rest li{display:grid;grid-template-columns:32px auto 1fr auto;align-items:center;gap:10px;padding:8px 14px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);font-size:.9rem}.podium-rest li.winner{border-color:#fdd83566}.podium-rest .rank{font-weight:700;color:var(--muted)}.podium-rest .name{font-weight:500}.podium-rest .score{color:var(--accent);font-weight:600}.phase-timer{width:100%;max-width:320px;display:flex;flex-direction:column;gap:4px;margin:4px auto 0}.phase-timer-track{position:relative;height:4px;border-radius:99px;background:#ffffff0f;overflow:hidden}.phase-timer-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff59;border-radius:99px;width:100%}.phase-timer.urgent .phase-timer-fill{background:var(--danger)}.phase-timer-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.phase-timer.urgent .phase-timer-seconds{color:var(--danger)}.config-panel{display:flex;flex-direction:column;gap:16px}.config-field{display:flex;flex-direction:column;gap:6px;padding:12px 0;border-bottom:1px solid var(--border)}.config-field:last-child{border-bottom:none}.config-label{font-size:.9rem;font-weight:600;color:var(--text)}.config-hint{font-size:.8rem;color:var(--muted);margin:-2px 0 2px}.pack-picker{display:flex;flex-direction:column;gap:8px}.pack-picker-summary{font-size:.85rem;color:var(--muted);font-weight:600}.pack-picker-warning{font-size:.8rem;color:var(--warn, #f2b24b);padding:.4rem .6rem;background:#f2b24b14;border-radius:6px;margin-top:.35rem}.pack-group-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pack-group-toggle{background:none;border:none;color:var(--text);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:6px}.pack-group-arrow{font-size:.75rem;width:12px}.pack-group-count{color:var(--muted);font-weight:400}.pack-group-all{background:none;border:none;color:var(--accent);font:inherit;font-size:.75rem;cursor:pointer;padding:2px 6px}.pack-list{display:flex;flex-direction:column;gap:2px;margin-left:18px;max-height:200px;overflow-y:auto}.pack-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .1s}.pack-item:hover{background:#ffffff0d}.pack-item.checked{background:#7c6cff1a}.pack-item input[type=checkbox]{accent-color:var(--accent)}.pack-name{flex:1;color:var(--text)}.pack-count{color:var(--muted);font-size:.7rem}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 14px;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:999px;font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.chip:hover:not(:disabled){border-color:var(--accent)}.chip.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chip:disabled{opacity:.4;cursor:not-allowed}.toggle-row{width:100%}.emoji-set-grid{display:flex;flex-wrap:wrap;gap:8px}.emoji-set-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev-2);cursor:pointer;transition:border-color .15s,transform .1s}.emoji-set-tile:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.emoji-set-tile.selected{background:var(--accent-soft);border-color:var(--accent)}.emoji-set-tile:disabled{cursor:default}.emoji-set-preview{font-size:1.5rem;letter-spacing:.05em;line-height:1}.emoji-set-name{font-size:.85rem;font-weight:500;color:var(--text)}.leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.leaderboard-list li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;padding:10px 14px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius)}.leaderboard-list .rank{font-weight:700;color:var(--muted)}.leaderboard-list .name{font-weight:500}.leaderboard-list .points{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent)}.muted{color:var(--muted)}.muted.small{font-size:.75rem;margin-top:12px}.house-rules{max-width:520px;text-align:left}.house-rules h2{text-align:center;margin:0 0 4px}.house-rules .muted.small{text-align:center;margin:0 0 14px}.rules-list{list-style:none;padding:0;margin:16px 0 20px;display:flex;flex-direction:column;gap:10px}.rule-toggle{width:100%;display:flex;align-items:flex-start;gap:14px;padding:12px 14px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.rule-toggle:hover:not(:disabled){border-color:var(--accent)}.rule-toggle:disabled{cursor:not-allowed;opacity:.8}.rule-body{display:flex;flex-direction:column;gap:4px;flex:1}.rule-label{font-weight:600;font-size:.98rem}.rule-hint{color:var(--muted);font-size:.82rem;line-height:1.4}.switch{flex-shrink:0;width:38px;height:22px;border-radius:999px;background:var(--bg);border:1px solid var(--border);position:relative;transition:background .18s ease,border-color .18s ease;margin-top:2px}.switch .knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:var(--muted);transition:transform .18s ease,background .18s ease}.rule.on .switch,.on>.switch,[aria-checked=true]>.switch{background:var(--accent);border-color:var(--accent)}.rule.on .switch .knob,.on>.switch .knob,[aria-checked=true]>.switch .knob{transform:translate(16px);background:#fff}.rule-numeric{margin-top:14px;padding:12px 14px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius)}.rule-numeric.disabled{opacity:.55}.rule-numeric-head{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.rule-pill-row{display:flex;gap:6px;flex-wrap:wrap}.rule-pill{flex:1 1 auto;min-width:54px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--muted);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.rule-pill:hover:not(:disabled):not(.active){color:var(--text);border-color:var(--accent)}.rule-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.rule-pill:disabled{cursor:not-allowed;opacity:.6}.word-feed{padding:.5rem 1rem;text-align:center;max-width:500px;margin:0 auto;width:100%}.word-feed-header{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;display:flex;justify-content:space-between;align-items:baseline}.word-feed-count{font-size:.8rem;font-weight:600;color:var(--text);text-transform:none;letter-spacing:0}.word-feed-list{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.word-feed-columns{list-style:none;padding:0;margin:0;-moz-column-count:2;column-count:2;-moz-column-gap:5px;column-gap:5px;width:100%}@media (min-width: 720px){.word-feed-columns{-moz-column-count:1;column-count:1}}.word-feed-columns .word-pill{margin-bottom:4px;width:100%}.word-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.75rem;background:#ffffff59;-moz-column-break-inside:avoid;break-inside:avoid}.word-pill-text{font-weight:700;letter-spacing:.03em;color:var(--text)}.word-pill--found .word-pill-text{position:relative}.word-pill--found .word-pill-text:after{content:"";position:absolute;top:0;left:-2px;right:-2px;bottom:0;background:linear-gradient(to top right,transparent calc(50% - 1px),var(--text) calc(50% - 1px),var(--text) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}.word-pill--first{border:1px solid var(--accent)}.word-pill-score{margin-left:auto;font-size:.6rem;font-weight:700;color:#fff;white-space:nowrap;padding:1px 6px;border-radius:999px;background:var(--accent)}.word-pill-badge{font-size:.55rem;font-weight:700;color:#fff;padding:1px 4px;border-radius:3px;background:var(--accent)}.game-header{padding:0 8px 8px}.round-title{font-size:1.4rem;font-weight:700}.number-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}@media (max-width: 480px){.number-grid{grid-template-columns:repeat(3,1fr)}}.number-tile{aspect-ratio:1;font-size:2rem;font-weight:700;background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);transition:transform .08s ease,border-color .15s ease,background .15s ease}.number-tile:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.number-tile:active{transform:translateY(0)}.progress{color:var(--muted);text-align:center;margin-top:8px;font-size:.9rem}.reveal-card{padding:32px;text-align:center}.reveal-headline{margin-bottom:20px}.big-number{font-size:5rem;font-weight:800;line-height:1;color:var(--accent);margin:6px 0}.reveal-list{list-style:none;padding:0;margin:18px 0;display:flex;flex-direction:column;gap:6px}.reveal-list li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 14px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius);text-align:left}.reveal-list li.hit{border-color:var(--success);background:#3dd68c1f}.reveal-list .guess{color:var(--muted)}.reveal-list .points{font-weight:600;color:var(--accent)}.reveal-list li.miss .points{color:var(--muted)}.reveal-gameover{font-size:1.1rem;margin:16px 0;color:var(--success);font-weight:600}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);padding:10px 16px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);z-index:999999;font-size:.9rem}.toast.error{border-color:var(--danger);color:var(--danger)}.toast.warn{border-color:var(--warn);color:var(--warn)}.toast.info{background:#111;border-color:#333;color:#fff}.app-gear-btn{position:fixed;bottom:1rem;right:1rem;z-index:500;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff14;color:var(--muted);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.app-gear-btn:hover{background:#ffffff26;color:var(--text)}.not-enough-players-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#000000bf;display:flex;align-items:center;justify-content:center}.not-enough-players-modal{background:var(--bg-elev, #fff);border:1px solid var(--border, rgba(0, 0, 0, .08));border-radius:16px;padding:2rem;max-width:340px;text-align:center}.not-enough-players-modal h2{margin:0 0 .75rem;font-size:1.3rem}.not-enough-players-modal p{margin:0 0 .5rem;color:var(--muted)}.app-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:#0009;display:flex;align-items:center;justify-content:center}.app-settings-modal{background:var(--bg-elev, #fff);border:1px solid var(--border, rgba(0, 0, 0, .08));border-radius:16px;padding:1.5rem;min-width:240px;max-width:320px;display:flex;flex-direction:column;gap:.75rem;text-align:center}.app-settings-modal h3{margin:0 0 .25rem;font-size:1.1rem}.app-settings-actions{display:flex;flex-direction:column;gap:.5rem}.app-settings-actions .ghost{width:100%;text-align:center}.spectator-pill{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:900;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;font-size:.8rem;font-weight:600;color:var(--muted);box-shadow:0 4px 16px #0000004d;white-space:nowrap;pointer-events:auto}.spectator-pill-btn{padding:4px 14px;font-size:.75rem;font-weight:600;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev-2);color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.spectator-pill-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.spectator-view{pointer-events:none}.spectator-view .spectator-pill,.spectator-view .game-mute-btn{pointer-events:auto}