:root{--color-background: #17113a;--color-surface: #241b4e;--color-surface-elevated: #30205f;--color-text: #fff7ed;--color-muted: #c4b5fd;--color-accent: #ff4d8d;--color-accent-strong: #e0366f;--color-pink: #ff4d8d;--color-purple: #8b5cf6;--color-cyan: #22d3ee;--color-orange: #fb923c;--color-yellow: #facc15;--color-mint: #34d399;--color-coral: #fb7185;--color-error: #fb7185;--color-border: rgba(196, 181, 253, .18);--color-input-bg: rgba(196, 181, 253, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--shadow-soft: 0 20px 60px rgba(23, 17, 58, .6);--shadow-glow: 0 24px 60px -30px rgba(139, 92, 246, .7);--shadow-pink-glow: 0 10px 28px -10px rgba(255, 77, 141, .9)}*{box-sizing:border-box}html{color:var(--color-text);background:var(--color-background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;overflow-x:hidden;background-image:radial-gradient(circle at 15% 0%,rgba(139,92,246,.28),transparent 45%),radial-gradient(circle at 85% 15%,rgba(14,111,143,.35),transparent 45%),radial-gradient(circle at 50% 100%,rgba(43,20,95,.55),transparent 55%);background-attachment:fixed;min-height:100vh}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--color-pink);outline-offset:3px}.app-shell{width:min(1100px,calc(100% - 24px));min-height:100vh;margin:0 auto;padding:clamp(1rem,4vw,var(--space-6)) 0}.profile-page{display:grid;place-items:center}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-3);font-size:clamp(2.2rem,8vw,4.5rem);line-height:.98}h2{font-size:clamp(1.4rem,4vw,2rem)}label,legend{font-weight:800}.eyebrow,.muted-label{margin:0 0 var(--space-2);color:var(--color-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.lead{color:var(--color-muted);font-size:1.05rem;line-height:1.6}.phase-note{min-height:1.3em;margin:0;font-size:.95rem;color:var(--color-muted)}.field-hint{min-height:1.3em;margin:0;font-size:.9rem;color:var(--color-muted)}.field-error,.form-error{min-height:1.3em;margin:0;font-size:.9rem;color:var(--color-coral);font-weight:700}.card{padding:clamp(1rem,3vw,var(--space-5));background:#241b4ecc;border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-glow{box-shadow:var(--shadow-glow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:44px;min-height:48px;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:var(--radius-lg);font-weight:800;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,box-shadow .15s,opacity .15s,transform .1s}.button:active:not(:disabled){transform:translateY(1px)}.button-primary{color:#1a0a12;background:var(--color-pink);box-shadow:var(--shadow-pink-glow)}.button-primary:hover:not(:disabled){filter:brightness(1.12)}.button-secondary{color:var(--color-text);background:var(--color-surface-elevated);border-color:var(--color-border)}.button-secondary:hover:not(:disabled){border-color:#8b5cf680}.button-ghost{color:var(--color-muted);background:transparent;border-color:transparent}.button-ghost:hover:not(:disabled){color:var(--color-text);background:#ffffff0d}.button-destructive{color:var(--color-coral);background:#fb71851f;border-color:#fb718559}.button-destructive:hover:not(:disabled){background:#fb718538}.button-disabled,.button:disabled{color:var(--color-muted);background:#c4b5fd0f;border-color:var(--color-border);box-shadow:none;cursor:not-allowed;opacity:.55}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;height:1.5rem;padding:0 .6rem;border:1px solid transparent;border-radius:999px;font-size:.73rem;font-weight:800;line-height:1;white-space:nowrap}.badge-pink{color:var(--color-pink);background:#ff4d8d26;border-color:#ff4d8d59}.badge-cyan{color:var(--color-cyan);background:#22d3ee26;border-color:#22d3ee59}.badge-purple{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf666}.badge-orange{color:var(--color-orange);background:#fb923c26;border-color:#fb923c59}.badge-yellow{color:var(--color-yellow);background:#facc1526;border-color:#facc1559}.badge-mint{color:var(--color-mint);background:#34d39926;border-color:#34d39959}.badge-coral{color:var(--color-coral);background:#fb718526;border-color:#fb718559}.badge-neutral{color:var(--color-muted);background:#ffffff0f;border-color:var(--color-border)}.status-message{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;text-align:center}.status-message-info{color:var(--color-cyan);background:#22d3ee1a;border-color:#22d3ee40}.status-message-success{color:var(--color-mint);background:#34d3991a;border-color:#34d39940}.status-message-warning{color:var(--color-yellow);background:#facc151a;border-color:#facc1540}.status-message-danger{color:var(--color-coral);background:#fb71851a;border-color:#fb718540}.status-message-neutral{color:var(--color-muted);background:#ffffff0a;border-color:var(--color-border)}input,select{min-height:48px;width:100%;padding:0 var(--space-4);color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .15s}input::placeholder{color:#c4b5fd73}input:focus-visible,select:focus-visible{border-color:var(--color-pink);outline:none;box-shadow:0 0 0 4px #ff4d8d33}input:disabled,select:disabled{color:var(--color-muted);background:#c4b5fd0a;opacity:.6;cursor:not-allowed}.room-code-input{text-align:center;font-size:1.6rem;font-weight:900;letter-spacing:.4em;text-transform:uppercase;height:60px;border-color:#22d3ee4d}.room-code-input:focus-visible{border-color:var(--color-cyan);box-shadow:0 0 0 4px #22d3ee33}.segmented-control{display:flex;gap:var(--space-1);padding:var(--space-1);background:#17113a80;border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%}.segmented-option{flex:1;display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--space-2);border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;color:var(--color-muted);background:transparent;cursor:pointer;transition:all .15s}.segmented-option:disabled{cursor:not-allowed;opacity:.55}.segmented-option[aria-pressed=true].seg-pink{color:#1a0a12;background:var(--color-pink);box-shadow:0 6px 16px -8px #ff4d8de6}.segmented-option[aria-pressed=true].seg-cyan{color:#06252e;background:var(--color-cyan);box-shadow:0 6px 16px -8px #22d3eee6}.segmented-option[aria-pressed=true].seg-orange{color:#2e1305;background:var(--color-orange);box-shadow:0 6px 16px -8px #fb923ce6}.segmented-option[aria-pressed=true].seg-purple{color:#fff;background:var(--color-purple);box-shadow:0 6px 16px -8px #8b5cf6e6}.segmented-option[aria-pressed=true].seg-mint{color:#03342a;background:var(--color-mint);box-shadow:0 6px 16px -8px #34d399e6}.segmented-option:not([aria-pressed=true]):not(:disabled):hover{color:var(--color-text)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);background:#17113a80;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s}.toggle-row:not(:disabled):hover{border-color:#8b5cf673}.toggle-row:disabled{cursor:not-allowed;opacity:.55}.toggle-row-label{font-size:.9rem;font-weight:700;color:var(--color-text)}.toggle-track{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;border-radius:999px;flex-shrink:0;transition:background .2s}.toggle-track[data-checked=true]{background:var(--color-mint)}.toggle-track[data-checked=false]{background:#ffffff26}.toggle-thumb{position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;transition:transform .2s}.toggle-track[data-checked=true] .toggle-thumb{transform:translate(22px)}.toggle-track[data-checked=false] .toggle-thumb{transform:translate(2px)}.profile-form{display:grid;gap:var(--space-5)}.field-group,.avatar-field,.join-form{display:grid;gap:var(--space-2)}.avatar-field{padding:0;border:0}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:var(--space-3)}.avatar-option{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:var(--space-2);background:#17113a80;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,transform .1s}.avatar-option:hover:not([data-selected=true]){transform:translateY(-2px)}.avatar-option span{display:block;margin-top:var(--space-1);font-size:.72rem;font-weight:800;color:var(--color-mint)}.avatar-option[data-selected=true]{border-color:var(--color-pink);box-shadow:0 0 0 3px #ff4d8d4d}.avatar-check-mark{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-pink);border-radius:50%;font-size:.7rem;font-weight:900;color:#fff}.avatar{display:block;flex:0 0 auto}.avatar-small{width:40px;height:40px}.avatar-medium{width:64px;height:64px;margin:0 auto}.avatar-large{width:80px;height:80px}.avatar-xl{width:96px;height:96px}.form-actions,.room-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.profile-panel{width:min(680px,100%);min-width:0;padding:clamp(1.25rem,4vw,2rem);background:#241b4ed9;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-avatar-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);background:#17113a80;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.home-page{display:grid;gap:var(--space-5)}.home-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.home-brand-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:.4rem 1rem;background:#ffffff0d;border:1px solid var(--color-border);border-radius:999px;font-size:.78rem;font-weight:700;color:var(--color-muted)}.home-title{margin:0;font-size:clamp(2.8rem,10vw,5.5rem);font-weight:900;line-height:.95;letter-spacing:-.02em}.home-title-pink{background:linear-gradient(135deg,var(--color-pink),var(--color-orange),var(--color-yellow));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-title-cyan{background:linear-gradient(135deg,var(--color-cyan),var(--color-mint));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-subtitle{max-width:420px;color:var(--color-muted);font-size:1rem;font-weight:600;line-height:1.6}.home-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(280px,2fr);align-items:start}.home-grid>*{min-width:0}.player-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#241b4ed9;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-card-copy{min-width:0;flex:1}.player-card-label{margin:0 0 var(--space-1);font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.player-card strong{display:block;font-size:1.4rem;font-weight:900;overflow-wrap:anywhere;color:var(--color-text)}.server-status-pill{display:inline-flex;align-items:center;gap:.35rem;margin-top:var(--space-2)}.server-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.server-dot-ready{background:var(--color-mint)}.server-dot-waking{background:var(--color-yellow);animation:pulse-dot 1.2s ease-in-out infinite}.server-dot-unavailable{background:var(--color-coral)}.server-dot-checking{background:var(--color-muted);animation:pulse-dot 1.2s ease-in-out infinite}.server-status{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;min-height:48px;padding:var(--space-3) var(--space-4);background:#17113a80;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.server-status span{flex:1 1 220px;min-width:0;overflow-wrap:anywhere;font-size:.9rem;font-weight:600}.server-status[data-status=ready] span{color:var(--color-mint)}.server-status[data-status=waking] span{color:var(--color-yellow)}.server-status[data-status=unavailable] span,.server-status[data-status=misconfigured] span{color:var(--color-coral);font-weight:700}.create-room-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);background:#241b4ecc;border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-wrap:wrap}.join-room-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:#241b4ecc;border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.join-row{display:grid;grid-template-columns:minmax(100px,1fr) auto;gap:var(--space-3)}.game-cards-column{display:flex;flex-direction:column;gap:var(--space-4)}.game-preview-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#241b4ecc;border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:left;cursor:default;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-preview-header{display:flex;align-items:center;gap:var(--space-3)}.game-preview-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0;font-size:1.5rem}.game-preview-title{margin:0;font-size:1.05rem;font-weight:900}.game-preview-tagline{font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.game-preview-desc{margin:0;font-size:.875rem;font-weight:600;color:var(--color-muted);line-height:1.5}.lobby-page{display:grid;align-items:start}.lobby-panel{display:grid;gap:var(--space-5);width:100%;min-width:0}.lobby-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.lobby-topbar-left{display:flex;align-items:center;gap:var(--space-3)}.lobby-room-code-hero{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#241b4ecc;border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby-room-code-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.room-code-display{font-size:1.4rem;font-weight:900;letter-spacing:.25em;color:var(--color-cyan);margin:0}.lobby-grid-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:var(--space-4);align-items:start}.players-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:#241b4ecc;border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.players-card-header{display:flex;align-items:center;justify-content:space-between}.section-label{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted)}.lobby-player-list{display:flex;flex-direction:column;gap:var(--space-2)}.lobby-player-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#17113a80;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .15s}.lobby-player-card[data-local=true]{border-color:#22d3ee73;box-shadow:0 0 0 2px #22d3ee1f}.lobby-player-copy{min-width:0;flex:1}.lobby-player-name{margin:0;font-size:1rem;font-weight:800;overflow-wrap:anywhere;line-height:1.2;color:var(--color-text)}.lobby-player-badges{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.open-seat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#17113a4d;border:1px dashed rgba(196,181,253,.2);border-radius:var(--radius-lg)}.open-seat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px dashed rgba(196,181,253,.3);border-radius:50%;color:#c4b5fd66;font-size:1.1rem;flex-shrink:0}.open-seat-label{font-size:.85rem;font-weight:700;color:#c4b5fd80}.status-pill{display:inline-flex;min-height:24px;align-items:center;padding:.2rem .5rem;background:#ffffff14;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:800}.status-pill-host{color:var(--color-yellow);background:#facc1526;border-color:#facc1559}.game-selection-card,.settings-card,.lobby-actions-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:#241b4ecc;border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.game-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:#17113a80;border:2px solid transparent;border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s}.game-card:disabled{cursor:not-allowed;opacity:.55}.game-card:not(:disabled):hover{transform:translateY(-1px)}.game-card-header{display:flex;align-items:center;justify-content:space-between}.game-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);font-size:1.3rem;color:#fff;flex-shrink:0}.game-card-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:900;color:#fff}.game-card-title{margin:0;font-size:1rem;font-weight:900;color:var(--color-text)}.game-card-tagline{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.game-card-desc{margin:0;font-size:.82rem;font-weight:600;color:var(--color-muted);line-height:1.4}.settings-panel{display:flex;flex-direction:column;gap:var(--space-4)}.settings-field{display:flex;flex-direction:column;gap:var(--space-2)}.settings-field-label{padding-left:var(--space-1);font-size:.85rem;font-weight:700;color:var(--color-muted)}.settings-readonly-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#17113a80;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.settings-readonly-label{font-size:.875rem;font-weight:700;color:var(--color-muted)}.settings-host-only-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-2);font-size:.78rem;font-weight:600;color:#c4b5fd99}.lobby-actions,.game-route-actions,.lobby-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.lobby-stats span{padding:.35rem .7rem;color:var(--color-muted);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:700}.game-phase-panel{min-height:65vh;align-content:center;text-align:center}.countdown-display{margin:0;font-size:clamp(4rem,20vw,10rem);font-weight:900;color:var(--color-yellow);line-height:1;text-shadow:0 0 40px rgba(250,204,21,.5)}.most-likely-panel{gap:var(--space-4)}.question-hero{position:relative;overflow:hidden;padding:var(--space-6) clamp(var(--space-4),5vw,var(--space-6));background-image:linear-gradient(135deg,#ff4d8d,#8b5cf6 55%,#22d3ee);border-radius:var(--radius-xl);text-align:center;color:#fff}.question-hero:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:#ffffff1f;border-radius:50%;filter:blur(30px)}.question-eyebrow{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#ffffffbf}.question-text{margin:var(--space-2) 0 0;font-size:clamp(1.4rem,4vw,2rem);font-weight:900;line-height:1.2}.vote-phase-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.vote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--space-3)}.vote-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);min-height:130px;padding:var(--space-4) var(--space-3);background:#241b4ecc;border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s,transform .1s;color:var(--color-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.vote-card:not([data-disabled=true]):hover{transform:translateY(-2px)}.vote-card[data-selected=true]{border-color:var(--color-pink);box-shadow:0 0 0 3px #ff4d8d40}.vote-card[data-disabled=true]{cursor:not-allowed;opacity:.5}.vote-card span{font-size:.875rem;font-weight:700;overflow-wrap:anywhere}.vote-card em{font-style:normal;font-size:.72rem;font-weight:800;color:var(--color-muted)}.vote-card strong{font-size:.72rem;font-weight:800;color:var(--color-pink)}.vote-selected-label{display:flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:800;color:var(--color-pink)}.player-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.player-strip-item{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:700}.winner-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);flex-wrap:wrap;background-image:linear-gradient(120deg,var(--color-pink),var(--color-orange));border-radius:var(--radius-xl);color:#fff}.winner-banner-copy{min-width:0;flex:1}.winner-banner-label{display:flex;align-items:center;gap:var(--space-1);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fffc}.winner-banner-name{font-size:1.4rem;font-weight:900;margin:var(--space-1) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.winner-banner-votes{text-align:right;flex-shrink:0}.winner-votes-number{font-size:1.8rem;font-weight:900;line-height:1}.winner-votes-label{font-size:.72rem;font-weight:700;color:#fffc}.score-list{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:640px;margin:0 auto}.score-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);flex-wrap:wrap;background:#17113a80;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .15s}.score-row[data-winner=true]{border-color:#ff4d8d73}.score-row-rank{width:24px;text-align:center;font-size:.85rem;font-weight:800;color:var(--color-muted);flex-shrink:0}.score-row-name-col{min-width:0;flex:1}.score-row-name{font-size:.95rem;font-weight:800;overflow-wrap:anywhere}.score-vote-bar{margin-top:var(--space-1);height:6px;width:100%;background:#ffffff14;border-radius:999px;overflow:hidden}.score-vote-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.score-numbers{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;text-align:right}.score-round-col{display:flex;flex-direction:column}.score-round-num{font-size:1.1rem;font-weight:900;line-height:1}.score-round-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--color-muted)}.score-total-chip{min-width:40px;padding:var(--space-1) var(--space-2);background:#ffffff0f;border-radius:var(--radius-md);text-align:center}.score-total-num{font-size:1.1rem;font-weight:900;color:var(--color-cyan);line-height:1}.score-total-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--color-muted)}.ranking-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0;width:100%;max-width:640px;margin:0 auto}.ranking-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#17113a80;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ranking-position{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.85rem;font-weight:900;flex-shrink:0;background:#ffffff0f}.ranking-position-1{background:var(--color-yellow);color:#2a1a05}.ranking-name-col{min-width:0;flex:1}.ranking-name{font-size:.95rem;font-weight:800;overflow-wrap:anywhere}.ranking-badges{display:flex;gap:var(--space-1);margin-top:var(--space-1)}.ranking-score-chip{min-width:48px;padding:var(--space-1) var(--space-3);background:#ffffff0d;border-radius:var(--radius-md);text-align:right}.ranking-score-num{font-size:1.1rem;font-weight:900;color:var(--color-cyan);line-height:1;white-space:nowrap}.ranking-score-label{font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--color-muted)}.podium-row{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5) 0}.podium-spot{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-2)}.podium-platform{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:var(--radius-md) var(--radius-md) 0 0;padding-top:var(--space-3)}.podium-place{font-size:1.5rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.podium-score-chip{margin-top:var(--space-1);padding:.15rem var(--space-2);background:#00000040;border-radius:999px;font-size:.8rem;font-weight:900;color:#fff}.podium-name{margin:0;font-size:.8rem;font-weight:800;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 var(--space-1)}.winner-title-gradient{background:linear-gradient(135deg,var(--color-yellow),var(--color-orange),var(--color-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.drop-rush-panel{gap:var(--space-4);min-width:0}.drop-rush-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:var(--space-3) var(--space-2);background:#241b4ecc;border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hud-stat-label{display:flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.hud-stat-value{font-size:1.5rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.drop-rush-header{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between}.drop-rush-header h1{margin:0}.drop-rush-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:var(--space-4);align-items:start;min-width:0}.drop-rush-board-wrapper{padding:var(--space-2);background:#1a1040e6;border:2px solid rgba(139,92,246,.5);border-radius:var(--radius-xl);box-shadow:0 20px 50px -25px #8b5cf6cc}.drop-rush-board{width:100%;max-width:100%;min-width:0;min-height:260px;max-height:60vh;aspect-ratio:10 / 7;overflow:hidden;touch-action:none;background:#1a1040;border-radius:var(--radius-lg)}.drop-rush-board canvas{display:block;max-width:100%}.drop-position-controls{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:#241b4ecc;border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.drop-position-header{display:flex;align-items:center;justify-content:space-between}.drop-position-label{font-size:.85rem;font-weight:700;color:var(--color-muted)}.drop-position-value{font-size:.85rem;font-weight:900;color:var(--color-cyan)}.drop-position-controls input[type=range]{width:100%;max-width:100%;min-width:0;height:8px;padding:0;min-height:unset;border:none;background:#ffffff1f;border-radius:999px;accent-color:var(--color-pink);cursor:pointer}.drop-rush-scoreboard{display:flex;flex-direction:column;gap:var(--space-2)}.not-found{display:grid;place-content:center;justify-items:center;text-align:center;gap:var(--space-4);min-height:60vh}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes pop-up{0%{opacity:0;transform:translate(-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-10px) scale(1.1)}to{opacity:0;transform:translate(-50%,-48px) scale(1)}}@media(max-width:900px){.lobby-grid-layout{grid-template-columns:1fr}}@media(max-width:760px){.home-grid,.game-list,.join-row,.drop-rush-layout{grid-template-columns:1fr}.join-row .button{width:100%}.create-room-card{flex-direction:column;align-items:stretch}.lobby-actions,.game-route-actions,.room-actions{width:100%}.vote-grid{grid-template-columns:repeat(2,1fr)}.game-phase-panel{min-height:auto}.drop-rush-board{min-height:240px}}@media(max-width:480px){.app-shell{width:min(100% - 16px,1100px)}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.drop-rush-hud{gap:var(--space-1)}.podium-row{padding-top:var(--space-3)}}@media(max-height:430px)and (orientation:landscape){.drop-rush-layout{grid-template-columns:minmax(0,1fr) minmax(180px,260px)}.drop-rush-board{min-height:200px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}