._root_hdr33_1{width:100%;display:flex;flex-direction:column;gap:1.5rem;color:#ecf7ff}._root_hdr33_1 .drop-arena-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;padding:1.5rem;border-radius:28px;background:radial-gradient(circle at top left,rgba(77,226,255,.22),transparent 38%),radial-gradient(circle at top right,rgba(255,107,138,.18),transparent 32%),linear-gradient(135deg,#08111ff5,#0e1e30f5);border:1px solid rgba(125,212,252,.18);box-shadow:0 26px 80px #040a1459}._root_hdr33_1 .drop-kicker{text-transform:uppercase;letter-spacing:.28em;font-size:.68rem;color:#7dd3fc;margin-bottom:.65rem}._root_hdr33_1 .drop-title{margin:0;font-size:clamp(2rem,3vw,3.1rem);line-height:.95;color:#f5fbff}._root_hdr33_1 .drop-subtitle{margin:.85rem 0 0;max-width:700px;color:#ecf7ffc2;line-height:1.5}._root_hdr33_1 .drop-stats{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:flex-end}._root_hdr33_1 .drop-stat-card{min-width:112px;padding:.9rem 1rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.35rem}._root_hdr33_1 .drop-stat-card span{font-size:.76rem;color:#ecf7ff9e;text-transform:uppercase;letter-spacing:.12em}._root_hdr33_1 .drop-stat-card strong{font-size:1.4rem;color:#fefefe}._root_hdr33_1 .drop-layout{display:grid;grid-template-columns:minmax(255px,320px) minmax(0,1fr) minmax(240px,290px);gap:1.25rem;align-items:start}._root_hdr33_1 .drop-panel,._root_hdr33_1 .drop-board-frame{position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#08111ff0,#0a1522fa);border:1px solid rgba(125,212,252,.12);box-shadow:0 24px 70px #050a144d}._root_hdr33_1 .drop-panel{padding:1.1rem;display:flex;flex-direction:column;gap:1rem}._root_hdr33_1 .drop-section{display:flex;flex-direction:column;gap:.85rem}._root_hdr33_1 .drop-section-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;color:#ecf7ff85}._root_hdr33_1 .drop-players,._root_hdr33_1 .drop-summary,._root_hdr33_1 .drop-timeline,._root_hdr33_1 .drop-hint-list{display:flex;flex-direction:column;gap:.75rem}._root_hdr33_1 .drop-player-card{padding:.95rem;border-radius:20px;background:#ffffff09;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.7rem}._root_hdr33_1 .drop-player-card.is-me{border-color:#4de2ff8c;box-shadow:inset 0 0 0 1px #4de2ff33}._root_hdr33_1 .drop-player-top,._root_hdr33_1 .drop-player-bottom,._root_hdr33_1 .drop-summary-row{display:flex;justify-content:space-between;gap:.6rem;align-items:center}._root_hdr33_1 .drop-player-name{font-size:1rem;font-weight:700}._root_hdr33_1 .drop-player-state,._root_hdr33_1 .drop-player-bottom span,._root_hdr33_1 .drop-summary-row span,._root_hdr33_1 .drop-hint-list div{font-size:.82rem;color:#ecf7ffad}._root_hdr33_1 .drop-player-badges{display:flex;gap:.45rem}._root_hdr33_1 .drop-piece-badge{width:38px;height:38px;border-radius:12px;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-weight:800;background:#ffffff08}._root_hdr33_1 .drop-piece-badge.next{opacity:.62}._root_hdr33_1 .drop-lock-meter{position:relative;height:8px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}._root_hdr33_1 .drop-lock-meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(90deg,#ffd76a,#ff9f68)}._root_hdr33_1 .drop-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}._root_hdr33_1 .drop-action{border:none;border-radius:16px;padding:.9rem 1rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}._root_hdr33_1 .drop-action:disabled{opacity:.45;cursor:not-allowed;transform:none}._root_hdr33_1 .drop-action.primary{background:linear-gradient(135deg,#4de2ff,#6ab4ff);color:#07121d;box-shadow:0 18px 38px #4de2ff3d}._root_hdr33_1 .drop-action.ghost{background:#ff6b8a24;color:#ffb2c2;border:1px solid rgba(255,107,138,.26)}._root_hdr33_1 .drop-action.sync{background:#ffffff0d;color:#eaf8ff;border:1px solid rgba(255,255,255,.08)}._root_hdr33_1 .drop-board-area{min-width:0}._root_hdr33_1 .drop-board-frame{padding:1rem}._root_hdr33_1 .drop-board-hud{display:none;gap:.5rem;margin-bottom:.85rem}._root_hdr33_1 .drop-board-chip{min-width:0;padding:.6rem .7rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;display:flex;flex-direction:column;gap:.2rem}._root_hdr33_1 .drop-board-chip span{font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:#ecf7ff8c}._root_hdr33_1 .drop-board-chip strong{font-size:1rem}._root_hdr33_1 .drop-board-info{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.9rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#ecf7ff8f}._root_hdr33_1 .drop-board-grid{display:grid;gap:3px;min-height:720px;padding:.4rem;border-radius:24px;background:radial-gradient(circle at center,rgba(77,226,255,.06),transparent 46%),linear-gradient(180deg,#04080ff2,#0a111cf2);border:1px solid rgba(255,255,255,.06)}._root_hdr33_1 .drop-board-cell{border-radius:5px;background:linear-gradient(180deg,#ffffff0a,#ffffff04),#0c1826f2;border:1px solid rgba(125,212,252,.04);min-height:20px}._root_hdr33_1 .drop-board-cell.filled{background:linear-gradient(135deg,color-mix(in srgb,var(--cell-color) 84%,white 16%),var(--cell-color));box-shadow:inset 0 0 0 1px #ffffff14}._root_hdr33_1 .drop-board-cell.active-cell{outline:2px solid rgba(255,255,255,.9);box-shadow:0 0 16px color-mix(in srgb,var(--cell-color) 55%,transparent),0 0 20px color-mix(in srgb,var(--player-glow) 60%,transparent)}._root_hdr33_1 .drop-board-cell.ghost-cell{background:linear-gradient(180deg,color-mix(in srgb,var(--ghost-color) 10%,transparent),color-mix(in srgb,var(--ghost-color) 4%,transparent)),#0c1826f2;border:1px dashed color-mix(in srgb,var(--ghost-color) 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ghost-color) 10%,transparent)}._root_hdr33_1 .drop-board-cell.ghost-cell-mine{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ghost-color) 24%,transparent),0 0 10px color-mix(in srgb,var(--ghost-color) 18%,transparent)}._root_hdr33_1 .drop-mobile-controls{display:none}._root_hdr33_1 .drop-overlay{position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:center;justify-content:center;background:#040910b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px}._root_hdr33_1 .drop-overlay.game-over{background:#0f0509d1}._root_hdr33_1 .drop-overlay-content{text-align:center;max-width:560px;padding:1rem}._root_hdr33_1 .drop-overlay-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.74rem;color:#7dd3fc}._root_hdr33_1 .drop-overlay-kicker.danger{color:#ff95ad}._root_hdr33_1 .drop-overlay-count{font-size:clamp(4rem,14vw,7rem);line-height:1;font-weight:900;color:#fff;margin:.2rem 0 .4rem}._root_hdr33_1 .drop-overlay-count.small{font-size:clamp(3rem,10vw,5rem)}._root_hdr33_1 .drop-overlay-copy{color:#ecf7ffc7;line-height:1.55}._root_hdr33_1 .drop-name-grid{display:grid;gap:.7rem;margin:1rem 0}._root_hdr33_1 .drop-name-input{border:1px solid rgba(255,255,255,.12);background:#0a121feb;color:#f4fbff;border-radius:14px;padding:.8rem .9rem;outline:none}._root_hdr33_1 .drop-step{border-radius:999px;padding:.7rem .95rem;background:#ffffff0a;color:#ecf7ffa8;border:1px solid rgba(255,255,255,.06);font-size:.84rem}._root_hdr33_1 .drop-step.active{color:#081622;background:linear-gradient(135deg,#4de2ff,#6ab4ff);border-color:transparent}._root_hdr33_1 .drop-step.danger{background:linear-gradient(135deg,#ff6b8a,#ff9f68)}._root_hdr33_1 .drop-step.warning{background:linear-gradient(135deg,#ffd76a,#ffb36a);color:#241304}._root_hdr33_1 .drop-summary-row strong{color:#fefefe}._root_hdr33_1 .drop-action.replay{margin-top:.8rem;background:#ffffff14;color:#f5fbff;border:1px solid rgba(255,255,255,.14)}@media(max-width:1100px){._root_hdr33_1 .drop-layout{grid-template-columns:1fr}._root_hdr33_1 .drop-board-area{order:1}._root_hdr33_1 .drop-panel-primary{order:2}._root_hdr33_1 .drop-panel-secondary{order:3}._root_hdr33_1 .drop-arena-header{order:4}._root_hdr33_1 .drop-board-grid{min-height:520px}}@media(max-width:768px){._root_hdr33_1{gap:1rem}._root_hdr33_1 .drop-arena-header{padding:1rem;border-radius:22px}._root_hdr33_1 .drop-title{font-size:clamp(1.5rem,7vw,2rem)}._root_hdr33_1 .drop-subtitle{font-size:.92rem;max-width:none}._root_hdr33_1 .drop-stats{display:none}._root_hdr33_1 .drop-board-frame{padding:.75rem}._root_hdr33_1 .drop-board-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}._root_hdr33_1 .drop-board-info{font-size:.68rem;gap:.4rem;margin-bottom:.65rem}._root_hdr33_1 .drop-board-grid{min-height:min(62vh,520px);padding:.3rem .3rem 7.25rem;border-radius:20px}._root_hdr33_1 .drop-board-cell{min-height:14px}._root_hdr33_1 .drop-panel{padding:.9rem;border-radius:22px}._root_hdr33_1 .drop-panel-primary .drop-section:last-child{display:none}._root_hdr33_1 .drop-mobile-controls{position:absolute;inset:auto .75rem .75rem .75rem;display:flex;justify-content:space-between;gap:.9rem;pointer-events:none}._root_hdr33_1 .drop-mobile-controls.is-active{pointer-events:auto}._root_hdr33_1 .drop-mobile-pad,._root_hdr33_1 .drop-mobile-actions{display:flex;align-items:end;gap:.55rem}._root_hdr33_1 .drop-mobile-actions{flex-direction:column;justify-content:end}._root_hdr33_1 .drop-mobile-btn,._root_hdr33_1 .drop-mobile-btn span,._root_hdr33_1 .drop-mobile-btn small,._root_hdr33_1 .drop-mobile-pad,._root_hdr33_1 .drop-mobile-actions{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}._root_hdr33_1 .drop-mobile-btn{min-width:4.1rem;min-height:4.1rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#08111f94;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ecf7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;box-shadow:0 10px 35px #00000038;touch-action:manipulation;-webkit-tap-highlight-color:transparent}._root_hdr33_1 .drop-mobile-btn span{font-size:1.3rem;line-height:1}._root_hdr33_1 .drop-mobile-btn small{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}._root_hdr33_1 .drop-mobile-btn.accent{background:#4de2ff33}._root_hdr33_1 .drop-mobile-btn.strong{background:#c084fc38}._root_hdr33_1 .drop-mobile-btn:disabled{opacity:.4}._root_hdr33_1 .drop-overlay{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem}._root_hdr33_1 .drop-overlay-content{padding:.5rem}._root_hdr33_1 .drop-name-grid{margin:.85rem 0}}.rps-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center}.rps-main{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px}.rps-header{text-align:center;margin-bottom:2rem;height:60px;margin-top:1rem}.rps-arena{position:relative;width:320px;height:320px;border-radius:50%;background:#0003;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 30px #0003}.rps-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.rps-center-image{object-fit:contain}.rps-center-image.selected{width:140px;height:140px}.rps-center-image.fight{width:160px;height:160px}.rps-center-image.win{width:96px;height:96px}.rps-player{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-left:-30px;margin-top:-30px;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:10}.rps-player-badge{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative}.rps-player-name{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.rps-controls{height:80px;margin-top:2rem}.rps-control-row{display:flex;gap:1.2rem}.rps-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:110px;height:120px;border-radius:16px;cursor:pointer;transition:all .2s}.rps-card-icon{width:52px;height:52px;object-fit:contain}.rps-card-label{margin-top:.4rem;font-weight:600;font-size:.9rem}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.mobile-score-btn{display:none!important;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;color:var(--text-primary);align-items:center;gap:.5rem;cursor:pointer}@media(max-width:900px){.mobile-score-btn{display:flex!important}}@media(max-width:768px){.rps-main{padding:.75rem 0 1rem;height:100%;justify-content:space-between}.rps-header{margin-bottom:.5rem;height:auto}.rps-arena{width:240px;height:240px}.rps-center-image.selected{width:96px;height:96px}.rps-center-image.fight{width:110px;height:110px}.rps-center-image.win{width:72px;height:72px}.rps-player{width:46px;height:46px;margin-left:-23px;margin-top:-23px}.rps-player-badge{width:38px;height:38px}.rps-player-name{font-size:.65rem;max-width:60px}.rps-controls{height:auto;margin-top:1rem}.rps-control-row{gap:.6rem;flex-wrap:wrap;justify-content:center}.rps-card{width:86px;height:94px;border-radius:12px}.rps-card-icon{width:38px;height:38px}.rps-card-label{font-size:.75rem}.mobile-score-btn{align-self:center;margin:.5rem 0 .8rem}}:root,[data-theme=oscuro]{--background: #0f172a;--foreground: #f8fafc;--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .5);--primary-rgb: 99, 102, 241;--secondary: #ec4899;--accent: #8b5cf6;--surface: #1e293b;--surface-hover: #334155;--surface-transparent: rgba(30, 41, 59, .7);--border: #334155;--border-hover: #475569;--success: #22c55e;--success-rgb: 34, 197, 94;--error: #ef4444;--error-rgb: 239, 68, 68;--error-bg: rgba(239, 68, 68, .2);--error-border: rgba(239, 68, 68, .3);--overlay-rgb: 15, 23, 42;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--input-bg: rgba(0, 0, 0, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}[data-theme=rosa]{--background: #1f0a16;--foreground: #fff1f7;--primary: #ec4899;--primary-hover: #db2777;--primary-glow: rgba(236, 72, 153, .45);--primary-rgb: 236, 72, 153;--secondary: #f472b6;--accent: #fb7185;--surface: #2a0f1f;--surface-hover: #3b132b;--surface-transparent: rgba(42, 15, 31, .72);--border: #4a1936;--border-hover: #6b1f4a;--success: #22c55e;--success-rgb: 34, 197, 94;--error: #f43f5e;--error-rgb: 244, 63, 94;--error-bg: rgba(244, 63, 94, .18);--error-border: rgba(244, 63, 94, .35);--overlay-rgb: 31, 10, 22;--text-primary: #fff1f7;--text-secondary: #f9a8d4;--text-muted: #f472b6;--input-bg: rgba(0, 0, 0, .35)}[data-theme=azul]{--background: #0b1b3a;--foreground: #e2e8f0;--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .45);--primary-rgb: 59, 130, 246;--secondary: #38bdf8;--accent: #60a5fa;--surface: #11264f;--surface-hover: #163367;--surface-transparent: rgba(17, 38, 79, .7);--border: #1e3a8a;--border-hover: #1d4ed8;--success: #22c55e;--success-rgb: 34, 197, 94;--error: #ef4444;--error-rgb: 239, 68, 68;--error-bg: rgba(239, 68, 68, .2);--error-border: rgba(239, 68, 68, .3);--overlay-rgb: 11, 27, 58;--text-primary: #e2e8f0;--text-secondary: #93c5fd;--text-muted: #60a5fa;--input-bg: rgba(0, 0, 0, .35)}[data-theme=celeste]{--background: #e6f6ff;--foreground: #0f172a;--primary: #0ea5e9;--primary-hover: #0284c7;--primary-glow: rgba(14, 165, 233, .4);--primary-rgb: 14, 165, 233;--secondary: #38bdf8;--accent: #22d3ee;--surface: #ffffff;--surface-hover: #e2f2ff;--surface-transparent: rgba(255, 255, 255, .7);--border: #cbd5e1;--border-hover: #94a3b8;--success: #16a34a;--success-rgb: 22, 163, 74;--error: #ef4444;--error-rgb: 239, 68, 68;--error-bg: rgba(239, 68, 68, .12);--error-border: rgba(239, 68, 68, .25);--overlay-rgb: 15, 23, 42;--text-primary: #0f172a;--text-secondary: #1f2937;--text-muted: #334155;--input-bg: rgba(15, 23, 42, .06)}*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden;background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.glass-panel{background:var(--surface-transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 0 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--primary-glow)}.container{width:min(100%,1720px);max-width:none;margin:0 auto;padding:0 clamp(1rem,2vw,2rem)}.home-container{width:min(100%,1880px)}.navbar{width:100%;padding:1.5rem 2rem;margin-bottom:2rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--surface-transparent);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-brand h1{font-size:1.8rem;font-weight:800;margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.nav-center{display:flex;justify-content:center;padding-right:2rem}.nav-user-info{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.user-badge{display:flex;align-items:center;gap:.75rem;background:var(--surface-transparent);padding:.5rem 1rem;border-radius:999px;border:1px solid var(--border)}.user-badge span.label{color:var(--text-secondary);font-size:.85rem}.user-badge span.name{color:var(--text-primary);font-weight:600}.edit-btn{opacity:.5;transition:opacity .2s;background:none;border:none;cursor:pointer;color:var(--primary);padding:0}.edit-btn:hover{opacity:1}.nav-edit-container{display:flex;gap:.5rem;align-items:center}.nav-input-edit{width:120px;padding:.2rem .5rem;font-size:.9rem}.nav-save-btn{color:var(--success);background:none;border:none;cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center}.nav-save-btn:hover{color:var(--success)}.main-layout{min-height:100vh;background:var(--background);display:flex;flex-direction:column}.error-message{background:var(--error-bg);color:var(--error);padding:1rem;border-radius:8px;margin-bottom:2rem;border:1px solid var(--error-border)}.no-games-message{color:var(--text-secondary);text-align:center;font-size:1.2rem;padding:4rem;background:var(--surface-transparent);border-radius:16px;border:1px dashed var(--border)}.nav-join-form{display:flex;gap:.5rem}.nav-input{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;color:var(--text-primary);outline:none;transition:all .2s;width:180px}.nav-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.nav-btn-join{background:rgba(var(--primary-rgb),.1);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.3);padding:.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.nav-btn-join:hover{background:rgba(var(--primary-rgb),.2);transform:translateY(-1px)}.nav-theme-select{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:.45rem .75rem;border-radius:8px;font-weight:600;cursor:pointer;min-width:130px}.nav-theme-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2);outline:none}.nav-auth-btn{background:rgba(var(--primary-rgb),.15);color:var(--primary);border:1px solid rgba(var(--primary-rgb),.3);padding:.35rem .8rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s}.nav-auth-btn:hover{background:rgba(var(--primary-rgb),.25)}.nav-auth-panel{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--surface-transparent);border:1px solid var(--border);border-radius:12px}.nav-auth-input{width:220px}.nav-auth-actions{display:flex;gap:.5rem;align-items:center}.nav-auth-cancel{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:.5rem .9rem;border-radius:8px;cursor:pointer}.nav-auth-msg{color:var(--text-secondary);font-size:.85rem}.nav-profile-btn{width:44px;height:44px;border-radius:999px;border:2px solid var(--border);background:transparent;color:var(--text-primary);font-weight:700;cursor:pointer}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;width:100%;max-width:none;margin:0;padding:0}.game-card{position:relative;border-radius:16px;overflow:hidden;background:var(--surface-transparent);border:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1);aspect-ratio:4/3;width:100%;display:block}.game-card:hover{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.5);box-shadow:0 20px 40px -10px #00000080,0 0 20px rgba(var(--primary-rgb),.2)}.card-image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.game-card:hover .card-image{transform:scale(1.1)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--overlay-rgb),.98) 0%,rgba(var(--overlay-rgb),.8) 40%,rgba(var(--overlay-rgb),.4) 70%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:.9;transition:opacity .3s}.game-card:hover .card-overlay{opacity:1}.card-content{transform:translateY(10px);transition:transform .4s ease}.game-card:hover .card-content{transform:translateY(0)}.game-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;text-shadow:0 4px 8px rgba(0,0,0,.8)}.game-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:0;transform:translateY(10px);transition:all .3s ease .1s;text-shadow:0 2px 4px rgba(0,0,0,.8)}.game-card:hover .game-description{opacity:1;transform:translateY(0)}.play-btn{width:100%;padding:.8rem;background:var(--primary);color:var(--text-primary);font-weight:700;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transform:translateY(20px);opacity:0;transition:all .3s ease .2s}.game-card:hover .play-btn{transform:translateY(0);opacity:1}.play-btn:hover{background:var(--primary-hover);transform:scale(1.02)}.player-badge{position:absolute;top:1rem;right:1rem;background:var(--surface-transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.4rem .8rem;border-radius:100px;border:1px solid var(--border);display:flex;align-items:center;gap:.5rem;z-index:10}.status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 8px rgba(var(--success-rgb),.8)}.player-count{color:var(--text-primary);font-size:.8rem;font-weight:600}.room-game-panel{min-height:min(78vh,1100px);background:var(--surface);border-radius:12px;display:flex;align-items:stretch;justify-content:flex-start;border:1px solid var(--border);flex-direction:column;padding:clamp(.75rem,1.5vw,1.5rem);width:100%;overflow:hidden}.lobby-container{padding:2rem;max-width:none;margin:0 auto;width:100%;display:flex;flex-direction:column}.lobby-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.lobby-title{font-size:2.5rem;font-weight:800;margin:0;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lobby-subtitle{color:var(--text-secondary);margin-top:.5rem}.room-id-container{background:var(--surface-transparent);padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.room-id-container:hover{background:var(--surface-hover);border-color:var(--primary)}.room-id-label{color:var(--text-muted);font-size:.9rem}.room-id-value{color:var(--text-primary);font-weight:700;font-family:monospace;font-size:1.1rem}.lobby-content{display:grid;grid-template-columns:minmax(300px,1fr) 1.5fr;gap:2rem}.lobby-side{display:flex;flex-direction:column;gap:2rem}.room-waiting-layout{display:grid;grid-template-columns:minmax(420px,1.35fr) minmax(300px,.85fr);gap:2rem;width:100%;max-width:none;margin:0 auto}.room-page{padding:1.25rem 0 2rem}.room-page-container{width:min(100%,1880px)}.room-page-frame{width:100%;padding:clamp(1rem,2vw,2rem);display:flex;flex-direction:column;gap:1rem}.room-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:0}.room-page-title{font-size:clamp(1.75rem,3vw,2.75rem);color:var(--primary);margin:0}.room-page-subtitle{color:var(--text-secondary);margin:.35rem 0 0}.room-page-status{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.room-status-pill{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;font-size:.9rem}.room-leave-btn{background:none;border:1px solid var(--error);color:var(--error);padding:.5rem .9rem;border-radius:10px;cursor:pointer}.room-finished-actions{margin-top:1rem;display:flex;gap:1rem;flex-wrap:wrap}.chat-panel{background:var(--surface-transparent);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;min-height:360px;max-height:540px;overflow:hidden}.chat-panel-floating{position:absolute;right:20px;bottom:20px;width:300px;max-height:360px;z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chat-header{padding:1rem 1.2rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);background:var(--surface)}.chat-messages{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.8rem;overflow-y:auto;flex:1}.chat-empty{color:var(--text-muted);text-align:center;margin-top:2rem}.chat-message{display:flex;flex-direction:column;gap:.3rem;background:var(--surface);padding:.6rem .8rem;border-radius:12px;border:1px solid rgba(var(--primary-rgb),.1)}.chat-message-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.chat-message-name{font-weight:600;color:var(--text-primary)}.chat-message-text{color:var(--text-secondary);line-height:1.4;word-break:break-word}.chat-input-row{display:flex;gap:.6rem;padding:.9rem 1.2rem 1.1rem;border-top:1px solid var(--border);background:var(--surface)}.chat-input{flex:1;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-primary)}.chat-send-btn{padding:.6rem 1rem;border-radius:10px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:600}.home-layout{margin-top:2rem;display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2.5fr) minmax(280px,1fr);gap:2rem;align-items:start}.home-games{grid-column:2;display:flex;flex-direction:column}.home-panels{grid-column:3;display:flex;flex-direction:column;gap:1rem}.home-games .game-grid{max-width:none;padding:0;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.home-layout-mobile{display:none}.home-games-mobile{display:flex;flex-direction:column}.home-panels-mobile{display:flex;flex-direction:column;gap:1rem}.collapsible-panel{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.collapsible-panel-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;color:var(--text-primary);font-size:1rem;font-weight:600;transition:background .2s}.collapsible-panel-header:hover{background:var(--input-bg)}.collapsible-panel-title{display:flex;align-items:center;gap:.6rem}.collapsible-panel-icon{font-size:1.2rem}.collapsible-panel-chevron{font-size:.7rem;transition:transform .3s ease;color:var(--text-muted)}.collapsible-panel-chevron.open{transform:rotate(180deg)}.collapsible-panel-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 1.25rem}.collapsible-panel-content.open{max-height:2000px;padding:0 1.25rem 1.25rem}.collapsible-panel-content.closed{max-height:0;padding:0 1.25rem}.profile-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;cursor:pointer;color:var(--text-primary)}.profile-avatar{width:96px;height:96px;border-radius:999px;border:2px solid var(--border);background:transparent}.profile-name{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.panel-title{margin:0;font-size:1.4rem;color:var(--primary)}.panel-subtitle{color:var(--text-secondary);font-size:.9rem}.panel-muted{color:var(--text-secondary)}.panel-error{color:var(--error)}.leaderboard-panel,.matches-panel{padding:1.5rem}.leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.leaderboard-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.leaderboard-card-title{font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.leaderboard-list{display:flex;flex-direction:column;gap:.5rem}.leaderboard-row{display:flex;justify-content:space-between;align-items:center}.leaderboard-player{display:flex;gap:.5rem;align-items:center}.leaderboard-rank{width:20px;color:var(--text-muted);font-weight:700}.leaderboard-rank-top{color:#fbbf24}.leaderboard-name{font-weight:600;color:var(--text-primary)}.leaderboard-score{color:var(--success);font-weight:700}.matches-list{display:flex;flex-direction:column;gap:.75rem}.matches-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.4rem}.matches-header{display:flex;justify-content:space-between;align-items:center}.matches-title{font-weight:700;color:var(--text-primary)}.matches-date{color:var(--text-secondary);font-size:.85rem}.matches-meta{display:flex;gap:1rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.9rem}.matches-winner{color:var(--text-primary);font-size:.95rem}.profile-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#070a19b8;display:flex;align-items:center;justify-content:center;z-index:20;padding:1.5rem}.profile-modal{width:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.profile-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.profile-modal-title{margin:0;font-size:1.3rem;color:var(--primary)}.profile-modal-subtitle{color:var(--text-secondary);font-size:.9rem}.profile-modal-close{padding:.45rem .9rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;font-weight:600}.profile-modal-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-transparent)}.profile-modal-label{color:var(--text-secondary);font-size:.9rem}.profile-modal-value{font-weight:600;color:var(--text-primary)}.profile-modal-id{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .9rem;border-radius:12px;border:1px dashed var(--border);background:var(--surface-transparent)}.profile-modal-id-text{display:flex;flex-direction:column;gap:.35rem}.profile-modal-id-value{font-family:monospace;font-weight:700;color:var(--text-primary)}.profile-copy-btn{padding:.5rem 1rem;border-radius:10px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:600}.invite-list-panel{margin-top:2rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.invite-list-header{display:flex;justify-content:space-between;align-items:center}.invite-list-title{margin:0;font-size:1.4rem;color:var(--primary)}.invite-list-subtitle{color:var(--text-secondary);font-size:.9rem}.invite-empty{color:var(--text-secondary)}.invite-list{display:flex;flex-direction:column;gap:.75rem}.invite-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}.invite-card-title{font-weight:700;color:var(--text-primary)}.invite-card-meta{color:var(--text-secondary);font-size:.9rem}.invite-card-actions{display:flex;gap:.6rem}.invite-accept-btn{padding:.5rem .9rem;border-radius:10px;background:var(--success);color:#fff;border:none;cursor:pointer;font-weight:600}.invite-decline-btn{padding:.5rem .9rem;border-radius:10px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;font-weight:600}.invite-panel{background:var(--surface-transparent);border:1px solid var(--border);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.8rem}.invite-form{display:flex;gap:.6rem}.invite-input{flex:1;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-primary)}.invite-btn{padding:.6rem 1rem;border-radius:10px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:600}.invite-status{color:var(--success);font-size:.9rem}.invite-error{color:var(--error);font-size:.9rem}.friends-panel{margin-top:0;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.friends-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.friends-title{margin:0;font-size:1.4rem;color:var(--primary)}.friends-subtitle{color:var(--text-secondary);font-size:.9rem}.friends-count{background:rgba(var(--primary-rgb),.12);color:var(--primary);padding:.25rem .75rem;border-radius:999px;font-weight:700}.friends-invite{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.friends-invite-title{font-weight:700;color:var(--text-primary)}.friends-invite-row{display:flex;gap:.6rem}.friends-input{flex:1;padding:.6rem .8rem;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text-primary)}.friends-btn{padding:.6rem 1rem;border-radius:10px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:600}.friends-status{color:var(--success);font-size:.9rem}.friends-error{color:var(--error);font-size:.9rem}.friends-muted{color:var(--text-secondary);font-size:.9rem}.friends-section{display:flex;flex-direction:column;gap:.75rem}.friends-section-title{font-weight:700;color:var(--text-primary)}.friends-requests{display:flex;flex-direction:column;gap:.75rem}.friends-request-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}.friends-request-name{font-weight:700;color:var(--text-primary)}.friends-request-actions{display:flex;gap:.6rem}.friends-accept-btn{padding:.5rem .9rem;border-radius:10px;background:var(--success);color:#fff;border:none;cursor:pointer;font-weight:600}.friends-decline-btn{padding:.5rem .9rem;border-radius:10px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;font-weight:600}.friends-request-status{color:var(--text-secondary);font-size:.9rem;font-weight:600}.friends-list{display:flex;flex-direction:column;gap:.75rem}.friends-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem}.friends-card-name{font-weight:700;color:var(--text-primary)}.friends-room{color:var(--text-secondary);font-size:.85rem}.friends-card-actions{display:flex;align-items:center;gap:.6rem}.friends-status-dot{font-size:.85rem;font-weight:600;padding:.3rem .7rem;border-radius:999px}.friends-status-dot.online{background:rgba(var(--success-rgb),.15);color:var(--success)}.friends-status-dot.offline{background:rgba(var(--text-muted-rgb),.15);color:var(--text-secondary)}.friends-join-btn{padding:.4rem .8rem;border-radius:10px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-weight:600}.players-panel{background:var(--surface-transparent);border:none;display:flex;flex-direction:column;height:100%}.players-header{padding:1.5rem;border-bottom:1px solid var(--border)}.players-title{font-size:1.2rem;margin:0;display:flex;justify-content:space-between;align-items:center}.player-count-badge{font-size:.9rem;color:var(--text-muted);background:rgba(var(--primary-rgb),.08);padding:.2rem .6rem;border-radius:100px}.players-list{padding:1rem;display:flex;flex-direction:column;gap:.8rem}.player-item{padding:1rem;background:var(--surface);border-radius:12px;display:flex;align-items:center;justify-content:space-between;border:1px solid transparent;transition:transform .2s}.player-item.is-me{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.player-info{display:flex;align-items:center;gap:1rem}.player-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff}.player-name{font-weight:600;color:var(--text-primary)}.host-badge{font-size:.8rem;color:var(--accent);display:flex;align-items:center;gap:.3rem;margin-top:.2rem}.empty-player-slot{padding:1rem;border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);gap:.5rem}.settings-panel{background:var(--surface-transparent);border:none;padding:1.5rem}.settings-header{margin:0 0 1rem;font-size:1.1rem;color:var(--text-secondary)}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-info{display:flex;gap:1rem;align-items:center}.setting-icon{padding:.6rem;border-radius:8px;font-size:1.2rem}.setting-icon.private{background:rgba(var(--error-rgb),.12);color:var(--error)}.setting-icon.public{background:rgba(var(--success-rgb),.12);color:var(--success)}.setting-details-title{font-weight:600}.setting-details-desc{font-size:.85rem;color:var(--text-muted)}.setting-toggle-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.setting-toggle-btn:hover{background:var(--surface-hover)}.lobby-controls{display:flex;gap:1rem;padding:1rem 0}.sticky-controls{position:sticky;top:1rem;z-index:5;background:var(--surface-transparent);border:1px solid var(--border);border-radius:16px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leave-btn{flex:1;padding:1rem;background:rgba(var(--error-rgb),.1);border:1px solid rgba(var(--error-rgb),.3);color:var(--error);border-radius:12px;cursor:pointer;font-weight:600;transition:all .2s}.leave-btn:hover{background:rgba(var(--error-rgb),.2);transform:translateY(-1px)}.start-game-btn{flex:2;font-size:1.1rem}.waiting-msg{flex:2;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:rgba(var(--primary-rgb),.08);border-radius:12px}@media(max-width:768px){.navbar{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.nav-brand{width:100%;text-align:center}.nav-center{width:100%;padding-right:0}.nav-user-info{width:100%;justify-content:center;background:rgba(var(--primary-rgb),.05);padding:.5rem;border-radius:12px}.nav-join-form{width:100%;flex-direction:column}.nav-input{width:100%!important;text-align:center}.nav-btn-join{width:100%}.room-game-panel{aspect-ratio:auto;min-height:calc(100vh - 280px);padding:1.25rem 1rem 1.5rem}.game-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.container{padding:0 1rem}.lobby-content,.room-waiting-layout{grid-template-columns:1fr}.room-page{padding-top:1rem}.room-page-frame{gap:.8rem;padding:.85rem}.room-game-panel{order:1;min-height:calc(100vh - 180px);padding:.85rem}.room-page-header{order:2;flex-direction:column;align-items:stretch;gap:.75rem;padding:.2rem .15rem 0}.room-page-status{justify-content:flex-start}.room-page-title{font-size:1.6rem}.room-page-subtitle{font-size:.95rem}.room-page-frame>.chat-panel{order:3}.chat-panel{max-height:420px}.chat-panel-floating{position:fixed;right:12px;left:12px;bottom:12px;width:auto}.invite-list-header{flex-direction:column;align-items:flex-start;gap:.4rem}.invite-card{flex-direction:column;align-items:flex-start}.invite-card-actions{width:100%}.invite-form{flex-direction:column}.invite-btn{width:100%}.home-layout{display:none}.home-layout-mobile{display:block}.collapsible-panel-header{padding:.85rem 1rem;font-size:.95rem}.collapsible-panel-content.open{padding:0 1rem 1rem}.profile-modal{width:100%}.profile-modal-id,.friends-header{flex-direction:column;align-items:flex-start}.friends-invite-row{flex-direction:column}.friends-btn{width:100%}.friends-request-card{flex-direction:column;align-items:flex-start}.friends-request-actions{width:100%}.friends-card{flex-direction:column;align-items:flex-start}.friends-card-actions,.friends-join-btn{width:100%}.lobby-side{order:-1}.lobby-container{padding:1.25rem}.lobby-header{flex-direction:column;align-items:flex-start;gap:1rem}.lobby-title{font-size:1.8rem}.room-id-container{width:100%;justify-content:space-between;flex-wrap:wrap}.room-id-label{width:100%}.players-title{flex-direction:column;align-items:flex-start;gap:.5rem}.player-item{flex-direction:column;align-items:flex-start;gap:.6rem}.player-info{width:100%}.player-status-dot{align-self:flex-end}.setting-row{flex-direction:column;align-items:flex-start;gap:1rem}.setting-info,.setting-toggle-btn{width:100%}.lobby-controls{flex-direction:column;top:.75rem}.leave-btn,.start-game-btn,.waiting-msg{width:100%}.game-card{height:280px!important}.game-card.in-view{transform:translateY(-8px);border-color:rgba(var(--primary-rgb),.5);box-shadow:0 20px 40px -10px #00000080,0 0 20px rgba(var(--primary-rgb),.2)}.game-card.in-view .card-image{transform:scale(1.1)}.game-card.in-view .card-overlay{opacity:1}.game-card.in-view .card-content{transform:translateY(0)}.game-card.in-view .game-description{opacity:1;transform:translateY(0)}.game-card.in-view .play-btn{transform:translateY(0);opacity:1}}