.ui-collapsible{border:1px solid var(--border);border-radius:16px;background:var(--surface);margin-bottom:14px;overflow:hidden}.ui-collapsible-head{width:100%;display:flex;align-items:center;gap:10px;padding:13px 16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:none;color:var(--text);font-family:inherit;font-size:15px;cursor:pointer;text-align:start;box-shadow:none}.ui-collapsible-head:hover{background:var(--surface-3)}.ui-collapsible-chevron{color:var(--text-soft);font-size:13px;transition:transform .2s ease;flex-shrink:0}.ui-collapsible.is-open .ui-collapsible-chevron{transform:rotate(180deg)}.ui-collapsible-icon{color:var(--text-soft)}.ui-collapsible-title{font-weight:800;color:var(--text)}.ui-collapsible-summary{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-collapsible-right{margin-inline-start:auto;color:var(--muted);font-size:13px;flex-shrink:0}.ui-collapsible-body{padding:16px;border-top:1px solid var(--border);animation:ui-fade-in .18s ease}@keyframes ui-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ui-table{width:100%;border-collapse:collapse;font-size:14px}.ui-table thead th{position:sticky;top:0;z-index:1;background:linear-gradient(180deg,var(--surface-2),var(--surface));color:var(--text);font-weight:800;padding:11px 12px;border-bottom:1px solid var(--border-strong);white-space:nowrap;-webkit-user-select:none;user-select:none}.ui-table th.is-sortable:hover{color:#fff}.ui-th-inner{display:inline-flex;align-items:center;gap:6px}.ui-sort-icon{font-size:11px;opacity:.5}.ui-table th.is-sorted .ui-sort-icon{opacity:1;color:var(--text-soft)}.ui-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.ui-table tbody tr{transition:background .12s ease}.ui-table tbody tr:hover{background:#ffffff0a}.ui-table-state{text-align:center!important;color:var(--muted);padding:28px 12px!important}.ui-table-state .fa-spinner{margin-inline-end:6px;color:var(--text-soft)}.ui-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--muted)}.ui-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.ui-stat{border:1px solid var(--border);border-radius:16px;padding:16px 18px;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.04),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-inner);display:flex;flex-direction:column;gap:6px}.ui-stat-top{display:flex;align-items:center;gap:10px}.ui-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;border:1px solid var(--border-strong);color:var(--text-soft);background:#00000040;font-size:15px;flex-shrink:0}.ui-stat-label{color:var(--muted);font-size:13px;font-weight:700}.ui-stat-value{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--text);line-height:1.1}.ui-stat-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:18px}.ui-stat-delta{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700}.ui-stat-delta.is-up{color:#7fe7a4}.ui-stat-delta.is-down{color:var(--danger)}.ui-stat-delta.is-flat{color:var(--muted)}.ui-stat-delta-label{color:var(--muted);font-weight:400}.ui-stat-hint{color:var(--muted);font-size:12px}.ui-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:18px}.ui-chart-card{border:1px solid var(--border);border-radius:18px;padding:16px 16px 12px;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.04),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-inner)}.ui-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ui-chart-title{margin:0;font-size:15px;font-weight:800;color:var(--text)}.ui-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:14px}.ui-chart-body .recharts-text{fill:var(--muted)}.ui-chart-body .recharts-default-legend{direction:ltr}.ui-segmented{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:#00000040;flex-wrap:wrap}.ui-segmented button{width:auto;padding:7px 14px;border:none;border-radius:9px;background:none;color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:none}.ui-segmented button.is-active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}@media (max-width: 768px){.ui-stat-value{font-size:24px}.ui-chart-grid{grid-template-columns:1fr}}.home{display:flex;flex-direction:column;gap:var(--space-6)}.hmod{padding:var(--space-5);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.mod-head{display:flex;align-items:center;gap:9px;margin-bottom:var(--space-4)}.mod-head>i{color:var(--primary);font-size:14px}.mod-head h3{margin:0;font-size:15px;font-weight:800;color:var(--text)}.mod-more{margin-inline-start:auto;display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--primary-strong)}.mod-more i{font-size:10px}.mod-more:hover{text-decoration:underline}.home-welcome{display:flex;flex-direction:column;gap:var(--space-5)}.welcome-title{margin:6px 0 4px;font-family:var(--font-display);font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.01em;color:var(--text)}.welcome-title .accent{color:var(--primary-strong)}.welcome-sub{margin:0;color:var(--muted);font-size:15px}.qa-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-4)}.qa{display:flex;align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-5);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);text-align:start;box-shadow:var(--shadow-sm)}.qa-primary{cursor:pointer;color:var(--text);border:1px solid var(--border-strong);background:radial-gradient(130% 150% at 100% 0%,var(--accent-a12),transparent 58%),linear-gradient(180deg,var(--surface-2),var(--surface));font-family:inherit}.qa-primary:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border-strong))}.qa-primary .qa-icon{background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));color:var(--on-primary);border-color:transparent;box-shadow:0 6px 16px var(--accent-a30)}.qa-primary .qa-sub{color:var(--muted)}.qa-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;flex-shrink:0;border-radius:var(--r-md);background:var(--surface-3);border:1px solid var(--border);color:var(--primary);font-size:20px}.qa-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.qa-title{font-size:17px;font-weight:800}.qa-sub{font-size:13px;color:var(--muted)}.qa-join-row{display:flex;gap:8px;margin-top:8px}.qa-join-row select{width:auto;flex:1 1 90px;min-width:0;padding:9px 10px;font-size:13px}.qa-join-row input{width:auto;flex:1 1 64px;min-width:0;padding:9px 10px;text-transform:uppercase;letter-spacing:2px;text-align:center;font-weight:700}.qa-join-go{width:auto;flex:0 0 auto;padding:9px 14px}.resume-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.resume-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2)}.resume-card>img,.resume-logo{width:44px;height:44px;object-fit:contain;flex-shrink:0}.resume-info{flex:1;min-width:0;display:flex;flex-direction:column}.resume-name{font-weight:800}.resume-code{font-size:12.5px;color:var(--muted)}.resume-code strong{color:var(--primary-strong);letter-spacing:1px}.resume-go{width:auto;flex:0 0 auto}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-5);align-items:start}.home-col-main,.home-col-side{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.invite-list,.recent-list,.friend-list{display:flex;flex-direction:column}.invite-card{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--border)}.invite-card:last-child{border-bottom:none}.invite-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);flex-shrink:0}.invite-meta{flex:1;min-width:0;display:flex;flex-direction:column}.invite-title{font-weight:800;font-size:14px}.invite-sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-code{color:var(--primary-strong);font-weight:700;letter-spacing:1px}.invite-actions{display:flex;gap:6px;flex-shrink:0}.invite-actions .btn{width:auto}.daily{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--r-lg);border:1px solid var(--border-strong);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%),linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-md)}.daily-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));padding:5px 12px;border-radius:var(--r-pill)}.daily-body{display:flex;align-items:center;gap:var(--space-4)}.daily-art{width:64px;height:64px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 8px 16px rgba(0,0,0,.45))}.daily-info{flex:1;min-width:0}.daily-game{margin:0;font-size:20px;font-weight:800;color:var(--text)}.daily-obj{margin:4px 0 0;color:var(--text-soft);font-size:14px;line-height:1.6}.daily-cta{align-self:flex-start}.featured{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-md)}.featured:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}.featured-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.featured-name{margin:0;font-size:22px;font-weight:800;color:var(--text)}.featured-desc{margin:0;color:var(--muted);font-size:13.5px;line-height:1.6}.featured-art{width:96px;height:96px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 12px 24px rgba(0,0,0,.5))}.recent-card{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--border)}.recent-card:last-child{border-bottom:none}.recent-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.recent-meta{flex:1;min-width:0;display:flex;flex-direction:column}.recent-name{font-weight:800;font-size:14px}.recent-sub{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:8px}.recent-result{font-size:11px;font-weight:800;padding:1px 8px;border-radius:var(--r-pill)}.recent-result.is-win{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border)}.recent-result.is-loss{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.recent-go{width:auto;flex:0 0 auto}.achv-block{margin-top:var(--space-4)}.achv-label{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}.achv-row{display:flex;flex-wrap:wrap;gap:8px}.achv{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:var(--r-pill);border:1px solid var(--border)}.achv.earned{color:var(--primary-strong);background:var(--accent-a12);border-color:var(--border-strong)}.achv.earned i{color:var(--primary)}.achv.locked{color:var(--muted);background:#0003;opacity:.75}.achv.locked i{color:var(--faint)}.friend-row{display:flex;align-items:center;gap:11px;padding:9px 2px;border-bottom:1px solid var(--border)}.friend-row:last-child{border-bottom:none}.friend-av-wrap{position:relative;flex-shrink:0}.friend-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);display:block}.friend-dot{position:absolute;bottom:0;inset-inline-end:0;width:10px;height:10px;border-radius:50%;background:var(--faint);border:2px solid var(--surface)}.friend-name{flex:1;min-width:0;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-empty{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;padding:4px 2px}.side-empty i{color:var(--primary)}.join-cta{padding:var(--space-5);border-radius:var(--r-lg);border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-md)}.cta-text{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 var(--space-4)}.cta-actions{display:flex;gap:10px}.cta-actions .btn{flex:1}.browse-nudge{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:var(--space-4) var(--space-5);border-radius:var(--r-lg);border:1px dashed var(--border-strong);background:#ffffff08;color:var(--text)}.browse-nudge:hover{background:#ffffff0f}.browse-nudge i{color:var(--text-soft);font-size:16px}.browse-title{display:block;font-weight:800;font-size:15px}.browse-sub{display:block;font-size:12.5px;color:var(--muted)}@media (max-width: 980px){.home-grid{grid-template-columns:1fr}}@media (max-width: 720px){.qa-grid{grid-template-columns:1fr}}.games-browser{display:flex;flex-direction:column;gap:var(--space-6)}.gb-head{margin-bottom:calc(-1 * var(--space-3))}.gb-head .page-title{margin-bottom:var(--space-2)}.gb-sub{font-size:15px;margin:0}.gb-hero-link{display:block}.gb-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,340px);gap:var(--space-5);align-items:center;overflow:hidden;padding:var(--space-6) var(--space-7);border-radius:var(--r-lg);border:1px solid var(--border-strong);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 55%),linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg)}.gb-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7}.gb-hero-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.gb-hero-name{margin:0;font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--text);line-height:1.1}.gb-hero-tag{margin:0;color:var(--text-soft);font-size:15px;line-height:1.7;max-width:52ch}.gb-hero-cta{margin-top:var(--space-2)}.gb-hero-art{display:flex;justify-content:center;align-items:center}.gb-hero-art img,.gb-hero-art .glogo{width:100%;max-width:240px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 36px rgba(0,0,0,.55))}.gb-hero-art .glogo{aspect-ratio:1}.gb-section{display:flex;flex-direction:column}.gb-section .section-title{margin:0 2px var(--space-4)}.gb-count{margin-inline-start:8px;font-size:12px;font-weight:800;color:var(--muted);background:#00000040;border:1px solid var(--border);border-radius:var(--r-pill);padding:1px 9px}.gcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.gcard-link{display:block;height:100%}.gcard-link.is-disabled{cursor:default}.gcard{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md)}.gcard-link:hover .gcard{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong))}.gcard.is-locked{opacity:.62}.gcard-art{position:relative;display:flex;align-items:center;justify-content:center;height:132px;background:radial-gradient(90% 120% at 50% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),linear-gradient(180deg,var(--surface-3),var(--surface-2));border-bottom:1px solid var(--border)}.gcard-art img,.gcard-art .glogo{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));transition:transform var(--dur-med) var(--ease-out)}.gcard-link:hover .gcard-art img,.gcard-link:hover .gcard-art .glogo{transform:scale(1.07) translateY(-2px)}.gcard-soon{position:absolute;top:10px;inset-inline-end:10px;font-size:11px;font-weight:800;color:var(--warning);background:#0006;border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 10px}.gcard-body{flex:1;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}.gcard-head{display:flex;flex-direction:column;gap:3px}.gcard-name{margin:0;font-size:19px;font-weight:800;color:var(--text)}.gcard-tag{font-size:12.5px;font-weight:700;color:color-mix(in srgb,var(--accent) 70%,var(--text-soft))}.gcard-desc{margin:0;color:var(--muted);font-size:13px;line-height:1.65;flex:1}.gcard-foot{padding:0 var(--space-4) var(--space-4)}.gcard-play{width:100%}.gcard-link.is-disabled .gcard-play{cursor:default;opacity:.7}@media (max-width: 720px){.gb-hero{grid-template-columns:1fr;padding:var(--space-5);text-align:center}.gb-hero-info{align-items:center}.gb-hero-art{order:-1}.gb-hero-art img{max-width:150px}.gc-meta{justify-content:center}}.about-card{max-width:1000px;margin:0 auto;padding:34px 32px 38px}.about-header{text-align:center;margin-bottom:34px}.about-logo{width:76px;height:76px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.about-title{margin:0;font-family:var(--font-display);font-size:clamp(26px,4vw,34px);font-weight:800;color:var(--text)}.about-section{margin-bottom:30px}.about-section-title{font-family:var(--font-display);color:var(--text);border-inline-start:3px solid var(--primary);padding-inline-start:12px;font-size:21px;font-weight:800;margin:0 0 14px}.about-text{color:var(--text-soft);line-height:1.95;margin:0 0 12px}.about-game-card{display:flex;gap:16px;margin-top:14px;padding:18px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border)}.about-game-number{min-width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;flex-shrink:0}.about-game-content{flex:1;min-width:0}.about-game-title{margin:4px 0 10px;font-size:19px;font-weight:800;color:var(--text)}.about-points-box{margin-top:12px;padding:14px 16px;border-radius:var(--r-md);background:var(--accent-a08);border:1px solid var(--border)}.about-point{color:var(--text-soft);line-height:1.85;margin-bottom:8px;padding-inline-start:4px}.about-point:last-child{margin-bottom:0}.about-feedback-box{padding:18px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--border)}@media (max-width: 768px){.about-card{padding:24px 16px 28px}.about-game-card{flex-direction:column;gap:12px}}.auth-wrap{min-height:calc(100vh - 240px);display:flex;align-items:center;justify-content:center;padding:24px 0}.auth-card{width:100%;max-width:430px}.auth-brand{display:flex;justify-content:center;margin-bottom:14px}.auth-brand img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.auth-title{text-align:center;font-family:var(--font-display);font-size:25px;font-weight:800;margin:0 0 4px;color:var(--text)}.auth-sub{text-align:center;color:var(--muted);margin:0 0 22px;font-size:14px}.auth-foot{text-align:center;color:var(--muted);margin:18px 0 0;font-size:14px}.oauth{margin-top:16px}.oauth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:2px 0 14px}.oauth-divider:before,.oauth-divider:after{content:"";height:1px;flex:1;background:var(--border)}.oauth-buttons{display:flex;flex-direction:column;gap:10px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:11px 14px;border-radius:var(--r-md);font-family:inherit;font-weight:700;font-size:14px;border:1px solid var(--border-strong);cursor:pointer;transition:filter var(--dur-fast) var(--ease-out)}.oauth-btn:hover{filter:brightness(1.08)}.oauth-btn i{font-size:16px}.oauth-google{background:#fff;color:#1f2430;border-color:#fff}.oauth-discord{background:#5865f2;color:#fff;border-color:#5865f2}.stats-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.stats-panel-head .card-title{margin:0}.stats-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 18px}.stats-form-label{color:var(--muted);font-size:13px;font-weight:700}.stats-form-chips{display:flex;gap:6px;flex-wrap:wrap}.form-chip{font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;border:1px solid transparent}.form-chip.is-win{color:#d8ffe8;background:#22c55e2e;border-color:#2f8f5799}.form-chip.is-loss{color:#ffd7dc;background:#8b000038;border-color:#e0556a73}.stats-pergame{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.pergame-card{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:#0003}.pergame-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.pergame-name{font-weight:800;color:var(--text)}.pergame-rate{font-family:var(--font-display);font-weight:800;color:var(--text)}.pergame-bar{height:8px;border-radius:999px;background:#0006;overflow:hidden;border:1px solid var(--border)}.pergame-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#ffffff59,#ffffffb3);border-radius:999px}.pergame-meta{margin-top:6px;font-size:12px}.lb-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.lb-controls .field{margin:0}.lb-player{display:inline-flex;align-items:center;gap:10px}.lb-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong)}.lb-rank{font-weight:800;color:var(--muted)}.lb-rank.rank-1{color:#f0d18a}.lb-rank.rank-2{color:#d8d8d8}.lb-rank.rank-3{color:#e6b07a}.ui-table tbody tr.lb-me{background:var(--accent-a16)}a.lb-player{color:var(--text)}a.lb-player:hover{color:var(--primary-strong)}.lb-game-select{width:auto;min-width:150px}.lb-empty i{font-size:30px;color:var(--brand-gold);margin-bottom:8px}.lb-empty p{margin:0 0 12px}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,2vw,22px);margin-bottom:20px}.podium-slot{display:flex;flex-direction:column;align-items:center;width:clamp(98px,20vw,156px)}.podium-top{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:10px;width:100%}.podium-crown{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:podium-bob 2.6s ease-in-out infinite}.podium-crown.rank-1{color:#f0d18a;font-size:30px}.podium-crown.rank-2{color:#dcdcdc}.podium-crown.rank-3{color:#e6b07a}@keyframes podium-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.podium-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--border-strong);box-shadow:var(--shadow-md)}.podium-1 .podium-avatar{width:86px;height:86px;border-color:#f0d18a;box-shadow:0 0 0 4px #f0d18a3d,var(--shadow-lg)}.podium-2 .podium-avatar{border-color:#dcdcdc}.podium-3 .podium-avatar{border-color:#e6b07a}.podium-name{font-weight:800;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-metric{font-size:13px;font-weight:800;color:var(--primary-strong)}.podium-unit{color:var(--muted);font-weight:600;font-size:11px}.podium-pillar{position:relative;width:100%;border-radius:12px 12px 0 0;background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border:1px solid var(--border-strong);border-bottom:none;display:flex;justify-content:center}.podium-1 .podium-pillar{height:98px;background:linear-gradient(180deg,var(--accent-a30),var(--surface-2))}.podium-2 .podium-pillar{height:72px}.podium-3 .podium-pillar{height:54px}.podium-rank{font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--primary-strong);margin-top:8px}.podium-slot.is-me .podium-pillar{box-shadow:inset 0 0 0 2px var(--primary)}@media (prefers-reduced-motion: reduce){.podium-crown{animation:none}}.profile-page{display:flex;flex-direction:column;gap:var(--space-5)}.profile-page .card{margin-bottom:0}.pf-hero{position:relative;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--border-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg);--accent: var(--primary)}.pf-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);z-index:2}.pf-hero-bg{position:absolute;inset:0 0 auto 0;height:150px;background:radial-gradient(120% 160% at 18% 0%,rgba(255,255,255,.055),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%);pointer-events:none}.pf-hero-inner{position:relative;display:flex;align-items:center;gap:20px;padding:28px clamp(20px,3vw,34px);flex-wrap:wrap}.pf-avatar-wrap{position:relative;width:104px;height:104px;padding:0;border:none;background:none;flex-shrink:0}.pf-avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;border:3px solid var(--border-strong);box-shadow:0 0 0 5px #ffffff0f,var(--shadow-md);display:block}.pf-avatar-wrap.is-editable{cursor:pointer}.pf-avatar-edit{position:absolute;bottom:2px;inset-inline-end:2px;width:32px;height:32px;border-radius:50%;background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-size:13px;border:2px solid var(--surface);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.pf-avatar-wrap.is-editable:hover .pf-avatar-edit{opacity:1}.pf-identity{flex:1;min-width:0}.pf-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pf-name{margin:0;font-family:var(--font-display);font-size:clamp(23px,3.4vw,31px);font-weight:800;color:var(--text);line-height:1.15}.pf-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:4px 11px;border-radius:var(--r-pill)}.pf-badge-admin{color:var(--primary-strong);background:#ffffff14;border:1px solid var(--border-strong)}.pf-handle{color:var(--muted);font-size:15px;margin-top:4px}.pf-action{margin-inline-start:auto;flex-shrink:0}.profile-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-5);align-items:start}.profile-main,.profile-side{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr}}.achv-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.achv-progress{font-size:13px;font-weight:800;color:var(--primary-strong);background:#ffffff12;border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px 12px}.achv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(102px,1fr));gap:12px}.achv-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:16px 10px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2)}.achv-tile.is-locked{opacity:.5}.achv-tile.is-earned{border-color:var(--border-strong);background:linear-gradient(180deg,rgba(255,255,255,.06),var(--surface-2))}.achv-ico{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--surface-3);color:var(--faint)}.achv-tile.is-earned .achv-ico{color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));box-shadow:0 6px 14px #00000059}.achv-tile-label{font-size:12.5px;font-weight:700;color:var(--text)}.achv-tile-hint{font-size:11px;color:var(--muted)}.achv-check{position:absolute;top:8px;inset-inline-end:8px;color:var(--success);font-size:13px}.mh-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.mh-list{display:flex;flex-direction:column}.mh-row{display:flex;align-items:center;gap:12px;padding:10px 2px;border-bottom:1px solid var(--border)}.mh-row:last-child{border-bottom:none}.mh-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}.mh-meta{flex:1;min-width:0;display:flex;flex-direction:column}.mh-name{font-weight:800;font-size:14px}.mh-sub{font-size:12.5px;color:var(--muted)}.mh-result{font-size:11px;font-weight:800;padding:2px 10px;border-radius:var(--r-pill);flex-shrink:0}.mh-result.is-win{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border)}.mh-result.is-loss{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.friend-rows{display:flex;flex-direction:column;gap:2px}.friend-row-card{display:flex;align-items:center;gap:11px;padding:9px 6px;border-radius:var(--r-md);color:var(--text)}.friend-row-card.is-link:hover{background:#ffffff0d}.friend-row-av{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);flex-shrink:0}.friend-row-meta{flex:1;min-width:0;display:flex;flex-direction:column}.friend-row-name{font-weight:700;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.friend-row-name:hover{color:var(--primary-strong)}.friend-row-handle{font-size:12px;color:var(--muted)}.friend-row-actions{display:flex;gap:6px;flex-shrink:0}.friend-row-actions .btn{width:auto}.friend-row-go{color:var(--faint);font-size:12px;flex-shrink:0}.edit-form{display:flex;flex-direction:column}.edit-avatar-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.edit-avatar{width:66px;height:66px;border-radius:50%;object-fit:cover;border:2px solid var(--border-strong)}.edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.edit-actions .btn{width:auto}.form-section-title{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.profile-empty{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;padding:6px 2px}body.gstage-lock{overflow:hidden}.gstage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;--accent: var(--primary);display:flex;flex-direction:column;color:var(--text);background:radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),radial-gradient(ellipse at 50% 118%,rgba(0,0,0,.55),transparent 62%),linear-gradient(180deg,#141418,#0a0a0d)}.gstage-topbar{flex:0 0 auto;height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 clamp(12px,3vw,28px);border-bottom:1px solid var(--border);background:#00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gstage-top-start{display:flex;justify-content:flex-start}.gstage-top-end{display:flex;justify-content:flex-end;align-items:center;gap:10px}.gstage-brand{display:flex;align-items:center;gap:10px;justify-content:center}.gstage-brand img,.gstage-brand .glogo{width:34px;height:34px;object-fit:contain}.gstage-title{font-family:var(--font-display);font-size:19px;font-weight:800;color:var(--text);white-space:nowrap}.gstage-back{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border-strong);color:var(--text-soft);border-radius:var(--r-pill);padding:8px 15px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.gstage-back:hover{background:var(--surface-3);color:var(--text);border-color:var(--accent-a60)}.gstage-body{flex:1 1 auto;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:clamp(14px,3vh,30px) clamp(14px,4vw,40px)}.setup{width:100%;max-width:1000px;display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(16px,2.5vw,26px);align-items:stretch}.setup-single{width:100%;max-width:460px}.setup-panel{display:flex;flex-direction:column;gap:var(--space-4);padding:clamp(18px,2.4vw,26px);border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-lg)}.setup-hero{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.setup-hero img,.setup-hero .glogo{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5))}.setup-hero h1{margin:4px 0 0;font-family:var(--font-display);font-size:25px;font-weight:800}.setup-hero p{margin:0;color:var(--muted);font-size:13.5px}.setup-section{display:flex;flex-direction:column;gap:8px}.setup-label{font-size:13px;font-weight:700;color:var(--muted)}.setup-cta.btn{padding:15px;font-size:16px;margin-top:auto}.setup-divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:13px;margin:2px 0}.setup-divider:before,.setup-divider:after{content:"";flex:1;height:1px;background:var(--border)}.setup-join{display:flex;gap:8px;align-items:center}.setup-join input{text-transform:uppercase;text-align:center;letter-spacing:3px;font-weight:800}.setup-join .btn{width:auto;flex:0 0 auto}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg-btn{flex:0 0 auto;min-width:46px;padding:9px 15px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.seg-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong))}.seg-btn:active{transform:scale(.96)}.seg-btn.is-active{background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));color:var(--on-primary);border-color:transparent;box-shadow:0 6px 16px var(--accent-a30)}.avatar-picker{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-hero{width:92px;height:92px;border-radius:50%;overflow:hidden;background:var(--surface-3);border:2px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent),var(--shadow-md)}.avatar-hero img{width:100%;height:100%;object-fit:cover;display:block;animation:ac-pop .2s var(--ease-out)}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%}.avatar-opt{aspect-ratio:1;padding:0;border-radius:50%;overflow:hidden;border:2px solid transparent;background:var(--surface-2);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.avatar-opt img{width:100%;height:100%;object-fit:cover;display:block}.avatar-opt:hover{transform:translateY(-2px) scale(1.06);border-color:var(--border-strong)}.avatar-opt.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.roomcode{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.roomcode-label{color:var(--muted);font-size:13px;font-weight:700}.roomcode-value{display:inline-flex;align-items:center;gap:10px;background:#0000004d;border:1px solid var(--border-strong);border-radius:var(--r-md);padding:9px 18px;color:var(--primary-strong);font-family:inherit;font-weight:800;font-size:22px;letter-spacing:4px;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out)}.roomcode-value:hover{border-color:var(--accent)}.roomcode-value i{font-size:15px;color:var(--muted)}.roomcode-invite{display:inline-flex}.slots{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:92px;padding:12px 8px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-2);animation:ac-pop .22s var(--ease-out)}.slot.is-me{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.slot-av{position:relative;width:58px;height:58px}.slot-av img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong)}.slot-crown{position:absolute;top:-9px;inset-inline-end:-7px;color:#f0d18a;font-size:14px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.slot-name{font-weight:700;font-size:13px;max-width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-kick{position:absolute;top:6px;inset-inline-start:6px;width:22px;height:22px;border-radius:50%;border:none;background:#00000073;color:var(--danger);cursor:pointer;font-size:11px;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.slot:hover .slot-kick{opacity:1}.slot-kick:hover{background:var(--danger);color:#fff}.slot-empty{opacity:.55;border-style:dashed}.slot-empty .slot-av{display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px dashed var(--border-strong);color:var(--faint)}.wait{width:100%;max-width:1040px;display:flex;flex-direction:column;gap:clamp(14px,2.2vh,22px)}.wait-top{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.wait-hint{color:var(--muted);font-size:14px;margin:0}.wait-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.wait-panel{padding:20px;border-radius:var(--r-lg);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow-md)}.wait-panel-title{margin:0 0 14px;font-size:15px;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--text)}.wait-panel-title i{color:var(--accent)}.wait-count{margin-inline-start:auto;font-size:12px;font-weight:800;color:var(--muted);background:#00000040;border:1px solid var(--border);border-radius:var(--r-pill);padding:1px 9px}.wait-scroll{max-height:34vh;overflow:auto}.wait-cta{display:flex;flex-direction:column;align-items:center;gap:8px}.wait-cta .btn{width:min(440px,100%);padding:15px;font-size:16px}.wait-host-msg{display:inline-flex;align-items:center;gap:9px;color:var(--text-soft);font-weight:700;font-size:15px}.wait-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.wait-stat{text-align:center;padding:12px 8px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.wait-stat-value{font-size:18px;font-weight:800;color:var(--primary-strong);line-height:1.1}.wait-stat-label{font-size:11px;color:var(--muted);margin-top:3px}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip-toggle{padding:8px 13px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.chip-toggle:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 55%,var(--border-strong))}.chip-toggle.is-active{background:color-mix(in srgb,var(--accent) 20%,var(--surface-3));color:var(--text);border-color:var(--accent)}.gstage-toast{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:1300;width:min(560px,92vw)}.gstage-toast .alert{margin:0;box-shadow:var(--shadow-lg)}@media (max-width: 860px){.setup,.wait-panels{grid-template-columns:1fr}.gstage-title{font-size:17px}}@media (max-width: 520px){.gstage-back span{display:none}.avatar-grid{grid-template-columns:repeat(6,1fr)}.roomcode-value{font-size:18px;letter-spacing:2px;padding:7px 12px}}.letters .center{text-align:center}.letters .muted{color:var(--muted)}.letters .card-title.center{justify-content:center}.letters .option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:14px}.letters .option-btn{padding:11px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.letters .option-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.letters .option-btn.is-active{border-color:var(--primary);background:var(--accent-a16);color:var(--primary-strong)}.letters .option-btn:disabled{opacity:.4;cursor:not-allowed}.letters .l-char-picker{margin:10px 0 4px}.letters .l-char-preview{width:104px;height:104px;object-fit:contain;display:block;margin:0 auto 14px;border-radius:50%;border:2px solid var(--primary);background:var(--surface-2);padding:8px}.letters .l-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:9px}.letters .l-char{aspect-ratio:1;padding:5px;border-radius:var(--r-md);border:2px solid transparent;background:var(--surface-2);cursor:pointer;transition:border-color .15s ease,transform .12s ease,background .15s ease}.letters .l-char:hover{border-color:var(--border-strong);transform:translateY(-2px)}.letters .l-char img{width:100%;height:100%;object-fit:contain}.letters .l-char.is-selected{border-color:var(--primary);background:var(--accent-a12)}.letters .l-identity{display:flex;align-items:center;gap:10px}.letters .l-avatar{width:42px;height:42px;object-fit:contain;flex-shrink:0;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-2);padding:2px}.letters .l-name{font-weight:700;color:var(--text)}.letters .identity-cell{display:flex;align-items:center;gap:10px}.letters .host-tag{font-size:11px;font-weight:800;color:var(--primary-strong);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px 9px}.letters .table-wrap{overflow-x:auto}.letters .l-table{width:100%;border-collapse:collapse}.letters .l-table th,.letters .l-table td{text-align:start;padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.letters .l-table thead th{color:var(--primary-strong);font-weight:800;white-space:nowrap}.letters .l-table tbody tr{transition:background .12s ease}.letters .l-table tr.is-me{background:var(--accent-a12)}.letters .rank-cell{font-weight:800}.letters .rank-gold{background:var(--accent-a16)}.letters .rank-silver{background:#c0c0c014}.letters .rank-bronze{background:#cd7f3214}.letters .shared-grid td{vertical-align:top}.letters .next-btn{margin-top:14px}.letters .l-room .card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.letters .l-room .card-title.center{font-size:20px}.letters .settings-summary{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--r-md);padding:16px;line-height:1.9;color:var(--text-soft)}.letters .settings-summary strong{color:var(--text)}.letters .settings-editor{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.letters .custom-category-row{display:flex;gap:12px;align-items:center;margin-bottom:12px}.letters .custom-category-row input{flex:1}.letters .chip-list{display:flex;flex-wrap:wrap;gap:8px}.letters .chip{padding:7px 13px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.letters .chip:hover{border-color:var(--danger-border);color:var(--danger)}.letters .wait-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-bottom:18px}.letters .wait-grid .card{margin-bottom:0}.letters .round-meta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--primary-strong);background:var(--accent-a12);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:4px 12px;margin-bottom:12px}.letters .phase-info{margin:8px 0 16px;color:var(--text-soft)}.letters .phase-timer{font-size:24px;font-weight:800;color:var(--primary-strong);text-align:center;margin-bottom:14px}.letters .l-choose{display:flex;flex-direction:column;align-items:center}.letters .l-choose-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.letters .l-choose-badge{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));box-shadow:0 0 0 5px var(--accent-a22),var(--shadow-md);animation:champion-glow 2s ease-in-out infinite}.letters .l-choose-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--border-strong);background:var(--surface-3);animation:champion-glow 2s ease-in-out infinite}.letters .l-choose-title{margin:6px 0 0;font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text)}.letters .l-choose-grid{width:100%;max-width:560px}.letters .letter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:10px;margin-top:18px}.letters .letter-btn{border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);min-height:56px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;cursor:pointer;transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .18s ease,color .15s ease;width:auto;margin:0}.letters .letter-btn:hover:not(:disabled){transform:translateY(-2px);border-color:var(--primary);background:var(--surface-3);color:var(--primary-strong);box-shadow:var(--shadow-sm)}.letters .letter-btn.used,.letters .letter-btn:disabled{opacity:.35;cursor:not-allowed}.letters .answer-table{border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;background:var(--surface-2);margin-bottom:16px}.letters .letter-badge{width:84px;height:84px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:900;color:var(--on-primary);margin:0 auto 20px;background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));border:1px solid rgba(255,224,156,.55);box-shadow:var(--shadow-md)}.letters .answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.letters .answer-card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:var(--r-md);padding:14px;background:var(--surface)}.letters .answer-card input{margin:0}.letters .answer-label{color:var(--primary-strong);font-weight:700;font-size:14px}.letters .answer-cell{display:flex;flex-direction:column;gap:8px}.letters .empty-answer{color:var(--faint)}.letters .vote-row{display:flex;gap:8px}.letters .vote-btn{width:auto;min-width:44px;padding:5px 10px;margin:0;font-size:12px;border-radius:var(--r-sm)}.letters .vote-btn.is-active{border-color:var(--primary);background:var(--accent-a16);color:var(--primary-strong)}.letters .vote-counts{color:var(--muted);font-size:12px}.letters .answer-result{display:inline-block;padding:5px 10px;border-radius:var(--r-sm);font-size:13px;font-weight:700}.letters .answer-result.valid{background:var(--success-bg);border:1px solid var(--success-border);color:#d8ffe8}.letters .answer-result.invalid{background:var(--danger-bg);border:1px solid var(--danger-border);color:#ffd7dc}.letters .podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:18px 0 24px}.letters .podium-card{position:relative;border-radius:var(--r-lg);padding:20px 16px;text-align:center;border:1px solid var(--border);background:var(--surface-2)}.letters .podium-gold{background:var(--accent-a16);border-color:var(--primary)}.letters .podium-silver{background:#c0c0c01a;border-color:#c0c0c04d}.letters .podium-bronze{background:#cd7f321a;border-color:#cd7f3259}.letters .podium-rank{font-size:24px;font-weight:900;margin-bottom:8px;color:var(--primary-strong)}.letters .podium-name{font-size:18px;font-weight:700;color:var(--text)}.letters .podium-score{margin-top:8px;color:var(--text-soft)}@media (max-width: 820px){.letters .wait-grid{grid-template-columns:1fr}}@media (max-width: 768px){.letters .letter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.letters .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letters .custom-category-row,.letters .vote-row{flex-direction:column;align-items:stretch}}body.letters-locked{overflow:hidden}.letters.l-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;max-width:none;margin:0;display:flex;flex-direction:column;gap:10px;padding:12px clamp(12px,3vw,32px) 16px;overflow:hidden;background:radial-gradient(ellipse at 50% -12%,color-mix(in srgb,var(--game-accent) 12%,#0d0d11),#0a0a0d 62%),var(--bg)}.l-room .l-room-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.l-room .l-room-head-main{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.l-room .l-room-title{margin:0;font-size:clamp(18px,2.4vw,23px);font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:9px}.l-room .l-room-title i{color:var(--primary)}.l-room .l-room-round{font-size:14px;font-weight:800;color:var(--primary-strong);background:var(--accent-a12);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:5px 14px}.l-room .l-room-head-actions{display:flex;align-items:center;gap:8px}.l-room .l-room-head-actions .btn{margin:0}.l-room .l-error-toast{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1300;width:min(560px,92vw)}.l-room .l-error-toast .alert{margin:0;box-shadow:var(--shadow-lg)}.l-room .l-room-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:16px;padding:4px}.l-room .l-room-scroll>.card{width:100%;max-width:920px;margin:0}.letters .l-timer-inline{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:var(--primary-strong);background:var(--accent-a12);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:5px 14px;margin:0;text-align:center}.letters .l-timer-inline.is-low{color:#ffd7dc;border-color:var(--danger-border);background:var(--danger-bg)}.letters .l-voting-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}.letters .l-letter-inline{color:var(--primary-strong);font-size:20px}.l-room .l-answer{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px}.l-room .l-answer-head{flex:0 0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.l-room .l-answer-head .letter-badge{width:64px;height:64px;font-size:32px;margin:0;flex-shrink:0}.l-room .l-answer-head-meta{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}.l-room .l-answer-hint{font-weight:700;color:var(--text)}.l-room .l-answer-progress{font-size:13px;font-weight:700;color:var(--muted)}.l-room .l-answer-timer{flex-shrink:0}.l-room .l-no-timer{font-size:14px;font-weight:700;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:5px 14px}.l-room .l-answer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px}.l-room .l-answer-scroll .answer-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.l-room .l-answer-foot{flex:0 0 auto;display:flex;gap:12px;align-items:center}.l-room .l-answer-foot .l-done-btn{flex:1 1 auto;margin:0;font-size:16px;padding:14px 18px}.l-room .l-answer-foot .btn{margin:0}.l-room .l-answer-foot .btn:not(.l-done-btn){width:auto;flex:0 0 auto}.letters .l-confirm-actions{display:flex;gap:10px;margin-top:16px}.letters .l-confirm-actions .btn{flex:1}.letters.l-setup{max-width:520px;margin:0 auto}.l-setup .l-setup-card{padding:26px 26px 24px}.l-setup .l-setup-head{text-align:center;margin-bottom:20px}.l-setup .l-setup-emblem{width:60px;height:60px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:26px;color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));border:1px solid rgba(255,224,156,.55);box-shadow:var(--shadow-md)}.l-setup .l-setup-title{margin:0;font-size:26px;font-weight:800;color:var(--text)}.l-setup .l-setup-sub{margin:6px 0 0;color:var(--muted);font-size:14px}.l-setup .l-setup-field{margin-bottom:18px}.l-setup .l-setup-field>.field-label{margin-bottom:9px}.l-setup .l-setup-field .option-grid{margin-bottom:0}.l-setup .ui-collapsible{margin-bottom:18px}.l-setup .l-setup-cta{margin-top:6px;font-size:16px;padding:14px 18px}.l-setup .l-join-card{padding:18px 22px 20px}.l-setup .l-join-row{display:flex;gap:10px}.l-setup .l-join-row input{flex:1;text-align:center;letter-spacing:4px;font-weight:800;text-transform:uppercase}.letters .l-lobby{max-width:980px;margin:0 auto}.l-lobby .l-lobby-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.l-lobby .l-lobby-title{margin:0;font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:10px}.l-lobby .l-lobby-title i{color:var(--primary)}.l-lobby .l-lobby-sub{margin:4px 0 0;color:var(--muted);font-size:14px}.l-lobby .l-lobby-head-actions{display:flex;align-items:center;gap:8px}.l-lobby .l-lobby-head-actions .btn{margin:0}.l-lobby .l-code-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;margin-bottom:18px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-a12),var(--accent-a08));border:1px solid var(--border-strong)}.l-lobby .l-code-label{font-size:13px;font-weight:700;color:var(--muted)}.l-lobby .l-code-value{display:inline-flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:8px 18px;color:var(--primary-strong);font-family:inherit;font-size:28px;font-weight:900;letter-spacing:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.l-lobby .l-code-value:hover{border-color:var(--primary);background:var(--surface-3)}.l-lobby .l-code-value i{font-size:17px;color:var(--primary)}.l-lobby .l-code-copied{font-size:13px;font-weight:700;color:var(--success)}.l-lobby .l-code-invite{margin-inline-start:auto}.l-lobby .l-code-invite .btn-link{margin:0}.l-lobby .l-lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-bottom:16px}.l-lobby .l-lobby-grid .card{margin-bottom:0}.l-lobby .l-count-pill{margin-inline-start:auto;font-size:13px;font-weight:800;color:var(--primary-strong);background:var(--accent-a16);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px 11px}.l-lobby .l-lobby-divider{height:1px;background:var(--border);margin:20px 0 16px}.l-lobby .l-settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.l-lobby .l-setting-stat{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.l-lobby .l-stat-label{font-size:12px;font-weight:700;color:var(--muted)}.l-lobby .l-stat-value{font-size:18px;font-weight:800;color:var(--text)}.l-lobby .l-settings-collapsible{margin-top:14px}.l-lobby .l-chip-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.l-lobby .l-chip{padding:9px 15px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.l-lobby .l-chip:hover{border-color:var(--border-strong);background:var(--surface-3)}.l-lobby .l-chip.is-active{border-color:var(--primary);background:var(--accent-a16);color:var(--primary-strong)}.l-lobby .l-lobby-cta{display:flex;flex-direction:column;gap:8px}.l-lobby .l-start-btn{font-size:16px;padding:14px 18px}.l-lobby .l-wait-host{text-align:center;color:var(--text-soft);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.l-lobby .l-wait-host i{color:var(--primary)}@media (max-width: 820px){.l-lobby .l-lobby-grid{grid-template-columns:1fr}}@media (max-width: 600px){.letters.l-room{padding:8px 10px 12px}.letters .answer-grid,.l-room .l-answer-scroll .answer-grid{grid-template-columns:1fr}.l-room .l-answer-foot{flex-direction:column;align-items:stretch}.l-room .l-answer-foot .btn:not(.l-done-btn){width:100%}.l-lobby .l-code-value{font-size:22px;letter-spacing:4px}.l-lobby .l-settings-grid{grid-template-columns:1fr}}.whoami .option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;margin-bottom:8px}.whoami .option-btn{padding:11px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.whoami .option-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.whoami .option-btn.is-active{border-color:var(--primary);background:var(--accent-a16);color:var(--primary-strong)}.whoami .option-btn:disabled{opacity:.4;cursor:not-allowed}.whoami .category-info{margin-bottom:12px;font-weight:700;color:var(--muted)}.whoami .w-char-picker{margin:10px 0 4px}.whoami .w-char-preview{width:104px;height:104px;object-fit:contain;display:block;margin:0 auto 14px;border-radius:50%;border:2px solid var(--primary);background:var(--surface-2);padding:8px}.whoami .w-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:9px}.whoami .w-char{aspect-ratio:1;padding:5px;border-radius:var(--r-md);border:2px solid transparent;background:var(--surface-2);cursor:pointer;transition:border-color .15s ease,transform .12s ease,background .15s ease}.whoami .w-char:hover{border-color:var(--border-strong);transform:translateY(-2px)}.whoami .w-char img{width:100%;height:100%;object-fit:contain}.whoami .w-char.is-selected{border-color:var(--primary);background:var(--accent-a12)}.whoami .w-identity{display:flex;align-items:center;gap:10px}.whoami .w-avatar{width:42px;height:42px;object-fit:contain;flex-shrink:0;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-2);padding:2px}.whoami .w-name{font-weight:700;color:var(--text)}.whoami .identity-cell{display:flex;align-items:center;gap:10px}.whoami .host-tag{font-size:11px;font-weight:800;color:var(--primary-strong);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px 9px}.whoami .table-wrap{overflow-x:auto}.whoami .w-table{width:100%;border-collapse:collapse}.whoami .w-table th,.whoami .w-table td{text-align:start;padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.whoami .w-table thead th{color:var(--primary-strong);font-weight:800;white-space:nowrap}.whoami .w-table tbody tr{transition:background .12s ease}.whoami .w-table tr.is-me{background:var(--accent-a12)}.whoami .w-done-row{background:#74e0a314}.whoami .rank-cell{font-weight:800}.whoami .rank-gold{background:var(--accent-a16)}.whoami .rank-silver{background:#c0c0c014}.whoami .rank-bronze{background:#cd7f3214}.whoami .btn-sm{width:auto;padding:6px 11px;font-size:13px;margin:0}.whoami .next-btn{margin-top:14px}.whoami .round-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:700;margin-bottom:10px}.whoami .phase-info{margin:8px 0 14px}.whoami .turn-box{display:flex;align-items:center;gap:11px;background:var(--accent-a12);border:1px solid var(--border-strong);padding:14px 16px;border-radius:var(--r-md);margin-bottom:12px;font-weight:800;color:var(--text)}.whoami .turn-box:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary)}.whoami .turn-box.wai-turn:before{display:none}.whoami .wai-turn-ava{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-strong);flex-shrink:0}.whoami .turn-box.is-you{background:linear-gradient(180deg,var(--accent-a22),var(--accent-a12));border-color:var(--primary)}.whoami .turn-box.is-you .wai-turn-ava{border-color:var(--primary);animation:champion-glow 2s ease-in-out infinite}.whoami .identity-box{border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:20px;text-align:center;font-size:20px;font-weight:800;background:var(--surface-2);margin-bottom:16px;color:var(--text)}.whoami .identity-box.small{font-size:16px;padding:14px}.whoami .reveal-state{margin-top:18px}.whoami .guess-area{display:flex;flex-direction:column;gap:10px;margin-top:12px}.whoami .guess-area input{margin:0}.whoami .wait-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.whoami .wait-grid .card{margin-bottom:0}@media (max-width: 820px){.whoami .wait-grid{grid-template-columns:1fr}}@media (max-width: 768px){.whoami .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.whoami.whoami-create .create-card,.whoami.whoami-wait .lobby-shell{max-width:560px;margin:0 auto}.whoami .create-card{padding:26px 26px 24px}.whoami .create-head{text-align:center;margin-bottom:20px}.whoami .create-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--primary-strong);background:var(--accent-a12);border:1px solid var(--border-strong);padding:5px 13px;border-radius:var(--r-pill)}.whoami .create-title{margin:12px 0 4px;font-size:clamp(24px,4vw,30px);font-weight:900;color:var(--text)}.whoami .create-sub{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.whoami .create-field,.whoami .setup-group{margin-bottom:20px}.whoami .setup-group .field-label{margin-bottom:9px}.whoami .setup-note{display:flex;align-items:center;gap:9px;margin:0 0 20px;padding:12px 14px;border-radius:var(--r-md);background:#7bc6e814;border:1px solid var(--border);color:var(--muted);font-size:13px}.whoami .setup-note i{color:var(--info)}.whoami .count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 10px;font-size:12px;font-weight:800;color:var(--primary-strong);background:var(--accent-a12);border:1px solid var(--border-strong);border-radius:var(--r-pill)}.whoami .create-cta,.whoami .lobby-cta{width:100%;padding:15px 18px;font-size:16px;font-weight:800}.whoami .join-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--faint);font-size:13px;font-weight:700}.whoami .join-divider:before,.whoami .join-divider:after{content:"";flex:1;height:1px;background:var(--border)}.whoami .join-row{display:flex;gap:10px;align-items:stretch}.whoami .join-input{flex:1;text-align:center;letter-spacing:4px;font-weight:800;text-transform:uppercase}.whoami .join-btn{width:auto;flex:0 0 auto;padding-inline:22px}.whoami .lobby-head{margin-bottom:18px}.whoami .lobby-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.whoami .lobby-head .create-title{text-align:start;margin-top:8px}.whoami .room-code-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 18px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-a12),var(--accent-a08));border:1px solid var(--border-strong)}.whoami .rc-text{display:flex;flex-direction:column;gap:7px}.whoami .rc-label{font-size:12px;font-weight:700;color:var(--muted)}.whoami .rc-code{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:#00000052;color:var(--primary-strong);font-family:inherit;font-weight:900;font-size:26px;letter-spacing:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.whoami .rc-code:hover{border-color:var(--primary);background:#00000073}.whoami .rc-code i{font-size:16px;letter-spacing:0}.whoami .rc-code.is-copied{color:var(--success);border-color:var(--success-border)}.whoami .rc-invite .btn-link{padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--r-md)}.whoami .char-card{text-align:center}.whoami .lobby-foot{display:flex;flex-direction:column;align-items:center;gap:14px}.whoami .lobby-foot .lobby-cta{max-width:380px}.whoami .foot-hint{margin:0;font-size:13px;text-align:center}.whoami .waiting-host{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:var(--r-pill);background:var(--accent-a12);border:1px solid var(--border-strong);color:var(--primary-strong);font-weight:800}.whoami .foot-actions{display:flex;gap:12px;width:100%;max-width:380px}.whoami .foot-actions .btn{flex:1}.whoami .card-title .count-chip{margin-inline-start:auto}body.whoami-locked{overflow:hidden}.whoami.whoami-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;max-width:none;margin:0;display:flex;flex-direction:column;gap:12px;padding:12px clamp(12px,3vw,32px) 16px;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,color-mix(in srgb,var(--game-accent) 12%,#0d0d11),#0a0a0d 60%),var(--bg)}.whoami .bgm-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.whoami .bgm-top-left,.whoami .bgm-top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.whoami .bgm-title{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:900;color:var(--text)}.whoami .bgm-title i{color:var(--primary)}.whoami .bgm-round{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--r-pill);background:var(--accent-a12);border:1px solid var(--border-strong);color:var(--primary-strong);font-weight:800;font-size:14px}.whoami .bgm-code{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:#0000004d;color:var(--primary-strong);font-family:inherit;font-weight:800;font-size:15px;letter-spacing:1px;cursor:pointer}.whoami .bgm-code:hover{border-color:var(--primary)}.whoami .bgm-topbar .btn-sm{width:auto}.whoami .bgm-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px}.whoami .bgm-body--center{display:flex;align-items:flex-start;justify-content:center}.whoami .bgm-stage{width:100%;max-width:1000px;margin:0 auto}.whoami .bgm-stage>*:last-child{margin-bottom:0}.whoami .bgm-body--center .bgm-stage{max-width:760px}.whoami .bgm-toast{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:260;width:min(560px,92vw)}.whoami .bgm-toast .alert{margin:0;box-shadow:var(--shadow-lg)}@media (max-width: 768px){.whoami.whoami-room{padding:8px 10px 12px;gap:8px}.whoami .w-table th,.whoami .w-table td{padding:8px 7px;font-size:13px}.whoami .bgm-topbar{padding:8px 12px;gap:8px}.whoami .bgm-title{font-size:16px}.whoami .bgm-btn-text{display:none}.whoami .rc-code{font-size:22px;letter-spacing:4px}.whoami .lobby-head-row{flex-wrap:wrap}}.bluff .card-title{display:block;margin:0 0 14px;font-size:17px;font-weight:800;color:var(--text)}.bluff .option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;margin-bottom:10px}.bluff .option-btn{padding:11px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.bluff .option-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.bluff .option-btn.is-active{border-color:var(--primary);background:var(--accent-a16);color:var(--primary-strong)}.bluff .option-btn:disabled{opacity:.4;cursor:not-allowed}.bluff .form-actions{display:flex;gap:12px;margin-top:4px}.bluff .form-actions .btn{flex:1}.bluff .b-char-picker{margin:10px 0 4px}.bluff .b-char-preview{width:104px;height:104px;object-fit:contain;display:block;margin:0 auto 14px;border-radius:50%;border:2px solid var(--primary);background:var(--surface-2);padding:8px}.bluff .b-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:9px}.bluff .b-char{aspect-ratio:1;padding:5px;border-radius:var(--r-md);border:2px solid transparent;background:var(--surface-2);cursor:pointer;transition:border-color .15s ease,transform .12s ease,background .15s ease}.bluff .b-char:hover{border-color:var(--border-strong);transform:translateY(-2px)}.bluff .b-char img{width:100%;height:100%;object-fit:contain}.bluff .b-char.is-selected{border-color:var(--primary);background:var(--accent-a12)}.bluff .b-identity{display:flex;align-items:center;gap:10px}.bluff .b-avatar{width:42px;height:42px;object-fit:contain;flex-shrink:0;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-2);padding:2px}.bluff .b-name{font-weight:700;color:var(--text)}.bluff .identity-cell{display:flex;align-items:center;gap:10px}.bluff .host-tag{font-size:11px;font-weight:800;color:var(--primary-strong);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px 9px}.bluff .table-wrap{overflow-x:auto}.bluff .b-table{width:100%;border-collapse:collapse}.bluff .b-table th,.bluff .b-table td{text-align:start;padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.bluff .b-table thead th{color:var(--primary-strong);font-weight:800;white-space:nowrap}.bluff .b-table tbody tr{transition:background .12s ease}.bluff .b-table tr.is-me{background:var(--accent-a12)}.bluff .b-table tr.is-done{background:#74e0a314}.bluff .b-table tr.correct-answer-row{background:#74e0a324}.bluff .rank-cell{font-weight:800}.bluff .rank-gold{background:var(--accent-a16)}.bluff .rank-silver{background:#c0c0c014}.bluff .rank-bronze{background:#cd7f3214}.bluff .btn-sm{width:auto;padding:6px 11px;font-size:13px;margin:0}.bluff .next-btn{margin-top:14px}.bluff .round-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:700;margin-bottom:10px}.bluff .phase-meta-line{color:var(--primary-strong);font-weight:700;margin-bottom:10px}.bluff .phase-info{margin:8px 0 14px}.bluff .phase-timer{font-size:22px;font-weight:800;color:var(--primary-strong);text-align:center;margin-bottom:12px}.bluff .b-question-box{border:1px solid var(--border-strong);border-radius:var(--r-lg);padding:22px 18px;text-align:center;font-size:20px;font-weight:800;background:var(--surface-2);color:var(--text);margin-bottom:14px}.bluff .b-answer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}.bluff .b-answer-card{border:1px solid var(--border);border-radius:var(--r-md);padding:16px;background:var(--surface-2);color:var(--text);cursor:pointer;text-align:center;width:auto;margin:0;font-family:inherit;transition:border-color .15s ease,background .15s ease,transform .12s ease,box-shadow .15s ease}.bluff .b-answer-card:hover:not(:disabled){transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-3);box-shadow:var(--shadow-sm)}.bluff .b-answer-card.selected{border-color:var(--primary);background:var(--accent-a16)}.bluff .b-answer-card.own-answer,.bluff .b-answer-card:disabled{opacity:.55;cursor:not-allowed}.bluff .b-answer-text{font-size:16px;font-weight:700}.bluff .b-answer-meta{margin-top:8px;font-size:12px;font-weight:700;color:var(--primary-strong)}.bluff .podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0 24px}.bluff .podium-card{border-radius:var(--r-lg);padding:18px;text-align:center;border:1px solid var(--border);background:var(--surface-2)}.bluff .podium-gold{background:var(--accent-a16);border-color:var(--primary)}.bluff .podium-silver{background:#c0c0c01a}.bluff .podium-bronze{background:#cd7f321a}.bluff .podium-rank{font-size:24px;font-weight:900;margin-bottom:8px;color:var(--primary-strong)}.bluff .podium-name{font-size:18px;font-weight:700;color:var(--text)}.bluff .podium-score{margin-top:8px;color:var(--muted)}.bluff .wait-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-bottom:18px}.bluff .wait-grid .card{margin-bottom:0}.bluff .b-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-bottom:18px}.bluff .b-panels .card{margin-bottom:0}@media (max-width: 900px){.bluff .b-panels{grid-template-columns:1fr}}@media (max-width: 820px){.bluff .wait-grid{grid-template-columns:1fr}}@media (max-width: 768px){.bluff .b-answer-grid{grid-template-columns:1fr}.bluff .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bluff .form-actions{flex-direction:column;gap:10px}}.bluff.bluff-create .create-card,.bluff.bluff-wait .lobby-shell{max-width:560px;margin:0 auto}.bluff .create-card{padding:26px 26px 24px}.bluff .create-head{text-align:center;margin-bottom:20px}.bluff .create-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--primary-strong);background:var(--accent-a12);border:1px solid var(--border-strong);padding:5px 13px;border-radius:var(--r-pill)}.bluff .create-title{margin:12px 0 4px;font-size:clamp(24px,4vw,30px);font-weight:900;color:var(--text)}.bluff .create-sub{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.bluff .create-field,.bluff .setup-group{margin-bottom:20px}.bluff .setup-group .field-label{margin-bottom:9px}.bluff .group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.bluff .group-head .field-label{margin-bottom:0}.bluff .count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 10px;font-size:12px;font-weight:800;color:var(--primary-strong);background:var(--accent-a12);border:1px solid var(--border-strong);border-radius:var(--r-pill)}.bluff .setup-advanced{margin-bottom:20px}.bluff .create-cta,.bluff .lobby-cta{width:100%;padding:15px 18px;font-size:16px;font-weight:800}.bluff .join-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--faint);font-size:13px;font-weight:700}.bluff .join-divider:before,.bluff .join-divider:after{content:"";flex:1;height:1px;background:var(--border)}.bluff .join-row{display:flex;gap:10px;align-items:stretch}.bluff .join-input{flex:1;text-align:center;letter-spacing:4px;font-weight:800;text-transform:uppercase}.bluff .join-btn{width:auto;flex:0 0 auto;padding-inline:22px}.bluff .lobby-head{margin-bottom:18px}.bluff .lobby-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.bluff .lobby-head .create-title{text-align:start;margin-top:8px}.bluff .room-code-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 18px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-a12),var(--accent-a08));border:1px solid var(--border-strong)}.bluff .rc-text{display:flex;flex-direction:column;gap:7px}.bluff .rc-label{font-size:12px;font-weight:700;color:var(--muted)}.bluff .rc-code{display:inline-flex;align-items:center;gap:12px;padding:8px 16px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:#00000052;color:var(--primary-strong);font-family:inherit;font-weight:900;font-size:26px;letter-spacing:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.bluff .rc-code:hover{border-color:var(--primary);background:#00000073}.bluff .rc-code i{font-size:16px;letter-spacing:0}.bluff .rc-code.is-copied{color:var(--success);border-color:var(--success-border)}.bluff .rc-invite .btn-link{padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--r-md)}.bluff .char-card{text-align:center}.bluff .lobby-foot{display:flex;flex-direction:column;align-items:center;gap:14px}.bluff .lobby-foot .lobby-cta{max-width:380px}.bluff .foot-hint{margin:0;font-size:13px;text-align:center}.bluff .waiting-host{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:var(--r-pill);background:var(--accent-a12);border:1px solid var(--border-strong);color:var(--primary-strong);font-weight:800}.bluff .foot-actions{display:flex;gap:12px;width:100%;max-width:380px}.bluff .foot-actions .btn{flex:1}.bluff .card-title .count-chip{margin-inline-start:auto}body.bluff-locked{overflow:hidden}.bluff.bluff-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;max-width:none;margin:0;display:flex;flex-direction:column;gap:12px;padding:12px clamp(12px,3vw,32px) 16px;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,color-mix(in srgb,var(--game-accent) 12%,#0d0d11),#0a0a0d 60%),var(--bg)}.bluff .bgm-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.bluff .bgm-top-left,.bluff .bgm-top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bluff .bgm-title{display:inline-flex;align-items:center;gap:9px;font-size:18px;font-weight:900;color:var(--text)}.bluff .bgm-title i{color:var(--primary)}.bluff .bgm-round{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--r-pill);background:var(--accent-a12);border:1px solid var(--border-strong);color:var(--primary-strong);font-weight:800;font-size:14px}.bluff .bgm-code{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:#0000004d;color:var(--primary-strong);font-family:inherit;font-weight:800;font-size:15px;letter-spacing:1px;cursor:pointer}.bluff .bgm-code:hover{border-color:var(--primary)}.bluff .bgm-topbar .btn-sm{width:auto}.bluff .bgm-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:2px}.bluff .bgm-body--center{display:flex;align-items:flex-start;justify-content:center}.bluff .bgm-stage{width:100%;max-width:1000px;margin:0 auto}.bluff .bgm-stage>*:last-child{margin-bottom:0}.bluff .bgm-body--center .bgm-stage{max-width:760px}.bluff .bgm-toast{position:fixed;top:76px;left:50%;transform:translate(-50%);z-index:260;width:min(560px,92vw)}.bluff .bgm-toast .alert{margin:0;box-shadow:var(--shadow-lg)}@media (max-width: 768px){.bluff.bluff-room{padding:8px 10px 12px;gap:8px}.bluff .bgm-topbar{padding:8px 12px;gap:8px}.bluff .bgm-title{font-size:16px}.bluff .bgm-btn-text{display:none}.bluff .rc-code{font-size:22px;letter-spacing:4px}.bluff .lobby-head-row{flex-wrap:wrap}}.draw-guess .card-title.center{justify-content:center;text-align:center}.draw-guess .card-inset{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.draw-guess .option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;margin-bottom:8px}.draw-guess .option-btn{padding:11px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.draw-guess .option-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-3)}.draw-guess .option-btn.is-active{border-color:var(--primary);background:var(--accent-a16);color:var(--primary-strong)}.draw-guess .option-btn:disabled{opacity:.4;cursor:not-allowed}.draw-guess .dg-char-picker{margin:10px 0 4px}.draw-guess .dg-char-preview{width:104px;height:104px;object-fit:contain;display:block;margin:0 auto 14px;border-radius:50%;border:2px solid var(--primary);background:var(--surface-2);padding:8px}.draw-guess .dg-char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:9px}.draw-guess .dg-char{aspect-ratio:1;padding:5px;border-radius:var(--r-md);border:2px solid transparent;background:var(--surface-2);cursor:pointer;transition:border-color .15s ease,transform .12s ease,background .15s ease}.draw-guess .dg-char:hover{border-color:var(--border-strong);transform:translateY(-2px)}.draw-guess .dg-char img{width:100%;height:100%;object-fit:contain}.draw-guess .dg-char.is-selected{border-color:var(--primary);background:var(--accent-a12)}.draw-guess .dg-identity{display:flex;align-items:center;gap:10px}.draw-guess .dg-avatar{width:42px;height:42px;object-fit:contain;flex-shrink:0;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-2);padding:2px}.draw-guess .dg-name{font-weight:700;color:var(--text)}.draw-guess .identity-cell{display:flex;align-items:center;gap:10px}.draw-guess .host-tag{font-size:11px;font-weight:800;color:var(--primary-strong);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px 9px}.draw-guess .table-wrap{overflow-x:auto}.draw-guess .dg-table{width:100%;border-collapse:collapse}.draw-guess .dg-table th,.draw-guess .dg-table td{text-align:start;padding:11px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.draw-guess .dg-table thead th{color:var(--primary-strong);font-weight:800;white-space:nowrap}.draw-guess .dg-table tbody tr{transition:background .12s ease}.draw-guess .dg-table tr.is-me{background:var(--accent-a12)}.draw-guess .dg-table tr.dg-row-drawing{background:var(--accent-a16)}.draw-guess .dg-table tr.dg-row-correct{background:#74e0a31a}.draw-guess .rank-cell{font-weight:800}.draw-guess .rank-gold{background:var(--accent-a16)}.draw-guess .rank-silver{background:#c0c0c014}.draw-guess .rank-bronze{background:#cd7f3214}.draw-guess .btn-sm{width:auto;padding:6px 11px;font-size:13px;margin:0}.draw-guess .btn-inline{width:auto;min-width:112px;margin:0}.draw-guess .btn-link{width:auto;background:none;border:none;color:var(--primary-strong);font-weight:700;text-decoration:underline;cursor:pointer;padding:8px 0}.draw-guess .next-btn{margin-top:16px}.draw-guess .card:not(.room-actions)>.btn+.btn{margin-top:10px}.draw-guess .round-meta{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-weight:700;font-size:14px}.draw-guess .phase-info{margin:8px 0 14px;color:var(--text-soft)}.draw-guess .dg-play-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:8px}.draw-guess .phase-timer{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:var(--primary-strong);background:var(--accent-a12);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:5px 14px}.draw-guess .phase-timer:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary);font-size:14px}.draw-guess .dg-word-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0 4px}.draw-guess .dg-word-choice-btn{margin:0}.draw-guess .dg-word-difficulty{color:var(--muted);font-weight:600;font-size:13px}.draw-guess .dg-word-reveal{font-size:18px;font-weight:800;color:var(--text)}.draw-guess .dg-word-reveal strong,.draw-guess .dg-word-reveal b{color:var(--primary-strong)}.draw-guess .dg-play-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(300px,1fr);gap:18px;align-items:start;margin-top:14px}.draw-guess .dg-word-hint{text-align:center;font-size:22px;font-weight:800;color:var(--primary-strong);letter-spacing:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px;margin-bottom:14px}.draw-guess .dg-canvas-area{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px}.draw-guess .dg-tools-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.draw-guess .dg-tools-bar input[type=color]{width:46px;height:38px;padding:2px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-3);cursor:pointer}.draw-guess .dg-tools-bar select{width:auto;margin:0;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-sm);padding:8px 12px;font-weight:700}.draw-guess .dg-canvas-wrapper{width:100%;aspect-ratio:16 / 9;background:#fff;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.draw-guess .dg-canvas-wrapper canvas{display:block;width:100%;height:100%;touch-action:none}.draw-guess .dg-guess-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;display:flex;flex-direction:column}.draw-guess .dg-guess-box .card-title{margin:0 0 12px}.draw-guess .dg-guess-feed{background:#0000003d;border:1px solid var(--border);border-radius:var(--r-md);min-height:250px;max-height:320px;overflow-y:auto;padding:10px;margin-bottom:12px}.draw-guess .dg-guess-message{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 11px;margin-bottom:6px;font-size:14px;word-break:break-word}.draw-guess .dg-guess-message:last-child{margin-bottom:0}.draw-guess .dg-guess-message.correct{background:var(--success-bg);border-color:var(--success-border);color:#d8ffe8;font-weight:700}.draw-guess .dg-guess-message.close{background:var(--accent-a16);border-color:var(--border-strong);color:var(--text-soft);font-style:italic}.draw-guess .dg-guess-input{display:flex;gap:8px}.draw-guess .dg-guess-input input{flex:1;margin:0}.draw-guess .podium{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0 24px}.draw-guess .podium-card{border-radius:var(--r-lg);padding:18px;text-align:center;border:1px solid var(--border);background:var(--surface-2)}.draw-guess .podium-gold{background:var(--accent-a16);border-color:var(--primary)}.draw-guess .podium-silver{background:#c0c0c01a;border-color:#c0c0c047}.draw-guess .podium-bronze{background:#cd7f321a;border-color:#cd7f3252}.draw-guess .podium-rank{font-size:24px;font-weight:900;color:var(--primary-strong);margin-bottom:8px}.draw-guess .podium-name{font-size:18px;font-weight:800;color:var(--text)}.draw-guess .podium-score{margin-top:8px;color:var(--muted);font-weight:700}.draw-guess .wait-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.draw-guess .wait-grid .card{margin-bottom:0}@media (max-width: 900px){.draw-guess .dg-play-layout{grid-template-columns:1fr;gap:14px}.draw-guess .dg-guess-input{flex-direction:column}.draw-guess .dg-guess-input .btn-inline{width:100%}}@media (max-width: 820px){.draw-guess .wait-grid{grid-template-columns:1fr}}@media (max-width: 768px){.draw-guess .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}body.drawguess-locked{overflow:hidden}.draw-guess.dg-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;max-width:none;margin:0;display:flex;flex-direction:column;gap:10px;padding:12px clamp(12px,3vw,32px) 16px;overflow:hidden;background:radial-gradient(ellipse at 50% -12%,color-mix(in srgb,var(--game-accent) 12%,#0d0d11),#0a0a0d 62%),var(--bg)}.dg-room .dg-room-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.dg-room .dg-room-head-main{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.dg-room .dg-room-title{margin:0;font-size:clamp(18px,2.4vw,23px);font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:9px}.dg-room .dg-room-title i{color:var(--primary)}.dg-room .dg-room-round{font-size:14px;font-weight:800;color:var(--primary-strong);background:var(--accent-a12);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:5px 14px}.dg-room .dg-room-head-actions{display:flex;align-items:center;gap:8px}.dg-room .dg-room-head-actions .btn{margin:0}.dg-room .dg-error-toast{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1300;width:min(560px,92vw)}.dg-room .dg-error-toast .alert{margin:0;box-shadow:var(--shadow-lg)}.dg-room .dg-room-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:4px}.dg-room .dg-room-scroll>.card{width:100%;max-width:760px;margin:0}.dg-room .dg-play{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px}.dg-room .dg-play-bar{flex:0 0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dg-room .dg-play-bar .dg-word-hint{flex:1 1 auto;margin:0;min-width:200px}.dg-room .dg-play-bar-side{display:flex;align-items:center;gap:10px}.dg-room .dg-play-role{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:14px;color:var(--text-soft);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 14px;white-space:nowrap}.dg-room .dg-play-role.is-drawer{color:var(--primary-strong);border-color:var(--border-strong);background:var(--accent-a12)}.dg-room .dg-play-role i{color:var(--primary)}.dg-room .phase-timer{margin:0}.dg-room .phase-timer.is-low{color:#ffd7dc;border-color:var(--danger-border);background:var(--danger-bg)}.dg-room .phase-timer.is-low:before{color:var(--danger)}.dg-room .dg-play-main{flex:1 1 auto;min-height:0;display:flex;gap:14px}.dg-room .dg-play-main .dg-canvas-area{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;margin:0}.dg-room .dg-play-main .dg-canvas-wrapper{flex:1 1 auto;min-height:0;aspect-ratio:auto}.dg-room .dg-play-main .dg-guess-box{flex:0 0 320px;width:320px;max-width:100%;min-height:0}.dg-room .dg-guess-box .dg-guess-feed{flex:1 1 auto;min-height:120px;max-height:none}.dg-room .dg-guess-empty{color:var(--faint);text-align:center;margin:14px 0;font-size:14px}.dg-players-strip{flex:0 0 auto;display:flex;gap:8px;overflow-x:auto;padding:2px 0}.dg-player-chip{display:flex;align-items:center;gap:9px;padding:6px 12px 6px 8px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);flex:0 0 auto;transition:border-color .15s ease,background .15s ease}.dg-player-chip.is-drawing{border-color:var(--primary);background:var(--accent-a16)}.dg-player-chip.is-correct{border-color:var(--success-border);background:#74e0a31a}.dg-chip-avatar{width:34px;height:34px;border-radius:50%;object-fit:contain;background:var(--surface-3);border:1px solid var(--border-strong);padding:2px;flex-shrink:0}.dg-chip-meta{display:flex;flex-direction:column;line-height:1.25}.dg-chip-name{font-weight:800;font-size:13px;color:var(--text);display:inline-flex;align-items:center;gap:5px}.dg-chip-host{color:var(--primary-strong);font-size:11px}.dg-chip-score{font-size:12px;font-weight:700;color:var(--muted)}.dg-player-chip.is-correct .dg-chip-score{color:var(--success)}.dg-confirm-actions{display:flex;gap:10px;margin-top:16px}.dg-confirm-actions .btn{flex:1}.draw-guess.dg-setup{max-width:520px;margin:0 auto}.dg-setup .dg-setup-card{padding:26px 26px 24px}.dg-setup .dg-setup-head{text-align:center;margin-bottom:20px}.dg-setup .dg-setup-emblem{width:60px;height:60px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:26px;color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));border:1px solid rgba(255,224,156,.55);box-shadow:var(--shadow-md)}.dg-setup .dg-setup-title{margin:0;font-size:26px;font-weight:800;color:var(--text)}.dg-setup .dg-setup-sub{margin:6px 0 0;color:var(--muted);font-size:14px}.dg-setup .dg-setup-field{margin-bottom:18px}.dg-setup .dg-setup-field>.field-label{margin-bottom:9px}.dg-setup .ui-collapsible{margin-bottom:18px}.dg-setup .dg-setup-cta{margin-top:6px;font-size:16px;padding:14px 18px}.dg-setup .dg-join-card{padding:18px 22px 20px}.dg-setup .dg-join-row{display:flex;gap:10px}.dg-setup .dg-join-row input{flex:1;text-align:center;letter-spacing:4px;font-weight:800;text-transform:uppercase}.draw-guess .dg-lobby{max-width:980px;margin:0 auto}.dg-lobby .dg-lobby-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}.dg-lobby .dg-lobby-title{margin:0;font-size:clamp(20px,3vw,26px);font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:10px}.dg-lobby .dg-lobby-title i{color:var(--primary)}.dg-lobby .dg-lobby-sub{margin:4px 0 0;color:var(--muted);font-size:14px}.dg-lobby .dg-lobby-head-actions{display:flex;align-items:center;gap:8px}.dg-lobby .dg-lobby-head-actions .btn{margin:0}.dg-lobby .dg-code-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 20px;margin-bottom:18px;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-a12),var(--accent-a08));border:1px solid var(--border-strong)}.dg-lobby .dg-code-label{font-size:13px;font-weight:700;color:var(--muted)}.dg-lobby .dg-code-value{display:inline-flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:8px 18px;color:var(--primary-strong);font-family:inherit;font-size:28px;font-weight:900;letter-spacing:6px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dg-lobby .dg-code-value:hover{border-color:var(--primary);background:var(--surface-3)}.dg-lobby .dg-code-value i{font-size:17px;color:var(--primary)}.dg-lobby .dg-code-copied{font-size:13px;font-weight:700;color:var(--success)}.dg-lobby .dg-code-invite{margin-inline-start:auto}.dg-lobby .dg-code-invite .btn-link{margin:0}.dg-lobby .dg-lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;margin-bottom:18px}.dg-lobby .dg-lobby-grid .card{margin-bottom:0}.dg-lobby .dg-count-pill{margin-inline-start:auto;font-size:13px;font-weight:800;color:var(--primary-strong);background:var(--accent-a16);border:1px solid var(--border-strong);border-radius:var(--r-pill);padding:2px 11px}.dg-lobby .dg-lobby-divider{height:1px;background:var(--border);margin:20px 0 16px}.dg-lobby .dg-cat-count{margin:0 0 10px;font-size:13px}.dg-lobby .dg-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.dg-lobby .dg-chip{padding:9px 15px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.dg-lobby .dg-chip:hover{border-color:var(--border-strong);background:var(--surface-3)}.dg-lobby .dg-chip.is-active{border-color:var(--primary);background:var(--accent-a16);color:var(--primary-strong)}.dg-lobby .dg-lobby-cta{display:flex;flex-direction:column;gap:8px}.dg-lobby .dg-start-btn{font-size:16px;padding:14px 18px}.dg-lobby .dg-wait-host{text-align:center;color:var(--text-soft);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.dg-lobby .dg-wait-host i{color:var(--primary)}@media (max-width: 900px){.dg-room .dg-play{overflow-y:auto}.dg-room .dg-play-main{flex-direction:column}.dg-room .dg-play-main .dg-canvas-wrapper{aspect-ratio:4 / 3;flex:none}.dg-room .dg-play-main .dg-guess-box{flex:none;width:100%}.dg-room .dg-guess-box .dg-guess-feed{max-height:240px}}@media (max-width: 820px){.dg-lobby .dg-lobby-grid{grid-template-columns:1fr}}@media (max-width: 600px){.draw-guess.dg-room{padding:8px 10px 12px}.dg-lobby .dg-code-value{font-size:22px;letter-spacing:4px}}.trix-page{max-width:1180px;margin:0 auto}body.trix-lock{overflow:hidden}.trix-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;max-width:none;margin:0;display:flex;flex-direction:column;gap:10px;padding:12px clamp(12px,3vw,32px) 16px;overflow:hidden;background:radial-gradient(ellipse at 50% -12%,color-mix(in srgb,var(--game-accent) 12%,#0d0d11),#0a0a0d 62%),var(--bg)}.trix-room .trix-bighead{margin-bottom:0;flex:0 0 auto}.trix-room .trix-table{flex:1 1 auto;min-height:0;height:auto;width:min(100%,1180px);align-self:center}.trix-room .trix-hand-zone{flex:0 0 auto}.trix-error-toast{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1300;width:min(560px,92vw)}.trix-error-toast .alert{margin:0;box-shadow:var(--shadow-lg)}.pc{position:relative;isolation:isolate;flex:0 0 auto;border-radius:9px;background:linear-gradient(160deg,#fff,#f3f0e9);border:1px solid rgba(0,0,0,.18);box-shadow:0 6px 14px #00000059,inset 0 1px #ffffffe6;padding:0;cursor:default;-webkit-user-select:none;user-select:none;font-family:Tajawal,system-ui,sans-serif}.pc-sm{width:48px;height:67px;border-radius:6px}.pc-md{width:112px;height:156px}.pc-lg{width:104px;height:146px}.pc-red{color:#c41e2a}.pc-black{color:#1a1a1a}.pc-tl,.pc-br{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;z-index:2}.pc-tl{top:6px;inset-inline-start:7px}.pc-br{bottom:6px;inset-inline-end:7px;transform:rotate(180deg)}.pc-corner{display:flex;flex-direction:column;align-items:center;gap:1px}.pc-rank{font-weight:900;letter-spacing:-.5px}.pc-suit-sm{line-height:1}.pc-sm .pc-rank{font-size:13px}.pc-sm .pc-suit-sm{font-size:11px}.pc-md .pc-rank{font-size:22px}.pc-md .pc-suit-sm{font-size:17px}.pc-lg .pc-rank{font-size:20px}.pc-lg .pc-suit-sm{font-size:16px}.pc-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.95}.pc-center-rank{font-weight:900}.pc-sm .pc-center-rank{font-size:20px}.pc-sm .pc-center-suit{font-size:16px}.pc-pips{position:absolute;top:12%;right:16%;bottom:12%;left:16%;z-index:1}.pc-pip{position:absolute;transform:translate(-50%,-50%);line-height:1}.pc-pip.is-flipped{transform:translate(-50%,-50%) rotate(180deg)}.pc-md .pc-pip{font-size:26px}.pc-lg .pc-pip{font-size:24px}.pc-ace{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.pc-md .pc-ace-suit{font-size:66px}.pc-lg .pc-ace-suit{font-size:60px}.pc-ace-suit{line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.pc-court{position:absolute;top:14%;right:15%;bottom:14%;left:15%;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,currentColor 7%,transparent);border:1.5px solid color-mix(in srgb,currentColor 55%,transparent);box-shadow:inset 0 0 0 3px #ffffff8c}.pc-court-icon{line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}.pc-md .pc-court-icon{font-size:54px}.pc-lg .pc-court-icon{font-size:48px}.pc-court-suit{position:absolute;bottom:6px;right:7px;font-size:15px}.pc.is-selectable{cursor:pointer;box-shadow:0 6px 14px #00000059,0 0 0 2px #f0d18a00;transition:box-shadow .15s ease}.pc.is-selectable:hover{box-shadow:0 14px 26px #00000073,0 0 0 2px #f0d18ad9;z-index:20}.pc.is-selected{box-shadow:0 16px 30px #00000080,0 0 0 3px var(--primary-strong);z-index:20}.pc.is-dimmed{opacity:.9;filter:brightness(.42) saturate(.6)}.pc.is-dimmed.is-selectable:hover{z-index:auto}.pc-back{background:repeating-linear-gradient(45deg,var(--accent-a22) 0 6px,transparent 6px 12px),repeating-linear-gradient(-45deg,var(--accent-a22) 0 6px,transparent 6px 12px),linear-gradient(160deg,#2a2014,#161009);border:1px solid var(--accent-a45);box-shadow:0 6px 14px #0006,inset 0 0 0 3px var(--accent-a30)}.trix-table{position:relative;display:grid;grid-template-columns:150px 1fr 150px;grid-template-rows:140px 1fr 140px;grid-template-areas:".     top    .    " "left  center right" ".     bottom .    ";gap:12px;align-items:center;justify-items:center;height:clamp(540px,80vh,760px);padding:18px;border-radius:26px;background:radial-gradient(circle at 50% 30%,var(--accent-a22),transparent 46%),repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 2px,transparent 2px 4px),radial-gradient(ellipse at 50% 46%,#1c5a43,#103c2c 56%,#082017);border:14px solid #4a3320;box-shadow:0 28px 66px #0000008c,inset 0 0 0 2px color-mix(in srgb,var(--primary-strong) 55%,transparent),inset 0 0 0 6px #00000052,inset 0 3px #ffe0aa24,inset 0 0 100px #0000008c}.pod-top{grid-area:top}.pod-left{grid-area:left}.pod-right{grid-area:right}.pod-bottom{grid-area:bottom}.table-center{grid-area:center;width:100%}.pod{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 12px;border-radius:14px;background:linear-gradient(180deg,#141418a8,#0000006b);border:1px solid var(--accent-a16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 16px #0000004d;min-width:92px;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.pod.is-turn{border-color:var(--primary);transform:translateY(-2px);animation:pod-pulse 1.9s ease-in-out infinite}@keyframes pod-pulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-strong) 50%,transparent),0 0 20px var(--accent-a30)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-strong) 72%,transparent),0 0 34px var(--accent-a45)}}@media (prefers-reduced-motion: reduce){.pod.is-turn{animation:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-strong) 60%,transparent),0 0 24px var(--accent-a30)}}.pod.is-out{opacity:.55}.pod-name{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:#fff;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-avatar{width:24px;height:24px;flex-shrink:0;border-radius:50%;object-fit:cover;border:1.5px solid var(--accent-a45);background:#00000059;display:inline-grid;place-items:center;font-size:12px;color:var(--primary-strong)}.pod-avatar-bot{color:var(--muted)}.pod-badges{display:flex;gap:4px}.pod-badge{font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px}.badge-king{color:#1d1405;background:linear-gradient(180deg,#f7e08a,#d4af37)}.badge-dealer{color:var(--primary-strong);border:1px solid var(--border-strong)}.badge-bot{color:var(--muted);border:1px solid var(--border)}.pod-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#d8e6dd}.pod-meta .pod-score{font-weight:800;color:var(--primary-strong)}.pod-cards{display:flex}.pod-cards .pc{margin-inline-start:-22px;box-shadow:0 4px 8px #0006}.pod-cards .pc:first-child{margin-inline-start:0}.center-stage{position:relative;width:100%;height:clamp(290px,42vh,430px);display:grid;place-items:center}.contract-intro{position:absolute;z-index:6;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 30px;border-radius:18px;background:#08080bdb;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);pointer-events:none;text-align:center}.contract-intro .ci-icon{font-size:30px;color:var(--primary-strong)}.contract-intro .ci-name{font-size:22px;font-weight:800;color:#fff}.contract-intro .ci-goal{font-size:13px;color:var(--muted)}.pod.is-turn{animation:trixPodPulse 1.7s ease-in-out infinite}@keyframes trixPodPulse{0%,to{box-shadow:0 0 0 2px var(--accent-a60),0 0 14px var(--accent-a22)}50%{box-shadow:0 0 0 2px var(--accent-a60),0 0 28px var(--accent-a45)}}.pod.is-winner{animation:trixPodWinner .7s ease}@keyframes trixPodWinner{0%{transform:scale(1)}40%{transform:scale(1.12);box-shadow:0 0 0 3px #f0d18a,0 0 30px #f0d18a99}to{transform:scale(1)}}.trick-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(470px,94%);height:250px;display:grid;place-items:center}.trick-slot{position:absolute;display:grid;place-items:center}.trick-slot.slot-top{top:0}.trick-slot.slot-bottom{bottom:0}.trick-slot.slot-left{inset-inline-start:6%}.trick-slot.slot-right{inset-inline-end:6%}.trick-empty{color:#cfe0d6;text-align:center;font-size:13px;opacity:.8}.contract-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:#0006;border:1px solid var(--border-strong);color:var(--primary-strong);font-weight:800}.trix-rows{display:grid;gap:8px;width:100%;max-width:460px}.trix-row{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:12px;background:#0000004d;border:1px solid rgba(255,255,255,.08)}.trix-row-suit{font-size:22px;width:26px;text-align:center}.trix-row-suit.red{color:#ff8a8a}.trix-row-suit.black{color:#fff}.trix-row-range{color:#d8e6dd;font-weight:800;letter-spacing:1px}.trix-row-range .muted{color:#9fb4a8;font-weight:600}.trix-hand-zone{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.trix-hand{display:flex;justify-content:center;padding-top:18px;min-height:120px;flex-wrap:nowrap}.trix-hand-card{flex:0 0 auto}.hand-hint{color:var(--muted);font-size:13px}.contract-picker{display:grid;gap:10px}.cp-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;text-align:start;width:100%;color:var(--text);font-family:inherit}.cp-option:hover{border-color:var(--border-strong)}.cp-order-num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));color:var(--on-primary);flex-shrink:0}.cp-icon{width:24px;text-align:center;color:var(--primary)}.cp-body{flex:1;min-width:0}.cp-name{font-weight:800}.cp-goal{color:var(--muted);font-size:12px}.trix-board{width:100%;border-collapse:collapse}.trix-board th,.trix-board td{padding:9px 8px;border-bottom:1px solid var(--border);text-align:center}.trix-board th:first-child,.trix-board td:first-child{text-align:start}.trix-board thead th{color:var(--primary-strong);font-weight:800}.trix-board tr.is-you{background:var(--accent-a12)}.trix-board .pos{font-weight:800;color:var(--primary-strong)}.trix-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.trix-status-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.turn-banner{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-weight:800;background:var(--accent-a16);border:1px solid var(--border-strong);color:var(--primary-strong)}.turn-banner.is-you{background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));color:var(--on-primary)}.trix-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;place-items:center;padding:18px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ac-fade .2s ease}.trix-overlay-card{width:100%;max-width:480px;text-align:center;animation:ac-pop .28s ease}.trix-trophy{font-size:44px;color:#f0d18a;margin-bottom:8px}.trix-lobby{max-width:460px;margin:0 auto}.seat-list{display:grid;gap:8px}.seat-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2)}.seat-row .seat-tag{margin-inline-start:auto}.pc.is-legal{box-shadow:0 10px 22px #0006,0 0 0 3px var(--primary-strong),0 0 18px #f0d18a8c;transform:translateY(-10px)}.pc.is-legal.is-selectable:hover{transform:translateY(-22px)}.trix-bighead{display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;margin-bottom:16px;padding:12px 18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.bh-item{display:flex;flex-direction:column;gap:2px;justify-content:center;padding-inline-end:14px;border-inline-end:1px solid var(--border)}.bh-label{font-size:11px;font-weight:700;color:var(--muted)}.bh-value{font-size:21px;font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:7px}.bh-value i{color:var(--primary)}.bh-sub{font-size:13px;font-weight:700;color:var(--muted)}.bh-king .bh-value i{color:#f0d18a}.bh-contract .bh-value{color:var(--primary-strong)}.bh-turn{margin-inline-start:auto;align-self:center;font-size:18px;font-weight:800;color:var(--text);padding:9px 18px;border-radius:var(--r-pill);background:var(--accent-a12);border:1px solid var(--border-strong)}.bh-turn.is-you{background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));color:var(--on-primary)}.bh-actions{display:flex;align-items:center;gap:8px;align-self:center}.corner-board{position:absolute;top:12px;left:12px;z-index:5;min-width:152px;padding:8px 10px;border-radius:12px;background:#08080bb8;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-md)}.cb-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--primary-strong);margin-bottom:6px}.cb-row{display:flex;align-items:center;gap:8px;padding:3px 2px;font-size:13px}.cb-pos{width:16px;text-align:center;font-size:11px;font-weight:800;color:var(--muted)}.cb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7f0ea}.cb-total{font-weight:800}.cb-row.is-you .cb-name,.cb-row.is-you .cb-total{color:var(--primary-strong)}.pod{width:124px;min-width:124px}.pod-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pod-king-icon{color:#f0d18a}.pod-cards{height:42px}.pod-cards .pc{width:30px;height:42px}.pod-count{color:#cfe0d6}.pod-tricks{color:var(--primary-strong);font-weight:800}.pod.is-open{opacity:.9;border-style:dashed}.trix-stacks{display:grid;gap:8px;width:100%;max-width:540px}.trix-stack-row{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:12px;background:#00000047;border:1px solid rgba(255,255,255,.08);min-height:64px}.ts-suit{font-size:24px;width:26px;text-align:center;flex-shrink:0}.ts-suit.red{color:#ff8a8a}.ts-suit.black{color:#fff}.ts-cards{display:flex;align-items:center;min-height:56px;flex-wrap:nowrap}.ts-cards .pc{margin-inline-start:-28px;box-shadow:0 3px 7px #00000073}.ts-cards .pc:first-child{margin-inline-start:0}.ts-empty{color:#9fb4a8;font-size:12px}.trix-fans{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:12px;justify-content:center;align-items:flex-start;width:100%}.trix-fan{display:flex;flex-direction:column;align-items:center;gap:8px}.tf-suit{font-size:30px;line-height:1}.tf-suit.red{color:#ff8a8a}.tf-suit.black{color:#fff}.tf-cards{display:flex;flex-direction:column;align-items:center}.tf-cards .pc{margin-top:calc(-1 * var(--fan-overlap, 114px));box-shadow:0 4px 9px #00000080;transition:margin-top .25s ease}.tf-cards .pc:first-child{margin-top:0}.tf-empty{color:#9fb4a8;font-size:11px;padding:8px 6px;border:1px dashed var(--border);border-radius:8px}.lobby-center{display:flex;flex-direction:column;align-items:center;gap:14px}.lobby-code{display:flex;flex-direction:column;align-items:center;gap:6px;color:#d8e6dd;font-size:13px}.lobby-code-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;border:1px solid var(--border-strong);background:#00000059;color:var(--primary-strong);font-weight:800;font-size:20px;letter-spacing:3px;cursor:pointer}.lobby-seat{gap:8px}.lobby-seat-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.lobby-invite-hint{font-size:10px;color:var(--muted)}.lobby-host-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.lobby-host-actions .btn-link{color:var(--primary-strong)}.lobby-swap-hint{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;max-width:220px;font-size:11px;color:var(--muted);text-align:center}.lobby-settings-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:18px;background:linear-gradient(180deg,#121216b8,#00000080);border:1px solid var(--accent-a22);box-shadow:0 12px 30px #0006,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:start}.lobby-settings-head{display:flex;align-items:center;gap:8px;font-weight:900;font-size:14px;letter-spacing:.3px;color:var(--primary-strong);padding-bottom:12px;border-bottom:1px solid var(--accent-a16)}.set-field{display:flex;flex-direction:column;gap:8px}.set-field-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--text-soft);text-transform:uppercase;letter-spacing:.6px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;border-radius:13px;border:1.5px solid var(--border);background:#ffffff08;color:var(--text-soft);font-family:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.mode-card:hover{transform:translateY(-2px);border-color:var(--accent-a45)}.mode-card-icon{font-size:20px;color:var(--muted);transition:color .15s ease}.mode-card-title{font-weight:900;font-size:14px;color:#fff}.mode-card-desc{font-size:11px;color:var(--muted);text-align:center;line-height:1.3}.mode-card.is-active{border-color:var(--primary-strong);background:linear-gradient(180deg,var(--accent-a22),rgba(255,255,255,.02));box-shadow:0 0 0 1px var(--primary-strong),0 6px 16px #00000059}.mode-card.is-active .mode-card-icon{color:var(--primary-strong)}.mode-readonly{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:#0000004d;border:1px solid var(--border);color:var(--primary-strong);font-weight:800;font-size:14px}.timer-rows{display:flex;flex-direction:column;gap:8px}.timer-row{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:12px;background:#ffffff08;border:1px solid var(--border)}.timer-row-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--accent-a16);color:var(--primary-strong);font-size:13px}.timer-row-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.timer-row-label{font-weight:800;font-size:13px;color:#fff}.timer-row-desc{font-size:11px;color:var(--muted)}.timer-row-readonly{font-weight:900;font-size:15px;color:var(--primary-strong);font-variant-numeric:tabular-nums}.stepper{display:inline-flex;align-items:center;gap:2px;flex-shrink:0;padding:3px;border-radius:10px;background:#0006;border:1px solid var(--border-strong)}.stepper-btn{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:7px;background:transparent;color:var(--primary-strong);font-size:12px;cursor:pointer;transition:background .12s ease}.stepper-btn:hover:not(:disabled){background:var(--accent-a22)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-val{min-width:46px;text-align:center;font-weight:900;font-size:15px;color:#fff;font-variant-numeric:tabular-nums}.stepper-unit{font-size:11px;font-weight:700;color:var(--muted);margin-inline-start:2px}.pod.is-pickable{cursor:pointer}.pod.is-pickable:hover{border-color:var(--primary)}.pod.is-picked{border-color:var(--primary-strong);box-shadow:0 0 0 2px var(--primary-strong),0 0 18px #f0d18a80}.pod-team-you{border-color:#74e0a380}.pod-team-opp{border-color:#7bc6e873}.pod-partner-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:var(--success)}.confirm-actions{display:flex;gap:10px;margin-top:14px}.confirm-actions .btn{flex:1}.mini-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:30px;height:42px;border-radius:5px;background:linear-gradient(160deg,#fff,#f3f0e9);border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 5px #00000073;line-height:1;-webkit-user-select:none;user-select:none}.mini-rank{font-size:13px;font-weight:800}.mini-suit{font-size:12px}.mini-card.pc-red{color:#c41e2a}.mini-card.pc-black{color:#1a1a1a}.pod-reveal{display:flex;justify-content:center;margin-top:5px}.pr-card{position:relative}.pr-card+.pr-card{margin-inline-start:-8px}.pr-card.is-doubled .mini-card{box-shadow:0 0 0 2px var(--primary-strong),0 2px 6px #00000080}.pr-x2{position:absolute;top:-6px;inset-inline-end:-6px;font-size:9px;font-weight:800;color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));border-radius:999px;padding:0 4px;line-height:1.5;border:1px solid rgba(0,0,0,.3)}.doubling-bar{align-self:center;display:inline-flex;align-items:center;gap:12px;padding:6px 16px;border-radius:999px;background:#08080bd6;border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.db-label{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:var(--primary-strong);white-space:nowrap}.db-cards{display:flex;gap:12px}.db-card{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;padding:0;cursor:pointer}.db-card .mini-card{width:38px;height:53px;transition:box-shadow .15s ease,transform .15s ease}.db-card .mini-rank{font-size:16px}.db-card .mini-suit{font-size:15px}.db-tag{font-size:10px;font-weight:800;color:var(--primary-strong)}.db-card:not(:disabled):hover .mini-card{transform:translateY(-3px);box-shadow:0 6px 14px #00000080,0 0 0 2px var(--primary-strong)}.db-card.is-done{cursor:default}.db-card.is-done .mini-card{box-shadow:0 0 0 2px var(--primary-strong),0 2px 6px #00000080}.db-card.is-done .db-tag{color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));border-radius:999px;padding:0 7px}.trix-bighead{position:relative}.bh-timer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 22px 9px;border-radius:16px;background:#060403eb;border:1px solid var(--border-strong);box-shadow:var(--shadow-md);min-width:156px;pointer-events:none}.bht-label{font-size:11px;font-weight:700;color:var(--muted)}.bht-num{display:inline-flex;align-items:center;gap:8px;font-size:30px;font-weight:800;line-height:1;color:#fff}.bht-num i{font-size:19px;color:var(--primary-strong)}.bht-bar{width:156px;height:8px;border-radius:999px;background:#ffffff29;overflow:hidden}.bht-fill{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-strong))}.bh-timer.is-low{border-color:var(--danger-border);animation:trixTimerLow .9s ease-in-out infinite}.bh-timer.is-low .bht-num{color:#ffdfe3}.bh-timer.is-low .bht-num i{color:var(--danger)}.bh-timer.is-low .bht-fill{background:var(--danger)}@keyframes trixTimerLow{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-md),0 0 16px 2px #ec6b7e8c}}.timer-settings{display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 14px;border-radius:14px;background:#00000052;border:1px solid var(--border)}.ts-title{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--primary-strong)}.ts-fields{display:flex;gap:12px}.ts-field{display:flex;flex-direction:column;align-items:center;gap:3px}.ts-label{font-size:10px;color:var(--muted)}.ts-field input{width:58px;padding:5px 6px;text-align:center;font-size:14px}.timer-settings.is-readonly{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:4px 12px}.ts-chip{font-size:11px;color:var(--muted)}.doubling-popup{max-width:420px;text-align:center}.doubling-popup .cp-head{justify-content:center}.doubling-popup .db-hint{margin:0 0 14px;font-size:13px}.doubling-popup .db-cards{justify-content:center;flex-wrap:wrap;margin-bottom:6px}.doubling-popup .db-done{margin-top:16px}.summary-rows{display:grid;gap:8px;margin:6px 0 2px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.summary-row.is-you{border-color:var(--border-strong);background:var(--accent-a12)}.sr-name{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--text)}.sr-delta{font-weight:800;font-size:18px;color:var(--muted)}.sr-delta.pos{color:var(--success)}.sr-delta.neg{color:var(--danger)}.trix-page .pod-stat{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:18px}.trix-page .pod-stat-sub{font-size:12px;font-weight:800;color:var(--primary-strong)}.pod-stat-label{font-weight:600;color:var(--muted);font-size:11px}.trix-page .pod-sub-icon{font-size:10px;opacity:.75}.pod-stat-out{color:var(--success);font-weight:800}.trix-page .pod-score-chip{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:2px 10px;border-radius:999px;font-size:16px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.3px;line-height:1.35;border:1px solid transparent}.trix-page .pod-score-chip.is-neg{color:#ff9ba1;background:#c41e2a29;border-color:#ff788266}.trix-page .pod-score-chip.is-pos{color:#7ee6a8;background:#2ea05a29;border-color:#78e6a066}.trix-page .pod-score-chip.is-zero{color:var(--text-soft);background:#ffffff0f;border-color:var(--border)}.pod-bot-icon{color:var(--muted);font-size:11px;margin-inline-start:4px}.contract-popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:14px;background:#06040373;border-radius:22px}.contract-popup{width:100%;max-width:380px;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);animation:ac-pop .2s ease}.cp-head{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:var(--text);margin-bottom:12px}.cp-head i{color:#f0d18a}.contract-choices{display:grid;gap:8px}.cc-option{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:inherit;text-align:start;cursor:pointer;transition:border-color .15s ease,background .15s ease}.cc-option:hover:not(:disabled){border-color:var(--primary);background:var(--surface-3)}.cc-option:disabled{cursor:default}.cc-option.is-done{opacity:.5}.cc-icon{width:22px;text-align:center;color:var(--primary);font-size:16px;flex-shrink:0}.cc-body{flex:1;min-width:0}.cc-name{font-weight:800}.cc-goal{font-size:11px;color:var(--muted)}.cc-done-tag{font-size:11px;font-weight:800;color:var(--success);white-space:nowrap}.trix-hand-zone{min-height:170px;margin-top:-56px;position:relative;z-index:20}.pod-bottom{position:relative;z-index:30}.hand-hint{min-height:24px;display:flex;align-items:center;justify-content:center;gap:7px}.hand-hint.is-you{color:var(--primary-strong);font-weight:800}@media (max-width: 720px){.trix-room{padding:8px 10px 12px;gap:8px}.trix-table{border-width:8px;padding:8px;gap:4px;height:clamp(360px,52vh,500px);grid-template-columns:82px 1fr 82px;grid-template-rows:92px 1fr 92px}.pc-md{width:66px;height:92px}.pc-lg{width:62px;height:87px}.pc-sm{width:34px;height:48px}.center-stage{height:clamp(180px,30vh,300px)}.trick-area{width:min(300px,96%);height:180px}.pod{width:auto;min-width:74px;max-width:118px;padding:5px 7px;gap:3px}.pod-name{font-size:12px;max-width:104px}.pod-avatar{width:20px;height:20px}.pod-cards{display:none}.pod-score-chip{font-size:13px;min-width:34px;padding:1px 7px}.pod-stat-sub{font-size:11px}.trix-hand-zone{margin-top:-14px;min-height:120px}.trix-hand{padding-top:14px;min-height:96px}.trix-bighead{padding:7px 9px;gap:5px 9px;align-items:center}.bh-item{padding-inline-end:8px}.bh-king{display:none}.bh-label{font-size:9px}.bh-value{font-size:14px}.bh-value i{font-size:13px}.bh-actions{order:3;margin-inline-start:auto;align-self:center}.bh-timer{position:static;transform:none;order:4;flex:1 1 100%;flex-direction:row;justify-content:center;gap:10px;min-width:0;padding:4px 14px}.bh-turn{order:5;flex:1 1 100%;text-align:center;font-size:13px;padding:6px 12px;margin-inline-start:0}.bht-label{display:none}.bht-num{font-size:20px}.bht-num i{font-size:14px}.bht-bar{width:150px;height:6px}.corner-board{top:6px;left:6px;min-width:106px;font-size:11px;padding:5px 7px}.trix-fans{gap:6px}.trix-fan .pc{width:52px;height:73px}.trix-table--lobby{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"top    left" "right  bottom" "center center";gap:10px;justify-items:stretch}.trix-table--lobby .pod-top,.trix-table--lobby .pod-left,.trix-table--lobby .pod-right,.trix-table--lobby .pod-bottom{align-self:stretch}.trix-table--lobby .lobby-seat{width:100%}.trix-table--lobby .lobby-settings-card{max-width:none}.lobby-settings-card{padding:12px;gap:12px}.lobby-settings-head{padding-bottom:9px;font-size:13px}.mode-card{padding:9px 6px}.mode-card-desc{display:none}.timer-row{padding:7px 8px;gap:8px}.timer-row-desc{display:none}.timer-row-icon,.stepper-btn{width:26px;height:26px}.stepper-val{min-width:38px;font-size:14px}}.tarneeb-page{max-width:1180px;margin:0 auto}body.tarneeb-locked{overflow:hidden}.tarneeb-room{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;max-width:none;margin:0;display:flex;flex-direction:column;gap:10px;padding:12px clamp(12px,3vw,32px) 16px;overflow:hidden;background:radial-gradient(ellipse at 50% -12%,color-mix(in srgb,var(--game-accent) 12%,#0d0d11),#0a0a0d 62%),var(--bg)}.tarneeb-room .tarneeb-bighead{margin-bottom:0;flex:0 0 auto}.tarneeb-room .tarneeb-table{flex:1 1 auto;min-height:0;height:auto;width:min(100%,1180px);align-self:center}.tarneeb-room .tarneeb-hand-zone{flex:0 0 auto}.tarneeb-error-toast{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1300;width:min(560px,92vw)}.tarneeb-error-toast .alert{margin:0;box-shadow:var(--shadow-lg)}.tarneeb-page .pc{position:relative;isolation:isolate;flex:0 0 auto;border-radius:9px;background:linear-gradient(160deg,#fff,#f3f0e9);border:1px solid rgba(0,0,0,.18);box-shadow:0 6px 14px #00000059,inset 0 1px #ffffffe6;padding:0;cursor:default;-webkit-user-select:none;user-select:none;font-family:Tajawal,system-ui,sans-serif}.tarneeb-page .pc-sm{width:48px;height:67px;border-radius:6px}.tarneeb-page .pc-md{width:112px;height:156px}.tarneeb-page .pc-lg{width:104px;height:146px}.tarneeb-page .pc-red{color:#c41e2a}.tarneeb-page .pc-black{color:#1a1a1a}.tarneeb-page .pc-tl,.tarneeb-page .pc-br{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;z-index:2}.tarneeb-page .pc-tl{top:6px;inset-inline-start:7px}.tarneeb-page .pc-br{bottom:6px;inset-inline-end:7px;transform:rotate(180deg)}.tarneeb-page .pc-corner{display:flex;flex-direction:column;align-items:center;gap:1px}.tarneeb-page .pc-rank{font-weight:900;letter-spacing:-.5px}.tarneeb-page .pc-suit-sm{line-height:1}.tarneeb-page .pc-sm .pc-rank{font-size:13px}.tarneeb-page .pc-sm .pc-suit-sm{font-size:11px}.tarneeb-page .pc-md .pc-rank{font-size:22px}.tarneeb-page .pc-md .pc-suit-sm{font-size:17px}.tarneeb-page .pc-lg .pc-rank{font-size:20px}.tarneeb-page .pc-lg .pc-suit-sm{font-size:16px}.tarneeb-page .pc-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.95}.tarneeb-page .pc-center-rank{font-weight:900}.tarneeb-page .pc-sm .pc-center-rank{font-size:20px}.tarneeb-page .pc-sm .pc-center-suit{font-size:16px}.tarneeb-page .pc-pips{position:absolute;top:12%;right:16%;bottom:12%;left:16%;z-index:1}.tarneeb-page .pc-pip{position:absolute;transform:translate(-50%,-50%);line-height:1}.tarneeb-page .pc-pip.is-flipped{transform:translate(-50%,-50%) rotate(180deg)}.tarneeb-page .pc-md .pc-pip{font-size:26px}.tarneeb-page .pc-lg .pc-pip{font-size:24px}.tarneeb-page .pc-ace{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.tarneeb-page .pc-md .pc-ace-suit{font-size:66px}.tarneeb-page .pc-lg .pc-ace-suit{font-size:60px}.tarneeb-page .pc-ace-suit{line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18))}.tarneeb-page .pc-court{position:absolute;top:14%;right:15%;bottom:14%;left:15%;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,currentColor 7%,transparent);border:1.5px solid color-mix(in srgb,currentColor 55%,transparent);box-shadow:inset 0 0 0 3px #ffffff8c}.tarneeb-page .pc-court-icon{line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}.tarneeb-page .pc-md .pc-court-icon{font-size:54px}.tarneeb-page .pc-lg .pc-court-icon{font-size:48px}.tarneeb-page .pc-court-suit{position:absolute;bottom:6px;right:7px;font-size:15px}.tarneeb-page .pc.is-selectable{cursor:pointer;box-shadow:0 6px 14px #00000059,0 0 0 2px #f0d18a00;transition:box-shadow .15s ease}.tarneeb-page .pc.is-selectable:hover{box-shadow:0 14px 26px #00000073,0 0 0 2px #f0d18ad9;z-index:20}.tarneeb-page .pc.is-selected{box-shadow:0 16px 30px #00000080,0 0 0 3px var(--primary-strong);z-index:20}.tarneeb-page .pc.is-dimmed{opacity:.9;filter:brightness(.42) saturate(.6)}.tarneeb-page .pc.is-dimmed.is-selectable:hover{z-index:auto}.tarneeb-page .pc.is-trump{box-shadow:0 6px 14px #00000059,inset 0 0 0 2px var(--accent-a60)}.tarneeb-page .pc.is-legal{box-shadow:0 10px 22px #0006,0 0 0 3px var(--primary-strong),0 0 18px #f0d18a8c;transform:translateY(-10px)}.tarneeb-page .pc.is-legal.is-selectable:hover{transform:translateY(-22px)}.tarneeb-page .pc-back{background:repeating-linear-gradient(45deg,var(--accent-a22) 0 6px,transparent 6px 12px),repeating-linear-gradient(-45deg,var(--accent-a22) 0 6px,transparent 6px 12px),linear-gradient(160deg,#2a2014,#161009);border:1px solid var(--accent-a45);box-shadow:0 6px 14px #0006,inset 0 0 0 3px var(--accent-a30)}.tarneeb-table{position:relative;display:grid;grid-template-columns:150px 1fr 150px;grid-template-rows:140px 1fr 140px;grid-template-areas:".     top    .    " "left  center right" ".     bottom .    ";gap:12px;align-items:center;justify-items:center;height:clamp(540px,80vh,760px);padding:18px;border-radius:26px;background:radial-gradient(circle at 50% 30%,var(--accent-a22),transparent 46%),repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 2px,transparent 2px 4px),radial-gradient(ellipse at 50% 46%,#1c5a43,#103c2c 56%,#082017);border:14px solid #4a3320;box-shadow:0 28px 66px #0000008c,inset 0 0 0 2px color-mix(in srgb,var(--primary-strong) 55%,transparent),inset 0 0 0 6px #00000052,inset 0 3px #ffe0aa24,inset 0 0 100px #0000008c}.tarneeb-table .pod-top{grid-area:top}.tarneeb-table .pod-left{grid-area:left}.tarneeb-table .pod-right{grid-area:right}.tarneeb-table .pod-bottom{grid-area:bottom}.tarneeb-table .table-center{grid-area:center;width:100%}.tarneeb-page .pod{display:flex;flex-direction:column;align-items:center;gap:6px;padding:9px 12px;border-radius:14px;background:linear-gradient(180deg,#141418a8,#0000006b);border:1px solid var(--accent-a16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 6px 16px #0000004d;width:124px;min-width:124px;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.tarneeb-page .pod.is-turn{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-a45),0 0 22px var(--accent-a30);animation:tarneebPodPulse 1.7s ease-in-out infinite}@keyframes tarneebPodPulse{0%,to{box-shadow:0 0 0 2px var(--accent-a45),0 0 14px var(--accent-a22)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-strong) 72%,transparent),0 0 28px var(--accent-a45)}}.tarneeb-page .pod.is-winner{animation:tarneebPodWinner .7s ease}@keyframes tarneebPodWinner{0%{transform:scale(1)}40%{transform:scale(1.12);box-shadow:0 0 0 3px #f0d18a,0 0 30px #f0d18a99}to{transform:scale(1)}}.tarneeb-page .pod.is-open{opacity:.9;border-style:dashed}.tarneeb-page .pod-name{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:#fff;max-width:130px}.tarneeb-page .pod-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tarneeb-page .pod-king-icon{color:#f0d18a}.tarneeb-page .pod-bot-icon{color:var(--muted);font-size:11px;margin-inline-start:4px}.tarneeb-page .pod-avatar{width:24px;height:24px;flex-shrink:0;border-radius:50%;object-fit:cover;border:1.5px solid var(--accent-a45);background:#00000059;display:inline-grid;place-items:center;font-size:12px;color:var(--primary-strong)}.tarneeb-page .pod-avatar-bot{color:var(--muted)}.tarneeb-page .pod-badges{display:flex;gap:4px}.tarneeb-page .pod-badge{font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px}.tarneeb-page .badge-dealer{color:var(--primary-strong);border:1px solid var(--border-strong)}.tarneeb-page .badge-bot{color:var(--muted);border:1px solid var(--border)}.tarneeb-page .pod-cards{display:flex;height:42px}.tarneeb-page .pod-cards .pc{width:30px;height:42px;margin-inline-start:-22px;box-shadow:0 4px 8px #0006}.tarneeb-page .pod-cards .pc:first-child{margin-inline-start:0}.tarneeb-page .pod-stat{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--primary-strong);min-height:18px}.tarneeb-page .pod-stat-label{font-weight:600;color:var(--muted);font-size:11px}.tarneeb-page .pod-tricks-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 12px;border-radius:999px;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff;background:#ffffff0f;border:1px solid var(--accent-a45)}.tarneeb-page .pod-tricks-icon{font-size:11px;color:var(--primary-strong)}.tarneeb-page .pod-stat-bid{display:inline-flex;align-items:center;padding:3px 13px;border-radius:999px;font-weight:900;color:#1d1405;background:linear-gradient(180deg,var(--primary),var(--primary-strong))}.tarneeb-page .pod-stat-pass{display:inline-flex;align-items:center;padding:3px 13px;border-radius:999px;font-weight:800;color:var(--muted);background:#ffffff0d;border:1px solid var(--border)}.tarneeb-page .pod-partner-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:var(--success)}.tarneeb-page .pod-team-you{border-color:#74e0a380}.tarneeb-page .pod-team-opp{border-color:#7bc6e873}.tarneeb-page .center-stage{position:relative;width:100%;height:clamp(290px,42vh,430px);display:grid;place-items:center}.tarneeb-page .trick-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(470px,94%);height:250px;display:grid;place-items:center}.tarneeb-page .trick-slot{position:absolute;display:grid;place-items:center}.tarneeb-page .trick-slot.slot-top{top:0}.tarneeb-page .trick-slot.slot-bottom{bottom:0}.tarneeb-page .trick-slot.slot-left{inset-inline-start:6%}.tarneeb-page .trick-slot.slot-right{inset-inline-end:6%}.tarneeb-page .trick-empty{color:#cfe0d6;text-align:center;font-size:13px;opacity:.85}.tarneeb-page .trump-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:#00000073;border:1px solid var(--border-strong);color:var(--primary-strong);font-weight:800;font-size:16px}.tarneeb-page .trump-chip .red{color:#ff8a8a;font-size:22px}.tarneeb-page .trump-chip .black{color:#fff;font-size:22px}.tarneeb-page .tarneeb-hand-zone{min-height:170px;margin-top:-56px;position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;gap:10px}.tarneeb-page .tarneeb-hand{display:flex;justify-content:center;padding-top:18px;min-height:120px;flex-wrap:nowrap}.tarneeb-page .tarneeb-hand-card{flex:0 0 auto}.tarneeb-page .pod-bottom{position:relative;z-index:30}.tarneeb-page .hand-hint{min-height:24px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:13px}.tarneeb-page .hand-hint.is-you{color:var(--primary-strong);font-weight:800}.tarneeb-bighead{position:relative;display:flex;align-items:stretch;gap:14px;flex-wrap:wrap;padding:12px 18px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md)}.tarneeb-bighead .bh-item{display:flex;flex-direction:column;gap:2px;justify-content:center;padding-inline-end:14px;border-inline-end:1px solid var(--border)}.tarneeb-bighead .bh-label{font-size:11px;font-weight:700;color:var(--muted)}.tarneeb-bighead .bh-value{font-size:20px;font-weight:800;color:var(--text);display:inline-flex;align-items:center;gap:7px}.tarneeb-bighead .bh-value i{color:var(--primary)}.tarneeb-bighead .bh-sub{font-size:13px;font-weight:700;color:var(--muted)}.tarneeb-bighead .bh-contract .bh-value{color:var(--primary-strong)}.tarneeb-bighead .bh-trump .trump-suit{display:inline-flex;align-items:center;gap:6px;font-size:22px}.tarneeb-bighead .bh-trump .trump-suit.red{color:#ff8a8a}.tarneeb-bighead .bh-trump .trump-suit.black{color:#fff}.tarneeb-bighead .bh-trump .trump-name{font-size:14px;color:var(--text)}.tarneeb-bighead .bh-turn{margin-inline-start:auto;align-self:center;font-size:18px;font-weight:800;color:var(--text);padding:9px 18px;border-radius:var(--r-pill);background:var(--accent-a12);border:1px solid var(--border-strong)}.tarneeb-bighead .bh-turn.is-you{background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));color:var(--on-primary)}.tarneeb-bighead .bh-actions{display:flex;align-items:center;gap:8px;align-self:center}.tarneeb-bighead .bh-timer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;display:flex;flex-direction:column;align-items:center;gap:5px;padding:7px 22px 9px;border-radius:16px;background:#060403eb;border:1px solid var(--border-strong);box-shadow:var(--shadow-md);min-width:156px;pointer-events:none}.tarneeb-bighead .bht-label{font-size:11px;font-weight:700;color:var(--muted)}.tarneeb-bighead .bht-num{display:inline-flex;align-items:center;gap:8px;font-size:30px;font-weight:800;line-height:1;color:#fff}.tarneeb-bighead .bht-num i{font-size:19px;color:var(--primary-strong)}.tarneeb-bighead .bht-bar{width:156px;height:8px;border-radius:999px;background:#ffffff29;overflow:hidden}.tarneeb-bighead .bht-fill{display:block;height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary-strong))}.tarneeb-bighead .bh-timer.is-low{border-color:var(--danger-border);animation:tarneebTimerLow .9s ease-in-out infinite}.tarneeb-bighead .bh-timer.is-low .bht-num{color:#ffdfe3}.tarneeb-bighead .bh-timer.is-low .bht-num i{color:var(--danger)}.tarneeb-bighead .bh-timer.is-low .bht-fill{background:var(--danger)}@keyframes tarneebTimerLow{0%,to{box-shadow:var(--shadow-md)}50%{box-shadow:var(--shadow-md),0 0 16px 2px #ec6b7e8c}}.tarneeb-table .corner-board{position:absolute;top:12px;left:12px;z-index:5;min-width:170px;padding:8px 10px;border-radius:12px;background:#08080bb8;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-md)}.tarneeb-table .cb-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--primary-strong);margin-bottom:6px}.tarneeb-table .cb-target{margin-inline-start:auto;font-size:10px;color:var(--muted)}.tarneeb-table .cb-row{display:flex;align-items:center;gap:8px;padding:3px 2px;font-size:13px}.tarneeb-table .cb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7f0ea}.tarneeb-table .cb-tricks{font-size:11px;color:#cfe0d6}.tarneeb-table .cb-total{font-weight:800;min-width:22px;text-align:end}.tarneeb-table .cb-row.is-you .cb-name,.tarneeb-table .cb-row.is-you .cb-total{color:var(--primary-strong)}.tarneeb-page .popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:14px;background:#06040380;border-radius:22px}.tarneeb-page .popup-backdrop.popup-bid{align-items:end;padding-bottom:4px}.tarneeb-page .game-popup{width:100%;max-width:420px;padding:16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg);text-align:center;animation:ac-pop .2s ease}.tarneeb-page .game-popup .cp-head{display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:800;color:var(--text);margin-bottom:12px}.tarneeb-page .game-popup .cp-head i{color:#f0d18a}.tarneeb-page .bid-status{font-size:14px;margin-bottom:12px}.tarneeb-page .bid-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px}.tarneeb-page .bid-opt{width:48px;height:48px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-family:inherit;font-weight:800;font-size:20px;cursor:pointer;transition:transform .1s ease,background .15s ease,border-color .15s ease}.tarneeb-page .bid-opt:hover{background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));color:var(--on-primary);border-color:var(--primary-strong);transform:translateY(-2px)}.tarneeb-page .pass-btn{width:100%}.tarneeb-page .bid-hint{font-size:11px;margin:10px 0 0}.tarneeb-page .bid-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.tarneeb-page .bid-chip{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:64px;padding:5px 8px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border)}.tarneeb-page .bid-chip.is-turn{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-a45)}.tarneeb-page .bid-chip .bc-name{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72px}.tarneeb-page .bid-chip .bc-val{font-size:16px;font-weight:800;color:var(--text)}.tarneeb-page .bid-chip.is-bid .bc-val{color:var(--primary-strong)}.tarneeb-page .bid-chip.is-pass .bc-val{color:var(--muted);font-size:13px}.tarneeb-page .trump-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tarneeb-page .trump-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);cursor:pointer;font-family:inherit;transition:transform .1s ease,border-color .15s ease,background .15s ease}.tarneeb-page .trump-opt:hover{transform:translateY(-2px);border-color:var(--primary);background:var(--surface-3)}.tarneeb-page .trump-opt .to-sym{font-size:38px;line-height:1}.tarneeb-page .trump-opt.red .to-sym{color:#c41e2a}.tarneeb-page .trump-opt.black .to-sym{color:#1a1a1a}.tarneeb-page .trump-opt .to-name{font-size:14px;font-weight:800;color:var(--text)}.tarneeb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:grid;place-items:center;padding:18px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ac-fade .2s ease}.tarneeb-overlay-card{width:100%;max-width:500px;text-align:center;animation:ac-pop .28s ease}.tarneeb-trophy{font-size:44px;color:#f0d18a;margin-bottom:8px}.tarneeb-overlay .summary-verdict{font-weight:800;font-size:15px;margin:2px 0 12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.tarneeb-overlay .summary-verdict.made{color:var(--success)}.tarneeb-overlay .summary-verdict.failed{color:var(--danger)}.tarneeb-overlay .sv-trump .red{color:#c41e2a}.tarneeb-overlay .sv-trump .black{color:var(--text)}.tarneeb-overlay .summary-rows{display:grid;gap:8px;margin:6px 0 2px}.tarneeb-overlay .summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.tarneeb-overlay .summary-row.is-you{border-color:var(--border-strong);background:var(--accent-a12)}.tarneeb-overlay .sr-name{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--text)}.tarneeb-overlay .sr-tricks{color:var(--muted);font-weight:600;font-size:12px}.tarneeb-overlay .sr-delta{font-weight:800;font-size:18px;color:var(--muted);margin-inline-start:auto}.tarneeb-overlay .sr-delta.pos{color:var(--success)}.tarneeb-overlay .sr-delta.neg{color:var(--danger)}.tarneeb-overlay .sr-total{font-weight:800;font-size:14px;color:var(--text);min-width:48px;text-align:end}.tarneeb-overlay .cb-pos{font-weight:800;color:var(--primary-strong)}.tarneeb-table .lobby-center{display:flex;flex-direction:column;align-items:center;gap:14px}.tarneeb-table .lobby-code{display:flex;flex-direction:column;align-items:center;gap:6px;color:#d8e6dd;font-size:13px}.tarneeb-table .lobby-code-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;border:1px solid var(--border-strong);background:#00000059;color:var(--primary-strong);font-weight:800;font-size:20px;letter-spacing:3px;cursor:pointer}.tarneeb-table .mode-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:#0000004d;border:1px solid var(--border);color:var(--primary-strong);font-weight:800;font-size:13px}.tarneeb-table .lobby-host-actions{display:flex;flex-direction:column;align-items:center;gap:6px}.tarneeb-table .lobby-seat{gap:8px}.tarneeb-table .lobby-seat-actions{display:flex;flex-direction:column;align-items:center;gap:4px}.tarneeb-table .lobby-swap-hint{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;max-width:230px;font-size:11px;color:var(--muted);text-align:center}.tarneeb-page .pod.is-pickable{cursor:pointer}.tarneeb-page .pod.is-pickable:hover{border-color:var(--primary)}.tarneeb-page .pod.is-picked{border-color:var(--primary-strong);box-shadow:0 0 0 2px var(--primary-strong),0 0 18px #f0d18a80}.tarneeb-page .tn-mini-card{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:30px;height:42px;border-radius:5px;background:linear-gradient(160deg,#fff,#f3f0e9);border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 5px #00000073;line-height:1;-webkit-user-select:none;user-select:none}.tarneeb-page .tn-mini-rank{font-size:13px;font-weight:800}.tarneeb-page .tn-mini-suit{font-size:12px}.tarneeb-page .confirm-actions{display:flex;gap:10px;margin-top:14px}.tarneeb-page .confirm-actions .btn{flex:1}.tarneeb-lobby{max-width:460px;margin:0 auto}@media (max-width: 720px){.tarneeb-room{padding:8px 10px 12px;gap:8px}.tarneeb-table{border-width:8px;padding:8px;gap:4px;height:clamp(360px,52vh,500px);grid-template-columns:82px 1fr 82px;grid-template-rows:92px 1fr 92px}.tarneeb-page .pc-md{width:66px;height:92px}.tarneeb-page .pc-lg{width:62px;height:87px}.tarneeb-page .pc-sm{width:34px;height:48px}.tarneeb-page .center-stage{height:clamp(180px,30vh,300px)}.tarneeb-page .trick-area{width:min(300px,96%);height:180px}.tarneeb-page .pod{width:auto;min-width:74px;max-width:118px;padding:5px 7px;gap:3px}.tarneeb-page .pod-name{font-size:12px;max-width:104px}.tarneeb-page .pod-avatar{width:20px;height:20px}.tarneeb-page .pod-cards{display:none}.tarneeb-page .tarneeb-hand-zone{margin-top:-14px;min-height:120px}.tarneeb-page .tarneeb-hand{padding-top:14px;min-height:96px}.tarneeb-bighead{padding:7px 9px;gap:5px 9px;align-items:center}.tarneeb-bighead .bh-item{padding-inline-end:8px}.tarneeb-bighead .bh-label{font-size:9px}.tarneeb-bighead .bh-value{font-size:14px}.tarneeb-bighead .bh-value i{font-size:13px}.tarneeb-bighead .bh-trump .trump-suit{font-size:15px}.tarneeb-bighead .bh-actions{order:3;margin-inline-start:auto;align-self:center}.tarneeb-bighead .bh-timer{position:static;transform:none;order:4;flex:1 1 100%;flex-direction:row;justify-content:center;gap:10px;min-width:0;padding:4px 14px}.tarneeb-bighead .bh-turn{order:5;flex:1 1 100%;text-align:center;font-size:13px;padding:6px 12px;margin-inline-start:0}.tarneeb-bighead .bht-label{display:none}.tarneeb-bighead .bht-num{font-size:20px}.tarneeb-bighead .bht-num i{font-size:14px}.tarneeb-bighead .bht-bar{width:150px;height:6px}.tarneeb-table .corner-board{top:6px;left:6px;min-width:116px;font-size:11px;padding:5px 7px}.tarneeb-table--lobby{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:"top    left" "right  bottom" "center center";gap:10px;justify-items:stretch}.tarneeb-table--lobby .pod-top,.tarneeb-table--lobby .pod-left,.tarneeb-table--lobby .pod-right,.tarneeb-table--lobby .pod-bottom{align-self:stretch}.tarneeb-table--lobby .lobby-seat{width:100%}}:root{--font-base: "Tajawal", system-ui, -apple-system, sans-serif;--font-display: "Tajawal", system-ui, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;--bg: #0a0a0d;--surface: #161619;--surface-2: #1e1e23;--surface-3: #2a2a31;--overlay: rgba(7, 7, 10, .92);--text: #f3f3f6;--text-soft: #cfd0d7;--muted: #9a9ba4;--faint: #6c6d76;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--primary: #cbd0da;--primary-strong: #eef0f5;--primary-deep: #a3a9b6;--on-primary: #14141a;--success: #74e0a3;--success-bg: rgba(34, 197, 94, .12);--success-border: rgba(116, 224, 163, .42);--danger: #ec6b7e;--danger-bg: rgba(224, 85, 106, .14);--danger-border: rgba(236, 107, 126, .46);--warning: #f0c75e;--info: #7bc6e8;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--radius: var(--r-md);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 22px rgba(0, 0, 0, .34);--shadow-lg: 0 22px 48px rgba(0, 0, 0, .48);--ring: 0 0 0 3px rgba(203, 208, 218, .32);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 44px;--space-8: 64px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .14s;--dur-med: .28s;--dur-slow: .5s;--panel-grad: linear-gradient(180deg, #1c1c21, #141418);--game-shadow: 0 8px 24px rgba(0, 0, 0, .3);--shadow-dark: var(--shadow-lg);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .04)}:root,[data-game]{--brand-gold: var(--primary);--brand-gold-strong: var(--primary-strong);--primary-strong-legacy: var(--primary-deep);--game-accent: var(--primary);--game-accent-soft: color-mix(in srgb, var(--primary) 16%, transparent);--game-accent-strong: color-mix(in srgb, var(--primary) 28%, transparent);--accent-a08: color-mix(in srgb, var(--primary) 8%, transparent);--accent-a12: color-mix(in srgb, var(--primary) 12%, transparent);--accent-a16: color-mix(in srgb, var(--primary) 16%, transparent);--accent-a22: color-mix(in srgb, var(--primary) 22%, transparent);--accent-a30: color-mix(in srgb, var(--primary) 30%, transparent);--accent-a45: color-mix(in srgb, var(--primary) 45%, transparent);--accent-a60: color-mix(in srgb, var(--primary) 60%, transparent)}[data-game=letters]{--primary: #4bb3c9;--primary-strong: #86d2e0;--primary-deep: #2f8fa3;--on-primary: #04222a;--ring: 0 0 0 3px color-mix(in srgb, #4bb3c9 42%, transparent)}[data-game=bluff]{--primary: #e0868a;--primary-strong: #efb2b5;--primary-deep: #bf5c62;--on-primary: #2a0e10;--ring: 0 0 0 3px color-mix(in srgb, #e0868a 42%, transparent)}[data-game=who_am_i]{--primary: #7fb3d5;--primary-strong: #a9cfe8;--primary-deep: #5590b8;--on-primary: #06202e;--ring: 0 0 0 3px color-mix(in srgb, #7fb3d5 42%, transparent)}[data-game=draw_guess]{--primary: #74e0a3;--primary-strong: #a3edc4;--primary-deep: #47b97d;--on-primary: #05271a;--ring: 0 0 0 3px color-mix(in srgb, #74e0a3 42%, transparent)}[data-game=trix]{--primary: #cf9560;--primary-strong: #e6b384;--primary-deep: #a86e3e;--on-primary: #241206;--ring: 0 0 0 3px color-mix(in srgb, #cf9560 42%, transparent)}[data-game=tarneeb]{--primary: #b98cd0;--primary-strong: #d3b0e5;--primary-deep: #976bb0;--on-primary: #180a22;--ring: 0 0 0 3px color-mix(in srgb, #b98cd0 42%, transparent)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html[data-lang=en],html[data-lang=de]{--font-base: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", system-ui, sans-serif}body{font-family:var(--font-base);color:var(--text);min-height:100vh;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:url(/static/images/bg_cubes.svg) no-repeat center center fixed;background-size:cover;background-color:var(--bg)}a{color:inherit;text-decoration:none}::selection{background:var(--accent-a30);color:#fff}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}*{scrollbar-width:thin;scrollbar-color:var(--accent-a45) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--accent-a30);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--accent-a45);background-clip:content-box}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:32px 20px 56px}.page-title{font-family:var(--font-display);font-size:clamp(24px,3.4vw,32px);font-weight:800;letter-spacing:-.01em;margin:4px 0 24px;color:var(--text)}.page-title .accent,.page-title em{color:var(--primary-strong);font-style:normal}.page.narrow{max-width:440px;margin:0 auto}.section-title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;color:var(--text);margin:28px 2px 14px}.section-title i{color:var(--primary);font-size:14px}.center{text-align:center}.muted{color:var(--muted)}.panel{position:relative}.panel-hairline{border-top:1px solid var(--border);padding-top:var(--space-5)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.eyebrow i{color:var(--primary)}.u-lift{transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-med) var(--ease-out),border-color var(--dur-med) var(--ease-out);will-change:transform}.u-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.u-press:active{transform:translateY(0) scale(.985)}.u-shimmer{position:relative;overflow:hidden}.u-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,240,205,.14) 45%,rgba(255,240,205,.28) 50%,rgba(255,240,205,.14) 55%,transparent 80%);transform:translate(-120%);pointer-events:none}.u-shimmer:hover:after{animation:ac-shimmer .9s var(--ease-out)}@keyframes ac-shimmer{to{transform:translate(120%)}}.route-fade{animation:ac-route var(--dur-med) var(--ease-out) both}@keyframes ac-route{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.u-lift,.u-press,.route-fade,.u-shimmer:after{animation:none!important;transition:none!important}}.ui-segmented button{transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.ui-segmented button:active:not(:disabled){transform:scale(.96)}.notif-btn:active,.profile-trigger:active{transform:scale(.94)}.phase-info{text-align:center}.next-btn{display:flex;margin-inline:auto;max-width:360px}.bluff-room .card,.whoami-room .card,.dg-room .card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.chooser-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:10px}.chooser-stage-badge,.chooser-stage-avatar{width:72px;height:72px;border-radius:50%;animation:champion-glow 2s ease-in-out infinite}.chooser-stage-badge{display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep))}.chooser-stage-avatar{object-fit:cover;border:2px solid var(--border-strong);background:var(--surface-3)}.chooser-stage-title{margin:6px 0 0;font-family:var(--font-display);font-size:21px;font-weight:800;color:var(--text)}@media (prefers-reduced-motion: reduce){.chooser-stage-badge,.chooser-stage-avatar{animation:none}}.podium-card{position:relative}.podium-crown-i{position:absolute;top:-14px;left:50%;transform:translate(-50%);color:#f0d18a;font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:champion-bob 2.4s ease-in-out infinite}.podium-ava-wrap{display:inline-flex;border-radius:50%;margin-bottom:10px}.podium-ava{width:68px;height:68px;border-radius:50%;object-fit:cover;border:2px solid var(--border-strong);background:var(--surface-3)}.podium-gold .podium-ava{width:84px;height:84px;border-color:#f0d18a}.podium-ava-wrap.is-champion{animation:champion-pop .6s var(--ease-out) both,champion-glow 2s ease-in-out infinite .6s}@keyframes champion-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes champion-glow{0%,to{box-shadow:0 0 0 3px #f0d18a4d,0 0 18px var(--accent-a45)}50%{box-shadow:0 0 0 4px #f0d18a80,0 0 34px var(--accent-a60)}}@keyframes champion-bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}@media (prefers-reduced-motion: reduce){.podium-crown-i,.podium-ava-wrap.is-champion{animation:none}}.glogo{display:inline-block;flex-shrink:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.lang-switch{position:relative;flex-shrink:0}.lang-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.lang-btn:hover{background:var(--surface-3);color:var(--text)}.lang-code{font-size:12px;letter-spacing:.02em}.lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:152px;z-index:200;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-lg);animation:kebab-in .12s var(--ease-out)}.lang-item{display:flex;align-items:center;width:100%;padding:9px 12px;border:none;background:none;color:var(--text);font:inherit;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;text-align:start}.lang-item:hover{background:var(--surface-3)}.lang-item.is-active{background:var(--surface-3);color:var(--primary-strong)}.kebab-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.kebab-btn:hover{background:var(--surface-3);color:var(--text)}.kebab-menu{position:fixed;z-index:1000;min-width:184px;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-lg);animation:kebab-in .12s var(--ease-out)}@keyframes kebab-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.kebab-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:none;color:var(--text);font:inherit;font-size:13.5px;font-weight:600;border-radius:8px;cursor:pointer;text-align:start}.kebab-item i{width:16px;text-align:center;color:var(--muted)}.kebab-item:hover{background:var(--surface-3)}.kebab-item.is-danger,.kebab-item.is-danger i{color:var(--danger)}.kebab-item.is-danger:hover{background:var(--danger-bg)}.gc-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--text-soft);font-size:12.5px;font-weight:600}.gc-meta-item{display:inline-flex;align-items:center;gap:6px}.gc-meta-item i{color:var(--muted);font-size:12px}.gc-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--faint)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;margin-bottom:18px;box-shadow:var(--shadow-md)}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);border-radius:var(--r-lg) var(--r-lg) 0 0;pointer-events:none}.card-title{margin:0 0 16px;font-size:17px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:9px}.card-title .fa-solid,.card-title .fa-regular{color:var(--primary);font-size:15px}.card-sub{color:var(--muted);font-size:13px;margin:-8px 0 16px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field>span,.field-label{display:block;font-size:13px;font-weight:600;color:var(--muted)}input,select,textarea{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:12px 14px;color:var(--text);font-family:inherit;font-size:15px;width:100%;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover,select:hover,textarea:hover{border-color:var(--accent-a60)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring);background:var(--surface-3)}input[type=file]{padding:9px 12px;color:var(--muted);cursor:pointer}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--primary)}.settings-row{display:flex;gap:16px}.settings-row .field{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 18px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-3);color:var(--text);font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent-a60);background:var(--surface-3);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(0) scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));border-color:color-mix(in srgb,var(--primary-strong) 70%,white)}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--primary-strong) 80%,white),var(--primary-strong));box-shadow:0 8px 20px var(--accent-a30)}.btn-danger{color:#fff;background:linear-gradient(180deg,#c4384c,#8c2333);border-color:var(--danger-border)}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#d44056,#9c283a)}.btn-ghost{background:transparent}.btn-sm{width:auto;padding:7px 13px;font-size:13px;border-radius:var(--r-sm)}.btn-inline{width:auto;min-width:112px}.btn-link{width:auto;background:none;border:none;color:var(--primary-strong);font-weight:700;cursor:pointer;padding:8px 2px}.btn-link:hover{transform:none;text-decoration:underline}a.text-link{color:var(--primary-strong);font-weight:700}a.text-link:hover{text-decoration:underline}.separator{text-align:center;color:var(--faint);margin-bottom:14px}.custom-category-row{display:flex;gap:12px;align-items:center}.custom-category-row input{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:var(--r-pill);border:1px solid var(--border);color:var(--muted);background:#0003}.pill-gold{color:var(--primary-strong);border-color:var(--border-strong);background:var(--accent-a12)}.alert{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:var(--r-md);margin-bottom:16px;font-size:14px;font-weight:600}.alert:before{font-family:"Font Awesome 6 Free";font-weight:900}.alert-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:#ffd7dc}.alert-error:before{content:"";color:var(--danger)}.alert-ok{background:var(--success-bg);border:1px solid var(--success-border);color:#d8ffe8}.alert-ok:before{content:"";color:var(--success)}.home-hero{text-align:center;margin:12px 0 34px}.home-hero-logo{width:220px;max-width:62vw;height:auto;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5))}.home-subtitle{margin:10px 0 0;color:var(--muted);font-size:16px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.game-card-link{display:block;height:100%}.game-card{position:relative;height:100%;overflow:hidden;text-align:center;padding:26px 20px 22px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-md);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card-link:hover .game-card{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.game-card.is-disabled{opacity:.5}.game-card-logo{width:96px;height:78px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}.game-card-name{margin:6px 0;font-size:22px;font-weight:800;color:var(--text)}.game-card-desc{color:var(--muted);font-size:14px;line-height:1.7;min-height:40px}.game-card-badge{display:inline-block;margin-top:10px;font-size:12px;font-weight:700;color:var(--muted);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 11px}.room-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.room-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.room-code strong{color:var(--primary-strong);letter-spacing:2px}.conn{font-size:13px;font-weight:700;padding:4px 12px;border-radius:var(--r-pill);border:1px solid var(--border);display:inline-flex;align-items:center;gap:7px}.conn:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.conn-open{color:var(--success);border-color:#74e0a366}.conn-connecting{color:var(--warning)}.conn-closed,.conn-idle{color:var(--danger)}.room-actions{display:flex;gap:12px}.room-actions .btn{width:auto;flex:1}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-md)}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:start;padding:11px 12px;border-bottom:1px solid var(--border)}.table-wrap thead th{color:var(--primary-strong);font-weight:800;white-space:nowrap}.table-wrap tbody tr{transition:background .12s ease}.table-wrap tbody tr:hover{background:var(--accent-a08)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:18px;animation:ac-fade .16s ease}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);width:100%;max-width:460px;max-height:82vh;overflow:auto;box-shadow:var(--shadow-lg);animation:ac-pop .18s ease}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:17px;color:var(--text)}.modal-close{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;width:34px;height:34px;border-radius:8px;transition:background .15s ease,color .15s ease}.modal-close:hover{background:var(--surface-3);color:var(--text)}.modal-body{padding:16px 18px}@keyframes ac-fade{0%{opacity:0}to{opacity:1}}@keyframes ac-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.notif{position:relative}.notif-dropdown,.profile-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:290px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:1200;overflow:hidden;animation:ac-pop .16s ease}.notif-header{padding:12px 14px;font-weight:800;color:var(--text);border-bottom:1px solid var(--border)}.notif-empty{padding:20px;color:var(--muted);text-align:center;font-size:14px}.notif-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.notif-card:last-child{border-bottom:none}.notif-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border-strong)}.notif-meta{flex:1;min-width:0}.notif-title{font-weight:700}.notif-sub{color:var(--muted);font-size:13px}.notif-actions{display:flex;gap:6px}.profile-head{display:flex;align-items:center;gap:18px}.profile-avatar-lg{width:76px;height:76px;border-radius:50%;object-fit:cover;border:2px solid var(--border-strong);flex-shrink:0}.profile-name{font-size:21px;font-weight:800;color:var(--text)}.profile-head-info{flex:1;min-width:0}.profile-head-action{margin-inline-start:auto;flex-shrink:0}.toggle-row{display:flex;align-items:center;gap:10px;margin:14px 0}.toggle-row input{width:auto}.site-footer{margin-top:48px;border-top:1px solid var(--border);background:#00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-container{width:100%;max-width:1120px;margin:0 auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--faint);font-size:13px;direction:ltr}.footer-brand{display:flex;align-items:center;gap:10px}.footer-logo{width:30px;height:30px;object-fit:contain;opacity:.9}.footer-right{line-height:1.7}.footer-name{color:var(--primary);font-weight:700}.footer-name:hover{color:var(--primary-strong)}@media (max-width: 600px){.footer-container{flex-direction:column;text-align:center;gap:12px}}.app-nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;height:86px;background:linear-gradient(180deg,#16161beb,#0b0b0ee6);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--border-strong);box-shadow:0 6px 24px #00000059}.app-nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);pointer-events:none}.nav-left,.nav-right{display:flex;align-items:center;gap:12px}.nav-right{justify-content:flex-end}.app-brand{display:flex;align-items:center;gap:13px}.nav-logo{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform var(--dur-fast) var(--ease-out)}.app-brand:hover .nav-logo{transform:scale(1.05)}.app-brand-name{font-family:var(--font-display);font-size:23px;font-weight:800;letter-spacing:.01em;color:var(--text)}.app-brand-name b{color:var(--primary-strong)}.nav-search-desktop{margin-inline-start:8px}.nav-search{position:relative;width:260px;max-width:42vw}.nav-search-icon{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:13px;pointer-events:none}.nav-search-input{width:100%;height:42px;padding:0 36px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:#00000047;color:var(--text);font-family:inherit;font-size:14px}.nav-search-input::placeholder{color:var(--faint)}.nav-search-input:focus{border-color:var(--primary);background:var(--surface-2)}.nav-search-clear{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:13px}.nav-search-clear:hover{background:var(--surface-3);color:var(--text)}.search-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-start:0;width:min(360px,86vw);max-height:68vh;overflow:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:1200;padding:6px;animation:ac-pop .16s ease}.search-empty{padding:18px;text-align:center;color:var(--muted);font-size:14px}.search-group+.search-group{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.search-group-title{display:flex;align-items:center;gap:7px;padding:8px 10px 4px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.search-group-title i{color:var(--primary)}.search-row{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:none;background:none;border-radius:var(--r-sm);cursor:pointer;text-align:start;color:var(--text);font-family:inherit;transition:background var(--dur-fast) var(--ease-out)}.search-row:hover{background:var(--accent-a12)}.search-logo{width:34px;height:34px;object-fit:contain;flex-shrink:0}.search-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);flex-shrink:0}.search-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-sub{flex:1;min-width:0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rel-badge{margin-inline-start:auto;display:inline-flex;align-items:center;gap:5px;flex-shrink:0;font-family:inherit;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--border);background:#0003;color:var(--muted)}.rel-badge.is-add{cursor:pointer;color:var(--on-primary);background:linear-gradient(180deg,var(--primary-strong),var(--primary-deep));border-color:transparent}.rel-badge.is-add:hover:not(:disabled){filter:brightness(1.05)}.rel-badge.is-friend{color:var(--success);border-color:var(--success-border);background:var(--success-bg)}.rel-badge.is-pending{color:var(--warning)}.nav-search-mobile{margin-bottom:8px}.nav-search-mobile .nav-search{width:100%;max-width:none}.nav-search-mobile .search-dropdown{width:100%}.nav-center{display:flex;align-items:center;gap:4px}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:var(--r-md);color:var(--text-soft);font-size:15px;font-weight:700;transition:background .15s ease,color .15s ease}.nav-link i{font-size:14px;opacity:.85}.nav-link:hover{color:var(--text);background:var(--accent-a08)}.nav-link.active{color:var(--primary-strong);background:var(--accent-a12)}.menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--primary-strong);font-size:17px;cursor:pointer}.app-nav-right{display:flex;align-items:center;gap:12px}.nav-login{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-md);border:1px solid var(--border-strong);color:var(--primary-strong);font-weight:700}.nav-login:hover{background:var(--accent-a12)}.notif-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--primary-strong);font-size:17px;cursor:pointer;position:relative;transition:background .15s ease,border-color .15s ease}.notif-btn:hover{background:var(--surface-3);border-color:var(--accent-a60)}.notif-badge{position:absolute;top:-3px;inset-inline-end:-3px;background:linear-gradient(135deg,#ff5b6b,#e0354a);color:#fff;border-radius:50%;min-width:19px;height:19px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border:2px solid var(--bg);padding:0 4px}.profile-menu{position:relative}.profile-trigger{width:42px;height:42px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid var(--border-strong);transition:border-color .15s ease,transform .15s ease}.profile-trigger:hover{transform:scale(1.04);border-color:var(--primary)}.profile-dropdown{min-width:210px;display:flex;flex-direction:column}.profile-dropdown a,.profile-dropdown button{display:flex;align-items:center;gap:11px;padding:12px 16px;text-align:start;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-soft);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .13s ease,color .13s ease}.profile-dropdown a:last-child,.profile-dropdown button:last-child{border-bottom:none}.profile-dropdown a i,.profile-dropdown button i{width:18px;text-align:center;color:var(--primary);opacity:.9}.profile-dropdown a:hover,.profile-dropdown button:hover{background:var(--accent-a12);color:var(--text)}.mobile-menu{position:absolute;top:100%;inset-inline-start:0;inset-inline-end:0;display:flex;flex-direction:column;gap:4px;padding:12px 16px 18px;background:#101014fa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:90;animation:ac-pop .16s ease}.mobile-menu a,.mobile-menu button{display:flex;align-items:center;gap:11px;text-align:start;color:var(--text-soft);background:none;border:none;border-radius:var(--r-md);padding:13px 14px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.mobile-menu a i,.mobile-menu button i{width:20px;text-align:center;color:var(--primary);opacity:.9}.mobile-menu a.active,.mobile-menu a:hover,.mobile-menu button:hover{color:var(--text);background:var(--accent-a12)}@media (min-width: 861px){.mobile-menu{display:none}}@media (max-width: 860px){.menu-toggle{display:inline-flex}.nav-center,.nav-search-desktop{display:none}.app-nav{padding:0 16px;height:72px}.nav-logo{width:48px;height:48px}.app-brand-name{display:none}}@media (max-width: 768px){.app-main{padding:20px 14px 40px}.card{padding:18px 16px;border-radius:var(--r-md)}.settings-row{flex-direction:column;gap:0}.room-header{flex-direction:column;align-items:stretch;gap:8px}.room-actions{flex-wrap:wrap}.footer-container{padding:18px 16px}}