:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060d;--bg-gradient:radial-gradient(1000px 520px at 50% -10%, #7c5cff38, transparent 62%), radial-gradient(700px 460px at 100% 10%, #00e5ff14, transparent 60%), radial-gradient(700px 460px at 0% 100%, #ff3da812, transparent 60%), linear-gradient(180deg, #080a16 0%, #05060d 100%);--surface-1:#0d1022;--surface-2:#141834;--surface-3:#1f2550;--surface-inset:#090b1a;--surface-glass:#070914f0;--card-gradient:linear-gradient(180deg, var(--surface-2) 0%, var(--surface-1) 100%);--overlay-hover:#94a3b812;--border:#94a3b81f;--border-strong:#94a3b842;--divider:#94a3b814;--text-strong:#f8fafc;--text:#e6ebf4;--text-secondary:#b8c3d6;--muted:#8b97ae;--text-placeholder:#7a869f;--on-accent:#fff;--on-status:#090c18;--primary:#7c5cff;--primary-hover:#8f74ff;--primary-strong:#6a46ff;--primary-text:#b9a8ff;--primary-soft:#7c5cff29;--primary-border:#967dff8c;--primary-gradient:linear-gradient(135deg, #6a46ff 0%, #9b4dff 55%, #d63cff 100%);--info:#22e4ff;--info-strong:#06b6d4;--info-soft:#22d3ee1f;--info-border:#22d3ee5c;--success:#3ef0a0;--success-strong:#10b981;--success-soft:#34d3991f;--success-border:#34d3996b;--success-fg:#a7f3d0;--error:#fb7185;--error-strong:#f43f5e;--error-soft:#fb71851f;--error-border:#fb71856b;--error-fg:#fecdd3;--warning:#fbbf24;--warning-strong:#f59e0b;--warning-soft:#fbbf241f;--warning-border:#fbbf2461;--warning-fg:#fde68a;--neutral:var(--text-secondary);--neutral-soft:#94a3b81f;--neutral-border:#94a3b84d;--rank-gold:#fde047;--rank-gold-soft:#fde0471f;--rank-gold-border:#fde0475c;--rank-silver:#cbd5e1;--rank-bronze:#e0915f;--diff-easy:#2dd4bf;--diff-easy-soft:#2dd4bf1f;--diff-easy-border:#2dd4bf61;--diff-medium:#fbbf24;--diff-medium-soft:#fbbf241f;--diff-medium-border:#fbbf2461;--diff-hard:#fb7185;--diff-hard-soft:#fb71851f;--diff-hard-border:#fb718566;--diff-expert:#a78bfa;--diff-expert-soft:#a78bfa24;--diff-expert-border:#a78bfa6b;--diff-master:#ffd23f;--diff-master-soft:#ffd23f24;--diff-master-border:#ffd23f80;--accent-violet:#c4b5fd;--accent-violet-soft:#a78bfa24;--accent-violet-border:#a78bfa66;--focus-ring:#9b86ff;--focus-shadow:0 0 0 3px #9b86ff59;--highlight:inset 0 1px 0 #ffffff0a;--shadow-1:0 1px 2px #00000059, 0 2px 6px -2px #0000004d;--shadow-2:0 10px 28px -10px #0009;--shadow-3:0 24px 56px -16px #000000b3;--shadow-primary:0 8px 24px -8px #7c5cffbf;--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur:.18s;--dur-slow:.28s;--font-heading:"Chakra Petch", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--surface:var(--surface-1);--surface-solid:var(--surface-1);--border-hover:var(--border-strong);--border-focus:var(--focus-ring);--muted-dark:var(--text-placeholder);--primary-glow:#7c5cff66;--accent-cyan:var(--info);--accent-cyan-glow:#22d3ee4d;--success-bg:var(--success-soft);--success-glow:#34d39940;--error-bg:var(--error-soft);--error-glow:#fb718540;--warning-bg:var(--warning-soft);--warning-glow:#fbbf2440;--shadow-sm:var(--shadow-1);--shadow-md:var(--shadow-2);--shadow-lg:var(--shadow-3);--shadow-glow:0 0 25px var(--primary-glow)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--surface-3) transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-size:15px;line-height:1.6}::selection{color:var(--text-strong);background:#7c5cff73}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-3);border:2px solid var(--bg);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-strong);letter-spacing:-.02em;text-wrap:balance;margin-top:0}h1{letter-spacing:-.025em;margin-bottom:var(--space-1);font-size:clamp(1.6rem,1.25rem + 1.4vw,2.1rem);font-weight:700;line-height:1.2}h2{margin-top:var(--space-8);margin-bottom:var(--space-4);align-items:center;gap:10px;font-size:1.2rem;font-weight:600;line-height:1.3;display:flex}h2:before{content:"";background:var(--primary-gradient);border-radius:var(--radius-full);flex:none;width:4px;height:18px;display:inline-block}h3{margin-bottom:6px;font-size:1.05rem;font-weight:600;line-height:1.35}p{margin-top:0;margin-bottom:var(--space-3)}a{color:var(--primary-text);text-underline-offset:3px;text-decoration-thickness:1px}.muted{color:var(--muted);font-size:14px}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.page-center{justify-content:center;align-items:center;gap:var(--space-4);min-height:70vh;color:var(--muted);animation:fadeIn var(--dur-slow) var(--ease-out);flex-direction:column;font-size:15px;font-weight:500;display:flex}button{font-family:var(--font-body)}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);background:var(--primary-gradient);color:var(--on-accent);border-radius:var(--radius-sm);letter-spacing:.01em;cursor:pointer;box-shadow:var(--shadow-primary), inset 0 1px 0 #ffffff2e;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), filter var(--dur) var(--ease-out), opacity var(--dur) ease;border:1px solid #ffffff24;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff29,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 26px -8px #7c5cffbf,inset 0 1px #ffffff3d}.btn-primary:active:not(:disabled){filter:brightness(.97);transform:translateY(0);box-shadow:0 4px 12px -4px #7c5cff99,inset 0 1px #ffffff1f}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:saturate(.6)}.btn-primary.small{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-xs);font-size:13px}.btn-ghost{min-height:40px;padding:0 var(--space-4);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), opacity var(--dur) ease;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:1.2;display:inline-flex}.btn-ghost:hover:not(:disabled){background:var(--surface-3);color:var(--text-strong);border-color:var(--primary-border)}.btn-ghost:active:not(:disabled){transform:translateY(1px)}.btn-ghost.small{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-xs);font-size:13px}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}label{gap:var(--space-2);color:var(--text-secondary);flex-direction:column;font-size:13.5px;font-weight:500;display:flex}input,select,textarea{background-color:var(--surface-inset);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-height:44px;color:var(--text);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), background-color var(--dur) var(--ease-out);padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.4}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#94a3b866}input:focus,select:focus,textarea:focus{outline-offset:2px;border-color:var(--focus-ring);background-color:var(--surface-1);box-shadow:var(--focus-shadow);outline:2px solid #0000}input::placeholder,textarea::placeholder{color:var(--text-placeholder);opacity:1}input:disabled,select:disabled,textarea:disabled{opacity:.55;cursor:not-allowed}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--primary);box-shadow:none;cursor:pointer;margin:0;padding:0}input[type=checkbox]:focus,input[type=radio]:focus{box-shadow:none}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;padding-right:40px}select option{background:var(--surface-1);color:var(--text)}textarea{resize:vertical;min-height:88px;line-height:1.55}.alert-error,.alert-success{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.alert-error:before,.alert-success:before{width:20px;height:20px;color:var(--on-status);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:12px;font-weight:800;line-height:1;display:inline-grid}.alert-error{background:var(--error-soft);border-color:var(--error-border);color:var(--error-fg);animation:.35s ease-in-out shake}.alert-error:before{content:"!";background:var(--error)}.alert-success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-fg);animation:fadeIn var(--dur-slow) var(--ease-out)}.alert-success:before{content:"✓";background:var(--success)}.auth-page{min-height:100dvh;padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c5cff33 0%,#0000 70%);border-radius:50%;width:560px;height:560px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.auth-card{border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-3), 0 0 0 1px #7c5cff14, var(--highlight);z-index:1;animation:floatUp .45s var(--ease-out);background:#0d1022f0;flex-direction:column;gap:18px;padding:36px 32px;display:flex;position:relative}.auth-card h1{text-align:center;background:linear-gradient(135deg, var(--text-strong) 25%, var(--primary-text) 70%, var(--info) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:1.9rem}.auth-subtitle{color:var(--muted);text-align:center;margin-top:-8px;margin-bottom:var(--space-2);font-size:14px}.auth-switch{text-align:center;color:var(--muted);margin-top:var(--space-1);margin-bottom:0;font-size:13.5px}.auth-switch a{color:var(--primary-text);transition:color var(--dur) ease;border-radius:4px;font-weight:600;text-decoration:none}.auth-switch a:hover{color:var(--text-strong);text-decoration:underline}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.navbar{z-index:100;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:64px;padding:10px var(--space-8);background:var(--surface-glass);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.navbar-brand{font-family:var(--font-heading);letter-spacing:-.01em;white-space:nowrap;background:linear-gradient(135deg, var(--text-strong) 30%, var(--primary-text) 75%, var(--info) 100%);-webkit-text-fill-color:transparent;align-items:center;gap:var(--space-2);cursor:default;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800;display:flex}.navbar-brand:before{content:"⚡";border-radius:var(--radius-sm);background:var(--primary-gradient);width:30px;height:30px;box-shadow:var(--shadow-primary);-webkit-text-fill-color:initial;place-items:center;font-size:15px;display:inline-grid}.navbar-links{align-items:center;gap:var(--space-1);min-width:0;margin-left:var(--space-3);scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;padding:4px;display:flex;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.navbar-links a{color:var(--text-secondary);white-space:nowrap;border-radius:var(--radius-sm);transition:color var(--dur) ease, background-color var(--dur) ease, border-color var(--dur) ease;border:1px solid #0000;flex:none;padding:8px 12px;font-size:13.5px;font-weight:500;text-decoration:none}.navbar-links a:hover{color:var(--text-strong);background:var(--overlay-hover)}.navbar-links a.active{color:var(--text-strong);background:var(--primary-soft);border-color:var(--primary-border);font-weight:600}.navbar-right{align-items:center;gap:var(--space-3);flex:none;display:flex}.navbar-user{align-items:center;gap:var(--space-2);max-width:200px;color:var(--text-secondary);white-space:nowrap;background:var(--overlay-hover);border:1px solid var(--border);border-radius:var(--radius-full);transition:color var(--dur) ease, background-color var(--dur) ease, border-color var(--dur) ease;padding:4px 12px 4px 4px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex;overflow:hidden}.navbar-user:before{content:"👤";background:var(--surface-3);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;display:inline-grid}.navbar-user:hover{color:var(--text-strong);border-color:var(--border-strong);background:var(--surface-2)}.navbar-user.active{color:var(--primary-text);border-color:var(--primary-border);background:var(--primary-soft)}.ws-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block;position:relative}.ws-dot.online{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.ws-dot.online:after{content:"";border:1px solid var(--success);opacity:.6;border-radius:50%;animation:2.4s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-3px}.ws-dot.offline{background:var(--error);box-shadow:0 0 0 3px var(--error-soft)}.friend-row .ws-dot.offline{background:var(--muted);box-shadow:none}.app-main{width:100%;max-width:1120px;padding:var(--space-8) var(--space-8) 64px;flex:1;margin:0 auto}.page{gap:var(--space-5);min-width:0;animation:fadeIn var(--dur-slow) var(--ease-out);flex-direction:column;display:flex}.page>h1{margin-bottom:0}.page>h1+.muted{margin-top:-12px;margin-bottom:0}.page>h2{margin:var(--space-3) 0 0}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));display:grid}.action-card{--card-accent:var(--primary-text);--card-accent-soft:var(--primary-soft);--card-accent-border:var(--primary-border);--card-accent-bar:var(--primary-gradient);background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);box-shadow:var(--shadow-1), var(--highlight);transition:transform var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out), box-shadow var(--dur-slow) var(--ease-out);flex-direction:column;gap:6px;padding:22px;text-decoration:none;display:flex;position:relative;overflow:hidden}.action-card:before{content:"";background:var(--card-accent-bar);opacity:.55;height:2px;transition:opacity var(--dur-slow) ease;position:absolute;top:0;left:0;right:0}.action-card:hover{border-color:var(--card-accent-border);box-shadow:var(--shadow-2), var(--highlight);transform:translateY(-3px)}.action-card:hover:before{opacity:1}.action-card h3{color:var(--text-strong);transition:color var(--dur) ease;margin:0;font-size:1.15rem}.action-card:hover h3{color:var(--card-accent)}.action-card p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.5}.action-card.ranked{--card-accent:var(--primary-text);--card-accent-soft:var(--primary-soft);--card-accent-border:var(--primary-border);--card-accent-bar:var(--primary)}.action-card.friend{--card-accent:var(--info);--card-accent-soft:var(--info-soft);--card-accent-border:var(--info-border);--card-accent-bar:var(--info)}.action-card.practice{--card-accent:var(--accent-violet);--card-accent-soft:var(--accent-violet-soft);--card-accent-border:var(--accent-violet-border);--card-accent-bar:var(--accent-violet)}.action-card.leaderboard-card{--card-accent:var(--rank-gold);--card-accent-soft:var(--rank-gold-soft);--card-accent-border:var(--rank-gold-border);--card-accent-bar:var(--rank-gold)}.action-icon{border-radius:var(--radius-md);background:var(--card-accent-soft,var(--primary-soft));border:1px solid var(--card-accent-border,var(--primary-border));place-items:center;width:44px;height:44px;margin-bottom:10px;font-size:22px;line-height:1;display:inline-grid}.chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);transition:border-color var(--dur) ease, color var(--dur) ease;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.chip[title]:hover{border-color:var(--border-strong);color:var(--text)}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));display:grid}.stat-card{background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-1), var(--highlight);flex-direction:column;gap:2px;padding:18px 20px;display:flex}.stat-card-head{justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--divider);margin-bottom:4px;padding-bottom:10px;display:flex}.stat-card-head h3{min-width:0;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;overflow:hidden}.category-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-full);color:var(--info);background:var(--info-soft);border:1px solid var(--info-border);white-space:nowrap;flex:none;padding:3px 8px;font-size:11px;font-weight:700}.stat-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);border-bottom:1px solid var(--divider);padding:8px 0;font-size:13.5px;display:flex}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-row span{color:var(--muted)}.stat-row strong{color:var(--text-strong);font-family:var(--font-heading);letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px;font-weight:600}.stat-card>.stat-row:only-child{flex-direction:column;align-items:flex-start;gap:2px;padding:0}.stat-card>.stat-row:only-child span{letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.stat-card>.stat-row:only-child strong{font-size:1.9rem;font-weight:700;line-height:1.2}.form-card{background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);min-width:0;max-width:520px;box-shadow:var(--shadow-2), var(--highlight);flex-direction:column;display:flex}.form-card h3{margin:0}.form-card form{gap:var(--space-4);flex-direction:column;display:flex}.form-card.inline-form{max-width:320px;padding:var(--space-4) var(--space-5)}.two-col{gap:var(--space-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.queue-waiting{text-align:center;padding:var(--space-10) 28px;align-items:center}.queue-waiting p{color:var(--text-secondary);max-width:38ch;margin:0}.queue-waiting h3{margin-top:var(--space-2);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.spinner{border:3px solid var(--primary-soft);border-top-color:var(--primary);border-right-color:var(--info);width:44px;height:44px;margin-bottom:var(--space-2);border-radius:50%;flex:none;animation:.9s linear infinite spin}.queue-stats{gap:var(--space-2);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.queue-stats li{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;padding:8px 14px;font-size:13px;display:flex}.room-code-display{background:var(--surface-inset);border:1.5px dashed var(--primary-border);border-radius:var(--radius-md);padding:var(--space-6) var(--space-5);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.room-code-display span{color:var(--text-secondary);font-size:13.5px}.room-code-display strong{font-family:var(--font-heading);letter-spacing:.28em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg, var(--primary-text), var(--info));-webkit-text-fill-color:transparent;-webkit-user-select:all;user-select:all;-webkit-background-clip:text;background-clip:text;padding-left:.28em;font-size:clamp(1.8rem,1.3rem + 2.4vw,2.3rem);font-weight:800}.room-code-display .muted{margin:0}.match-header{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-variant-numeric:tabular-nums;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:10px 12px 10px 18px;font-size:14px;font-weight:600;display:flex}.timer{font-family:var(--font-heading);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--warning);background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:var(--radius-full);flex:none;align-items:center;gap:6px;padding:4px 12px;font-size:16px;font-weight:700;display:inline-flex}.scoreboard{flex-wrap:wrap;gap:10px;display:flex}.score-pill{align-items:center;gap:var(--space-2);font-variant-numeric:tabular-nums;color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-full);transition:background-color var(--dur) ease, border-color var(--dur) ease;padding:6px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.score-pill.me{color:var(--text-strong);background:var(--primary-soft);border-color:var(--primary-border)}.question-card{background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg);gap:var(--space-5);box-shadow:var(--shadow-2), var(--highlight);flex-direction:column;padding:28px;display:flex;position:relative}.badge{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:var(--neutral-soft);border:1px solid var(--neutral-border);border-radius:var(--radius-full);align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-easy{color:var(--diff-easy);background:var(--diff-easy-soft);border-color:var(--diff-easy-border)}.badge-medium{color:var(--diff-medium);background:var(--diff-medium-soft);border-color:var(--diff-medium-border)}.badge-hard{color:var(--diff-hard);background:var(--diff-hard-soft);border-color:var(--diff-hard-border)}.badge-expert{color:var(--diff-expert);background:var(--diff-expert-soft);border-color:var(--diff-expert-border)}.badge-master{color:var(--diff-master);background:var(--diff-master-soft);border-color:var(--diff-master-border)}.question-body{color:var(--text-strong);text-wrap:pretty;overflow-wrap:anywhere;margin:0;font-size:1.125rem;font-weight:500;line-height:1.65}.options{counter-reset:option;flex-direction:column;gap:10px;display:flex}.option-btn{text-align:left;width:100%;min-height:56px;color:var(--text);background:var(--surface-inset);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;overflow-wrap:anywhere;transition:background-color var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), opacity var(--dur) ease;align-items:center;gap:14px;padding:12px 16px 12px 12px;font-size:14.5px;line-height:1.5;display:flex;position:relative}.option-btn:before{counter-increment:option;content:counter(option, upper-alpha);width:30px;height:30px;font-family:var(--font-heading);color:var(--text-secondary);background:var(--surface-3);border:1px solid var(--border);transition:background-color var(--dur) ease, color var(--dur) ease, border-color var(--dur) ease;border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:700;display:inline-grid}.option-btn:after{flex:none;margin-left:auto;font-size:15px;font-weight:800}.option-btn:hover:not(:disabled):not(.selected):not(.correct):not(.incorrect){background:var(--surface-2);border-color:var(--primary-border);color:var(--text-strong)}.option-btn:hover:not(:disabled):not(.selected):not(.correct):not(.incorrect):before{color:var(--text-strong);border-color:var(--primary-border)}.option-btn:active:not(:disabled):not(.selected){background:var(--surface-3)}.option-btn.selected{color:var(--text-strong);background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-weight:600}.option-btn.selected:before{color:var(--on-accent);background:var(--primary);border-color:var(--primary)}.option-btn.correct{color:var(--text-strong);background:var(--success-soft);border-color:var(--success);box-shadow:inset 0 0 0 1px var(--success);font-weight:600}.option-btn.correct:before{color:var(--on-status);background:var(--success);border-color:var(--success)}.option-btn.correct:after{content:"✓";color:var(--success)}.option-btn.incorrect{color:var(--text-strong);background:var(--error-soft);border-color:var(--error);box-shadow:inset 0 0 0 1px var(--error);font-weight:600}.option-btn.incorrect:before{color:var(--on-status);background:var(--error);border-color:var(--error)}.option-btn.incorrect:after{content:"✕";color:var(--error)}.option-btn:disabled{cursor:default}.option-btn:disabled:not(.selected):not(.correct):not(.incorrect){opacity:.5}.feedback-box{border-radius:var(--radius-md);animation:fadeIn var(--dur-slow) var(--ease-out);border:1px solid;border-left-width:3px;padding:14px 16px;font-size:14.5px;line-height:1.55}.feedback-box strong{font-family:var(--font-heading);font-size:15px;display:block}.feedback-box p{margin:6px 0 0}.feedback-box.correct{background:var(--success-soft);border-color:var(--success-border);border-left-color:var(--success);color:var(--success-fg)}.feedback-box.correct strong{color:var(--success)}.feedback-box.incorrect{background:var(--error-soft);border-color:var(--error-border);border-left-color:var(--error);color:var(--error-fg)}.feedback-box.incorrect strong{color:var(--error)}.match-nav{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.match-nav>.progress-dots{margin-right:auto}.progress-dots{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dot{background:var(--surface-3);border:2px solid var(--border-strong);cursor:pointer;width:12px;height:12px;transition:background-color var(--dur) ease, border-color var(--dur) ease, box-shadow var(--dur) ease, transform var(--dur) var(--ease-out);border-radius:50%}.dot:hover{border-color:var(--primary-border)}.dot.answered{background:var(--info);border-color:var(--info)}.dot.active{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);transform:scale(1.15)}.dot.answered.active{background:var(--info);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.waiting-all-done{padding:44px var(--space-6);text-align:center;background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1), var(--highlight);flex-direction:column;align-items:center;gap:14px;display:flex}.waiting-all-done p{color:var(--text-secondary);margin:0}.waiting-all-done .muted{color:var(--muted);max-width:44ch;font-size:13.5px}.match-results-page{width:100%;max-width:560px;animation:floatUp .4s var(--ease-out);margin:0 auto}.results-header{text-align:center;margin-bottom:var(--space-2)}.results-trophy{margin-bottom:var(--space-3);animation:floatUp .5s var(--ease-out);font-size:64px;line-height:1}.results-header h1{margin:0}.results-header .muted{margin:6px 0 0}.results-list{flex-direction:column;gap:10px;display:flex}.result-row{background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-1), var(--highlight);transition:border-color var(--dur) ease;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px 18px;display:grid}.result-row.me{background:var(--primary-soft);border-color:var(--primary-border);box-shadow:inset 3px 0 0 var(--primary), var(--shadow-1)}.result-rank{font-family:var(--font-heading);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:800}.result-row.me .result-rank{color:var(--primary-text)}.result-info{flex-direction:column;gap:2px;min-width:0;display:flex}.result-name{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.result-accuracy{font-size:12.5px}.result-score{font-family:var(--font-heading);color:var(--text-strong);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1rem;font-weight:700}.result-elo{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.elo-delta{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.elo-gain{color:var(--success)}.elo-loss{color:var(--error)}.elo-draw{color:var(--neutral)}.elo-new{font-variant-numeric:tabular-nums;font-size:12px}.elo-delta.elo-gain,.elo-delta.elo-loss,.elo-delta.elo-draw{border-radius:var(--radius-full);border:1px solid;padding:2px 9px}.elo-delta.elo-gain{background:var(--success-soft);border-color:var(--success-border)}.elo-delta.elo-loss{background:var(--error-soft);border-color:var(--error-border)}.elo-delta.elo-draw{background:var(--neutral-soft);border-color:var(--neutral-border)}.match-results-page .btn-primary{width:100%;margin-top:var(--space-2)}.leaderboard-table{border-collapse:separate;border-spacing:0;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);font-variant-numeric:tabular-nums;width:100%;box-shadow:var(--shadow-2);overflow:hidden}.leaderboard-table th{background:var(--surface-inset);color:var(--muted);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);text-align:left;padding:14px 20px;font-size:11.5px;font-weight:700}.leaderboard-table td{border-bottom:1px solid var(--divider);color:var(--text-secondary);transition:background-color var(--dur-fast) ease;padding:14px 20px;font-size:14px}.leaderboard-table tr:last-child td{border-bottom:none}.leaderboard-table tbody tr:hover td{background:var(--overlay-hover)}.leaderboard-table tr td:first-child{font-family:var(--font-heading);color:var(--muted);white-space:nowrap;width:1%;font-weight:700}.leaderboard-table td:nth-child(2){color:var(--text);overflow-wrap:anywhere;font-weight:500}.leaderboard-table td:nth-child(3){color:var(--text-strong);font-weight:600}.leaderboard-table tbody tr.me td{background:var(--primary-soft);color:var(--text-strong);font-weight:600}.leaderboard-table tbody tr.me:hover td{background:#7c5cff38}.leaderboard-table tbody tr.me td:first-child{box-shadow:inset 3px 0 0 var(--primary)}.dashboard-page h1{margin-bottom:var(--space-1)}.dashboard-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.dashboard-main{min-width:0}.dashboard-main>h2{margin-top:var(--space-8)}@media (width<=900px){.dashboard-layout{grid-template-columns:minmax(0,1fr)}.dashboard-sidebar{order:-1}}.lb-widget{background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1), var(--highlight);padding:18px;position:sticky;top:84px}.lb-widget-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.lb-widget-header h3{font-size:15px;font-family:var(--font-heading);color:var(--text-strong);margin:0}.lb-see-all{color:var(--primary-text);transition:color var(--dur) ease;border-radius:4px;font-size:13px;font-weight:600;text-decoration:none}.lb-see-all:hover{color:var(--text-strong);text-decoration:underline}.lb-tabs{margin-bottom:var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.lb-tab{border-radius:var(--radius-full);border:1px solid var(--border);min-height:28px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--dur) ease, border-color var(--dur) ease, color var(--dur) ease;background:0 0;padding:3px 10px;font-size:12px;font-weight:500}.lb-tab:hover{border-color:var(--border-strong);color:var(--text-strong)}.lb-tab.active{background:var(--primary-soft);border-color:var(--primary-border);color:var(--text-strong);font-weight:600}.lb-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.lb-item{border-radius:var(--radius-sm);transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease;border:1px solid #0000;align-items:center;gap:10px;padding:8px 10px;display:flex}.lb-item:hover{background:var(--overlay-hover)}.lb-item.lb-me{background:var(--primary-soft);border-color:var(--primary-border)}.lb-rank{min-width:28px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.lb-name{min-width:0;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}.lb-item.lb-me .lb-name{color:var(--text-strong);font-weight:600}.lb-rating{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.lb-item.lb-me .lb-rating{color:var(--primary-text)}.lb-empty{text-align:center;padding:var(--space-4);color:var(--muted);font-size:13px}.option-editor-row{background:var(--surface-inset);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--dur) ease, box-shadow var(--dur) ease, background-color var(--dur) ease;align-items:center;gap:10px;padding:4px 6px 4px 12px;display:flex}.option-editor-row:focus-within{border-color:var(--focus-ring);box-shadow:var(--focus-shadow)}.option-editor-row input[type=radio],.option-editor-row input[type=checkbox]{accent-color:var(--success-strong);cursor:pointer;width:18px;height:18px;box-shadow:none;margin:0}:is(.option-editor-row:has(input[type=radio]:checked),.option-editor-row:has(input[type=checkbox]:checked)){border-color:var(--success-border);background:var(--success-soft)}.option-editor-row input[type=text],.option-editor-row input:not([type]){min-width:0;min-height:36px;box-shadow:none;background:0 0;border:none;flex:1;padding:6px 4px}.option-editor-row input[type=text]:focus,.option-editor-row input:not([type]):focus{box-shadow:none;background:0 0}.option-editor-row:has(input[type=radio],input[type=checkbox]) .btn-ghost.small:hover:not(:disabled){color:var(--error);border-color:var(--error-border);background:var(--error-soft)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.9)}50%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes flash-correct{0%{box-shadow:0 0 0 0 var(--success-border)}35%{box-shadow:0 0 0 6px var(--success-soft)}to{box-shadow:0 0 #0000}}@keyframes flash-wrong{0%{box-shadow:0 0 0 0 var(--error-border)}35%{box-shadow:0 0 0 6px var(--error-soft)}to{box-shadow:0 0 #0000}}@keyframes score-fly{0%{opacity:0;transform:translateY(0)scale(.8)}15%{opacity:1;transform:translateY(-6px)scale(1.1)}to{opacity:0;transform:translateY(-46px)scale(1)}}@keyframes ring-sweep{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--ring-circumference,100)}}@keyframes vs-slam-left{0%{opacity:0;transform:translate(-40px)scale(.94)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes vs-slam-right{0%{opacity:0;transform:translate(40px)scale(.94)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.8)}30%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes hud-pulse{0%{box-shadow:0 0 0 0 var(--info-border)}50%{box-shadow:0 0 0 5px var(--info-soft)}to{box-shadow:0 0 #0000}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.section-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.section-head h3{margin:0}.inline-label{align-items:center;gap:var(--space-2);color:var(--muted);white-space:nowrap;flex-direction:row;margin:0;font-size:13px;display:flex}.inline-label select{width:auto;min-width:160px}.friend-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.friend-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);display:flex}.friend-row:hover{border-color:var(--border-strong);background:var(--surface-2)}.friend-row .ws-dot{flex:none}.friend-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.friend-info .muted{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.friend-name{font-family:var(--font-heading);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.friend-actions{gap:var(--space-2);flex:none;display:flex}.toast-stack{right:var(--space-5);bottom:var(--space-5);z-index:375;gap:var(--space-2);width:min(380px, calc(100vw - 2 * var(--space-4)));flex-direction:column;display:flex;position:fixed}.toast{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);animation:toast-in var(--dur-slow) var(--ease-out);font-size:14px;display:flex}.toast-challenge{border-color:var(--primary-border);box-shadow:var(--shadow-3), inset 3px 0 0 var(--primary);flex-direction:column;align-items:stretch}.toast-challenge strong{color:var(--primary-text)}.toast-error{color:var(--error-fg);background:var(--error-soft);border-color:var(--error-border)}.toast-actions{gap:var(--space-2);display:flex}.toast-actions button{flex:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=560px){.friend-row{flex-wrap:wrap}.friend-actions{width:100%}.friend-actions button{flex:1}.inline-label{width:100%}.inline-label select{flex:1;min-width:0}.toast-stack{right:var(--space-4);left:var(--space-4);bottom:var(--space-4);width:auto}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.question-card-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.flag-wrap{position:relative}.flag-btn,.flag-done{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.flag-btn{cursor:pointer;transition:color var(--dur) ease, border-color var(--dur) ease, background var(--dur) ease}.flag-btn:hover,.flag-btn[aria-expanded=true]{color:var(--warning-fg);border-color:var(--warning-border);background:var(--warning-soft)}.flag-done{color:var(--text-secondary);background:var(--neutral-soft)}.flag-panel{z-index:50;gap:var(--space-2);width:min(320px,100vw - 48px);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-3);animation:toast-in var(--dur) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0}.flag-panel strong{color:var(--text-strong);font-size:14px}.flag-reason{align-items:center;gap:var(--space-2);color:var(--text);cursor:pointer;flex-direction:row;margin:0;font-size:13.5px;display:flex}.flag-reason input{width:auto;min-height:0;accent-color:var(--primary)}.flag-panel textarea{resize:vertical;font-size:13.5px}.flag-actions{gap:var(--space-2);display:flex}.review-item .flag-wrap,.review-item .flag-done{align-self:flex-start}.answer-actions{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.answer-actions p{margin:0;font-size:13px}.nav-buttons{gap:var(--space-2);display:flex}.timer.timer-low{color:var(--error);background:var(--error-soft);border-color:var(--error-border);animation:1s ease-in-out infinite timer-pulse}@keyframes timer-pulse{50%{opacity:.65}}.daily-card{justify-content:space-between;gap:var(--space-5);padding:var(--space-6);background:radial-gradient(600px 200px at 0% 0%, var(--info-soft), transparent 70%), var(--card-gradient);border:1px solid var(--info-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2), var(--highlight);flex-wrap:wrap;display:flex}.daily-card-main{align-items:flex-start;gap:var(--space-2);flex-direction:column;flex:280px;min-width:0;display:flex}.daily-card-main h2{margin:0;font-size:1.3rem}.daily-card-main p{color:var(--text-secondary);margin:0}.daily-card-main .btn-primary,.daily-card-main .btn-ghost{margin-top:var(--space-2);text-decoration:none}.daily-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--info);font-size:12px;font-weight:700}.daily-top{gap:var(--space-2);flex-direction:column;flex:0 260px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.daily-top li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:auto minmax(0,1fr) auto;font-size:13.5px;display:grid}.daily-summary{gap:var(--space-4);flex-wrap:wrap;display:flex}.daily-score{min-width:120px;padding:var(--space-4) var(--space-5);background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:2px;display:flex}.daily-score strong{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:1.9rem}.daily-rules{color:var(--text-secondary);flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.review-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.review-item{padding:var(--space-3) var(--space-4);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-md);border-left-width:3px;flex-direction:column;gap:6px;font-size:14px;display:flex}.review-item.is-correct{border-left-color:var(--success)}.review-item.is-wrong{border-left-color:var(--error)}.review-q{color:var(--text-strong);overflow-wrap:anywhere}.review-a{color:var(--text-secondary)}.review-item.is-correct .review-a:first-of-type{color:var(--success-fg)}.review-item.is-wrong .review-a:first-of-type{color:var(--error-fg)}.review-expl{margin:0;font-size:13px}.kpi-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));display:grid}.kpi-card{padding:var(--space-5);color:var(--text);background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1), var(--highlight);flex-direction:column;gap:4px;text-decoration:none;display:flex}a.kpi-card:hover{border-color:var(--border-strong)}.kpi-label{align-items:center;gap:var(--space-2);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12.5px;font-weight:600;display:inline-flex}.kpi-value{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:2.2rem;line-height:1.1}.kpi-card .muted{font-size:13px}.kpi-live{border-color:var(--success-border)}.kpi-alert{border-color:var(--warning-border)}.kpi-alert .kpi-value{color:var(--warning)}.flag-item{gap:var(--space-3)}.flag-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:13px;display:flex}.flag-count{font-family:var(--font-heading);color:var(--warning);font-weight:700}.flag-options{color:var(--text-secondary);flex-direction:column;gap:4px;margin:0;padding-left:1.4em;display:flex}.flag-options li.is-correct{color:var(--success-fg)}.flag-options strong{color:var(--success);font-size:12px}.flag-reports{gap:var(--space-2);flex-direction:column;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.flag-reports li{padding:var(--space-2) var(--space-3);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm)}.flag-review-actions{flex-wrap:wrap}.btn-ghost.btn-danger-text{color:var(--error)}.btn-ghost.btn-danger-text:hover:not(:disabled){color:var(--error-fg);border-color:var(--error-border);background:var(--error-soft)}@media (width<=560px){.question-card-head{flex-wrap:wrap}.flag-panel{left:0;right:auto}.nav-buttons{width:100%}.nav-buttons button{flex:1}}@media (prefers-reduced-motion:reduce){.timer.timer-low,.flag-panel{animation:none}}@media (width<=1800px){.navbar{gap:6px var(--space-3);flex-wrap:wrap;padding-bottom:6px}.navbar-links{order:3;flex:0 0 calc(100% + 2 * var(--space-8));margin:0 calc(var(--space-8) * -1);padding:4px var(--space-8)}}@media (width<=768px){.two-col{grid-template-columns:minmax(0,1fr)}.navbar{padding:10px var(--space-4) 6px}.navbar-links{flex-basis:calc(100% + 2 * var(--space-4));margin:0 calc(var(--space-4) * -1);padding:4px var(--space-4)}.app-main{padding:var(--space-6) var(--space-4) var(--space-12)}.lb-widget{position:static}}@media (width<=560px){body{font-size:14.5px}input,select,textarea{font-size:16px}.navbar{column-gap:10px}.navbar-brand{gap:6px;font-size:1rem}.navbar-brand:before{width:26px;height:26px;font-size:13px}.navbar-right{gap:6px}.navbar-user{max-width:104px;padding-right:10px;font-size:13px}.navbar-right .btn-ghost{min-height:34px;padding:0 10px;font-size:13px}.auth-card{padding:28px var(--space-5);border-radius:var(--radius-lg)}.form-card{padding:var(--space-5)}.form-card.inline-form{max-width:none}.question-card{padding:var(--space-5);gap:var(--space-4)}.option-btn{gap:var(--space-3);min-height:52px;padding:10px 14px 10px 10px;font-size:14px}.match-header{padding:8px 10px 8px 14px;font-size:13.5px}.queue-waiting{padding:var(--space-8) var(--space-5)}.leaderboard-table th,.leaderboard-table td{padding:12px;font-size:13px}.result-row{grid-template-columns:28px minmax(0,1fr) auto;gap:6px 12px;padding:12px 14px}.result-elo{align-items:center;gap:var(--space-2);flex-direction:row;grid-column:2/-1}.results-trophy{font-size:52px}}@media (width<=380px){.navbar-brand:before{display:none}.leaderboard-table th,.leaderboard-table td{padding:10px 8px}.leaderboard-table th{letter-spacing:.04em;font-size:10.5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:2.4s!important;animation-iteration-count:infinite!important}.ws-dot.online:after{opacity:0;animation:none!important}.btn-primary:before{display:none}.btn-primary:hover:not(:disabled),.btn-primary:active:not(:disabled),.btn-ghost:active:not(:disabled),.action-card:hover,.dot.active{transform:none}}.sound-toggle{width:40px;min-width:40px;height:40px;color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--dur) ease, border-color var(--dur) ease, transform var(--dur-fast) ease;flex:none;justify-content:center;align-items:center;padding:0;font-size:17px;line-height:1;display:inline-flex}.sound-toggle:hover{background:var(--surface-2);border-color:var(--border-strong)}.sound-toggle:active{transform:scale(.94)}.sound-toggle[aria-pressed=false]{color:var(--muted)}@media (width<=560px){.sound-toggle{width:44px;min-width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.sound-toggle:active{transform:none}}.auth-legal{margin:var(--space-1) 0 0;text-align:center;color:var(--muted);font-size:12px}.legal-page{background:var(--bg,#05060d);min-height:100vh;padding:32px 16px 48px}.legal-card{border:1px solid var(--border);background:var(--surface-1);max-width:760px;color:var(--text);border-radius:16px;margin:0 auto;padding:28px clamp(18px,4vw,40px);line-height:1.65}.legal-card h1{color:var(--text-strong);margin:12px 0 4px}.legal-card h2{color:var(--text-strong);margin:28px 0 8px;font-size:18px}.legal-card ul{padding-left:20px}.legal-card li+li{margin-top:6px}.legal-back{font-size:14px;text-decoration:none}.about-hero{text-align:center;padding:8px 0 4px}.about-mark{font-size:40px}.about-lead{color:var(--text-strong);font-size:17px}.about-steps{padding-left:22px}.about-steps li+li{margin-top:6px}.about-modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.about-mode{border:1px solid var(--border);border-radius:12px;gap:10px;padding:12px;display:flex}.about-mode-icon{font-size:22px;line-height:1.3}.about-mode p{color:var(--muted);margin:2px 0 0;font-size:14px}.about-cta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}:root{--font-display:"Chakra Petch", "Outfit", system-ui, sans-serif;--neon-cyan:#22e4ff;--neon-pink:#ff3da8;--neon-lime:#3ef0a0;--neon-gold:#ffd23f;--glow-primary:0 0 0 1px #9b86ff80, 0 0 24px -4px #7c5cff99;--cut:12px;--tier-bronze:#e0915f;--tier-silver:#cbd5e1;--tier-gold:#ffd23f;--tier-platinum:#5eead4;--tier-diamond:#7dd3fc;--tier-master:#f0abfc}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#7c5cff0b 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, #7c5cff0b 1px, transparent 1px) 0 0 / 44px 44px, var(--bg-gradient);position:fixed;inset:0;transform:translateZ(0);-webkit-mask-image:linear-gradient(#000 0% 55%,#0000008c 100%);mask-image:linear-gradient(#000 0% 55%,#0000008c 100%)}h1,h2,h3{font-family:var(--font-display);letter-spacing:0}h1{text-transform:uppercase;letter-spacing:.01em;font-weight:700}h2{text-transform:uppercase;letter-spacing:.14em;color:var(--text-secondary);margin:var(--space-6) 0 var(--space-3);font-size:.85rem;font-weight:700}h2:before{background:var(--primary-gradient);border-radius:0;width:14px;height:3px;transform:skew(-20deg)}section>h2:first-child{margin-top:0}.eyebrow{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--neon-cyan);font-size:12px;font-weight:700;display:inline-block}.page-head{flex-direction:column;gap:2px;display:flex}.page-head h1{margin:0}.page-head .muted{margin:4px 0 0}kbd{min-width:20px;font-family:var(--font-display);text-align:center;color:var(--text-secondary);background:var(--surface-3);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700;line-height:1.5;display:inline-block}.btn-primary,.btn-ghost{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.btn-primary{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));--cut:8px;border-radius:6px}.btn-primary.small{--cut:5px}.btn-lg{min-height:48px;padding:0 var(--space-6);font-size:15px}.btn-xl{min-height:56px;padding:0 var(--space-8);--cut:12px;font-size:16px}.btn-ghost{border-radius:6px;font-size:13px}.icon-btn{width:40px;min-width:40px;padding:0;font-size:16px}.navbar{background:#060812f0;border-bottom:1px solid #7c5cff38;min-height:60px;box-shadow:0 1px #0009,0 10px 30px -18px #7c5cff99}.navbar-brand{-webkit-text-fill-color:initial;color:var(--text-strong);cursor:pointer;background:0 0;text-decoration:none}.navbar-brand:before{display:none}.brand-mark{background:var(--primary-gradient);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;width:32px;height:32px;font-size:16px;display:inline-grid}.brand-text{font-family:var(--font-display);letter-spacing:.08em;font-size:1.15rem;font-weight:700}.brand-text span{color:var(--neon-cyan);margin-left:2px}.brand-tag{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--warning);border:1px solid var(--warning-border);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.navbar-links a{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.nav-icon{filter:grayscale(.6);opacity:.85;font-size:14px}.navbar-links a.active{box-shadow:inset 0 -2px 0 var(--primary);background:linear-gradient(#7c5cff14,#7c5cff38);border-color:#0000}.navbar-links a.active .nav-icon,.navbar-links a:hover .nav-icon{filter:none;opacity:1}.live-pill{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 9px;font-size:11px;font-weight:700;display:inline-flex}.live-pill.online{color:var(--neon-lime);border-color:var(--success-border);background:var(--success-soft)}.live-pill.offline{color:var(--error);border-color:var(--error-border);background:var(--error-soft)}.live-pill.idle{color:var(--muted);border-color:var(--border);background:var(--surface-1)}.ws-dot.idle{background:var(--muted);box-shadow:none}.live-pill .ws-dot{width:8px;height:8px;box-shadow:none}.navbar-user{padding:3px 12px 3px 3px}.navbar-user:before{display:none}.navbar-user-name{text-overflow:ellipsis;overflow:hidden}.avatar{font-family:var(--font-display);color:#fff;text-shadow:0 1px 2px #00000059;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;box-shadow:inset 0 0 0 2px #ffffff24}.avatar[class*=avatar-ring-]{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--ring), 0 0 22px -2px var(--ring)}.avatar-ring-bronze{--ring:var(--tier-bronze)}.avatar-ring-silver{--ring:var(--tier-silver)}.avatar-ring-gold{--ring:var(--tier-gold)}.avatar-ring-platinum{--ring:var(--tier-platinum)}.avatar-ring-diamond{--ring:var(--tier-diamond)}.avatar-ring-master{--ring:var(--tier-master)}.rank-badge{--tier:var(--tier-silver);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--tier);background:color-mix(in srgb, var(--tier) 12%, transparent);border:1px solid color-mix(in srgb, var(--tier) 45%, transparent);border-radius:4px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:12px;font-weight:700;display:inline-flex}.rank-badge-rating{color:var(--text-strong);font-variant-numeric:tabular-nums}.rank-badge-sm{gap:4px;padding:1px 7px 1px 5px;font-size:10.5px}.rank-badge-lg{gap:8px;padding:6px 14px 6px 10px;font-size:15px}.tier-bronze{--tier:var(--tier-bronze)}.tier-silver{--tier:var(--tier-silver)}.tier-gold{--tier:var(--tier-gold)}.tier-platinum{--tier:var(--tier-platinum)}.tier-diamond{--tier:var(--tier-diamond)}.tier-master{--tier:var(--tier-master)}.auth-page{gap:var(--space-6);flex-direction:column}.auth-page:before{background:radial-gradient(circle,#7c5cff47 0%,#d63cff14 40%,#0000 68%);width:720px;height:720px;top:-10%}.auth-hero{z-index:1;position:relative}.auth-hero-mark{background:var(--primary-gradient);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 0 24px #7c5cffb3);width:76px;height:76px;animation:floatUp .5s var(--ease-out);place-items:center;font-size:36px;display:grid}.auth-card{box-shadow:var(--shadow-3), 0 0 60px -20px #7c5cff8c;border-color:#7c5cff59;border-radius:10px}.auth-logo{font-family:var(--font-display);letter-spacing:.12em;text-align:center;color:var(--text-strong);font-size:2.1rem;font-weight:700;line-height:1.1}.auth-logo span{color:var(--neon-cyan);text-shadow:0 0 18px #22e4ff80}.auth-subtitle{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-top:-10px;font-size:12px}.signup-to-play{align-items:center;gap:var(--space-3);max-width:520px;margin:var(--space-8) auto;padding:var(--space-8) var(--space-6);text-align:center;background:var(--surface-1);box-shadow:var(--shadow-2);border:1px solid #7c5cff59;border-radius:14px;flex-direction:column;display:flex}.signup-to-play-icon{font-size:40px}.signup-to-play h1{margin:0;font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem)}.signup-to-play p{max-width:42ch;margin:0}.signup-to-play-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.signup-to-play-back{margin-top:var(--space-2);font-size:13.5px}.dashboard-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.dashboard-sidebar .lb-widget{position:static}.chat-panel{background:var(--card-gradient);border-radius:var(--radius-lg);height:460px;min-height:0;box-shadow:var(--shadow-1), var(--highlight);border:1px solid #7c5cff38;flex-direction:column;display:flex;overflow:hidden}.chat-head{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.chat-head h3{margin:0;font-size:1rem}.chat-close{width:34px;height:34px;color:var(--text-secondary);background:var(--surface-3);cursor:pointer;border:0;border-radius:50%}.chat-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;margin:0;padding:10px 12px;list-style:none;display:flex;overflow-y:auto}.chat-empty{text-align:center;margin:auto}.chat-msg{align-items:flex-start;gap:8px;display:flex}.chat-msg .avatar{flex:none;margin-top:2px}.chat-bubble{background:var(--surface-3);border-radius:4px 12px 12px;min-width:0;max-width:100%;padding:7px 11px 8px}.chat-msg.mine{flex-direction:row-reverse}.chat-msg.mine .chat-bubble{background:linear-gradient(135deg,#7c5cff59,#9b4dff47);border-radius:12px 4px 12px 12px}.chat-meta{align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.chat-msg.mine .chat-meta{flex-direction:row-reverse}.chat-name{text-overflow:ellipsis;white-space:nowrap;color:var(--primary-text);font-size:12.5px;font-weight:700;text-decoration:none;overflow:hidden}.chat-name:hover{text-decoration:underline}.chat-meta time{color:var(--muted);flex:none;font-size:11px}.chat-body{color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.45}.chat-input,.chat-guest{border-top:1px solid var(--divider);padding:10px 12px 12px}.chat-input-row{gap:8px;display:flex}.chat-input input{flex:1;min-width:0;min-height:40px}.chat-error{color:var(--error);margin:0 0 6px;font-size:12.5px}.chat-count{text-align:right;margin-top:4px;font-size:11.5px;display:block}.chat-guest{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.chat-fab{right:var(--space-5);bottom:var(--space-5);z-index:140;background:var(--primary-gradient);cursor:pointer;width:56px;height:56px;transition:transform var(--dur) var(--ease-out);border:0;border-radius:50%;place-items:center;font-size:24px;display:grid;position:fixed;box-shadow:0 10px 28px -8px #7c5cffd9}.chat-fab:hover{transform:translateY(-2px)scale(1.04)}.chat-fab-badge{color:#fff;background:var(--error-strong);border:2px solid var(--bg);border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11.5px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.toast-stack{bottom:calc(var(--space-5) + 68px)}@media (width>=901px){.chat-fab.on-lobby{display:none}}.chat-sheet-backdrop{z-index:250;animation:fadeIn var(--dur) ease;background:#03040a99;position:fixed;inset:0}.chat-sheet{right:var(--space-5);bottom:var(--space-5);width:min(400px, calc(100vw - 2 * var(--space-5)));height:min(600px, calc(100dvh - 2 * var(--space-5)));animation:chat-sheet-in .28s var(--ease-out);display:flex;position:absolute}.chat-sheet .chat-panel{height:auto;box-shadow:var(--shadow-3);flex:1}@keyframes chat-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.chat-fab{right:var(--space-4);bottom:calc(80px + env(safe-area-inset-bottom));width:52px;height:52px}.chat-sheet{width:100%;height:82dvh;animation-name:chat-sheet-up;bottom:0;left:0;right:0}.chat-sheet .chat-panel{padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0}.chat-head:before{content:"";background:var(--border-strong);border-radius:999px;width:40px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.chat-head{padding-top:18px;position:relative}.chat-input input{font-size:16px}}@keyframes chat-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.chat-sheet,.chat-sheet-backdrop{animation:none}}.player-suggestions{background:var(--surface-inset);border:1px solid var(--border-strong);border-radius:10px;flex-direction:column;gap:2px;margin:0;padding:4px;list-style:none;display:flex}.player-suggestions li{align-items:center;gap:var(--space-3);border-radius:8px;min-height:48px;padding:6px 8px;display:flex}.player-suggestions li:hover{background:var(--overlay-hover)}.player-suggestion-name{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.player-suggestion-name strong,.player-suggestion-name .muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-suggestion-name .muted{font-size:12.5px}.suggestion-state{color:var(--muted);white-space:nowrap;font-size:12.5px;font-weight:600}.suggestion-state.is-friend{color:var(--neon-lime)}.player-suggestions .player-suggestions-empty{justify-content:center;min-height:40px}.auth-divider{align-items:center;gap:var(--space-3);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:-4px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.btn-demo{border-color:var(--info-border);min-height:48px;color:var(--neon-cyan)}.btn-demo:hover:not(:disabled){border-color:var(--neon-cyan);color:var(--text-strong)}.guest-banner{justify-content:center;align-items:center;gap:var(--space-2) var(--space-4);padding:8px var(--space-4);text-align:center;color:var(--text-secondary);border-bottom:1px solid var(--info-border);background:linear-gradient(90deg,#22e4ff14,#7c5cff1f);flex-wrap:wrap;font-size:13px;display:flex}.guest-banner strong{color:var(--neon-cyan)}.guest-banner a{white-space:nowrap;font-weight:600}@media (width<=760px){.auth-page~.server-wake{bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}}.server-wake{left:50%;bottom:var(--space-5);z-index:300;align-items:center;gap:var(--space-3);max-width:calc(100% - 2 * var(--space-4));border:1px solid var(--info-border);box-shadow:var(--shadow-3);animation:fadeIn var(--dur-slow) var(--ease-out);background:#0d1022f7;border-radius:12px;padding:12px 18px;display:flex;position:fixed;transform:translate(-50%)}.server-wake>div{flex-direction:column;gap:2px;min-width:0;display:flex}.server-wake strong{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-strong);font-size:14px}.server-wake span{color:var(--text-secondary);font-size:12.5px}.server-wake .spinner{border-width:2px;flex:none;width:22px;height:22px}.server-wake.is-error{border-color:var(--error-border)}.server-wake.is-ready{border-color:var(--success-border)}.server-wake.is-ready>span{color:var(--neon-lime);font-size:18px;font-weight:700}.form-card,.stat-card,.action-card,.lb-widget,.question-card,.daily-card,.waiting-all-done{border-color:#7c5cff29}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);text-align:center;color:var(--text-secondary);background:var(--surface-1);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;display:flex}.empty-state>span{font-size:36px}.empty-state p{margin:0}.lobby-hero{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-8);background:radial-gradient(600px 240px at 0% 0%, #7c5cff47, transparent 70%), radial-gradient(500px 220px at 100% 100%, #22e4ff1f, transparent 70%), var(--surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);border:1px solid #7c5cff4d;flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.lobby-hero:after{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#0000 0 22px,#ffffff05 22px 23px);position:absolute;inset:0}.lobby-player{align-items:center;gap:var(--space-5);z-index:1;min-width:0;display:flex;position:relative}.lobby-player-info{flex-direction:column;gap:4px;min-width:0;display:flex}.lobby-player-info h1{overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.2rem)}.lobby-player-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lobby-player-meta .muted{font-size:13px}.lobby-cta{z-index:1;position:relative}.btn-play{--cut:16px;align-items:center;gap:var(--space-4);min-height:72px;padding:0 var(--space-8) 0 var(--space-6);color:#fff;background:var(--primary-gradient);clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));transition:transform var(--dur) var(--ease-out), filter var(--dur) ease;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff40}.btn-play:hover{filter:brightness(1.12);transform:translateY(-2px)}.btn-play:active{transform:translateY(0)scale(.98)}.btn-play-icon{font-size:30px}.btn-play strong{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:1.6rem;font-weight:700;line-height:1;display:block}.btn-play small{opacity:.85;margin-top:4px;font-size:12px;display:block}.kpi-strip{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kpi-tile{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:6px;flex-direction:column;gap:2px;padding:14px 18px;display:flex}.kpi-tile span{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.kpi-tile strong{font-family:var(--font-display);color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700;line-height:1.15}.kpi-tile:nth-child(2){border-left-color:var(--neon-lime)}.kpi-tile:nth-child(3){border-left-color:var(--neon-cyan)}.kpi-tile:nth-child(4){border-left-color:var(--neon-gold)}.mode-grid .action-card{border-radius:10px;min-height:170px}.action-card h3{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:1.2rem}.action-card:after{content:"";background:radial-gradient(circle, var(--card-accent-soft), transparent 70%);opacity:0;width:140px;height:140px;transition:opacity var(--dur-slow) ease;pointer-events:none;border-radius:50%;position:absolute;bottom:-40px;right:-40px}.action-card:hover:after{opacity:1}.action-icon{border-radius:8px}.mode-tag{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--card-accent);align-self:flex-start;margin-top:auto;padding-top:10px;font-size:10.5px;font-weight:700}.stat-card-head .rank-badge{flex:none}.accuracy-bar{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.accuracy-bar span{background:linear-gradient(90deg, var(--neon-cyan), var(--neon-lime));border-radius:inherit;height:100%;display:block}.lb-item .avatar{flex:none}.lb-top-1 .lb-rating{color:var(--tier-gold)}.lb-top-2 .lb-rating{color:var(--tier-silver)}.lb-top-3 .lb-rating{color:var(--tier-bronze)}.mode-picker{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.mode-option,.tile-option,.segmented-btn{color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border-strong);cursor:pointer;text-align:left;transition:border-color var(--dur) ease, background-color var(--dur) ease, color var(--dur) ease, transform var(--dur) var(--ease-out);font-family:inherit}.mode-option:hover,.tile-option:hover,.segmented-btn:hover{border-color:var(--primary-border);color:var(--text-strong)}.mode-option:active,.tile-option:active,.segmented-btn:active{transform:scale(.98)}.mode-option{column-gap:var(--space-4);padding:var(--space-5);border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;row-gap:2px;display:grid}.mode-option-icon{background:var(--surface-3);border-radius:8px;grid-row:span 2;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.mode-option strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong);font-size:1.2rem}.mode-option>span:last-child{font-size:13px;line-height:1.45}.mode-option.selected,.tile-option.selected,.segmented-btn.selected{color:var(--text-strong);border-color:var(--primary);box-shadow:var(--glow-primary);background:linear-gradient(#7c5cff1a,#7c5cff38)}.mode-option.selected .mode-option-icon{background:var(--primary-gradient)}.tile-picker{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));display:grid}.tile-picker.compact{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}.tile-option{border-radius:8px;flex-direction:column;gap:2px;min-height:64px;padding:12px 14px;display:flex}.tile-picker.compact .tile-option{justify-content:center;min-height:44px;padding:8px 12px}.tile-option strong{color:inherit;font-size:14px;font-weight:600}.tile-option span{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.tile-option.selected span{color:var(--neon-cyan)}.segmented{gap:var(--space-2);flex-wrap:wrap;display:flex}.segmented-btn{min-width:72px;min-height:42px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;text-align:center;border-radius:6px;padding:0 18px;font-size:13px;font-weight:700}.segmented-btn.seg-easy.selected{border-color:var(--diff-easy);box-shadow:0 0 0 1px var(--diff-easy);background:var(--diff-easy-soft)}.segmented-btn.seg-medium.selected{border-color:var(--diff-medium);box-shadow:0 0 0 1px var(--diff-medium);background:var(--diff-medium-soft)}.segmented-btn.seg-hard.selected{border-color:var(--diff-hard);box-shadow:0 0 0 1px var(--diff-hard);background:var(--diff-hard-soft)}.segmented-btn.seg-expert.selected{border-color:var(--diff-expert);box-shadow:0 0 0 1px var(--diff-expert);background:var(--diff-expert-soft)}.find-bar{bottom:var(--space-4);z-index:5;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);box-shadow:var(--shadow-3);background:#0d1022f7;border:1px solid #7c5cff59;border-radius:12px;flex-wrap:wrap;display:flex;position:sticky}.find-bar strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong)}.search-stage{align-items:center;gap:var(--space-6);padding:var(--space-10) var(--space-4);text-align:center;flex-direction:column;display:flex}.radar{background:radial-gradient(circle,#7c5cff24,#7c5cff05 70%);border:1px solid #7c5cff59;border-radius:50%;width:240px;height:240px;position:relative;overflow:hidden}.radar-ring{border:1px solid #7c5cff47;border-radius:50%;margin:auto;position:absolute;inset:0}.radar-ring.r1{width:33%;height:33%}.radar-ring.r2{width:66%;height:66%}.radar-ring.r3{border-color:var(--neon-cyan);opacity:0;width:100%;height:100%;animation:2s ease-out infinite radar-ping}.radar-sweep{background:conic-gradient(#22e4ff66,#22e4ff00 70deg,#0000 360deg);border-radius:50%;animation:2.4s linear infinite spin;position:absolute;inset:0}.radar-center{place-items:center;display:grid;position:absolute;inset:0}.radar-center .avatar{box-shadow:0 0 0 4px var(--bg), 0 0 0 6px var(--primary), 0 0 30px var(--primary)}.search-copy h1{margin:6px 0 4px}.search-clock{font-family:var(--font-display);color:var(--neon-cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 20px #22e4ff73;font-size:2.6rem;font-weight:700;line-height:1}.search-copy .muted{margin:10px 0 0}.search-stage .queue-stats{justify-content:center;gap:var(--space-2);flex-flow:wrap;width:auto;margin:0;padding:0;list-style:none;display:flex}.search-stage .queue-stats li{background:var(--surface-1);border:1px solid var(--border);border-radius:999px;gap:8px;padding:4px 12px;font-size:12px;display:inline-flex}.search-stage .queue-stats li span{color:var(--muted)}@keyframes radar-ping{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1)}}.found-stage{align-items:center;gap:var(--space-5);padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;display:flex}.found-title{color:var(--neon-gold);text-shadow:0 0 30px #ffd23f73;animation:countdown-pop-in .4s var(--ease-out) both;margin:0;font-size:clamp(2rem,1.5rem + 3vw,3.2rem)}.found-versus{align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;max-width:620px;display:grid}.found-player{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.found-player strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-display);letter-spacing:.04em;color:var(--text-strong);font-size:1.15rem;overflow:hidden}.found-state{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.found-state.ready{color:var(--neon-lime)}.found-actions{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.found-actions .btn-primary{min-width:260px}.find-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.bot-offer{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--surface-1);border:1px solid var(--info-border);animation:fadeIn var(--dur-slow) var(--ease-out);border-radius:12px;flex-direction:column;display:flex}.bot-offer>span{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-strong);font-weight:700}.unrated-note{color:var(--neon-cyan);margin:6px 0 0;font-size:13px}.vs-screen{z-index:200;align-items:center;gap:var(--space-6);padding:var(--space-6);cursor:pointer;background:linear-gradient(105deg, #7c5cff59 0 49.6%, transparent 49.6% 50.4%, #ff3da84d 50.4%), var(--bg);grid-template-columns:1fr auto 1fr;display:grid;position:fixed;inset:0}.vs-side{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.vs-side strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong);overflow-wrap:anywhere;font-size:clamp(1.2rem,1rem + 1.5vw,2rem)}.vs-left{animation:vs-slam-left .45s var(--ease-out) both}.vs-right{animation:vs-slam-right .45s var(--ease-out) both}.vs-mark{font-family:var(--font-display);color:#fff;text-shadow:0 0 30px #ffd23fcc, 4px 4px 0 var(--neon-pink);animation:countdown-pop 1.4s var(--ease-out) both;font-size:clamp(3rem,2rem + 6vw,6rem);font-style:italic;font-weight:700;animation-delay:.15s}.match-page{width:100%;max-width:820px;margin:0 auto}.match-hud{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.hud-player{align-items:center;gap:var(--space-3);background:var(--surface-1);border:1px solid var(--border);border-radius:10px;min-width:0;min-height:64px;padding:10px 14px;display:flex}.hud-left{border-left:3px solid var(--primary);background:linear-gradient(90deg, #7c5cff33, var(--surface-1) 70%)}.hud-right{text-align:right;border-right:3px solid var(--neon-pink);background:linear-gradient(270deg, #ff3da829, var(--surface-1) 70%);flex-direction:row-reverse}.hud-player-info{flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-width:0;display:flex}.hud-right .hud-player-info{align-items:flex-end}.hud-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-strong);font-size:14px;font-weight:600;overflow:hidden}.hud-score{font-family:var(--font-display);color:var(--text-strong);font-variant-numeric:tabular-nums;animation:pop .35s var(--ease-out);font-size:1.9rem;font-weight:700;line-height:1}.hud-pulse{animation:.6s ease-out hud-pulse}.hud-center{flex-direction:column;align-items:center;gap:4px;display:flex}.hud-offline{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--error);font-size:10.5px;font-weight:700;animation:1s ease-in-out infinite timer-pulse}.timer-ring{flex:none;place-items:center;display:grid;position:relative}.timer-ring svg{position:absolute;inset:0}.timer-ring-track{fill:var(--surface-inset);stroke:var(--surface-3)}.timer-ring-fill{fill:none;stroke:var(--neon-cyan);stroke-linecap:round;transition:stroke-dashoffset .3s linear,stroke .3s}.timer-ring-mid .timer-ring-fill{stroke:var(--warning)}.timer-ring-low .timer-ring-fill{stroke:var(--error)}.timer-ring-label{font-family:var(--font-display);color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700;position:relative}.timer-ring-low{animation:1s ease-in-out infinite timer-pulse}.timer-ring-low .timer-ring-label{color:var(--error)}.match-progress{background:var(--surface-3);border-radius:999px;flex:1;height:6px;overflow:hidden}.match-progress span{background:var(--primary-gradient);border-radius:inherit;height:100%;transition:width .4s var(--ease-out);display:block}.practice-hud{align-items:center;gap:var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex}.practice-score{font-family:var(--font-display);color:var(--neon-lime);white-space:nowrap;font-weight:700}.practice-score small{color:var(--muted);font-weight:600}.q-counter{font-family:var(--font-display);color:var(--text-strong);white-space:nowrap;font-size:1.3rem;font-weight:700;line-height:1}.q-counter small{color:var(--muted);font-size:.8rem}.question-card{animation:fadeIn .25s var(--ease-out);border-radius:12px}.no-copy{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.question-card-head{gap:var(--space-3)}.question-card-head .badge{margin-right:auto}.question-body{color:var(--text-strong);font-size:clamp(1.05rem,1rem + .4vw,1.3rem);font-weight:600;line-height:1.5}.option-btn:has(.option-key):before{display:none}.option-btn{border-radius:8px;min-height:60px}.option-key{width:34px;height:34px;font-family:var(--font-display);color:var(--text-secondary);background:var(--surface-3);border:1px solid var(--border-strong);transition:background-color var(--dur) ease, color var(--dur) ease, border-color var(--dur) ease;border-bottom-width:3px;border-radius:6px;flex:none;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.option-text{flex:1;min-width:0}.option-btn:hover:not(:disabled):not(.selected):not(.correct):not(.incorrect){transform:translate(3px)}.option-btn.selected{box-shadow:var(--glow-primary)}.option-btn.selected .option-key{color:#fff;background:var(--primary);border-color:var(--primary-strong)}.option-btn.correct{animation:.6s ease-out flash-correct}.option-btn.correct .option-key{color:var(--on-status);background:var(--success);border-color:var(--success-strong)}.option-btn.incorrect{animation:.6s ease-out flash-wrong}.option-btn:has(.option-key):after{content:none}.option-btn.correct .option-key,.option-btn.incorrect .option-key{color:#fff;font-size:18px;font-weight:900}.options:has(.correct,.incorrect) .option-btn:not(.correct):not(.incorrect){opacity:.5}.option-btn.incorrect .option-key{color:var(--on-status);background:var(--error);border-color:var(--error-strong)}.key-hint{font-size:12.5px}.answer-status{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-weight:700}.answer-status.good{color:var(--neon-lime)}.answer-status.bad{color:var(--error)}.score-floater{z-index:2;font-family:var(--font-display);pointer-events:none;animation:score-fly 1.1s var(--ease-out) forwards;font-size:1.8rem;font-weight:700;position:absolute;top:18px;right:24px}.score-floater.good{color:var(--neon-lime);text-shadow:0 0 16px #3ef0a099}.score-floater.bad{color:var(--error)}button.dot{appearance:none;padding:0}.dot{border-radius:4px;width:14px;height:14px;transform:rotate(45deg)}.dot.active{transform:rotate(45deg)scale(1.25)}.dot.right{background:var(--success);border-color:var(--success)}.dot.wrong{background:var(--error);border-color:var(--error)}.dot.right.active,.dot.wrong.active{box-shadow:0 0 0 3px var(--primary-soft);border-color:var(--primary)}.waiting-all-done h2{margin:0}.waiting-all-done h2:before{display:none}.match-results-page{max-width:620px;position:relative}.results-title{letter-spacing:.1em;animation:countdown-pop-in .5s var(--ease-out) both;font-size:clamp(2.6rem,2rem + 4vw,4.2rem);font-weight:700;line-height:1}.outcome-victory .results-title{color:var(--neon-gold);text-shadow:0 0 34px #ffd23f8c}.outcome-defeat .results-title{color:var(--error);text-shadow:0 0 30px #fb718566}.outcome-draw .results-title{color:var(--neon-cyan)}.outcome-victory .results-trophy{filter:drop-shadow(0 0 22px #ffd23f99)}.result-row{border-radius:10px;grid-template-columns:36px auto minmax(0,1fr) auto auto}.result-score{font-family:var(--font-display)}.results-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.match-results-page .btn-primary{width:auto;min-width:260px}.confetti{z-index:150;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{opacity:0;will-change:transform, opacity;border-radius:2px;animation-name:confetti-fall;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes countdown-pop-in{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.tab-strip{gap:var(--space-1);scrollbar-width:none;border-bottom:1px solid var(--border);display:flex;overflow-x:auto}.tab-strip::-webkit-scrollbar{display:none}.tab{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;transition:color var(--dur) ease, border-color var(--dur) ease;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:700}.tab:hover{color:var(--text-strong)}.tab.active{color:var(--text-strong);border-bottom-color:var(--primary)}.podium{align-items:end;gap:var(--space-3);width:100%;max-width:640px;margin:var(--space-4) auto 0;transition:opacity var(--dur) ease;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.podium.is-loading{opacity:.5}.podium-spot{text-align:center;min-width:0;animation:floatUp .45s var(--ease-out) both;flex-direction:column;align-items:center;gap:8px;display:flex}.podium-2{animation-delay:80ms}.podium-3{animation-delay:.16s}.podium-medal{font-size:28px;line-height:1}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-strong);font-weight:700;overflow:hidden}.podium-block{--tier:var(--tier-silver);width:100%;font-family:var(--font-display);color:var(--tier);background:linear-gradient(180deg, color-mix(in srgb, var(--tier) 22%, transparent), var(--surface-1));border:1px solid color-mix(in srgb, var(--tier) 45%, transparent);border-bottom:0;border-radius:8px 8px 0 0;place-items:center;font-size:1.6rem;font-weight:700;display:grid}.podium-1 .podium-block{--tier:var(--tier-gold);height:120px}.podium-2 .podium-block{--tier:var(--tier-silver);height:88px}.podium-3 .podium-block{--tier:var(--tier-bronze);height:64px}.podium-1 .avatar{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--tier-gold), 0 0 26px #ffd23f80}.podium-spot.me .podium-name{color:var(--primary-text)}.leaderboard-table{border-radius:10px}.leaderboard-table th{font-family:var(--font-display)}.leaderboard-table td.num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:700}.lb-player{align-items:center;gap:10px;display:inline-flex}button.podium-spot{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button.podium-spot:hover .podium-name{color:var(--primary-text)}.leaderboard-table tr.clickable{cursor:pointer}.profile-actions{z-index:1;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex;position:relative}.friend-chip{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--neon-lime);background:var(--success-soft);border:1px solid var(--success-border);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700}.profile-action-error{color:var(--error);font-size:13px}.tier-card{border-top:3px solid var(--tier)}.tier-card .rank-badge{align-self:flex-start}.room-card{gap:var(--space-4)}.room-card h3{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:1.15rem}.room-card-icon{font-size:30px}.room-card form{gap:var(--space-4)}.code-input{min-height:64px;font-family:var(--font-display);letter-spacing:.4em;text-align:center;text-transform:uppercase;font-size:1.8rem;font-weight:700}.code-input::placeholder{color:var(--surface-3)}.room-code-display{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.room-code{cursor:pointer;background:0 0;border:0;gap:6px;padding:0;display:inline-flex}.room-code span{width:44px;height:56px;font-family:var(--font-display);color:var(--neon-cyan);background:var(--surface-inset);border:1px solid var(--info-border);text-shadow:0 0 14px #22e4ff80;border-bottom-width:3px;border-radius:6px;place-items:center;font-size:1.8rem;font-weight:700;display:grid}.room-code:hover span{border-color:var(--neon-cyan)}.waiting-line{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:14px;display:flex}.waiting-line .spinner{border-width:2px;width:20px;height:20px}@media (width<=1800px){.navbar{gap:6px var(--space-3);flex-wrap:wrap;padding-bottom:6px}.navbar-links{order:3;flex:0 0 calc(100% + 2 * var(--space-8));margin:0 calc(var(--space-8) * -1);padding:4px var(--space-8);border-top:1px solid var(--divider)}}@media (width<=768px){.navbar-links{flex-basis:calc(100% + 2 * var(--space-4));margin:0 calc(var(--space-4) * -1);padding:4px var(--space-4)}}@media (width<=760px){.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-hero{padding:var(--space-5)}.lobby-cta,.btn-play{width:100%}.btn-play{justify-content:center}.vs-screen{background:linear-gradient(175deg, #7c5cff59 0 49.6%, transparent 49.6% 50.4%, #ff3da84d 50.4%), var(--bg);grid-template-rows:1fr auto 1fr;grid-template-columns:1fr}.live-pill{gap:0;padding:5px;font-size:0}}@media (width<=560px){.match-hud{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.hud-player{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:8px 6px}.hud-right{flex-direction:column}.hud-player .avatar,.hud-player .rank-badge{display:none}.hud-player-info,.hud-right .hud-player-info{align-items:center}.hud-name{font-size:12px}.hud-score{font-size:1.5rem}.result-row{grid-template-columns:28px auto minmax(0,1fr) auto}.result-row .result-elo{grid-column:3/-1}.room-code span{width:38px;height:50px;font-size:1.5rem}.podium-1 .podium-block{height:96px}.podium-2 .podium-block{height:72px}.podium-3 .podium-block{height:52px}.find-bar .btn-primary{width:100%}.find-actions{flex-direction:column-reverse;width:100%}.find-actions .btn-ghost{width:100%}}@media (prefers-reduced-motion:reduce){.radar-sweep,.radar-ring.r3,.timer-ring-low,.hud-score,.hud-pulse,.vs-left,.vs-right,.vs-mark,.option-btn.correct,.option-btn.incorrect,.results-title,.podium-spot{animation:none!important}.vs-mark,.vs-left,.vs-right,.results-title,.podium-spot{opacity:1}.option-btn:hover:not(:disabled):not(.selected):not(.correct):not(.incorrect),.btn-play:hover,.btn-play:active{transform:none}}.bottom-nav,.guest-banner-short{display:none}.lb-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-main{overflow-x:clip}@media (hover:none) and (pointer:coarse){.key-hint{display:none}.answer-actions{justify-content:flex-end}}@media (width<=760px){.navbar{gap:var(--space-2);min-height:56px;padding:calc(8px + env(safe-area-inset-top)) var(--space-4) 8px;flex-wrap:nowrap}.navbar-links{display:none}.brand-mark{width:28px;height:28px;font-size:14px}.brand-text{letter-spacing:.06em;font-size:1rem}.navbar-right{gap:6px;margin-left:auto}.navbar-user{max-width:none;padding:2px}.navbar-user-name{display:none}.navbar-right .sound-toggle,.navbar-right .icon-btn{width:36px;min-width:36px;height:36px;min-height:36px}.bottom-nav{z-index:120;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#060812f7;border-top:1px solid #7c5cff40;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px -18px #7c5cff99}.bottom-nav :is(a,button){min-height:52px;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:10.5px;font-weight:700;text-decoration:none;display:flex}.bottom-nav-icon{filter:grayscale(.7);opacity:.75;transition:transform var(--dur) var(--ease-out), opacity var(--dur) ease;font-size:20px;line-height:1}.bottom-nav-label{text-overflow:ellipsis;max-width:100%;overflow:hidden}.bottom-nav :is(a,button).active{color:var(--text-strong);background:linear-gradient(#7c5cff3d,#7c5cff0f)}.bottom-nav :is(a,button).active .bottom-nav-icon{filter:none;opacity:1;transform:translateY(-1px)}.app-main{padding:var(--space-5) var(--space-4) calc(92px + env(safe-area-inset-bottom))}.server-wake{bottom:calc(84px + env(safe-area-inset-bottom));width:calc(100% - 2 * var(--space-4))}.toast-stack{left:var(--space-4);right:var(--space-4);bottom:calc(80px + env(safe-area-inset-bottom));width:auto}.guest-banner{padding:6px var(--space-4);text-align:left;flex-wrap:nowrap;justify-content:space-between;font-size:12.5px}.guest-banner-long{display:none}.guest-banner-short{display:inline}.page-head h1,.lobby-player-info h1{font-size:1.55rem}.dashboard-sidebar{order:0}.lobby-hero,.lobby-player{gap:var(--space-4)}.kpi-strip{gap:var(--space-2)}.kpi-tile{padding:10px 14px}.kpi-tile strong{font-size:1.4rem}.mode-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.mode-grid .action-card{gap:4px;min-height:0;padding:14px}.mode-grid .action-card p{display:none}.mode-grid .action-card h3{font-size:.95rem}.mode-grid .action-icon{width:36px;height:36px;margin-bottom:4px;font-size:18px}.mode-tag{padding-top:4px}.daily-card-main h2{letter-spacing:.06em;font-size:.95rem}.find-bar{padding:var(--space-3);position:static}.find-bar .btn-primary{width:100%}.find-actions{flex-direction:column-reverse;width:100%}.find-actions .btn-ghost{width:100%}.leaderboard-table{table-layout:fixed;width:100%}.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(3),.leaderboard-table th:nth-child(5),.leaderboard-table td:nth-child(5){display:none}.leaderboard-table th:first-child,.leaderboard-table td:first-child{width:56px}.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4){text-align:right;width:84px}.lb-player{min-width:0;display:flex}.podium{gap:var(--space-2)}.podium-name{font-size:13px}.hud-you{display:none}.hud-player-info{width:100%}.hud-name{text-align:center;display:block}.results-trophy{font-size:52px}.match-results-page .btn-primary{width:100%;min-width:0}}.hud-leave{color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--dur) ease, border-color var(--dur) ease, background var(--dur) ease;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600}.hud-leave:hover,.hud-leave:focus-visible{color:var(--error-fg);border-color:var(--error-border);background:var(--error-soft)}.leave-backdrop{z-index:300;padding:var(--space-4);animation:fadeIn var(--dur) ease;background:#03040aad;place-items:center;display:grid;position:fixed;inset:0}.leave-dialog{align-items:center;gap:var(--space-3);width:min(420px,100%);padding:var(--space-6) var(--space-5);text-align:center;background:var(--card-gradient);border:1px solid var(--error-border);box-shadow:var(--shadow-3);animation:pop .25s var(--ease-out);border-radius:14px;flex-direction:column;display:flex}.leave-icon{font-size:36px}.leave-dialog h2{margin:0}.leave-dialog p{max-width:34ch;margin:0}.leave-actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.btn-danger{color:#fff;background:var(--error-strong);border:1px solid var(--error-strong);border-radius:var(--radius-sm);cursor:pointer;transition:filter var(--dur) ease;padding:10px 18px;font-weight:700}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-danger:disabled{opacity:.6;cursor:default}.left-note{color:var(--muted);margin:0;font-weight:600}.left-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--error-fg);background:var(--error-soft);border:1px solid var(--error-border);vertical-align:middle;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10.5px;font-weight:700}@media (width<=600px){.leave-actions{flex-direction:column-reverse;width:100%}.leave-actions button{width:100%}}.google-btn{justify-content:center;min-height:44px;display:flex}.google-failed{text-align:center;margin:0;font-size:13px}.google-email{text-align:center;overflow-wrap:anywhere;margin:-6px 0 0;font-size:13px}.verify-card{align-items:center;gap:var(--space-3);max-width:440px;margin:var(--space-8) auto;padding:var(--space-8) var(--space-6);text-align:center;background:var(--surface-1);box-shadow:var(--shadow-2);border:1px solid #7c5cff59;border-radius:14px;flex-direction:column;display:flex}.verify-card h1{margin:0;font-size:clamp(1.4rem,1.1rem + 1.2vw,1.8rem)}.verify-card p{margin:0}.verify-icon{font-size:40px}.verify-email{color:var(--text-strong);overflow-wrap:anywhere}.verify-code{width:min(260px,100%);font-family:var(--font-display);letter-spacing:.45em;text-indent:.45em;text-align:center;font-variant-numeric:tabular-nums;padding:12px 0;font-size:30px;font-weight:700}.verify-links{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);color:var(--muted);flex-wrap:wrap;font-size:13.5px;display:flex}.btn-link{font:inherit;color:var(--neon-cyan);cursor:pointer;background:0 0;border:none;padding:2px;font-weight:600}.btn-link:disabled{color:var(--muted);cursor:default}.btn-link:hover:not(:disabled){text-decoration:underline}.verify-hint{font-size:12.5px}.verify-change{gap:var(--space-3);text-align:left;flex-direction:column;width:100%;display:flex}.verify-banner{background:linear-gradient(90deg,#7c5cff24,#22e4ff14)}@media (width<=600px){.verify-card{margin:var(--space-4) auto;padding:var(--space-6) var(--space-4)}.verify-code{font-size:26px}}.verify-card{gap:var(--space-2);max-width:420px;padding:var(--space-8) var(--space-6) var(--space-6);background:radial-gradient(120% 60% at 50% 0%, #7c5cff29, transparent 70%), var(--surface-1)}.verify-badge{width:64px;height:64px;margin-bottom:var(--space-2);color:#fff;background:linear-gradient(135deg,#7c5cff,#c04bff);border-radius:18px;place-items:center;display:grid;box-shadow:0 12px 30px -10px #7c5cffb3}.verify-card h1{font-size:clamp(1.35rem,1.1rem + 1vw,1.7rem)}.verify-lead{color:var(--muted);font-size:14.5px}.verify-address{align-items:center;gap:var(--space-2);max-width:100%;color:var(--text-strong);background:var(--surface-inset,#ffffff0a);border:1px solid var(--border);border-radius:999px;padding:6px 8px 6px 14px;font-weight:600;display:inline-flex}.verify-address>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.verify-address .btn-link{flex:none;font-size:13px}.otp-input{width:100%;max-width:340px;margin-top:var(--space-4);grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.code-box{aspect-ratio:4/5;width:100%;min-width:0;font-family:var(--font-display);text-align:center;color:var(--text-strong);background:var(--surface-inset,#ffffff08);border:1.5px solid var(--border-strong,#ffffff24);caret-color:#7c5cff;transition:border-color var(--dur) ease, box-shadow var(--dur) ease, transform var(--dur) ease;border-radius:12px;padding:0;font-size:26px;font-weight:700}.code-box:focus{border-color:#7c5cff;outline:none;box-shadow:0 0 0 4px #7c5cff38}.code-box.filled{border-color:#7c5cff99}.otp-input.invalid .code-box{border-color:var(--error-border);animation:.35s code-shake}@keyframes code-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.verify-status{min-height:22px;font-size:13.5px}.verify-error{color:var(--error-fg)}.verify-info{color:var(--neon-cyan)}.verify-submit{width:100%;max-width:340px}.verify-resend{color:var(--muted);font-size:14px;margin-top:var(--space-2)!important}.verify-hint{color:var(--muted);opacity:.8;font-size:12.5px}.verify-change{gap:var(--space-3)}.verify-change .verify-lead{text-align:center}@media (prefers-reduced-motion:reduce){.otp-input.invalid .code-box{animation:none}}@media (width<=600px){.otp-input{gap:6px}.code-box{border-radius:10px;font-size:22px}}.profile-dialog{align-items:stretch;gap:var(--space-4);text-align:left;border-color:#7c5cff59;width:min(460px,100%)}.profile-dialog-head{align-items:center;gap:var(--space-3);display:flex}.profile-dialog-head h2{margin:0}.profile-dialog-head p{max-width:none;margin:2px 0 0;font-size:13.5px}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-secondary,var(--muted));justify-content:space-between;font-size:13px;font-weight:600;display:flex}.field-count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}.field-count.over{color:var(--error-fg)}.field-help{color:var(--muted);font-size:12px}.field-help.field-error{color:var(--error-fg)}.field-help.field-warn{color:var(--neon-gold)}.username-input{position:relative}.username-input>span{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.username-input input{width:100%;padding-left:28px}.field-locked{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:44px;color:var(--text-secondary,var(--muted));background:var(--surface-inset,#ffffff08);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:0 12px;display:flex}.field-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lock-tag,.verified-tag,.unverified-tag{border-radius:999px;flex:none;padding:2px 8px;font-size:11.5px;font-weight:600}.lock-tag{color:var(--muted);background:#ffffff0d}.verified-tag{color:#6ee7b7;background:#10b9811f}.unverified-tag{color:var(--error-fg);background:var(--error-soft)}.profile-dialog .leave-actions{justify-content:flex-end}.kpi-button{font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur) ease, transform var(--dur) ease}.kpi-button:hover{border-color:var(--success);transform:translateY(-1px)}.kpi-button:focus-visible{outline:2px solid var(--success);outline-offset:2px}.live-dialog{gap:var(--space-3);width:min(620px,100%);max-height:min(80dvh,720px);padding:var(--space-5);background:var(--card-gradient);border:1px solid var(--success-border);box-shadow:var(--shadow-3);animation:pop .25s var(--ease-out);border-radius:14px;flex-direction:column;display:flex}.live-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.live-head h2{align-items:center;gap:var(--space-2);margin:0;display:flex}.live-head p{margin:2px 0 0;font-size:13px}.live-empty{padding:var(--space-6) 0;text-align:center}.live-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.live-row{align-items:center;gap:var(--space-3);background:var(--surface-inset);border:1px solid var(--border);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px;display:grid}.live-row.playing{border-color:#7c5cff66}.live-who{flex-direction:column;min-width:0;display:flex}.live-name{min-width:0;color:var(--text-strong);align-items:center;gap:6px;font-weight:600;display:flex}.live-name-text,.live-username{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-username{color:var(--muted);font-size:12.5px}.live-tag{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:1px 6px;font-size:10.5px;font-weight:700}.live-tag.demo{color:var(--neon-cyan);background:#22e4ff1a}.live-tag.admin{color:var(--warning);background:#fbbf241f}.live-doing{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.live-status{color:var(--text-secondary);font-size:13px}.live-status.playing{color:#c4b5fd;font-weight:600}.live-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}@media (width<=600px){.live-dialog{max-height:88dvh;padding:var(--space-4)}.live-row{grid-template-columns:auto minmax(0,1fr)}.live-doing{text-align:left;flex-flow:wrap;grid-column:2;align-items:baseline;gap:2px 10px}}.users-total{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--text-strong);font-size:2rem;line-height:1}.users-split{height:8px;margin:var(--space-2) 0 var(--space-1);background:#22e4ff59;border-radius:999px;display:flex;overflow:hidden}.users-split-real{background:linear-gradient(90deg,#7c5cff,#c04bff);height:100%;display:block}.users-split-ghost{background:#ffb547;height:100%;display:block}.users-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.users-dot.real{background:#9b7bff}.users-dot.ghost{background:#ffb547}.users-dot.demo{background:#22e4ffb3}.users-note{margin:var(--space-2) 0 0;font-size:12px}.admin-stats-grid{align-items:start}.share-panel{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);margin:var(--space-4) 0;padding:var(--space-4) var(--space-5);background:linear-gradient(90deg, #7c5cff24, #22e4ff0f), var(--surface-1);border:1px solid #7c5cff59;border-radius:14px;flex-wrap:wrap;display:flex}.share-panel>div:first-child{flex-direction:column;gap:2px;display:flex}.share-panel>div:first-child .muted{font-size:13px}.match-results-page .share-panel{width:100%;max-width:560px;margin-inline:auto}.share-box{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.share-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.share-buttons a{align-items:center;text-decoration:none;display:inline-flex}.share-wa:hover{color:#25d366;border-color:#25d36699}.share-note{color:var(--neon-cyan);margin:0;font-size:12.5px}.invite-link{align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--border);color:var(--muted);flex-direction:column;font-size:13px;display:flex}.invite-link code{color:var(--text-strong);background:var(--surface-inset);border-radius:8px;padding:4px 10px;font-size:14px}.invite-link .share-box{align-items:center}.challenge-card{align-items:center;gap:var(--space-3);text-align:center}.challenge-card h1{margin:0;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.1rem);line-height:1.15}.challenge-sub{color:var(--neon-cyan);font-size:.7em;display:block}.challenge-card p{max-width:36ch;margin:0}.challenge-icon{font-size:44px}.challenge-actions{gap:var(--space-2);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.challenge-actions .btn-xl,.challenge-actions .btn-lg{text-align:center;text-decoration:none}.challenge-page .verify-card{width:100%}@media (width<=600px){.share-panel{padding:var(--space-4);flex-direction:column;align-items:stretch}.share-box,.share-buttons{align-items:stretch}.share-buttons>*{flex:auto;justify-content:center}.share-main{flex-basis:100%!important}}.result-players{width:100%;margin:var(--space-2) 0 0;flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.result-players li{align-items:center;gap:var(--space-3);text-align:left;background:var(--surface-inset);border:1px solid var(--border);border-radius:12px;grid-template-columns:34px auto minmax(0,1fr) auto;padding:10px 14px;display:grid}.result-players li.winner{border-color:#ffd43b8c;box-shadow:0 0 24px -12px #ffd43bb3}.result-pos{font-family:var(--font-heading);color:var(--muted);font-weight:700}.result-players li.winner .result-pos{color:#ffd43b}.result-who{flex-direction:column;min-width:0;display:flex}.result-who strong,.result-who .muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.result-who .muted{font-size:12.5px}.result-pts{font-family:var(--font-heading);color:var(--text-strong);font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:1.35rem;font-weight:700;display:flex}.result-pts small{color:var(--muted);font-size:.6em}.result-pts em{margin-left:6px;font-size:.65em;font-style:normal}.result-pts em.up{color:#6ee7b7}.result-pts em.down{color:#fca5a5}.result-pitch{font-size:13.5px;margin:0 auto!important}.growth-page{gap:var(--space-5);flex-direction:column;display:flex}.growth-head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.growth-head h1{margin:0}.growth-head p{margin:4px 0 0;font-size:13.5px}.growth-hero{background:radial-gradient(120% 100% at 0% 0%, #7c5cff38, transparent 70%), var(--card-gradient);border-color:#7c5cff99}.growth-hint{margin:var(--space-2) 0 0;font-size:13px}.growth-funnel ol{margin:var(--space-3) 0 0;flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.growth-funnel li{align-items:center;gap:var(--space-3);grid-template-columns:minmax(150px,220px) minmax(0,1fr) 48px;display:grid}.funnel-label{flex-direction:column;line-height:1.25;display:flex}.funnel-label .muted{font-size:12px}.funnel-track,.growth-ranked-track{background:var(--surface-inset);border-radius:999px;height:14px;overflow:hidden}.funnel-track>span,.growth-ranked-track>span{background:#8b6cff;border-radius:999px;height:100%;display:block}.funnel-n{font-variant-numeric:tabular-nums;text-align:right}.growth-charts{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.growth-chart{padding:var(--space-4);background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg,14px);margin:0}.growth-chart figcaption{margin-bottom:var(--space-3);color:var(--text-secondary);justify-content:space-between;font-size:13px;font-weight:600;display:flex}.growth-chart figcaption strong{font-variant-numeric:tabular-nums;color:var(--text-strong)}.growth-bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:2px;height:90px;display:flex}.growth-bar-slot{cursor:default;flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.growth-bar{background:#8b6cff;border-radius:4px 4px 0 0;width:100%;min-height:2px}.growth-bar-slot:hover .growth-bar{background:#b39dff}.growth-bar-slot:hover:after{content:attr(data-tip);z-index:5;white-space:nowrap;color:var(--text-strong);border:1px solid var(--border-strong);pointer-events:none;background:#11142b;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.growth-axis{color:var(--muted);justify-content:space-between;margin-top:4px;font-size:11.5px;display:flex}.table-scroll{overflow-x:auto}.growth-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13.5px}.growth-table th,.growth-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:8px 10px}.growth-table th:first-child,.growth-table td:first-child{text-align:left}.growth-table th{color:var(--muted);font-size:12px;font-weight:600}.growth-ranked ul{margin:var(--space-3) 0 0;flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.growth-ranked li{align-items:center;gap:var(--space-3);grid-template-columns:minmax(80px,140px) minmax(0,1fr) 40px;font-size:13.5px;display:grid}.growth-ranked-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.growth-ranked li strong{text-align:right;font-variant-numeric:tabular-nums}@media (width<=600px){.growth-funnel li{grid-template-columns:minmax(0,1fr) 40px}.funnel-track{grid-area:2/1/auto/-1}}.growth-page .form-card{max-width:none}.night-card{align-items:stretch;gap:var(--space-4) var(--space-6);margin-bottom:var(--space-4);padding:var(--space-5) var(--space-6);background:radial-gradient(80% 140% at 100% 0,#22e4ff1f,#0000 60%),radial-gradient(90% 160% at 0 100%,#7c5cff47,#0000 65%),#0c0f24;border:1px solid #7c5cff73;border-radius:16px;flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.night-card:after{content:"";pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#ffffffb3,#0000),radial-gradient(1px 1px at 38% 12%,#ffffff8c,#0000),radial-gradient(1.5px 1.5px at 66% 30%,#fff9,#0000),radial-gradient(1px 1px at 84% 14%,#ffffff80,#0000),radial-gradient(1px 1px at 92% 62%,#ffffff73,#0000);position:absolute;inset:0}.night-card.live{border-color:#34d3998c;box-shadow:0 0 40px -16px #34d39999}.night-main{align-items:flex-start;gap:var(--space-2);z-index:1;flex-direction:column;flex:320px;display:flex}.night-main h2{margin:0;font-size:clamp(1.25rem,1rem + 1.1vw,1.7rem);line-height:1.2}.night-accent{color:var(--neon-cyan)}.night-crown{color:#ffd43b;font-size:.75em}.night-sub{color:var(--text-secondary);margin:0;font-size:14px}.night-count{font-family:var(--font-heading);font-variant-numeric:tabular-nums;color:var(--text-strong)}.night-actions{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.night-actions a{text-decoration:none}.night-ics{font-size:13px}.night-live-badge{font-family:var(--font-heading);letter-spacing:.12em;color:#6ee7b7;background:#10b98124;border:1px solid #34d39980;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.night-pulse{background:#34d399;border-radius:50%;width:8px;height:8px;animation:1.4s ease-out infinite night-pulse;display:inline-block}@keyframes night-pulse{0%{box-shadow:0 0 #34d399b3}to{box-shadow:0 0 0 10px #34d39900}}.night-join{margin-top:var(--space-1);text-decoration:none}.night-board{gap:var(--space-2);z-index:1;flex-direction:column;flex:240px;max-width:360px;display:flex}.night-board-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.night-board ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.night-board li{align-items:center;gap:var(--space-2);border:1px solid var(--border);background:#090b1a99;border-radius:10px;grid-template-columns:30px auto minmax(0,1fr) auto;padding:6px 10px;font-size:14px;display:grid}.night-rank{color:var(--muted);font-weight:700}.night-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.night-score{font-family:var(--font-heading);font-variant-numeric:tabular-nums;font-weight:700}.night-score small{color:var(--muted);font-weight:500}.night-strip{margin-bottom:var(--space-4);color:var(--text-secondary);background:#10b98114;border:1px solid #34d39966;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}@media (width<=600px){.night-card{padding:var(--space-4)}.night-board{max-width:none}}@media (prefers-reduced-motion:reduce){.night-pulse{animation:none}}.night-main h2{display:block}.night-main h2:before{display:none}.night-crown{display:inline-block}.invite-card{gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-5);background:radial-gradient(120% 100% at 100% 0%, #ffd43b1a, transparent 60%), var(--card-gradient);border:1px solid #ffd43b59;border-radius:14px;flex-direction:column;display:flex}.invite-card.full{margin-top:0}.invite-head{justify-content:space-between;gap:var(--space-4);display:flex}.invite-head h3{margin:2px 0 4px}.invite-head p{max-width:52ch;margin:0;font-size:13.5px}.invite-count{min-width:92px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);background:#090b1a99;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex}.invite-count strong{font-family:var(--font-heading);color:#ffd43b;font-size:2rem;line-height:1}.invite-count span{color:var(--muted);font-size:12px}.invite-count small{color:var(--text-secondary);margin-top:2px;font-size:11px}.invite-link-row code{max-width:100%;color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;background:var(--surface-inset);border:1px dashed var(--border-strong);border-radius:8px;padding:6px 12px;font-size:14px;display:inline-block;overflow:hidden}.invite-card .share-box{align-items:flex-start}.invite-more{align-self:flex-start;font-size:13.5px;font-weight:600}.invite-list h4{margin:var(--space-2) 0}.invite-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.invite-list li{align-items:center;gap:var(--space-2);background:var(--surface-inset);border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:flex}.invite-list li .muted{flex:1;font-size:12.5px}.invited-pill{text-align:center;color:var(--text-secondary);background:#ffd43b14;border:1px solid #ffd43b66;border-radius:10px;margin:0;padding:8px 12px;font-size:13.5px}.growth-section-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.growth-section-head h3{margin:0}.growth-search{width:min(240px,100%)}@media (width<=600px){.invite-head{flex-direction:column}.invite-count{flex-direction:row;align-self:flex-start;gap:8px}.invite-card .share-box{align-items:stretch}}.streak-pill{font-family:var(--font-heading);color:#ffb547;background:#ff8c001f;border:1px solid #ffa03273;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.streak-pill.at-risk{animation:1.6s ease-in-out infinite streak-risk}@keyframes streak-risk{50%{border-color:#ffb547;box-shadow:0 0 0 4px #ffa0322e}}.streak-card{align-items:center;gap:var(--space-3) var(--space-5);margin-bottom:var(--space-4);padding:var(--space-4) var(--space-5);background:radial-gradient(90% 140% at 0% 50%, #ff8c0024, transparent 60%), var(--card-gradient);border:1px solid #ffa03259;border-radius:14px;flex-wrap:wrap;display:flex}.notify-card{align-items:center;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4) var(--space-5);background:radial-gradient(90% 140% at 0% 50%, #7c5cff2e, transparent 60%), var(--card-gradient);border:1px solid #9b86ff66;border-radius:14px;flex-wrap:wrap;display:flex}.notify-card.notify-done{border-color:#3ef0a073}.notify-icon{font-size:1.8rem;line-height:1}.notify-text{flex-direction:column;flex:260px;gap:2px;min-width:0;display:flex}.notify-text span{color:var(--muted);font-size:.9rem}.notify-error{color:#ff8fa3!important}.notify-actions{gap:var(--space-2);display:flex}.match-results-page .notify-card{width:100%;max-width:560px;margin:var(--space-5) auto 0;text-align:left}.streak-card.at-risk{border-color:#ffa032bf;box-shadow:0 0 30px -14px #ff8c00cc}.streak-flame{font-size:44px;line-height:1}.streak-body{flex-direction:column;flex:260px;gap:6px;min-width:0;display:flex}.streak-title{color:var(--text-secondary);font-size:15px}.streak-title strong{font-family:var(--font-heading);color:#ffb547;font-size:1.6rem}.streak-msg{color:var(--text-secondary);margin:0;font-size:13.5px}.streak-left{color:#ffb547;font-variant-numeric:tabular-nums}.streak-week{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.streak-week li{flex-direction:column;align-items:center;gap:3px;min-width:34px;display:flex}.streak-dot{background:var(--surface-inset);border:1px solid var(--border);border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.streak-week li.on .streak-dot{background:#ff8c002e;border-color:#ffa03299}.streak-week li.today .streak-dot{outline-offset:2px;outline:2px dashed #ffa03299}.streak-day{color:var(--muted);font-size:11px}.streak-cta{gap:var(--space-2);flex-wrap:wrap;display:flex}.streak-cta a{text-decoration:none}.rematch-box{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);width:100%;max-width:560px;margin:var(--space-2) auto 0;flex-wrap:wrap;font-size:14px;display:flex}.rematch-btn{width:100%}.rematch-error{color:var(--error-fg)}@media (width<=600px){.streak-card{padding:var(--space-4)}.streak-flame{font-size:36px}.streak-week{gap:3px}.streak-week li{flex:1;min-width:0}.streak-dot{width:28px;height:28px}.streak-cta{width:100%}.streak-cta a{text-align:center;flex:1}}@media (prefers-reduced-motion:reduce){.streak-pill.at-risk{animation:none}}.lobby{gap:var(--space-4);flex-direction:column;display:flex}.lobby .dashboard-main>h2{margin-top:0}.lobby-command{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:radial-gradient(70% 140% at 0% 0%, #7c5cff40, transparent 60%), radial-gradient(60% 120% at 100% 100%, #22e4ff1a, transparent 60%), var(--card-gradient);box-shadow:var(--shadow-2);border:1px solid #7c5cff66;border-radius:18px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;display:grid}.lobby-me{align-items:center;gap:var(--space-4);min-width:0;display:flex}.lobby-avatar{border-radius:50%;flex:none}.lobby-me-info{flex-direction:column;gap:4px;min-width:0;display:flex}.lobby-me-info h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.35rem,1rem + 1.4vw,2rem);line-height:1.1;overflow:hidden}.lobby-me-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;display:flex}.lobby-stat strong{color:var(--text-strong);font-variant-numeric:tabular-nums}.lobby-play .btn-play{min-height:64px}.streak-inline{padding:var(--space-3) var(--space-4);background:#090b1a8c;border:1px solid #ffa0324d;border-radius:14px;flex-direction:column;gap:6px;display:flex}.streak-inline.at-risk{border-color:#ffa032bf}.streak-inline-top{align-items:center;gap:8px;display:flex}.streak-inline-flame{font-size:22px;line-height:1}.streak-inline-count{color:var(--text-secondary);font-size:14px}.streak-inline-count strong{font-family:var(--font-heading);color:#ffb547;font-size:1.35rem}.streak-inline-msg{color:var(--muted);font-size:12.5px}.streak-inline.done .streak-inline-msg{color:#6ee7b7}.streak-week.mini{justify-content:space-between;gap:2px;margin:0}.streak-week.mini li{flex:1;gap:2px;min-width:0}.streak-week.mini .streak-dot{border-radius:50%;width:14px;height:14px;font-size:0}.streak-week.mini li.on .streak-dot{background:#ff9d2e;border-color:#ffb547;box-shadow:0 0 8px #ff8c0099}.streak-week.mini li.today .streak-dot{outline-offset:1px}.streak-week.mini .streak-day{font-size:10px}.night-strip-slim{align-items:center;gap:var(--space-3);padding:10px var(--space-4);color:var(--text-secondary);background:radial-gradient(60% 200% at 0%,#7c5cff38,#0000 70%),#0c0f24;border:1px solid #7c5cff59;border-radius:12px;font-size:14px;display:flex}.night-moon{font-size:18px}.night-slim-text{flex:1;min-width:0}.night-slim-text strong{color:var(--text-strong)}.night-slim-champ{color:#ffd43b}.night-slim-btn{white-space:nowrap;flex:none;text-decoration:none}.lobby .night-card{margin:0}.lobby-heading{letter-spacing:.12em;margin:var(--space-2) 0 var(--space-3)!important;font-size:13px!important}.today-tile{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);color:var(--text);background:radial-gradient(80% 160% at 100% 50%, #22e4ff1a, transparent 60%), var(--card-gradient);transition:border-color var(--dur) ease, transform var(--dur) ease;border:1px solid #22e4ff4d;border-radius:14px;text-decoration:none;display:flex}.today-tile:hover{border-color:#22e4ffa6;transform:translateY(-1px)}.today-tile.done{border-color:#34d39959}.today-icon{background:#22e4ff1a;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.today-text{min-width:0;color:var(--text-secondary);flex-direction:column;flex:1;gap:2px;font-size:13.5px;display:flex}.today-text strong{color:var(--text-strong);font-size:15.5px}.today-go{font-family:var(--font-heading);letter-spacing:.04em;color:var(--neon-cyan);flex:none;font-size:14px;font-weight:700}.mode-row{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mode-chip{padding:var(--space-3) var(--space-4);color:var(--text);background:var(--card-gradient);border:1px solid var(--border);transition:border-color var(--dur) ease, transform var(--dur) ease;border-radius:12px;flex-direction:column;gap:2px;text-decoration:none;display:flex}.mode-chip:hover{border-color:#7c5cff99;transform:translateY(-1px)}.mode-chip>span{font-size:22px;line-height:1.2}.mode-chip strong{color:var(--text-strong);font-size:14.5px}.mode-chip small{color:var(--muted);font-size:12px}.invite-strip{align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:radial-gradient(60% 200% at 0% 50%, #ffd43b1f, transparent 70%), var(--card-gradient);border:1px solid #ffd43b4d;border-radius:12px;display:flex}.invite-strip-icon{font-size:22px}.invite-strip-text{flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}.invite-strip-text strong{color:var(--text-strong);font-size:14.5px}.invite-strip-more{width:34px;height:34px;color:var(--text-secondary);border:1px solid var(--border);border-radius:10px;flex:none;place-items:center;font-weight:700;text-decoration:none;display:grid}.lobby .lb-tab{white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}@media (width<=1100px){.lobby-command{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lobby-play{grid-column:1/-1}.lobby-play .btn-play{justify-content:center;width:100%}}@media (width<=700px){.lobby{gap:var(--space-3)}.lobby-command{gap:var(--space-3);padding:var(--space-4);border-radius:16px;grid-template-columns:minmax(0,1fr)}.lobby-me{gap:var(--space-3)}.lobby-me .eyebrow{display:none}.lobby-play{order:2}.streak-inline{order:3;padding:10px 12px}.lobby-play .btn-play{min-height:58px}.night-strip-slim{flex-wrap:wrap;gap:6px 10px;padding:10px 12px;font-size:13px}.night-slim-text{flex-basis:calc(100% - 40px)}.night-slim-btn{margin-left:28px}.mode-row{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.mode-chip{flex-flow:wrap;align-items:center;column-gap:8px;padding:10px 12px}.mode-chip small{display:none}.today-tile{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.today-icon{width:42px;height:42px;font-size:20px}.invite-strip{margin-top:var(--space-4)}.lobby .night-card{padding:var(--space-4)}.lobby .night-card .night-board li:nth-child(n+4){display:none}}.lobby-chat-heading{margin-top:var(--space-5)!important}.lobby .dashboard-main .chat-panel{height:400px}.nav-chat{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;font-size:18px;display:none;position:relative}.nav-chat-badge{color:#fff;background:var(--error-strong);border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}.mobile-only{display:none}@media (width<=760px){.chat-fab{display:none!important}.nav-chat{display:grid}.mobile-only{display:inline-flex}.streak-pill{padding:4px 8px}.find-bar{bottom:calc(72px + env(safe-area-inset-bottom));padding:var(--space-3);position:sticky!important}.find-bar .find-actions{width:100%}.find-bar .find-actions .btn-xl{flex:1}.mode-option{padding:var(--space-3) var(--space-4)}.mode-option-icon{width:44px;height:44px;font-size:22px}}.new-tag{letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;color:var(--on-status);background:var(--neon-lime);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800;display:inline-block}.mode-chip-new{background:radial-gradient(80% 120% at 0% 0%, #3ef0a024, transparent 70%), var(--card-gradient);border-color:#3ef0a073}.group-promo{align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text);background:radial-gradient(60% 200% at 0% 50%, #3ef0a024, transparent 70%), var(--surface-1);border-radius:var(--radius-md);transition:border-color var(--dur) ease, transform var(--dur) ease;border:1px solid #3ef0a066;text-decoration:none;display:flex}.group-promo:hover{border-color:var(--neon-lime);transform:translateY(-1px)}.group-promo-icon{font-size:24px}.group-promo-text{flex-direction:column;flex:1;min-width:0;font-size:13px;display:flex}.group-promo-text strong{color:var(--text-strong);font-size:15px}.group-choices{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.group-choice{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.group-choice h3{margin:0}.group-choice p{flex:1;margin:0;font-size:14px}.group-choice .code-input{margin:0}.group-choice.featured{background:radial-gradient(90% 90% at 0% 0%, #3ef0a01f, transparent 70%), var(--card-gradient);border-color:#3ef0a073}.group-choice-icon{font-size:30px;line-height:1}.group-footnote{margin-top:var(--space-5);font-size:14px}.group-room{gap:var(--space-5);flex-direction:column;max-width:720px;display:flex}.group-clock{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;background:radial-gradient(60% 100% at 50% 0%, #7c5cff38, transparent 70%), var(--card-gradient);border:1px solid var(--primary-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.group-clock-num{font-family:var(--font-display);color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:64px;font-weight:700;line-height:1}.group-clock-label{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-text);font-size:13px;font-weight:700}.group-clock-note{font-size:14px}.group-seats-title{align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-3);display:flex}.group-seats{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.group-seat{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-3) var(--space-2);text-align:center;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;font-size:13px;animation:.26s ease-out seat-in;display:flex;position:relative}.group-seat.me{border-color:var(--primary-border);background:linear-gradient(180deg, var(--primary-soft), var(--surface-1))}.group-seat.open{background:0 0;border-style:dashed;animation:none}.group-seat-name{max-width:100%;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.group-seat.open .muted{font-size:12px}.group-seat-empty{width:40px;height:40px;color:var(--muted);border:1px dashed var(--border-strong);border-radius:50%;place-items:center;font-size:20px;display:grid}.group-host{font-size:14px;position:absolute;top:4px;right:6px}@keyframes seat-in{0%{opacity:0;transform:scale(.9)}}.group-invite{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.group-invite>div:first-child{flex-direction:column;gap:2px;font-size:14px;display:flex}.group-code{font-family:var(--font-display);letter-spacing:.12em;color:var(--text-strong);font-weight:700}.group-stay{text-align:center;margin:0;font-size:13px}.group-room>.btn-ghost{align-self:center}.group-standings{gap:var(--space-2);margin:var(--space-3) 0 0;scrollbar-width:none;padding:0 0 4px;list-style:none;display:flex;overflow-x:auto}.group-standings::-webkit-scrollbar{display:none}.group-standings li{background:var(--surface-1);border:1px solid var(--border);border-radius:999px;flex:none;align-items:center;gap:6px;padding:5px 10px;font-size:13px;transition:order .2s;display:flex}.group-standings li.me{border-color:var(--primary-border);background:var(--primary-soft)}.group-standings li.left{opacity:.5}.gs-rank{color:var(--muted);font-weight:800}.gs-name{max-width:110px;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gs-score{font-variant-numeric:tabular-nums;color:var(--primary-text);font-weight:700}.group-left-note{margin:var(--space-2) 0 0;color:var(--muted);font-size:13px}.hud-rank{flex-direction:column;justify-content:center;gap:0}.hud-rank-num{font-family:var(--font-display);color:var(--text-strong);font-size:26px;font-weight:700;line-height:1.1}.vs-screen.group-intro{justify-content:center;gap:var(--space-5);text-align:center;background:radial-gradient(60% 60% at 50% 40%, #3ef0a02e, transparent 70%), var(--bg);flex-direction:column;display:flex}.group-intro-title{color:var(--text-strong);font-size:18px}.group-intro-avatars{justify-content:center;gap:var(--space-4);flex-wrap:wrap;max-width:560px;display:flex}.group-intro-avatars>span{flex-direction:column;align-items:center;gap:4px;width:76px;animation:.3s ease-out backwards seat-in;display:flex}.group-intro-avatars>span:nth-child(2){animation-delay:60ms}.group-intro-avatars>span:nth-child(3){animation-delay:.12s}.group-intro-avatars>span:nth-child(4){animation-delay:.18s}.group-intro-avatars>span:nth-child(5){animation-delay:.24s}.group-intro-avatars>span:nth-child(6){animation-delay:.3s}.group-intro-avatars>span:nth-child(7){animation-delay:.36s}.group-intro-avatars>span:nth-child(8){animation-delay:.42s}.group-intro-avatars small{max-width:100%;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.group-intro-avatars .me small{color:var(--neon-lime);font-weight:700}@media (width<=760px){.group-choices{gap:var(--space-3);grid-template-columns:1fr}.group-choice{column-gap:var(--space-3);row-gap:var(--space-2);padding:var(--space-4);grid-template-columns:auto 1fr;align-items:center;display:grid}.group-choice-icon{font-size:24px}.group-choice p,.group-choice .code-input,.group-choice .btn-lg{grid-column:1/-1}.group-choice p{font-size:13px}.group-seats{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr))}.group-seat{padding:var(--space-2) 4px;font-size:11.5px}.group-clock{padding:var(--space-5) var(--space-3)}.group-clock-num{font-size:52px}.group-invite .share-buttons,.group-invite>:last-child{width:100%}.hud-rank-num{font-size:22px}}@media (prefers-reduced-motion:reduce){.group-seat,.group-intro-avatars>span{animation:none}}.admin-chat-list{gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.admin-chat-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex}.admin-chat-text{flex:1;min-width:0}.admin-chat-text p{overflow-wrap:anywhere;margin:4px 0 0}.admin-chat-meta{font-size:13px}@media (width<=340px){.brand-text{display:none}}.modal-backdrop,.leave-backdrop{z-index:400;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03040c9e;place-items:center;animation:.2s modal-fade;display:grid;position:fixed;inset:0}.modal-card,.leave-dialog,.live-dialog{background:radial-gradient(120% 70% at 50% 0%, #7c5cff2e, transparent 62%), var(--card-gradient);width:min(400px,100%);animation:modal-in .28s var(--ease-out);border:1px solid #967dff4d;border-radius:22px;padding:30px 24px 22px;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000d9,inset 0 1px #ffffff0d}.modal-card:before,.leave-dialog:before,.live-dialog:before{content:"";background:var(--primary-gradient);height:3px;position:absolute;top:0;left:0;right:0}.modal-danger,.leave-danger{background:radial-gradient(120% 70% at 50% 0%, #f43f5e29, transparent 62%), var(--card-gradient);border-color:var(--error-border)}.modal-danger:before,.leave-danger:before{background:linear-gradient(90deg,#f43f5e,#fb7185)}.leave-dialog.profile-dialog{width:min(460px,100%)}.live-dialog{width:min(620px,100%)}.modal-card{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.modal-icon,.leave-icon{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:4px;font-size:28px;line-height:1;display:grid;box-shadow:0 0 0 7px #7c5cff14}.modal-danger .modal-icon,.leave-danger .leave-icon{background:var(--error-soft);border-color:var(--error-border);box-shadow:0 0 0 7px #f43f5e14}.modal-title,.leave-dialog h2,.live-dialog h2{text-transform:none;letter-spacing:0;color:var(--text-strong);margin:4px 0 0;font-size:20px;line-height:1.25}.modal-title:before,.leave-dialog h2:before,.live-dialog h2:before{display:none}.modal-message{max-width:34ch;color:var(--text-secondary);white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.5}.modal-actions,.leave-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:14px;display:grid}.modal-actions button,.leave-actions button{letter-spacing:.01em;text-transform:none;white-space:nowrap;border-radius:12px;width:100%;min-height:48px;padding:10px 14px;font-size:15px;font-weight:700}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes modal-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@media (width<=600px){.modal-backdrop,.leave-backdrop{place-items:end center;padding:0}.modal-card,.leave-dialog,.live-dialog{width:100%;max-width:none;padding:34px 20px calc(20px + env(safe-area-inset-bottom));animation:modal-sheet-up .32s var(--ease-out);border-bottom:0;border-radius:22px 22px 0 0}.live-dialog{max-height:88dvh}.modal-card:after,.leave-dialog:after,.live-dialog:after{content:"";background:var(--border-strong);border-radius:999px;width:40px;height:4px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.modal-actions,.leave-actions{grid-template-columns:1fr}.modal-actions button:last-child,.leave-actions button:last-child{order:-1}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.leave-backdrop,.modal-card,.leave-dialog,.live-dialog{animation:none}}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141834f0;border-radius:16px}.event-promo{margin-top:var(--space-3)}.event-join{margin:var(--space-4) 0 var(--space-6)}.event-join-row{gap:var(--space-3);margin-top:var(--space-3);display:flex}.event-join-row .code-input{letter-spacing:.25em;flex:1;min-width:0}.event-list{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.event-card{padding:var(--space-4);color:inherit;background:var(--card-gradient);border:1px solid var(--border);transition:border-color var(--dur) ease, transform var(--dur) ease;border-radius:16px;flex-direction:column;gap:6px;text-decoration:none;display:flex}.event-card:hover{border-color:var(--primary-border);transform:translateY(-2px)}.event-card.phase-live{border-color:#3ef0a08c;box-shadow:0 0 30px -12px #3ef0a0b3}.event-name{color:var(--text-strong);font-size:18px}.event-phase{letter-spacing:.08em;text-transform:uppercase;background:var(--surface-3);color:var(--text-secondary);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.event-phase.live{color:#3ef0a0;background:#3ef0a029}.event-phase.upcoming{background:var(--primary-soft);color:var(--primary-text)}.event-phase.cancelled{background:var(--error-soft);color:var(--error-fg)}.event-back{margin-bottom:var(--space-3);font-size:14px;text-decoration:none;display:inline-block}.event-hero{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;background:var(--card-gradient);border:1px solid var(--border);border-radius:20px;flex-direction:column;display:flex}.event-hero h1{margin:4px 0 0}.event-hero.phase-live{border-color:#3ef0a080}.event-clock{margin:var(--space-3) 0;flex-direction:column;align-items:center;display:flex}.event-clock span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.event-clock strong{font-family:var(--font-display);color:var(--text-strong);font-size:44px;line-height:1.1}.event-clock.live strong{color:#3ef0a0}.event-waiting{gap:var(--space-2);width:100%;max-width:560px;margin:var(--space-2) 0 var(--space-3);text-align:left;display:grid}.event-waiting-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--card-gradient);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;display:flex}.event-waiting-item>div{flex-direction:column;flex:240px;gap:2px;min-width:0;display:flex}.event-waiting-item span{color:var(--muted);font-size:14px}.event-winner{margin-top:var(--space-3);background:#ffd23f24;border:1px solid #ffd23f80;border-radius:999px;padding:10px 20px;font-size:18px}.event-me{margin:var(--space-2) 0 0;color:var(--text-secondary)}.event-page .small{max-width:46ch;font-size:13px}.event-standings tr.me td{color:var(--text-strong)}.event-form{margin:var(--space-4) 0 var(--space-6);gap:var(--space-3);display:grid}.event-form-row{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.event-form select,.event-form input[type=datetime-local]{width:100%}.admin-event-list{gap:var(--space-3);display:grid}.admin-event{padding:var(--space-4);background:var(--card-gradient);border:1px solid var(--border);border-radius:16px}.admin-event.phase-live{border-color:#3ef0a080}.admin-event-main{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-event-main>div:first-child{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-event-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.event-code{cursor:pointer;font-family:var(--font-display);letter-spacing:.18em;color:var(--gold,#ffd23f);background:#ffd23f1a;border:1px dashed #ffd23f8c;border-radius:10px;padding:6px 14px;font-size:20px;font-weight:700}.admin-event-board{margin-top:var(--space-4)}@media (width<=700px){.event-form-row{grid-template-columns:1fr}.event-join-row{flex-direction:column}}.event-prize{color:#ffd23f;margin:2px 0 0;font-weight:700}.devtools-cover{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#03040af0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.devtools-cover-card{text-align:center;border:1px solid var(--border);background:var(--surface-1);border-radius:18px;max-width:440px;padding:28px 24px}.devtools-cover-card>span{font-size:40px}.devtools-cover-card h2{margin:8px 0}.flag-reports .btn-ghost.small{margin-top:8px}.flag-reply-box{flex-direction:column;gap:8px;margin-top:10px;display:flex}.flag-reply-box textarea{resize:vertical;width:100%}.flag-replied{color:#3ef0a0;margin-top:8px;font-size:13px}.flag-replied-text{white-space:pre-wrap;margin-top:4px;font-size:13px}.admin-player-search{margin-bottom:var(--space-5);gap:10px;display:flex;position:relative}.admin-player-search input{flex:1;min-width:0}.admin-player-hits{z-index:30;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;max-height:420px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #00000073}.admin-player-hits button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.admin-player-hits button:hover{background:var(--overlay-hover)}.admin-player-hits span{flex-direction:column;min-width:0;display:flex}.admin-player-hits small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-player-head{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.admin-player-head h2{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 4px;display:flex}.admin-player-head p{overflow-wrap:anywhere;margin:0 0 6px}.admin-player-actions{flex-wrap:wrap;align-self:flex-start;gap:8px;margin-left:auto;display:flex}.admin-status-bad{color:var(--danger,#ff6b6b);font-weight:600}.admin-player-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.admin-player-card{min-width:0;margin:0}.admin-player-card.wide{grid-column:1/-1;overflow-x:auto}.admin-player-card h3{margin:0 0 10px;font-size:15px}.admin-kv{border-bottom:1px solid var(--divider,#ffffff0f);justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.admin-kv>span:last-child{text-align:right;overflow-wrap:anywhere}.admin-id{font-size:11px}.admin-days{margin:8px 0 0}.admin-mini-table{border-collapse:collapse;width:100%;font-size:13.5px}.admin-mini-table th,.admin-mini-table td{text-align:left;border-bottom:1px solid var(--divider,#ffffff0f);white-space:nowrap;padding:7px 8px}.admin-mini-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.admin-mini-table .num{text-align:right}.admin-names{flex-wrap:wrap;gap:6px 12px;margin:0 0 8px;display:flex}.admin-chat-list{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.admin-chat-list li{overflow-wrap:anywhere}.chat-system .chat-bubble{background:linear-gradient(135deg,#7c5cff38,#22e4ff1a);border:1px solid #7c5cff73}.chat-system-mark{color:#fff;background:linear-gradient(135deg,#7c5cff,#c64dff);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.chat-official{letter-spacing:.06em;text-transform:uppercase;color:#22e4ff;vertical-align:middle;border:1px solid #22e4ff80;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:700}.field-toggle{cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px;display:flex}.field-toggle input{accent-color:var(--primary);flex:none;width:18px;height:18px;margin-top:3px}.field-toggle>span{flex-direction:column;gap:2px;display:flex}.recent-form{margin:var(--space-6) 0 var(--space-2)}.recent-form-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.recent-form-head h2{margin:0}.form-chips{gap:6px;display:flex}.form-chip{width:28px;height:28px;font-family:var(--font-display);color:#fff;border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid}.form-chip.win{background:#1f9d63}.form-chip.loss,.form-chip.left{background:#c2414b}.form-chip.draw{background:#6b6f86}.recent-form-list{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.recent-form-list li{border:1px solid var(--border);background:var(--surface-1);overflow-wrap:anywhere;border-radius:12px;align-items:baseline;gap:10px;padding:10px 12px;display:flex}.bot-levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:520px;margin:10px auto 0;display:grid}.bot-level{border:1px solid var(--border);background:var(--surface-1);color:var(--text-strong);cursor:pointer;transition:border-color var(--dur) ease, background-color var(--dur) ease, transform var(--dur-fast) ease;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;display:flex}.bot-level span{font-size:24px;line-height:1.2}.bot-level strong{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:15px}.bot-level small{color:var(--muted);font-size:12px}.bot-level:hover:not(:disabled){background:var(--surface-2)}.bot-level:active:not(:disabled){transform:scale(.97)}.bot-level:disabled{opacity:.55;cursor:default}.bot-level.easy:hover:not(:disabled){border-color:#3ef0a0}.bot-level.medium:hover:not(:disabled){border-color:#ffd43b}.bot-level.hard:hover:not(:disabled){border-color:#ff6b6b}.bot-levels-panel{margin-top:var(--space-4);border:1px dashed var(--border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px;display:flex}.event-marking{color:var(--text-secondary);margin:4px 0 0;font-size:14px;font-weight:600}.event-marking.on{color:#ffb36b}.event-marking-choice{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.event-marking-choice label{border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px 10px 36px;display:flex;position:relative}.event-marking-choice label.selected{border-color:var(--primary);background:#7c5cff1f}.event-marking-choice input{accent-color:var(--primary);position:absolute;top:13px;left:12px}.event-marking-choice small{color:var(--muted)}.event-duplicates{margin-bottom:var(--space-3);background:#ff5a5a12;border:1px solid #ff5a5a59;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.event-dup-row{overflow-wrap:anywhere;flex-wrap:wrap;gap:4px 10px;display:flex}.event-dup-kind{white-space:nowrap;font-weight:700}.event-dup-row.device .event-dup-kind{color:#ff8a8a}.event-dup-row.network .event-dup-kind{color:#ffb36b}.event-podium-contacts{margin-bottom:var(--space-3);background:#ffd23f14;border:1px solid #ffd23f66;border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.event-podium-row{border-top:1px solid #ffd23f2e;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:8px;display:flex}.event-podium-medal{font-size:22px}.event-podium-who{flex-direction:column;flex:1;min-width:140px;display:flex}.event-podium-email{overflow-wrap:anywhere;font-weight:600}.event-custom-duration{align-items:center;gap:8px;margin-top:8px;display:flex}.event-custom-duration input{width:80px}.event-custom-duration span{color:var(--muted);font-weight:700}.event-quick-start{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.event-when{background:#3ef0a01a;border:1px solid #3ef0a059;border-radius:12px;margin:0;padding:10px 14px;font-weight:700}.event-when.bad{background:var(--error-soft);border-color:var(--error-border);color:var(--error-fg)}.nav-menu-btn{display:none}@media (width<=760px){.nav-menu-btn{background:var(--surface-1);border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;display:inline-flex}.nav-menu-btn span{background:var(--text-strong);border-radius:2px;width:16px;height:2px;display:block}.nav-menu-btn:active{transform:scale(.94)}.navbar-right .nav-logout{display:none}}.nav-drawer-backdrop{z-index:350;-webkit-backdrop-filter:blur(3px);background:#03040a99;animation:.18s nav-fade;position:fixed;inset:0}.nav-drawer{width:min(300px,84vw);padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom));animation:nav-slide .22s var(--ease-out,ease-out);background:linear-gradient(#0d0f22,#070815);border-left:1px solid #7c5cff4d;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-20px 0 50px -20px #7c5cff80}.nav-drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:12px;display:flex}.nav-drawer-user{min-width:0;color:var(--text-strong);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-drawer-user span{flex-direction:column;min-width:0;display:flex}.nav-drawer-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-drawer-user small{color:var(--muted);font-size:12px}.nav-drawer-close{width:36px;height:36px;color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex:none;font-size:16px}.nav-drawer-links{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.nav-drawer-links a{min-height:46px;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-drawer-links a:active{background:var(--overlay-hover)}.nav-drawer-links a.active{color:var(--text-strong);box-shadow:inset 3px 0 0 var(--primary);background:linear-gradient(90deg,#7c5cff40,#7c5cff0f)}.nav-drawer-icon{text-align:center;width:22px;font-size:18px}.nav-drawer-logout{color:#ff8a8a;cursor:pointer;background:#ff5a5a14;border:1px solid #ff5a5a4d;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;margin-top:auto;font-size:14px;font-weight:600;display:flex}@keyframes nav-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes nav-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.nav-drawer,.nav-drawer-backdrop{animation:none}}.admin-chat-post{gap:var(--space-3);max-width:720px}.admin-chat-post button{align-self:flex-start}.admin-chat-meta .badge{vertical-align:middle;margin-left:8px;padding:1px 8px}.admin-email-form{max-width:720px}.admin-ghost-form{gap:var(--space-3);max-width:720px}.admin-ghost-form button[type=submit],.admin-email-form button[type=submit]{align-self:flex-start}.admin-email-hits{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.admin-email-hits button{text-align:left;overflow-wrap:anywhere;justify-content:flex-start;width:100%}.admin-email-sent{margin-top:var(--space-6);max-width:720px}.admin-email-sent ul{overflow-wrap:anywhere;gap:4px;margin:8px 0 0;padding-left:18px;font-size:14px;display:grid}.public-events{margin:var(--space-4) 0}.public-events h2{margin:0 0 var(--space-3)}.public-event .btn-primary{align-self:flex-start;margin-top:4px}.auth-page .public-events{z-index:1;width:100%;max-width:420px;margin:0;position:relative}.auth-page .public-events .event-list{grid-template-columns:1fr}.event-visibility{color:var(--text-secondary);font-size:13px;display:block}.event-visibility.public{color:var(--success,#3ef0a0)}.stars{color:#ffc940;letter-spacing:1px;white-space:nowrap}.stars-off{color:#ffffff2e}.event-feedback{max-width:560px;margin:var(--space-4) 0}.event-feedback h3,.event-feedback p{margin:0}.event-feedback.done .btn-ghost{align-self:flex-start}.event-feedback-comment{overflow-wrap:anywhere}.star-picker{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.star-picker button{cursor:pointer;color:#ffffff2e;min-width:44px;min-height:44px;transition:transform var(--dur) ease, color var(--dur) ease;background:0 0;border:0;padding:0;font-size:34px;line-height:1}.star-picker button.on{color:#ffc940}.star-picker button:hover{transform:scale(1.12)}.star-picker-label{color:var(--text-secondary);margin-left:8px;font-weight:600}.event-feedback-summary{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:12px;gap:10px;display:grid}.event-feedback-avg{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.event-feedback-score{font-family:var(--font-display);color:var(--text-strong);font-size:28px;font-weight:700}.event-feedback-bars{gap:4px;max-width:360px;display:grid}.event-feedback-bar{grid-template-columns:28px 1fr 28px;align-items:center;gap:8px;font-size:13px;display:grid}.event-feedback-bar .bar{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.event-feedback-bar .bar span{background:#ffc940;height:100%;display:block}.event-feedback-comments{gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.event-feedback-comments p{overflow-wrap:anywhere;margin:4px 0 0}.fairplay-note{margin:0 0 var(--space-3);color:var(--text-secondary);background:#ffc94014;border:1px solid #ffc94059;border-radius:10px;padding:8px 12px;font-size:13px}.fairplay-level{white-space:nowrap;color:#3ef0a0;background:#3ef0a01f;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.fairplay-level.watch{color:#ffc940;background:#ffc94024}.fairplay-level.suspicious{color:#ff6b6b;background:#ff6b6b29}.fairplay-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.fairplay-reasons{gap:2px;margin:0;padding-left:18px;font-size:13px;display:grid}.fairplay-stats{flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:14px;display:flex}.fairplay-event{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:12px;gap:8px;display:grid}.fairplay-table-wrap{overflow-x:auto}.fairplay-table{border-collapse:collapse;width:100%;font-size:13px}.fairplay-table th,.fairplay-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:8px 6px}.fairplay-table th{color:var(--text-secondary);white-space:nowrap;font-weight:600}.fairplay-table tr.level-suspicious{background:#ff6b6b0f}.fairplay-table td:last-child{min-width:220px}.fairplay-dup{color:#ff6b6b}.match-options{gap:var(--space-3);display:grid}.match-options.compact{margin-bottom:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.match-option-group{gap:6px;display:grid}.match-options .segmented-btn{text-align:center}.match-options .field-help{margin:0}.match-options-chip{color:var(--text-strong);background:#7c5cff24;border-radius:999px;align-self:center;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.account-danger{margin-top:var(--space-6)}.danger-link{color:var(--danger,#ff6b6b)}.delete-account-card{border-color:#ff6b6b73;max-width:560px}.delete-account-card h3{margin:0}.delete-account-card ul{gap:6px;margin:0;padding-left:18px;font-size:14px;display:grid}.pending-deletion{text-align:center;align-items:center;max-width:460px}.pending-deletion h1{margin:0;font-size:24px}.pending-deletion p{margin:0}.pending-deletion-icon{font-size:44px}.event-leave{margin-top:var(--space-2);opacity:.85;align-self:flex-start}.faq-search{width:100%;margin:var(--space-3) 0 var(--space-2)}.faq-section h2{margin:var(--space-6) 0 var(--space-2)}.faq-item{border-bottom:1px solid var(--border)}.faq-item summary{cursor:pointer;color:var(--text-strong);justify-content:space-between;gap:12px;padding:12px 4px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--text-secondary);flex:none;font-weight:400}.faq-item[open] summary:after{content:"−"}.faq-answer{color:var(--text-secondary);overflow-wrap:anywhere;padding:0 4px 14px;line-height:1.6}.standings-rule{margin:var(--space-2) 0 0}@media (width<=760px){.match-page .match-nav{z-index:30;margin:var(--space-3) calc(-1 * var(--space-4)) 0;padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));background:linear-gradient(#05060d00,#05060dfa 28%);position:sticky;bottom:0}body:has(.bottom-nav) .match-page .match-nav{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:var(--space-3)}}.toast-challenge{padding-right:40px;position:relative}.toast-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;font-size:16px;line-height:1;position:absolute;top:6px;right:6px}.toast-close:hover{color:var(--text-strong);background:#ffffff14}.devtools-settings{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.devtools-settings h3,.devtools-settings p{margin:0}.install-card{left:var(--space-3);right:var(--space-3);bottom:calc(76px + env(safe-area-inset-bottom));z-index:360;gap:var(--space-2) var(--space-3);max-width:480px;padding:var(--space-4) 40px var(--space-4) var(--space-4);background:var(--card-gradient);box-shadow:var(--shadow-3);animation:pop .25s var(--ease-out);border:1px solid #7c5cff73;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;margin:0 auto;display:grid;position:fixed}.install-icon{border-radius:12px}.install-text{flex-direction:column;gap:2px;font-size:13.5px;line-height:1.4;display:flex}.install-text>strong{font-size:15px}.install-share{vertical-align:-2px;color:var(--neon-cyan,#22d3ee);display:inline-block}.install-actions{justify-content:flex-end;gap:var(--space-2);grid-column:1/-1;display:flex}.install-close{width:32px;height:32px;min-height:32px;color:var(--text-muted,#9aa0b4);background:0 0;border:0;padding:0;font-size:16px;position:absolute;top:6px;right:6px}.verify-google{margin-top:var(--space-2)}.cm-page{max-width:1180px}.cm-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.cm-head h1{margin:0}.cm-head p{margin:4px 0 0}.cm-cant{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;max-width:320px;display:flex}.cm-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}@media (width<=900px){.cm-layout{grid-template-columns:minmax(0,1fr)}}.cm-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.cm-tabs{margin-bottom:var(--space-1)}.cm-back{margin-bottom:var(--space-3);display:inline-block}.form-card.cm-post{gap:var(--space-4);max-width:none;padding:var(--space-5);flex-direction:row}.cm-post.collapsed{opacity:.7}.cm-post-side{flex:none}.cm-post-main{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.cm-post-title{font-family:var(--font-display);color:var(--text-strong);margin:0;font-size:20px;font-weight:700;line-height:1.3;text-decoration:none}a.cm-post-title:hover{color:var(--neon-cyan)}.cm-post-full .cm-post-title{font-size:26px}.cm-meta{color:var(--muted);font-size:13px}.cm-post-foot{gap:var(--space-4);margin-top:var(--space-1);font-size:14px;display:flex}.cm-empty,.cm-write{max-width:none}.cm-more{align-self:center}.cm-danger{color:var(--error)!important}.cm-collapsed{text-align:left}.cm-name{color:var(--tier,var(--text));font-weight:700;text-decoration:none}.cm-name:hover{text-decoration:underline}.cm-name.cm-unrated{color:var(--text-secondary)}.cm-vote{flex-direction:column;align-items:center;gap:2px;min-width:44px;display:flex;position:relative}.cm-vote button{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);width:36px;height:30px;min-height:30px;color:var(--muted);padding:0;font-size:13px;line-height:1}.cm-vote button:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.cm-vote button.on.up{color:var(--neon-lime);border-color:var(--success-border);background:var(--success-soft)}.cm-vote button.on.down{color:var(--error);border-color:var(--error-border);background:var(--error-soft)}.cm-vote button:disabled{cursor:not-allowed;opacity:.55}.cm-score{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:700}.cm-score.up{color:var(--neon-lime)}.cm-score.down{color:var(--error)}.cm-vote.compact{flex-direction:row;gap:4px;min-width:0}.cm-vote.compact button{width:26px;height:24px;min-height:24px;font-size:11px}.cm-vote.compact .cm-score{text-align:center;min-width:22px;font-size:13px}.cm-vote-error{width:180px;color:var(--error);z-index:2;font-size:12px;position:absolute;top:100%;left:0}.md{color:var(--text);overflow-wrap:anywhere;line-height:1.65}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md h1,.md h2,.md h3{font-family:var(--font-display);color:var(--text-strong);margin:1em 0 .4em;line-height:1.3}.md h1{font-size:22px}.md h2{font-size:19px}.md h3{font-size:17px}.md a{color:var(--neon-cyan)}.md code{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-xs);padding:1px 5px;font-size:.92em}.md pre{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);overflow-x:auto}.md pre code{background:0 0;border:0;padding:0}.md blockquote{border-left:3px solid var(--primary-border);color:var(--text-secondary);margin:.8em 0;padding:.2em 1em}.md table{border-collapse:collapse;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--border);padding:4px 10px}.md img{max-width:100%}.md .katex-display{padding:4px 0;overflow:auto hidden}.md .katex{font-size:1.08em}.md-small{font-size:14.5px}.cm-comments{gap:var(--space-3);flex-direction:column;display:flex}.cm-comments h2{margin:var(--space-2) 0 0;font-size:18px}.cm-thread{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.cm-reply{margin-left:var(--space-5);padding-left:var(--space-3);border-left:2px solid var(--primary-border)}.cm-comment{gap:var(--space-3);align-items:flex-start;display:flex}.cm-comment.deleted{font-style:italic}.cm-comment-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cm-comment-box{gap:var(--space-2);flex-direction:column;display:flex}.cm-comment-box textarea,.cm-editor{resize:vertical;width:100%;font:inherit;line-height:1.55}.cm-comment-actions,.cm-write-actions{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}@media (width<=600px){.cm-reply{margin-left:var(--space-3)}.form-card.cm-post{padding:var(--space-4);gap:var(--space-3)}}.cm-write h1{margin:0}.cm-editor{min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.cm-preview{min-height:280px;padding:var(--space-4);background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-sm)}.cm-help summary{cursor:pointer;color:var(--text-secondary)}.cm-help ul{margin:var(--space-2) 0 0;color:var(--text-secondary);padding-left:1.2em;font-size:14px;line-height:1.8}.cm-sidebar{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}@media (width>=901px){.cm-sidebar{position:sticky;top:84px}}.cm-box{background:var(--card-gradient);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-1)}.cm-box-title{margin:0 0 var(--space-3);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--neon-cyan);font-size:14px}.cm-box-more{margin-top:var(--space-2);text-align:right;font-size:13px;display:block}.cm-box-note{margin:var(--space-2) 0 0;color:var(--muted);font-size:12px}.cm-rank{border-collapse:collapse;width:100%;font-size:14px}.cm-rank th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 0 6px;font-size:11px;font-weight:600}.cm-rank td{border-top:1px solid var(--divider);padding:5px 0}.cm-rank td:first-child,.cm-rank th:first-child{width:26px}.cm-rank .num{text-align:right;font-family:var(--font-display);font-weight:700}.cm-rank .cm-name{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:170px;display:inline-block;overflow:hidden}.cm-find{gap:var(--space-2);flex-direction:column;display:flex}.cm-find input{width:100%}.cm-find-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.cm-find-list button{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);min-height:0;padding:6px 10px;font-size:14px}.cm-find-list button:hover{border-color:var(--primary-border)}.cm-recent{gap:var(--space-2);flex-direction:column;margin:0;padding:0;font-size:13.5px;line-height:1.45;list-style:none;display:flex}.cm-recent li{padding-bottom:var(--space-2);border-bottom:1px solid var(--divider)}.cm-recent li:last-child{border-bottom:0;padding-bottom:0}.cm-recent-title{color:var(--text)}.cm-recent-title:hover{color:var(--neon-cyan)}.lobby.lx{gap:var(--space-6);max-width:1240px}.lx-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.lx-head h2{margin:0}.lx-head a{font-size:13px}.lx-deck{align-items:center;gap:var(--space-5);background:radial-gradient(120% 140% at 50% 0%, #7c5cff38, transparent 60%), var(--card-gradient);border:1px solid var(--primary-border);box-shadow:var(--shadow-2), 0 0 60px -30px #7c5cffcc;border-radius:18px;grid-template-columns:1fr auto 1fr;padding:26px 30px 40px;display:grid;position:relative;overflow:hidden}.lx-deck:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 46px,#7c5cff0f 46px 47px);position:absolute;inset:0}.lx-me{align-items:center;gap:14px;min-width:0;display:flex;position:relative}.lx-me h1{text-overflow:ellipsis;margin:2px 0 6px;font-size:26px;overflow:hidden}.lx-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.lx-meta strong{color:var(--text-strong)}.lx-avatar{border-radius:50%;flex:none}.lx-gate{place-items:center;text-decoration:none;display:grid;position:relative}.lx-ring{pointer-events:none;border:1px solid #7c5cff80;border-radius:50%;width:210px;height:210px;animation:2.6s ease-in-out infinite lx-ring;position:absolute;box-shadow:0 0 40px -6px #7c5cffb3,inset 0 0 30px -10px #22d3ee99}.lx-ring.two{border-color:#22d3ee40;width:250px;height:250px;animation-delay:1.3s}@keyframes lx-ring{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.03)}}.lx-gate-btn{--cut:18px;color:#fff;background:var(--primary-gradient);transition:transform var(--dur) var(--ease-out), filter var(--dur);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% 50%, calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 50%);flex-direction:column;align-items:center;gap:2px;padding:22px 54px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff40}.lx-gate:hover .lx-gate-btn,.lx-gate:focus-visible .lx-gate-btn{filter:brightness(1.12);transform:scale(1.04)}.lx-gate-btn strong{font:800 34px/1 var(--font-display);letter-spacing:.16em}.lx-gate-btn small{font:600 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase;opacity:.85}.lx-live{white-space:nowrap;color:var(--muted);font-size:12.5px;position:absolute;bottom:-30px}.lx-live b{color:var(--neon-lime)}.lx-dot{background:var(--neon-lime);width:8px;height:8px;box-shadow:0 0 8px var(--neon-lime);border-radius:50%;margin-right:6px;animation:1.6s infinite lx-blink;display:inline-block}@keyframes lx-blink{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.lx-ring,.lx-dot{animation:none}}.lx-today{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:relative}.lx-chip{color:var(--text);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}a.lx-chip:hover{border-color:var(--primary-border)}.lx-chip strong{color:var(--text-strong)}.lx-chip.fire{background:#fb923c1a;border-color:#fb923c73}.lx-chip.fire.risk{border-color:#fb923ccc;box-shadow:0 0 18px -6px #fb923ce6}.lx-chip.done{border-color:var(--success-border);background:var(--success-soft);color:var(--success-fg)}.lx-chip.go{border-color:var(--primary-border);background:var(--primary-soft)}.lx-chip.night{border-color:#a78bfa73}.lx-chip.night.live{border-color:var(--success-border);background:var(--success-soft);color:var(--neon-lime)}.lx-rail{gap:var(--space-4);scroll-snap-type:x mandatory;grid-auto-columns:minmax(300px,1fr);grid-auto-flow:column;padding-bottom:6px;display:grid;overflow-x:auto}.lx-ev{scroll-snap-align:start;background:var(--card-gradient);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-1);border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex}.lx-ev.live{border-color:var(--success-border);box-shadow:0 0 0 1px var(--success-border), 0 0 40px -18px var(--neon-lime)}.lx-ev h3{color:var(--text-strong);margin:0;font-size:18px}.lx-tag{font:700 11px var(--font-display);letter-spacing:.12em;text-transform:uppercase;background:var(--primary-soft);color:var(--primary-text);border:1px solid var(--primary-border);border-radius:6px;align-self:flex-start;padding:4px 8px}.lx-ev.live .lx-tag{background:var(--success-soft);color:var(--neon-lime);border-color:var(--success-border)}.lx-prize{color:var(--tier-gold);font-size:14px;font-weight:700}.lx-count{gap:6px;display:flex}.lx-count span{background:var(--surface-inset);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:center;min-width:46px;padding:6px 4px;display:flex}.lx-count b{font:700 18px var(--font-display);color:var(--text-strong)}.lx-count i{font:600 9px var(--font-display);letter-spacing:.12em;color:var(--muted);font-style:normal}.lx-bar{background:var(--surface-inset);border-radius:4px;height:4px;overflow:hidden}.lx-bar>span{background:linear-gradient(90deg, var(--neon-cyan), #a855f7);height:100%;display:block}.lx-ev-row{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.lx-ev.code{background:0 0;border-style:dashed;justify-content:center;align-items:flex-start}.lx-ev.code input{text-transform:uppercase;letter-spacing:.2em;width:100%;font-family:var(--font-display)}.lx-cols{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.lx-main{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.lx-posts{flex-direction:column;gap:10px;display:flex}.lx-post{cursor:pointer;background:var(--surface-1);border:1px solid var(--border);transition:border-color var(--dur), transform var(--dur);border-radius:12px;grid-template-columns:auto 1fr;gap:14px;padding:14px 16px;display:grid}.lx-post:hover,.lx-post:focus-visible{border-color:var(--primary-border);transform:translate(3px)}.lx-votes{background:var(--surface-2);border:1px solid var(--border);min-width:46px;font:700 16px var(--font-display);color:var(--neon-lime);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.lx-votes.down{color:var(--error)}.lx-votes small{letter-spacing:.1em;color:var(--muted);font-size:9px}.lx-post-main{flex-direction:column;gap:3px;min-width:0;display:flex}.lx-post-title{color:var(--text-strong);font-size:16px;font-weight:700;text-decoration:none}.lx-post-title:hover{color:var(--neon-cyan)}.lx-post-meta{color:var(--muted);font-size:12.5px}.lx-post-text{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;display:-webkit-box;overflow:hidden}.lx-write{border:1px dashed var(--primary-border);color:var(--muted);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.lx-write .btn-primary{margin-left:auto}.lx-side{gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:84px}.lx-side .cm-box-title{justify-content:space-between;align-items:center;display:flex}.lx-box-link{font:500 12px var(--font-body,inherit);letter-spacing:0;text-transform:none}.lx-subjects{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.lx-subjects button{background:var(--surface-2);border:1px solid var(--border);min-height:0;color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px}.lx-subjects button.on{color:var(--text-strong);border-color:var(--primary-border);background:var(--primary-soft)}.lx-rank{margin:0;padding:0;list-style:none}.lx-rank li{border-top:1px solid var(--divider);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 0;font-size:14px;display:grid}.lx-rank li:first-child{border-top:0}.lx-rank li.me{background:var(--primary-soft);border-radius:8px;padding-left:6px;padding-right:6px}.lx-rank .n{font:600 13px var(--font-display);color:var(--muted)}.lx-rank .v{font:700 14px var(--font-display);color:var(--text-strong)}.lx-rank .cm-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lx-board{background:var(--card-gradient);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.lx-board h2{margin:0}.lx-board-tabs{background:var(--surface-inset);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.lx-board-tabs button{min-height:0;color:var(--muted);font:700 12px var(--font-display);letter-spacing:.04em;background:0 0;border:0;border-radius:8px;padding:8px 4px}.lx-board-tabs button.on{background:var(--primary-gradient);color:#fff}@media (width<=900px){.lx-deck{text-align:center;grid-template-columns:1fr;gap:0;padding:20px 16px 22px}.lx-me{flex-direction:column;gap:8px}.lx-me h1{margin:0 0 6px;font-size:22px}.lx-meta{justify-content:center}.lx-gate{margin-top:26px}.lx-live{margin-top:18px;position:static}.lx-today{flex-flow:wrap;justify-content:center;align-items:center;margin-top:18px}.lx-cols{grid-template-columns:minmax(0,1fr)}.lx-side{position:static}}@media (width<=600px){.lobby.lx{gap:var(--space-5)}.lx-ring{width:190px;height:190px}.lx-ring.two{width:226px;height:226px}.lx-gate-btn{padding:20px 50px}.lx-gate-btn strong{font-size:30px}.lx-chip{padding:7px 10px;font-size:12.5px}.lx-rail{margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4) 6px;scroll-padding:0 var(--space-4);grid-auto-columns:86%}.lx-ev{padding:16px}.lx-post{gap:12px;padding:12px}.lx-post-title{font-size:15px}}.lx-ev-loading{opacity:.5;min-height:220px}.cm-buried-tag{color:var(--warning,#f59e0b)}.cm-buried-note{margin-bottom:var(--space-3);border-radius:var(--radius-md);color:var(--warning-fg);background:var(--warning-soft);border:1px solid var(--warning-border);padding:10px 14px;font-size:14px}@media (width<=600px){.lobby.lx{gap:18px}.lx .lobby-heading{font-size:12px}.lx-head{margin-bottom:10px}.lx-deck{text-align:left;border-radius:16px;grid-template-columns:1fr;gap:12px;padding:14px}.lx-me{flex-direction:row;align-items:center;gap:12px}.lx-me .eyebrow{display:none}.lx-me h1{margin:0 0 4px;font-size:19px}.lx-meta{justify-content:flex-start;gap:8px;font-size:12px}.lx-gate{margin-top:0}.lx-ring,.lx-live{display:none}.lx-gate-btn{--cut:14px;flex-direction:row;justify-content:center;gap:12px;width:100%;padding:15px 20px}.lx-gate-btn strong{letter-spacing:.14em;font-size:24px}.lx-gate-btn small{font-size:11px}.lx-today{grid-template-columns:1fr 1fr;gap:8px;margin-top:0;display:grid}.lx-chip{text-align:center;white-space:normal;justify-content:center;min-height:50px;padding:8px 10px;font-size:12.5px;line-height:1.3}.lx-ev{gap:6px;padding:14px}.lx-ev h3{font-size:16px}.lx-prize{font-size:13px}.lx-count span{min-width:40px;padding:4px 3px}.lx-count b{font-size:15px}.lx-ev.code{padding:14px}.lx-post{padding:11px 12px}.lx-votes{min-width:40px;font-size:14px}.lx-post-text{-webkit-line-clamp:1}}@media (width<=760px){.bottom-nav :is(a,button){letter-spacing:.03em;padding:4px 1px;font-size:9.5px}}@media (width<=380px){.bottom-nav :is(a,button){letter-spacing:0;font-size:9px}}.lx-post-stats{color:var(--muted);font-size:12px}.lx-stat-votes.up{color:var(--neon-lime);font-weight:700}.lx-stat-votes.down{color:var(--error);font-weight:700}@media (width<=600px){.lx-today .lx-chip{display:block}.lx-rail{grid-auto-columns:82%;gap:10px}.lx-ev{border-radius:12px;gap:4px;padding:12px 12px 10px}.lx-ev h3{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.25;overflow:hidden}.lx-ev>.muted.small{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.lx-tag{padding:2px 6px;font-size:9.5px}.lx-prize{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.lx-count{gap:4px;margin-top:2px}.lx-count span{border-radius:6px;flex-direction:row;align-items:baseline;gap:2px;min-width:0;padding:3px 6px}.lx-count b{font-size:13px}.lx-count i{letter-spacing:.04em;font-size:8.5px}.lx-bar{height:3px}.lx-ev-row{font-size:11.5px}.lx-ev-row>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.lx-ev-row .btn-primary{flex:none;min-height:0;padding:6px 12px}.lx-ev.code{gap:6px}.lx-ev.code h3{font-size:14px}.lx-posts.swipe{margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4) 6px;scroll-snap-type:x mandatory;scroll-padding:0 var(--space-4);grid-auto-columns:78%;grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.lx-posts.swipe>*{scroll-snap-align:start}.lx-posts.swipe .lx-post{grid-template-columns:1fr;gap:0;padding:12px;transform:none}.lx-posts.swipe .lx-votes{display:none}.lx-posts.swipe .lx-post-main{gap:4px}.lx-posts.swipe .lx-post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.lx-posts.swipe .lx-post-meta{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.lx-posts.swipe .lx-post-text{-webkit-line-clamp:2;font-size:12.5px}.lx-posts.swipe .lx-write{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;font-size:13px}.lx-posts.swipe .lx-write .btn-primary{margin-left:0}.form-card.cm-post{flex-direction:column;gap:10px;padding:14px}.cm-post-side{order:2}.cm-post .cm-vote{flex-direction:row;justify-content:flex-start;gap:6px;min-width:0}.cm-post .cm-vote button{width:34px;height:28px;min-height:28px}.cm-post-title{font-size:17px}.cm-post-full .cm-post-title{font-size:20px}.cm-post .md{font-size:15px}.cm-post .md .katex-display{margin:.6em 0}.cm-meta{font-size:12.5px}.cm-thread{padding:10px 12px}}.cm-post-full h1.cm-post-title{text-transform:none;letter-spacing:0}.cm-post-title,.lx-post-title{text-wrap:pretty}@media (width>=601px){.lx-stat-votes{display:none}}.zip{right:0;bottom:calc(84px + env(safe-area-inset-bottom));z-index:340;pointer-events:none;align-items:flex-end;gap:6px;max-width:calc(100vw - 24px);animation:.55s cubic-bezier(.34,1.56,.64,1) both zip-in;display:flex;position:fixed}.zip.out{animation:.35s ease-in both zip-out}.zip>*{pointer-events:auto}@keyframes zip-in{0%{transform:translate(110%)}to{transform:translate(0)}}@keyframes zip-out{to{opacity:0;transform:translate(110%)}}.zip-bubble{max-width:230px;color:var(--text-strong);background:var(--card-gradient);border:1px solid var(--primary-border);box-shadow:var(--shadow-3), 0 0 30px -12px #7c5cffe6;border-radius:14px 14px 4px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:26px;padding:12px 14px 12px 12px;font-size:13.5px;line-height:1.35;animation:.3s ease-out .35s both zip-pop;display:flex;position:relative}@keyframes zip-pop{0%{opacity:0;transform-origin:100% 100%;transform:scale(.6)}to{opacity:1;transform:none}}.zip-text{padding-right:18px}.zip-close{width:26px;height:26px;min-height:26px;color:var(--muted);background:0 0;border:0;padding:0;font-size:13px;position:absolute;top:4px;right:4px}.zip-body{background:var(--primary-gradient);border-radius:50% 50% 46% 46%;flex:none;width:58px;height:58px;margin-right:-14px;animation:2.4s ease-in-out .6s infinite zip-wiggle;position:relative;box-shadow:0 8px 22px -6px #7c5cffe6,inset 0 2px #ffffff4d}.zip-bolt{font-size:18px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.zip-eye{background:#fff;border-radius:50%;width:9px;height:11px;animation:4s infinite zip-blink;position:absolute;top:17px}.zip-eye:after{content:"";background:#1b1840;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;left:2px}.zip-eye.l{left:14px}.zip-eye.r{left:28px}@keyframes zip-wiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-8deg)}20%{transform:rotate(6deg)}30%{transform:rotate(0)}}@keyframes zip-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.zip,.zip.out,.zip-bubble,.zip-body,.zip-eye{animation:none}}.win-dare{margin:var(--space-3) auto 0;max-width:520px;color:var(--text-secondary);background:#fbbf240f;border:1px dashed #fbbf2473;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.squad-badge{font:700 12px var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:#1b1308;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex;box-shadow:0 0 18px -6px #f59e0be6}.squad-progress{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.squad-progress.done{background:#f59e0b14;border-color:#f59e0b8c}.squad-progress-head{flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:14px;display:flex}.squad-bar{background:var(--surface-inset);border-radius:999px;height:8px;overflow:hidden}.squad-bar>span{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:999px;height:100%;display:block}.teaser{margin:var(--space-4) 0;padding:var(--space-4) var(--space-5);background:var(--card-gradient);border:1px solid var(--border);border-radius:16px}.teaser-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.teaser-title{font-family:var(--font-display);font-size:17px;font-weight:700}.teaser-meta{color:var(--muted);font-size:13px}.teaser-q{margin:var(--space-3) 0;overflow-wrap:anywhere;font-size:17px;font-weight:600}.teaser-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.teaser-opt{text-align:left;border:1px solid var(--border);color:inherit;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:#ffffff08;border-radius:10px;padding:10px 12px}.teaser-opt b{color:var(--primary,#8b74ff);margin-right:6px}.teaser-opt:not(:disabled):hover{border-color:#8b74ff99}.teaser-opt:disabled{cursor:default}.teaser-opt.right{background:#3ef0a01f;border-color:#3ef0a0}.teaser-opt.wrong{background:#ff6b8a1f;border-color:#ff6b8a}.teaser-opt.dim{opacity:.5}.teaser-result{margin-top:var(--space-3);gap:6px;display:grid}.teaser-result .good{color:#3ef0a0}.teaser-result .bad{color:#ff8fa3}.teaser-why{color:var(--muted);font-size:14px}.teaser-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.teaser-hint{margin:var(--space-3) 0 0;font-size:13px}@media (width<=520px){.teaser-opts{grid-template-columns:minmax(0,1fr)}}.live-pill-phone{display:none}@media (width<=760px){.navbar.is-player .sound-toggle,.navbar.is-player .live-pill[data-phone=hide],.live-pill-text{display:none}.live-pill-phone{display:inline}.bottom-nav :is(a,button){font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:11.5px;font-weight:600}.bottom-nav-icon{font-size:22px}}.pmenu{overscroll-behavior:contain;max-height:90vh;padding:10px 16px calc(14px + env(safe-area-inset-bottom));background:radial-gradient(260px 160px at 12% 0,#7c5cff38,#0000 70%),radial-gradient(220px 140px at 100% 8%,#22e4ff1a,#0000 70%),#0e0f22;border-top:1px solid #7c5cff59;border-radius:26px 26px 0 0;animation:.26s cubic-bezier(.2,.9,.3,1.05) pmenu-up;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -24px 60px -24px #7c5cff8c}.pmenu-grab{background:#c4b5fd47;border-radius:9px;width:38px;height:5px;margin:0 auto 14px;display:block}.pmenu-card{color:var(--text-strong);-webkit-tap-highlight-color:transparent;background:linear-gradient(150deg,#7c5cff33,#ff3da814 60%,#0e0f22e6) padding-box padding-box,linear-gradient(135deg,#a78bfabf,#22e4ff59,#ff3da880) border-box;border:1px solid #0000;border-radius:20px;align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex;position:relative;box-shadow:0 12px 30px -18px #7c5cffcc}.pmenu-card:active{transform:scale(.985)}.pmenu-card-text{flex-direction:column;flex:1;min-width:0;display:flex}.pmenu-card-text strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;line-height:1.15;overflow:hidden}.pmenu-card-text small{color:var(--muted);font-size:13px}.pmenu-card-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.pmenu-chip{height:24px;font-family:var(--font-display);border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-size:12.5px;font-weight:700;display:inline-flex}.pmenu-chip.flame{color:#ffb347;background:#ff8c3224;border:1px solid #ff8c324d}.pmenu-chip.flame.risk{color:#fda4af;background:#fb718524;border-color:#fb718559}.pmenu-chip.star{color:#fde68a;background:#fde68a1a;border:1px solid #fde68a40}.pmenu-card-go{color:#c4b5fdb3;flex:none}.pmenu-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:22px 2px 10px;font-size:11.5px;font-weight:600}.pmenu-tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pmenu-tile{--tone:#a78bfa;min-height:112px;color:var(--text-strong);background:radial-gradient(120px 90px at 100% 0%, color-mix(in srgb, var(--tone) 22%, transparent), transparent 70%), #ffffff09;border:1px solid color-mix(in srgb, var(--tone) 28%, transparent);-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;text-decoration:none;transition:transform .12s;display:flex;position:relative;overflow:hidden}.pmenu-tile:active{transform:scale(.97)}.pmenu-tile.active{border-color:var(--tone);box-shadow:inset 0 0 0 1px var(--tone)}.pmenu-tile.tone-amber{--tone:#fbbf24}.pmenu-tile.tone-violet{--tone:#a78bfa}.pmenu-tile.tone-cyan{--tone:#22d3ee}.pmenu-tile.tone-pink{--tone:#f472b6}.pmenu-tile-icon{width:42px;height:42px;color:var(--tone);background:color-mix(in srgb, var(--tone) 16%, transparent);border-radius:13px;place-items:center;margin-bottom:auto;display:grid}.pmenu-tile>b{margin-top:12px;font-size:15px;font-weight:700;line-height:1.2}.pmenu-tile>small{color:var(--muted);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.pmenu-tile>small.done{color:var(--success);font-weight:600}.pmenu-tile>small.live{color:#fb7185;font-weight:700}.pmenu-dot{background:#fb7185;border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite pmenu-pulse;box-shadow:0 0 #fb718599}.pmenu-group{background:#ffffff09;border:1px solid #94a3b81f;border-radius:18px;margin-top:14px;overflow:hidden}.pmenu-item{width:100%;min-height:54px;font:inherit;color:var(--text-strong);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:12px;padding:8px 14px;text-decoration:none;display:flex}.pmenu-item+.pmenu-item{border-top:1px solid #94a3b81a}.pmenu-item:active{background:#7c5cff1a}.pmenu-item-icon{color:#c4b5fd;background:#7c5cff29;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.pmenu-item-label{flex:1;font-size:15.5px;font-weight:600}.pmenu-item-go{color:var(--muted);flex:none}.pmenu-badge{text-align:center;color:#fff;background:#f43f5e;border-radius:999px;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:800;line-height:22px}.pmenu-switch{background:#94a3b847;border-radius:999px;flex:none;width:46px;height:28px;transition:background-color .18s;position:relative}.pmenu-switch i{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000059}.pmenu-switch.on{background:#22c55e}.pmenu-switch.on i{transform:translate(18px)}.pmenu-learn{color:var(--text-strong);-webkit-tap-highlight-color:transparent;background:radial-gradient(160px 90px at 100% 0,#34d3992e,#0000 70%),#ffffff09;border:1px solid #34d3994d;border-radius:18px;align-items:center;gap:12px;margin-top:14px;padding:14px;text-decoration:none;display:flex}.pmenu-learn:active{transform:scale(.985)}.pmenu-learn-icon{color:#34d399;background:#34d39926;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.pmenu-learn-text{flex-direction:column;flex:1;min-width:0;display:flex}.pmenu-learn-text b{font-size:15.5px;font-weight:700}.pmenu-learn-text small{color:var(--muted);font-size:12.5px}.pmenu-tabs{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.pmenu-tabs a{height:48px;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;background:#ffffff09;border:1px solid #94a3b824;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:14.5px;font-weight:600;text-decoration:none;display:flex}.pmenu-tabs a .icon{color:#c4b5fd}.pmenu-tabs a:active{background:#7c5cff1a}.pmenu-tabs a.active{color:var(--text-strong);border-color:#7c5cff80}.pmenu-logout{width:100%;height:48px;font:inherit;color:#fda4af;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fb718512;border:1px solid #fb718538;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:14.5px;font-weight:700;display:flex}.pmenu-logout:active{background:#fb718524}@keyframes pmenu-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pmenu-pulse{70%{box-shadow:0 0 0 7px #fb718500}to{box-shadow:0 0 #fb718500}}@media (prefers-reduced-motion:reduce){.pmenu,.pmenu-dot{animation:none}}.ph-page{padding-top:0}.ph{isolation:isolate;flex-direction:column;display:flex;position:relative}.ph:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(240px 190px at 18% 30%,#7c5cff57,#0000 70%),radial-gradient(220px 170px at 88% 12%,#22e4ff29,#0000 70%),radial-gradient(260px 200px at 60% 80%,#ff3da81f,#0000 70%);height:460px;position:absolute;inset:-70px -40px auto}.ph-loading{min-height:60vh}.ph .ph-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;margin:26px 0 10px;font-size:12px;font-weight:600;display:flex}.ph .ph-label:before{content:"";background:var(--primary);width:14px;height:2px;box-shadow:0 0 8px var(--primary);border-radius:2px;flex:none}.ph .ph-label-more{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--primary-text);margin-left:auto;font-size:13px;font-weight:600;text-decoration:none}.ph-arena{background:radial-gradient(120% 80% at 50% 0,#7c5cff4d,#0000 62%) padding-box padding-box,linear-gradient(#161b3d,#0b0e21) padding-box padding-box,linear-gradient(140deg,#a78bfaf2,#22e4ff59 42%,#ff3da8a6) border-box;border:1px solid #0000;border-radius:22px;padding:18px 16px 16px;position:relative;overflow:hidden;box-shadow:0 24px 60px -28px #7c5cffe6,inset 0 1px #ffffff0f}.ph-arena:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 33px,#7c5cff14 33px 34px),repeating-linear-gradient(0deg,#0000 0 33px,#7c5cff0d 33px 34px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.ph-arena>*{position:relative}.ph .ph-eyebrow{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--info);margin:0;font-size:12px;font-weight:600}.ph h1.ph-arena-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-strong);margin:4px 0 0;font-size:26px;font-weight:700;line-height:1.1}.ph-vs{grid-template-columns:1fr auto 1fr;align-items:center;margin:20px 0 4px;display:grid}.ph-vs-side{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.ph-vs-side b{max-width:120px;color:var(--text-secondary);font-size:12.5px;font-weight:600;line-height:1.25}.ph-vs-mark{font-family:var(--font-display);letter-spacing:.04em;color:#0000;background:linear-gradient(135deg,#fff,#c4b5fd 50%,#22e4ff);filter:drop-shadow(0 0 12px #7c5cffcc);-webkit-background-clip:text;background-clip:text;align-items:center;gap:2px;font-size:28px;font-style:italic;font-weight:700;line-height:1;display:inline-flex}.ph-vs-mark .icon{color:var(--neon-gold)}.ph-vs-unknown{width:64px;height:64px;font-family:var(--font-display);color:var(--primary-text);background:radial-gradient(circle,#7c5cff47,#7c5cff0a);border:2px dashed #a78bfa99;border-radius:50%;place-items:center;font-size:28px;font-weight:700;display:grid;position:relative}.ph-vs-unknown:before,.ph-vs-unknown:after{content:"";border:1px solid #22e4ff99;border-radius:50%;animation:2.2s ease-out infinite ph-ping;position:absolute;inset:-2px}.ph-vs-unknown:after{animation-delay:1.1s}@keyframes ph-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}.ph-gate{-webkit-tap-highlight-color:transparent;place-items:center;margin-top:18px;padding:12px 0;text-decoration:none;display:grid;position:relative}.ph-ring{pointer-events:none;border:1px solid #7c5cff8c;border-radius:50%;width:270px;height:108px;margin:-54px 0 0 -135px;animation:2.6s ease-in-out infinite lx-ring;position:absolute;top:50%;left:50%;box-shadow:0 0 40px -6px #7c5cffbf,inset 0 0 30px -10px #22d3ee99}.ph-ring.two{border-color:#22d3ee47;width:330px;height:136px;margin:-68px 0 0 -165px;animation-delay:1.3s}.ph .ph-play{color:#fff;text-align:center;background:var(--primary-gradient);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:72px;padding:10px 28px;transition:transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff4d}.ph .ph-play:after{content:"";background:linear-gradient(100deg,#0000,#ffffff52,#0000);width:40%;animation:3.4s ease-in-out infinite ph-shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes ph-shine{0%,55%{left:-60%}to{left:130%}}.ph-gate:active .ph-play{transform:scale(.97)}.ph .ph-play strong{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;font-size:30px;font-weight:700;line-height:1}.ph .ph-play span{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;opacity:.88;margin-top:6px;font-size:11px;font-weight:600}.ph-new .ph-play strong{letter-spacing:.14em;font-size:25px}@media (prefers-reduced-motion:reduce){.ph-ring,.ph .ph-play:after,.ph-vs-unknown:before,.ph-vs-unknown:after{animation:none}}.ph-subjects{background:#05060d8c;border:1px solid #94a3b824;border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;margin-top:10px;padding:4px;display:grid}.ph-subjects button{min-height:36px;font:inherit;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:9px;padding:0 8px;font-size:13px;font-weight:600;overflow:hidden}.ph-subjects button.on{color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--primary-border);background:linear-gradient(135deg,#7c5cff59,#7c5cff26)}.ph-subject-select{color:var(--muted);align-items:center;gap:10px;margin-top:10px;font-size:13px;display:flex}.ph-subject-select select{flex:1;min-height:40px}.ph-me{align-items:center;gap:12px;display:flex}.ph-me-avatar{border-radius:50%;flex:none}.ph-me-text{flex-direction:column;flex:1;align-items:flex-start;gap:5px;min-width:0;display:flex}.ph-me-text b{max-width:100%;font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;color:var(--text-strong);font-size:18px;font-weight:700;overflow:hidden}.ph-stats{border-top:1px solid #94a3b81f;grid-template-columns:repeat(3,1fr);margin-top:14px;padding-top:12px;display:grid}.ph-stats span{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;font-size:10.5px;font-weight:600;display:flex}.ph-stats span+span{border-left:1px solid #94a3b81f}.ph-stats b{letter-spacing:.02em;color:var(--text-strong);font-size:20px;font-weight:700}.ph-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.ph-steps li{text-align:center;background:var(--card-gradient);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;display:flex}.ph-steps li>b{width:30px;height:30px;font-family:var(--font-display);color:#fff;background:var(--primary-gradient);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;box-shadow:0 0 16px -2px #7c5cffd9}.ph-steps span{color:var(--muted);font-size:11.5px;line-height:1.35}.ph-steps strong{color:var(--text-strong);margin-bottom:2px;font-size:13.5px;font-weight:700;display:block}.ph-aside{text-align:center;color:var(--muted);margin:14px 0 0;font-size:13.5px}.ph-aside a{color:var(--primary-text);font-weight:600;text-decoration:none}.ph-list{background:linear-gradient(#161b3deb,#0c0f21eb);border:1px solid #94a3b824;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.ph-row{min-height:64px;color:var(--text-strong);-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.ph-row+.ph-row{border-top:1px solid var(--divider)}.ph-row:active{background:var(--overlay-hover)}.ph-row-icon{border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.ph-row-icon.cyan{color:var(--info);background:#22e4ff1f;box-shadow:inset 0 0 0 1px #22e4ff40}.ph-row-icon.orange{color:#fb923c;background:#fb923c24;box-shadow:inset 0 0 0 1px #fb923c4d}.ph-row-icon.orange.hot{box-shadow:inset 0 0 0 1px #fb923ccc,0 0 14px -2px #fb923cb3}.ph-row-text{flex-direction:column;flex:1;min-width:0;display:flex}.ph-row-text b{font-size:14.5px;font-weight:600}.ph-row-text small{color:var(--muted);font-size:12.5px}.ph-row-done,.ph-row-act{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;flex:none;font-size:12px;font-weight:700}.ph-row-done{color:var(--success)}.ph-row-act{color:var(--primary-text);border:1px solid var(--primary-border);border-radius:9px;padding:7px 14px}.ph-night{margin-top:10px}.ph-estrip{color:var(--text-strong);-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 160% at 0%,#fbbf242e,#0000 60%) padding-box padding-box,linear-gradient(#161b3d,#0c0f22) padding-box padding-box,linear-gradient(110deg,#fbbf24cc,#fbbf241f 55%,#7c5cff80) border-box;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;text-decoration:none;display:flex}.ph-estrip:active{transform:scale(.99)}.ph-estrip.live{background:radial-gradient(120% 160% at 0%,#3ef0a02e,#0000 60%) padding-box padding-box,linear-gradient(#161b3d,#0c0f22) padding-box padding-box,linear-gradient(110deg,#3ef0a0d9,#3ef0a01f 55%,#7c5cff80) border-box}.ph-estrip-icon{color:#fbbf24;background:#fbbf2424;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #fbbf2459,0 0 18px -6px #fbbf24cc}.ph-estrip.live .ph-estrip-icon{color:var(--neon-lime);background:#3ef0a024;box-shadow:inset 0 0 0 1px #3ef0a066,0 0 18px -6px #3ef0a0cc}.ph-estrip-text{flex-direction:column;flex:1;min-width:0;display:flex}.ph-estrip-text b{font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.ph-estrip-text small{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:12px;overflow:hidden}.ph-estrip-time{flex-direction:column;flex:none;align-items:flex-end;display:flex}.ph-estrip-time b{font-family:var(--font-display);letter-spacing:.04em;color:#fcd34d;font-size:16px;font-weight:700}.ph-estrip.live .ph-estrip-time b{color:var(--neon-lime)}.ph-estrip-time small{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--primary-text);font-size:11px;font-weight:700}.ph-ways{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ph-ways a{min-height:48px;color:var(--text);background:var(--card-gradient);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;gap:7px;font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.ph-ways .icon{color:var(--primary-text)}.ph-more{flex-direction:column;gap:12px;margin-top:24px;display:flex}.ph-card{color:var(--text-strong);background:var(--surface-1);border:1px solid #94a3b824;border-radius:16px;flex-direction:column;gap:8px;padding:14px;text-decoration:none;display:flex}.ph-card small{color:var(--muted);font-size:12.5px}.pp-back,.pp-back:visited{color:var(--text-secondary);margin-bottom:10px;font-weight:700;text-decoration:none;display:inline-block}.pp-title{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--text-strong);margin:0 0 16px;font-size:24px;font-weight:800}.pp-subjects{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pp-subject{font:inherit;color:var(--text-strong);background:var(--surface-1);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #94a3b829;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:20px 8px;display:flex}.pp-subject span{font-size:32px;line-height:1.2}.pp-subject strong{font-size:16px}.pp-subject small{color:var(--muted);font-size:12px}.pp-subject.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);background:#7c5cff26}.pp-find{text-transform:none;letter-spacing:0;width:100%;min-height:54px;margin-top:16px;font-size:17px}.pp-note{text-align:center;color:var(--muted);margin:8px 0 0;font-size:13px}.pp-label{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--muted);margin:26px 0 8px;font-size:13px;font-weight:700}.pp-list{background:var(--surface-1);border:1px solid #94a3b824;border-radius:16px;padding:0 14px}.pp-row{width:100%;min-height:60px;font:inherit;color:var(--text-strong);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #94a3b81a;align-items:center;gap:12px;padding:8px 0;text-decoration:none;display:flex}.pp-row:last-child{border-bottom:0}.pp-row>span:first-child{text-align:center;width:28px;font-size:22px}.pp-row>span:nth-child(2){flex-direction:column;flex:1;display:flex}.pp-row strong{font-size:15px}.pp-row small{color:var(--muted);font-size:12.5px}.pp-row i{color:var(--muted);font-size:18px;font-style:normal}.pp-bots{border-bottom:1px solid #94a3b81a;padding:10px 0}.sa-card{text-align:center;border-radius:22px;align-items:stretch;gap:14px}.sa-mark{background:linear-gradient(135deg,#7c5cff,#c84bff);border-radius:20px;place-items:center;width:68px;height:68px;margin:0 auto;font-size:34px;display:grid;box-shadow:0 10px 40px -10px #7c5cffcc}.auth-card h1.sa-title{font-family:var(--font-body);letter-spacing:0;text-transform:none;margin:4px 0 0;font-size:28px;font-weight:800}.sa-sub{color:var(--text-secondary);margin:-4px 0 8px;font-size:15px;line-height:1.5}.sa-try{text-transform:none;letter-spacing:0;border-radius:14px;min-height:50px;font-size:15.5px;font-weight:700}.sa-link{font:inherit;color:#a99bff;cursor:pointer;background:0 0;border:0;align-self:center;padding:6px 10px;font-size:15px;font-weight:600}.sa-link:disabled{color:var(--muted);cursor:default}.sa-form{text-align:left;flex-direction:column;gap:14px;display:flex}.sa-forgot{color:#a99bff;align-self:flex-end;margin-top:-6px;font-size:14px;font-weight:600;text-decoration:none}.sa-main{text-transform:none;letter-spacing:0;border-radius:14px;min-height:52px;font-size:16px}.sa-note{text-align:center;margin:-4px 0 0}.sa-card .auth-switch,.sa-card .auth-legal{margin:2px 0 0}.sa-card .code-input{justify-content:center}.pp-subjects.many .pp-subject{text-align:left;flex-direction:row;justify-content:flex-start;gap:10px;padding:12px}.pp-subjects.many .pp-subject span{font-size:22px}.pp-subjects.many .pp-subject strong{font-size:14px;line-height:1.25}.pp-subjects.many .pp-subject small{display:none}.pp-find{bottom:calc(80px + env(safe-area-inset-bottom));z-index:5;position:sticky;box-shadow:0 10px 30px -6px #05060de6}.lb-me-pin{z-index:5;width:100%;font:inherit;color:var(--text-strong);text-align:left;cursor:pointer;background:#1d1a3d;border:1px solid #7c5cff8c;border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex;position:sticky;bottom:12px;box-shadow:0 10px 30px -10px #000c}.lb-me-pin strong{flex:1}.lb-me-rank{color:#c4b5fd;min-width:42px;font-weight:800}@media (width<=760px){.lb-me-pin{bottom:calc(80px + env(safe-area-inset-bottom))}}.lb-extras{flex-direction:column;gap:10px;max-width:520px;margin-top:22px;display:flex}.lb-extras-link{color:#a99bff;font-weight:600;text-decoration:none}.cm-tabs-card{margin-top:8px;padding:12px}.cm-tabs{background:var(--surface-inset,#0a0c1a);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.cm-tabs button{min-height:38px;font:inherit;white-space:nowrap;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:9px;padding:6px 2px;font-size:12.5px;font-weight:700}.cm-tabs button.on{color:#fff;background:linear-gradient(135deg,#7c5cff,#6c3cf5)}.cm-tab-body{margin-top:12px}@media (width<=760px){.app-main :is(h1,h2,h3,h4,.eyebrow,th,.tab,.segmented-btn,.btn-primary,.btn-ghost,.btn-secondary,.btn-danger,.btn-link,.lobby-heading,.field-label){text-transform:none;letter-spacing:0}.app-main :is(h1,h2,h3,.tab,.segmented-btn,.btn-primary,.btn-ghost,.btn-secondary,.btn-danger,.lobby-heading){font-family:var(--font-body)}.app-main .page-head .eyebrow{display:none}.app-main .page-head h1{font-size:24px;font-weight:800}.app-main h2{font-weight:700}.match-results-page{flex-direction:column;display:flex}.match-results-page>*{order:10}.match-results-page>.results-header{order:0}.match-results-page>.results-list{order:1}.match-results-page>.results-unrated{order:2}.match-results-page>.results-actions{order:3}.match-results-page>.rematch-box{order:4}.match-results-page>.results-keep{order:5}.match-results-page>.win-dare{order:6}.match-results-page>.share-panel{order:7}.match-results-page>.results-actions .btn-primary{width:100%}}.friends-invite{margin-top:var(--space-4)}@media (width<=760px){.app-main .tile-picker{grid-template-columns:1fr 1fr;gap:10px}.app-main .tile-option{min-height:0;padding:14px 12px}.app-main .tile-option span{display:none}.app-main .find-bar strong{text-transform:none;letter-spacing:0;font-family:var(--font-body)}.app-main a:is(.btn-primary,.btn-ghost){text-decoration:none}}.google-btn iframe{color-scheme:normal}.teaser.compact{margin:0;padding:14px}.teaser.compact .teaser-title{font-family:var(--font-body);font-size:15px}.teaser.compact .teaser-q{margin:8px 0 10px;font-size:15px}.teaser.compact .teaser-opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.teaser.compact .teaser-opt{padding:9px 10px;font-size:14px}.teaser.compact .teaser-hint{margin-top:8px;font-size:12.5px}.teaser-done{margin:0;padding:12px 14px}.teaser-done-row{justify-content:space-between;align-items:center;gap:10px;font-size:14.5px;display:flex}.teaser-done-row .good{color:#3ef0a0}.teaser-done-row .bad{color:#ff8fa3}.teaser-more{color:#a99bff;flex:none;font-size:13.5px;font-weight:600;text-decoration:none}.teaser-why-fold{margin-top:6px}.teaser-why-fold>summary{color:var(--muted);cursor:pointer;font-size:12.5px}.teaser-why-fold .teaser-why{margin:6px 0 0;font-size:13.5px}.cm-vote.own{gap:0}.cm-vote.own .cm-score{font-weight:800}.cm-vote-own{color:var(--muted);font-size:11px}.cm-vote.compact.own{gap:4px}.cm-vote-error{color:#fda4af;flex-basis:100%;width:auto;max-width:220px;margin-top:4px;font-size:12px;line-height:1.35;position:static}.cm-vote{flex-wrap:wrap}.event-add-player{border:1px solid var(--border);background:var(--surface-1);border-radius:12px;flex-direction:column;gap:8px;max-width:560px;margin:12px 0;padding:12px 14px;display:flex}.event-add-player input{width:100%}.event-add-hits{gap:6px;margin:0;padding:0;list-style:none;display:grid}.event-add-hits li{justify-content:space-between;align-items:center;gap:10px;display:flex}.cm-vote-own{margin-left:4px}@media (width<=760px){.cm-post-foot{align-items:center;gap:12px;margin-top:4px}.cm-post-foot .cm-vote{margin-right:auto}.cm-post-foot a{font-weight:600;text-decoration:none}.cm-comments-link{border:1px solid var(--border);border-radius:999px;padding:4px 10px}.cm-comments-word{display:none}.cm-post:not(.cm-post-full) .md{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.today-icon{width:var(--s);height:calc(var(--s) * 1.08);vertical-align:-.18em;text-align:center;border-radius:calc(var(--s) * .2);background:#fff;flex-direction:column;align-items:stretch;font-style:normal;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #00000059}.today-icon b{padding:calc(var(--s) * .06) 0;font-family:var(--font-body);font-size:calc(var(--s) * .26);letter-spacing:.02em;color:#fff;background:#ef4444;font-weight:800;display:block}.today-icon i{font-family:var(--font-body);font-size:calc(var(--s) * .56);color:#1f2937;flex:1;justify-content:center;align-items:center;font-style:normal;font-weight:800;display:flex}.results-keep{flex-direction:column;gap:10px;display:flex}.results-keep:empty{display:none}@media (width>=761px){.results-keep .streak-inline{display:none}}@media (width<=760px){.results-keep{margin-top:16px}.app-main:has(>.match-page){padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.match-page{min-height:calc(100dvh - 100px - env(safe-area-inset-bottom));flex-direction:column;display:flex}body:has(.bottom-nav) .app-main:has(>.match-page){padding-bottom:calc(72px + env(safe-area-inset-bottom))}body:has(.bottom-nav) .match-page{min-height:calc(100dvh - 172px - env(safe-area-inset-bottom))}.match-page>*{flex:none}.match-page>.question-card{flex:1}.match-page>.question-card>.options{margin-top:auto}.match-page .question-body{font-size:19px;line-height:1.4}}.bottom-nav-icon .icon{display:block}.bottom-nav :is(a,button).active .bottom-nav-icon{color:var(--primary-text)}@media (width<=760px){.nav-chat{width:36px;height:36px;color:var(--text-secondary);background:var(--surface-1);border-radius:10px}.nav-chat .icon{display:block}.brand-text{letter-spacing:.08em;font-size:15px}}.event-soon{padding:9px var(--space-4);color:var(--text-strong);background:linear-gradient(90deg,#fbbf2429,#7c5cff1f);border-bottom:1px solid #fbbf2459;align-items:center;gap:10px;text-decoration:none;display:flex}.event-soon.live{background:linear-gradient(90deg,#3ef0a029,#7c5cff1f);border-bottom-color:#3ef0a066}.event-soon-dot{background:#fbbf24;border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s infinite lx-blink;box-shadow:0 0 8px #fbbf24}.event-soon.live .event-soon-dot{background:var(--neon-lime);box-shadow:0 0 8px var(--neon-lime)}.event-soon-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13.5px;font-weight:700;overflow:hidden}.event-soon-when{white-space:nowrap;color:var(--text-secondary);flex:1;font-size:13.5px}.event-soon-btn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#1a1205;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:8px;flex:none;padding:6px 12px;font-size:11.5px;font-weight:700}.event-soon.live .event-soon-btn{color:#052e14;background:linear-gradient(135deg,#86efac,#22c55e)}@media (width>=761px){.event-soon{justify-content:center}.event-soon-when{flex:none}}@media (prefers-reduced-motion:reduce){.event-soon-dot{animation:none}}.share-compact{display:none}@media (width<=760px){.match-results-page>.share-panel{display:none}.match-results-page>.results-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.match-results-page>.results-actions>.btn-primary,.match-results-page>.results-actions>:last-child:nth-child(2){grid-column:1/-1}.match-results-page>.results-actions>.btn-primary{min-height:64px;font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);font-size:24px;font-weight:700}.match-results-page>.results-actions>.btn-ghost{min-height:48px;margin:0}.share-compact{min-height:48px;color:var(--text-strong);border-color:var(--primary-border);background:var(--primary-soft);justify-content:center;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.share-compact .icon{color:var(--primary-text)}.share-compact .share-note{color:var(--muted);font-size:12px;font-weight:500;position:absolute;top:calc(100% + 4px);left:0;right:0}.match-results-page .rematch-box{margin-top:12px}.match-results-page .rematch-btn{width:100%;min-height:48px;color:var(--text-strong);border:1px solid var(--primary-border);box-shadow:none;clip-path:none;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.match-results-page .rematch-btn .icon{color:var(--primary-text)}}.cm-head{align-items:center}.cm-me{font-family:var(--font-display);color:#fcd34d;background:#fbbf241f;border:1px solid #fbbf2466;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cm-star{color:#fcd34d;white-space:nowrap;margin-left:5px;font-size:.86em;font-weight:700}.contrib-badge{color:#fcd34d;background:#fbbf241f;border:1px solid #fbbf2466;border-radius:999px;align-items:center;padding:3px 10px;font-size:12.5px;font-weight:700;text-decoration:none;display:inline-flex}.cm-compose{margin-bottom:14px}.cm-compose-box{color:var(--muted);border:1px solid var(--primary-border);background:linear-gradient(#161b3d,#0c0f22);border-radius:16px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex;box-shadow:0 10px 30px -18px #7c5cffe6}.cm-compose-box>span:last-child{border:1px solid var(--border);background:#05060d8c;border-radius:12px;flex:1;padding:10px 12px;font-size:14px}.cm-compose-kinds{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.cm-compose-kinds a{text-align:center;color:var(--text);background:var(--surface-inset);border:1px solid var(--border);border-radius:10px;padding:9px 4px;font-size:13px;font-weight:600;text-decoration:none}.cm-unlock{border:1px dashed var(--primary-border);background:linear-gradient(#161b3d,#0c0f22);border-radius:16px;margin-bottom:14px;padding:14px}.cm-unlock b{color:var(--text-strong);font-size:15px}.cm-unlock p{color:var(--muted);margin:4px 0 0;font-size:13px}.cm-unlock-bar{background:var(--surface-inset);border-radius:999px;height:8px;margin:12px 0 8px;overflow:hidden}.cm-unlock-bar span{background:var(--primary-gradient);border-radius:inherit;height:100%;transition:width .4s var(--ease-out);display:block}.cm-unlock-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;display:flex}.cm-unlock-go{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--primary-gradient);border-radius:10px;flex:none;margin-top:10px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.cm-unlock-row .cm-unlock-go{margin-top:0}.cm-challenge{background:radial-gradient(120% 140% at 100% 0,#22e4ff29,#0000 60%) padding-box padding-box,linear-gradient(#161b3d,#0c0f22) padding-box padding-box,linear-gradient(120deg,#22e4ffb3,#7c5cff80) border-box;border:1px solid #0000;border-radius:16px;margin-bottom:14px;padding:14px}.cm-challenge small{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--info);font-size:11px;font-weight:600}.cm-challenge>b{color:var(--text-strong);margin:6px 0 4px;font-size:17px;line-height:1.3;display:block}.cm-challenge>p{color:var(--muted);margin:0;font-size:13px}.cm-challenge-row{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.cm-challenge-who{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.cm-faces{display:inline-flex}.cm-faces .avatar{border:2px solid #141834;margin-left:-6px}.cm-faces .avatar:first-child{margin-left:0}.cm-challenge-go{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--primary-gradient);border-radius:10px;flex:none;padding:8px 14px;font-size:12px;font-weight:700;text-decoration:none}.cm-challenge-full h1{text-transform:none;letter-spacing:0;color:var(--text-strong);margin:8px 0 6px;font-size:22px;line-height:1.3}.cm-challenge-full p{color:var(--text-secondary);margin:0;font-size:14px}.cm-answer-box textarea{min-height:0}.cm-stars{margin:4px 0 16px}.app-main .cm-stars-title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:600;display:flex}.cm-stars-title:before{content:"";background:var(--primary);border-radius:2px;width:14px;height:2px}.cm-stars-row{scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.cm-stars-row::-webkit-scrollbar{display:none}.cm-stars-item{flex-direction:column;flex:none;align-items:center;gap:4px;width:62px;text-decoration:none;display:flex}.cm-stars-item .avatar{box-shadow:0 0 0 2px #fbbf24,0 0 14px -4px #fbbf24e6}.cm-stars-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text-secondary);font-size:11.5px;overflow:hidden}.cm-stars-item b{font-family:var(--font-display);color:#fcd34d;font-size:11.5px}.cm-stars-plus{width:46px;height:46px;color:var(--primary-text);border:2px dashed var(--primary-border);border-radius:50%;place-items:center;font-size:22px;display:grid}.cm-stars-item.you b{font-family:var(--font-body);color:var(--muted);font-weight:600}.cm-kind{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fcd34d;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:6px;margin-bottom:6px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-block}.cm-kind.kind-ask{color:var(--info);background:#22e4ff1a;border-color:#22e4ff59}.cm-kind.kind-puzzle{color:#c4b5fd;border-color:var(--primary-border);background:#7c5cff24}.cm-kind.kind-general{color:#cbd5e1;background:#94a3b81f;border-color:#94a3b859}.cm-post-main .cm-post-title{display:block}.cm-fab{right:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:110;color:#fff;background:var(--primary-gradient);border-radius:18px;place-items:center;width:56px;height:56px;font-size:30px;line-height:1;text-decoration:none;display:grid;position:fixed;box-shadow:0 12px 30px -8px #7c5cffe6}.cm-write{flex-direction:column;gap:10px;display:flex}.cm-write-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-main .cm-write-head h1{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:22px}.cm-kinds{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (width<=520px){.cm-kinds,.cm-compose-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}.cm-kinds button{font:inherit;color:var(--text-strong);cursor:pointer;background:var(--surface-inset);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.cm-kinds button.on{border-color:var(--primary-border);box-shadow:inset 0 0 0 1px var(--primary-border);background:#7c5cff29}.cm-kinds i{font-size:22px;font-style:normal}.cm-kinds b{font-size:13.5px}.cm-kinds small{color:var(--muted);font-size:11px}.cm-field-label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-top:6px;font-size:11.5px;font-weight:600}.cm-topics{flex-wrap:wrap;gap:6px;display:flex}.cm-topics button{font:inherit;color:var(--text-secondary);cursor:pointer;background:var(--surface-inset);border:1px solid var(--border);border-radius:999px;padding:6px 11px;font-size:12.5px}.cm-topics button.on{color:#fff;border-color:var(--primary-border);background:#7c5cff38}.cm-write input,.cm-write textarea{width:100%;font:inherit;line-height:1.5}.cm-write textarea{resize:vertical}.cm-write-tabs{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.cm-write-tabs .segmented{flex:none}.cm-write-help{margin:0}.cm-reward{color:#fcd34d;background:#fbbf2414;border:1px solid #fbbf244d;border-radius:12px;margin:4px 0 0;padding:10px 12px;font-size:13px}.cm-spot{background:radial-gradient(120% 140% at 0 0,#fbbf241f,#0000 55%) padding-box padding-box,linear-gradient(#161b3d,#0c0f22) padding-box padding-box,linear-gradient(120deg,#fbbf2499,#7c5cff73) border-box;border:1px solid #0000;border-radius:18px;margin-top:4px;padding:14px}.cm-spot small{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#fcd34d;font-size:11px;font-weight:600}.cm-spot-q{color:var(--muted);margin:6px 0 0;font-size:12.5px}.cm-spot blockquote{color:var(--text-strong);margin:6px 0 0;font-size:16px;font-weight:600;line-height:1.4}.cm-spot-by{color:var(--muted);margin-top:6px;font-size:12.5px}.cm-spot-today{color:var(--text-secondary);border-top:1px solid var(--divider);justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;font-size:13px;text-decoration:none;display:flex}.cm-spot-today b{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-text);flex:none;font-size:12px}.lx .cm-spot{max-width:none}@media (width<=760px){.app-main .cm-head h1{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:24px}}.cm-kind{align-self:flex-start;width:fit-content}.cm-write-tabs{flex-wrap:wrap;align-items:center}.cm-write-tabs .cm-field-label{flex:auto;margin-top:6px}.cm-write-tabs .segmented-btn{min-height:34px;padding:4px 14px;font-size:13px}.cm-stars-empty{background:var(--surface-1);border:1px dashed #fbbf2473;border-radius:16px;align-items:center;gap:12px;margin:4px 0 16px;padding:12px 14px;text-decoration:none;display:flex}.cm-stars-empty .cm-stars-plus{color:#fcd34d;border-color:#fbbf2499;flex:none}.cm-stars-empty b{color:var(--text-strong);font-size:14px;display:block}.cm-stars-empty span:last-child{color:var(--muted);font-size:12.5px;line-height:1.4}.tie-note{color:#c4b5fd;background:#7c5cff1f;border:1px solid #7c5cff4d;border-radius:999px;margin:6px auto 0;padding:6px 12px;font-size:13.5px;font-weight:600;display:inline-block}.match-page .question-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.fp-rules{margin:0 0 var(--space-4);background:linear-gradient(150deg,#fbbf241a,#0e0f2299);border:1px solid #fbbf2466;border-radius:16px;padding:16px 18px}.fp-rules.accepted{background:#ffffff08;border-color:#94a3b840}.fp-rules h2{align-items:center;gap:8px;margin:0 0 10px;font-size:17px;display:flex}.fp-rules h2:before{content:none}.fp-rules ul{color:var(--text-secondary);gap:7px;margin:0 0 14px;padding-left:20px;font-size:14.5px;line-height:1.45;display:grid}.fp-rules li b{color:var(--text-strong)}.fp-rules .btn-primary{width:100%}.fp-rules-folded{width:100%;margin:0 0 var(--space-4);font:inherit;text-align:left;color:var(--text-secondary);cursor:pointer;background:#ffffff08;border:1px solid #94a3b833;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;display:flex}.fp-rules-folded b{color:#c4b5fd;margin-left:auto;font-weight:700}.fairplay-event.activity{gap:10px}.activity-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.activity-summary{flex-wrap:wrap;gap:6px;display:flex}.activity-summary span{color:var(--text-secondary);background:#ffffff0d;border-radius:999px;padding:4px 10px;font-size:13px}.activity-summary span b{color:var(--text-strong)}.activity-summary .warn{background:#ffc9401f}.activity-summary .bad{background:#ff6b6b24}.activity-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.activity-tools input{flex:1;min-width:180px}.activity-tools .segmented-btn small{opacity:.7;margin-left:2px}.activity-table tr.clickable{cursor:pointer}.activity-table tr.clickable:hover{background:#7c5cff0f}.activity-table tr.level-idle{opacity:.65}.activity-table tr.level-watch{background:#ffc9400d}.activity-table td.bad{color:#ff6b6b;font-weight:700}.activity-caret{width:14px;color:var(--muted);display:inline-block}.activity-email{display:block}.activity-matches>td{background:#ffffff05;padding:4px 0 12px 18px}.activity-matches table{border-collapse:collapse;width:100%;font-size:12.5px}.activity-matches th,.activity-matches td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:5px 6px}.activity-matches th{color:var(--muted);font-weight:600}.activity-matches tr.forfeited td{color:#ff6b6b}.bottom-nav button{cursor:pointer;background:0 0;border:0}.amenu-card{padding:12px 14px}.amenu-card .pmenu-card-text strong{font-size:17px}.amenu-badge{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#ffd23f;border:1px solid #ffd23f80;border-radius:8px;flex:none;padding:3px 10px;font-size:11px;font-weight:700}.amenu .pmenu-label{margin-top:16px}.amenu-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.amenu-tile{text-align:center;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;background:#ffffff09;border:1px solid #94a3b81f;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;font-size:12px;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.amenu-tile:active{transform:scale(.96)}.amenu-tile-icon{color:#c4b5fd;background:#7c5cff26;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.amenu-tile.active{color:var(--text-strong);background:#7c5cff1f;border-color:#7c5cff8c}.amenu .pmenu-group{margin-top:18px}@media (width<=760px){.kpi-grid,.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-card,.admin-stats-grid .stat-card{border-radius:14px;padding:12px 14px}.kpi-label{letter-spacing:.05em;font-size:10.5px}.kpi-value{font-size:1.7rem}.kpi-card .muted{font-size:12px;line-height:1.35}.kpi-live,.growth-hero,.admin-stats-grid .users-card{grid-column:1/-1}.admin-stats-grid .stat-card .stat-value,.admin-stats-grid .stat-card strong{font-size:1.6rem}.admin-shortcuts{margin-top:var(--space-4);gap:8px}.admin-shortcuts .action-card{border-radius:14px;gap:2px;padding:12px 14px}.admin-shortcuts .action-card h3{margin:0;font-size:15.5px}.admin-shortcuts .action-card p{margin:0;font-size:12.5px}}.aev-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-flow:wrap;display:flex}.aev-head>div{flex:320px;min-width:0}.aev-head p{margin:4px 0 0}.admin-events-page .event-form{max-width:860px;margin:0 0 var(--space-5)}.aev-filters{margin:0 0 var(--space-3);flex-wrap:wrap;gap:6px;display:flex}.aev-filter{cursor:pointer;font:inherit;color:var(--text-secondary);background:var(--surface-2,#ffffff0a);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.aev-filter span{color:var(--muted);margin-left:4px;font-weight:700}.aev-filter.on{color:var(--text-strong);background:var(--primary-soft);border-color:var(--primary-border)}.aev-filter.on span{color:var(--primary-text)}.aev-empty{padding:var(--space-5) 0}.admin-event.phase-ended,.admin-event.phase-cancelled{opacity:.85}.aev-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.aev-info{flex-direction:column;gap:4px;min-width:0;display:flex}.aev-info .event-name{overflow-wrap:anywhere}.aev-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.aev-tags .event-phase{align-self:center}.aev-tag{color:var(--text-secondary);background:var(--surface-3);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.aev-tag.public{color:#3ef0a0;background:#3ef0a01f}.aev-meta{color:var(--muted);font-size:14px}.aev-top .event-code{flex:none;font-size:18px}.aev-actions{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;display:flex}.aev-actions .aev-danger{margin-left:auto}.aev-settings{margin-top:var(--space-6)}.aev-settings>summary{cursor:pointer;color:var(--text-secondary);padding:var(--space-2) 0;font-weight:600}.aev-settings[open]>summary{margin-bottom:var(--space-3)}@media (width<=760px){.aev-head>button{width:100%}.aev-filters{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.aev-filters::-webkit-scrollbar{display:none}.aev-filter{flex:none}.admin-event{padding:14px}.aev-top{flex-direction:column}.aev-top .event-code{text-align:center;align-self:stretch}.aev-actions{grid-template-columns:1fr 1fr;display:grid}.aev-actions>button{justify-content:center;width:100%}.aev-actions .aev-danger{margin-left:0}.aev-actions .aev-danger:nth-child(odd){grid-column:1/-1}}.chat-pin{background:#ffd23f14;border:1px solid #ffd23f4d;border-radius:12px;align-items:flex-start;gap:8px;margin:8px 12px 0;padding:9px 12px;display:flex}.chat-pin-mark{flex:none;font-size:14px;line-height:1.5}.chat-pin p{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.45}.chat-pin b{letter-spacing:.06em;text-transform:uppercase;color:#ffd23f;font-size:11px;font-weight:700;display:block}.chat-welcome .chat-bubble{border:1px solid #7c5cff59}.chat-welcome .btn-ghost{margin-top:8px}.admin-pin-actions{flex-wrap:wrap;gap:8px;display:flex}.quality-controls{margin-top:var(--space-3);flex-wrap:wrap;gap:8px;display:flex}.quality-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.quality-head h2{margin:0}.quality-table td{white-space:nowrap}.quality-table td:last-child{white-space:normal;min-width:180px}.quality-table tr.tone-easy td.quality-right{color:#fbbf24;font-weight:700}.quality-table tr.tone-bad{background:#ff6b6b12}.quality-table tr.tone-bad td.quality-right{color:#ff6b6b;font-weight:700}.quality-table tr.tone-warn td:last-child{color:#fbbf24}.quality-suspect{border-color:#ff6b6b66}.quality-suspect ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.quality-suspect li{background:#ffffff08;border-radius:10px;padding:10px 12px}.quality-q{margin:0 0 6px;font-weight:600}.quality-picks{flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13.5px;display:flex}.quality-picks .ok{color:#3ef0a0}.quality-picks .bad{color:#ff6b6b;font-weight:700}.quality-bars{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));display:grid}.quality-page .form-card{max-width:none;margin-bottom:var(--space-4)}.match-feel{margin:var(--space-4) auto 0;background:#ffffff09;border:1px solid #94a3b824;border-radius:16px;justify-items:center;gap:8px;max-width:460px;padding:12px 14px;display:grid}.match-feel-q{color:var(--text-secondary);font-size:14px;font-weight:600}.match-feel-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.match-feel-choices button{min-height:42px;font:inherit;color:var(--text);cursor:pointer;background:#ffffff0a;border:1px solid #94a3b82e;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:13.5px;font-weight:600;display:flex}.match-feel-choices button.on{border-color:var(--primary);color:var(--text-strong);background:#7c5cff29}.like-question{font:inherit;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #94a3b840;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.like-question.on{color:#3ef0a0;background:#3ef0a014;border-color:#3ef0a080}.quality-liked{gap:8px;margin:0;padding-left:20px;display:grid}.quality-liked li span{font-weight:600;display:block}.mkeys{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;padding:2px 0 6px;display:flex;overflow-x:auto}.mkeys::-webkit-scrollbar{display:none}.mkey{cursor:pointer;min-width:38px;height:36px;font:600 17px/1 var(--font-body,inherit);color:var(--text-strong);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:none;padding:0 10px}.mkey:hover{border-color:var(--primary-border)}.mkey:active{transform:translateY(1px)}.mkey-build{color:var(--primary-text);background:var(--primary-soft);border-color:var(--primary-border);font-size:15px}.mkey-build.on{background:var(--primary);color:#fff}.mbar{flex-direction:column;gap:6px;display:flex}.mkeys-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.chat-input .mkeys-wrap{margin-bottom:6px}.chat-input .mbuild-see{font-size:22px}.mbuild{background:var(--surface-2);border:1px solid var(--primary-border);border-radius:12px;gap:10px;padding:12px;display:grid}.mbuild-fields{flex-wrap:wrap;gap:10px;display:flex}.mbuild-fields label{color:var(--text-secondary);flex-direction:column;flex:120px;gap:4px;font-size:13px;display:flex}.mbuild-fields input{width:100%;font-size:16px}.mbuild-see{background:#0000002e;border-radius:10px;place-items:center;min-height:44px;font-size:20px;display:grid}.mbuild-see .md p{margin:0}.mbuild-ghost{opacity:.45}.mbuild-actions{justify-content:flex-end;gap:8px;display:flex}.mpreview{border:1px dashed var(--border);background:#0000001f;border-radius:12px;padding:10px 12px}.mpreview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.mpreview .md>:last-child{margin-bottom:0}.chat-math-btn{cursor:pointer;min-width:42px;min-height:40px;font:700 15px/1 var(--font-body,inherit);color:var(--primary-text);background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:10px;flex:none;padding:0 8px}.chat-math-btn.on{background:var(--primary);color:#fff}.chat-mkeys{margin-bottom:0}.chat-mkeys .mkey{min-width:36px;height:34px;font-size:16px}.cm-math-toggle{cursor:pointer;color:var(--primary-text);background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:999px;margin-right:auto;padding:5px 10px;font-size:13px;font-weight:600}.cm-math-toggle.on{background:var(--primary);color:#fff}.cm-comment-box .mpreview{font-size:14px}.cm-head-side{align-items:center;gap:8px;display:flex}.cm-rules-btn{cursor:pointer;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.cm-rules-btn.on{color:var(--text-strong);border-color:var(--primary-border);background:var(--primary-soft)}.cm-rules{margin:0 0 var(--space-4);background:var(--card-gradient);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.cm-rules h3{margin:0 0 8px;font-size:16px}.cm-rules ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cm-rules li{color:var(--text-secondary);gap:8px;font-size:14px;line-height:1.4;display:flex}.cm-rules li b{color:var(--text-strong)}.cm-rules-note{color:var(--muted);margin:10px 0 0;font-size:13px}.cm-rules.compact{margin:var(--space-2) 0 0;padding:12px 14px}.cm-rules.compact h3{font-size:14px}.cm-rules.compact li{font-size:13px}.cm-find-top{margin:0 0 var(--space-3)}.cm-find-top input,.pmenu-find input{border-radius:12px;min-height:44px;font-size:16px}.pmenu-find{margin:4px 0 12px}.pmenu-find .cm-find-list{max-height:40vh;overflow-y:auto}.pmenu-find .cm-find-list button{padding:10px 12px;font-size:15px}.learn-next{width:100%;max-width:560px;margin:var(--space-4) auto 0;text-align:left;background:linear-gradient(135deg,#38bdf81f,#8b5cf61f);border:1px solid #38bdf873;border-radius:16px;padding:16px;display:block}.learn-next h2{text-transform:none;letter-spacing:0;margin:0;font-size:18px}.learn-next h2:before{display:none}.learn-next p{color:var(--text-secondary);margin:4px 0 12px;font-size:14px}.learn-next-topics{gap:8px;display:grid}.learn-next-topics a{min-height:48px;color:var(--text-strong);background:#38bdf824;border:1px solid #38bdf880;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:0 16px;text-decoration:none;display:flex}.learn-next-topics a b{font-size:16px}.learn-next-topics a span{color:#7dd3fc;font-size:22px}.learn-next-topics a:hover{border-color:#7dd3fc}.learn-next-all{color:var(--text-strong);align-items:center;gap:12px;text-decoration:none;display:flex}.learn-next-all>span:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.learn-next-all small{color:var(--text-secondary);font-size:13px}.learn-next-icon{font-size:26px}.learn-next-go{color:#7dd3fc;font-size:24px}@media (width>=761px){.learn-next-topics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.restrict-banner{color:var(--text-strong);background:#fb71851f;border-color:#fb718573}.restrict-banner .restrict-reason{color:var(--text-secondary)}.restrict-banner strong{color:#fda4af}.restrict-note{margin:0 0 var(--space-3);color:var(--text-strong);background:#fb71851a;border:1px solid #fb718566;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.45}.chat-guest .restrict-note{width:100%;margin:0}.restrict-card{border-color:#fb718559}.restrict-active{background:#fb71851f;border:1px solid #fb718573;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.restrict-active>div{flex-direction:column;gap:2px;min-width:0;display:flex}.restrict-active strong{color:#fda4af}.restrict-form{gap:10px;margin-top:12px;display:grid}.restrict-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-btn{cursor:pointer;font:inherit;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chip-btn.small{padding:4px 10px;font-size:12px}.chip-btn.on{color:#fff;background:#e11d48;border-color:#e11d48}.restrict-custom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.restrict-custom input{width:90px}.restrict-check{text-align:left;color:var(--text-secondary);flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;font-size:14px;display:flex}.restrict-check input{flex:none;width:auto;margin:0}.restrict-form .btn-danger{justify-self:start}.restrict-history{margin-top:12px}.restrict-history summary{cursor:pointer;color:var(--text-secondary);font-weight:600}.restrict-history ul{gap:6px;margin:8px 0 0;padding-left:18px;font-size:13px;display:grid}@media (width<=760px){.restrict-form .btn-danger{justify-self:stretch}}.ws-dot.online:after,.night-pulse,.streak-pill.at-risk,.lx-ring,.lx-dot,.zip-body,.zip-eye,.pmenu-dot,.ph-vs-unknown:after,.ph-ring,.ph .ph-play:after,.event-soon-dot{animation-iteration-count:3!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.next-advance{min-height:44px;color:var(--text-strong);justify-content:center;align-items:center;gap:10px;margin-top:4px;font-weight:700;display:flex}.next-advance-check{color:#04130b;background:#3ef0a0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;animation:.26s cubic-bezier(.34,1.56,.64,1) both advance-pop,.9s ease-out .12s 2 advance-ring;display:grid;box-shadow:0 0 #3ef0a099}.next-advance-text{align-items:center;gap:6px;animation:.2s ease-out 60ms both advance-in;display:inline-flex}.next-advance-dots{gap:3px;display:inline-flex}.next-advance-dots i{opacity:.3;background:currentColor;border-radius:50%;width:5px;height:5px;animation:.9s ease-in-out 8 advance-dot}.next-advance-dots i:nth-child(2){animation-delay:.15s}.next-advance-dots i:nth-child(3){animation-delay:.3s}@keyframes advance-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes advance-ring{to{box-shadow:0 0 0 12px #3ef0a000}}@keyframes advance-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes advance-dot{0%,to{opacity:.25}50%{opacity:1}}.match-page .question-card{animation:.22s ease-out question-in}@keyframes question-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@media (width<=760px){.next-advance{font-size:15px}}.nav-search{display:none}.bottom-nav-icon{position:relative}.bottom-nav-badge{min-width:17px;height:17px;font:700 10.5px/17px var(--font-body,inherit);color:#fff;background:var(--error-strong);text-align:center;box-shadow:0 0 0 2px var(--bg-deep,#05060d);border-radius:999px;padding:0 4px;position:absolute;top:-6px;right:-10px}@media (width<=760px){.nav-search{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:var(--surface-1);border:1px solid var(--border);border-radius:10px;place-items:center;padding:0;display:grid}.nav-search .icon{display:block}.nav-search.on{color:var(--text-strong);border-color:var(--primary-border);background:var(--primary-soft)}.nav-search-backdrop{z-index:350;background:#03040a8c;animation:.12s ease-out fade-in;position:fixed;inset:0}.nav-search-sheet{padding:calc(10px + env(safe-area-inset-top)) 12px 12px;background:var(--surface-1);border-bottom:1px solid var(--border);align-items:flex-start;gap:8px;animation:.16s ease-out search-down;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 12px 30px -12px #0009}.nav-search-find{flex:1;min-width:0}.nav-search-find input{border-radius:12px;width:100%;min-height:44px;font-size:16px}.nav-search-find .cm-find-list{max-height:60vh;overflow-y:auto}.nav-search-find .cm-find-list button{padding:11px 12px;font-size:15px}.nav-search-close{min-height:44px;font:inherit;color:var(--primary-text);cursor:pointer;background:0 0;border:0;flex:none;padding:0 6px;font-weight:600}.nav-chat{display:none}}@keyframes search-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.side-nav{display:none}@media (width>=761px){:root{--side-w:96px}.app-shell.with-side{padding-left:var(--side-w)}.app-shell.with-side>.navbar{margin-left:calc(-1 * var(--side-w))}.side-nav{z-index:90;width:var(--side-w);scrollbar-width:none;background:#060812f5;border-right:1px solid #7c5cff38;flex-direction:column;gap:2px;padding:78px 8px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:10px 0 30px -20px #7c5cff99}.side-nav::-webkit-scrollbar{display:none}.side-link{width:100%;min-height:58px;font:inherit;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--muted);cursor:pointer;transition:color var(--dur) ease, background-color var(--dur) ease;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:10px;font-weight:700;text-decoration:none;display:flex;position:relative}.side-link:hover{color:var(--text-strong);background:var(--overlay-hover)}.side-icon{filter:grayscale(.7);opacity:.75;width:36px;height:32px;transition:transform var(--dur) var(--ease-out), opacity var(--dur) ease, filter var(--dur) ease;place-items:center;font-size:20px;line-height:1;display:grid}.side-label{text-overflow:ellipsis;max-width:100%;overflow:hidden}.side-link:hover .side-icon{filter:none;opacity:1}.side-link.active{color:var(--text-strong);background:linear-gradient(#7c5cff42,#7c5cff0f)}.side-link.active .side-icon{filter:none;opacity:1;transform:translateY(-1px)}.side-link.active:before{content:"";background:var(--primary-gradient);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:-8px}.side-link.play .side-icon{color:var(--on-accent);background:var(--primary-gradient);box-shadow:var(--shadow-primary);filter:none;opacity:1;border-radius:9px}.side-link.play{color:var(--text)}.side-emoji{font-size:18px}.side-sep{background:var(--divider);flex:none;height:1px;margin:8px 6px}.side-caret{display:none}}@media (width>=1200px){:root{--side-w:220px}.side-nav{gap:3px;padding:80px 12px 20px}.side-link{letter-spacing:.05em;flex-direction:row;justify-content:flex-start;gap:12px;min-height:46px;padding:6px 12px;font-size:13px}.side-icon{width:32px;height:32px}.side-link.active:before{top:10px;bottom:10px;left:-12px}.side-caret{color:var(--muted);transition:transform var(--dur) ease;margin-left:auto;display:block}.side-more.open .side-caret{transform:rotate(180deg)}}.cm-share{align-items:center;display:inline-flex;position:relative}.cm-share-btn{align-items:center;gap:4px;display:inline-flex}.cm-share-note{white-space:nowrap;color:var(--text-strong);background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-1);z-index:5;border-radius:8px;padding:4px 8px;font-size:12px;position:absolute;bottom:calc(100% + 6px);right:0}.cm-post-foot .cm-share-foot .cm-share-btn{color:var(--muted)}@media (width>=761px){.cm-post-foot .cm-share-foot{margin-left:auto}}@media (width<=760px){.cm-post-foot .cm-share-foot .cm-share-btn{border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-weight:600;text-decoration:none}}.cm-challenge-full .cm-share{margin-top:10px}@media (width<=760px){.cm-comment .cm-share-btn{gap:0;font-size:0}.cm-comment .cm-share-btn svg{width:16px;height:16px}}.cm-comment.cm-flash{border-radius:12px;animation:2.4s ease-out cm-flash}@keyframes cm-flash{0%,40%{box-shadow:0 0 0 2px var(--primary-border);background:#7c5cff38}to{box-shadow:none;background:0 0}}