:root{--primary-950:#172454;--primary-900:#213d93;--primary-800:#1f3fae;--primary-700:#1e4cd7;--primary-600:#2661ea;--primary-500:#3c7ff5;--primary-400:#61a3f9;--primary-300:#94c4fc;--primary-200:#bfdafe;--primary-100:#dbeafe;--primary-50:#eff6ff;--secondary-950:#400c0a;--secondary-900:#771d17;--secondary-800:#942018;--secondary-700:#ba2514;--secondary-600:#e03616;--secondary-500:#ef5123;--secondary-400:#f27345;--secondary-300:#f7a37a;--secondary-200:#fac9ae;--secondary-100:#fde6d7;--secondary-50:#fef4ee;--neutral-950:#1f2632;--neutral-900:#2f3b4b;--neutral-800:#334459;--neutral-700:#3b5069;--neutral-600:#486381;--neutral-500:#5b7b9c;--neutral-400:#7c98b4;--neutral-300:#aabccf;--neutral-200:#d2dbe5;--neutral-100:#ebeef3;--neutral-50:#f4f6f9;--neutral-0:#fff;--alpha-950:#fff;--alpha-900:#ffffffe6;--alpha-800:#fffc;--alpha-700:#ffffffb3;--alpha-600:#fff9;--alpha-500:#ffffff80;--alpha-400:#fff6;--alpha-300:#ffffff4d;--alpha-200:#fff3;--alpha-100:#ffffff1a;--alpha-50:#ffffff0d;--success-950:#17290a;--success-900:#304b1c;--success-800:#38571d;--success-700:#436d1e;--success-600:#568f21;--success-500:#71b42e;--success-400:#83c939;--success-300:#aedf77;--success-200:#ceeda9;--success-100:#e6f5d2;--success-50:#f4fbea;--warning-950:#482300;--warning-900:#7c430b;--warning-800:#985208;--warning-700:#bb6a02;--warning-600:#e29600;--warning-500:#ffc50d;--warning-400:#ffe11b;--warning-300:#ffef46;--warning-200:#fff985;--warning-100:#fffcc5;--warning-50:#ffffea;--danger-950:#4a0505;--danger-900:#871515;--danger-800:#a41010;--danger-700:#c70e0e;--danger-600:#ed2626;--danger-500:#fe3535;--danger-400:#ff6565;--danger-300:#ff9d9d;--danger-200:#ffc6c6;--danger-100:#ffe0e0;--danger-50:#fff1f1;--cyan-950:#09262a;--cyan-900:#194548;--cyan-800:#195356;--cyan-700:#1a676b;--cyan-600:#1b8386;--cyan-500:#25a7a7;--cyan-400:#3fc2c1;--cyan-300:#58d6d1;--cyan-200:#a3ece7;--cyan-100:#d1f6f2;--cyan-50:#f1fcfa;--purple-950:#380e44;--purple-900:#5a2768;--purple-800:#6a297f;--purple-700:#81319c;--purple-600:#993ebb;--purple-500:#b45ed7;--purple-400:#cc8be7;--purple-300:#deb6f1;--purple-200:#ebd6f8;--purple-100:#f5ebfc;--purple-50:#fbf6fd;--pink-950:#4a0d2c;--pink-900:#7a214f;--pink-800:#92225b;--pink-700:#b1256e;--pink-600:#cf408f;--pink-500:#df55a8;--pink-400:#e97dc2;--pink-300:#f2afda;--pink-200:#f7d3ec;--pink-100:#fae9f5;--pink-50:#fcf3f9;--color-bg:var(--neutral-50);--color-surface:var(--neutral-0);--color-surface-muted:var(--neutral-100);--color-border:var(--neutral-200);--color-border-strong:var(--neutral-300);--color-text:var(--neutral-900);--color-text-muted:var(--neutral-500);--color-text-inverse:var(--neutral-0);--color-action:var(--primary-600);--color-action-hover:var(--primary-700);--color-action-active:var(--primary-800);--color-accent:var(--secondary-600);--color-accent-hover:var(--secondary-700);--color-focus-ring:var(--primary-300);--color-active-bg:var(--primary-50);--color-active-text:var(--secondary-600);--space-0:0;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-56:56px;--space-64:64px;--space-72:72px;--space-80:80px;--space-88:88px;--space-96:96px;--space-104:104px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-display:32px;--text-h1:28px;--text-h2:22px;--text-h3:18px;--text-body-lg:16px;--text-body:14px;--text-caption:12px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #1f26320f;--shadow-md:0 2px 8px #1f263214;--shadow-card:0 1px 3px #1f26320f, 0 1px 2px #1f26320a;--shadow-lg:0 8px 24px #1f26321f;--bp-mobile:375px;--bp-tablet:768px;--bp-desktop:1280px;--container-max:1280px;--grid-columns:12;--grid-gutter:var(--space-24);--sidebar-width:280px;--sidebar-width-collapsed:76px;--topbar-height:72px}[data-theme=dark]{--color-bg:var(--neutral-950);--color-surface:var(--neutral-900);--color-surface-muted:var(--neutral-800);--color-border:var(--neutral-700);--color-border-strong:var(--neutral-600);--color-text:var(--neutral-50);--color-text-muted:var(--neutral-300);--color-action:var(--primary-500);--color-action-hover:var(--primary-400);--color-action-active:var(--primary-300);--color-accent:var(--secondary-500);--color-accent-hover:var(--secondary-400);--color-focus-ring:var(--primary-500);--color-active-bg:var(--primary-950);--color-active-text:var(--secondary-400)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-bg:var(--neutral-950);--color-surface:var(--neutral-900);--color-surface-muted:var(--neutral-800);--color-border:var(--neutral-700);--color-border-strong:var(--neutral-600);--color-text:var(--neutral-50);--color-text-muted:var(--neutral-300);--color-action:var(--primary-500);--color-action-hover:var(--primary-400);--color-action-active:var(--primary-300);--color-accent:var(--secondary-500);--color-accent-hover:var(--secondary-400);--color-focus-ring:var(--primary-500);--color-active-bg:var(--primary-950);--color-active-text:var(--secondary-400)}}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}a{color:var(--color-action);text-decoration:none}.t-display{font-size:var(--text-display);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.t-h1{font-size:var(--text-h1);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.t-h2{font-size:var(--text-h2);font-weight:var(--weight-semibold)}.t-h3{font-size:var(--text-h3);font-weight:var(--weight-semibold)}.t-muted{color:var(--color-text-muted)}.t-caption{font-size:var(--text-caption);color:var(--color-text-muted)}:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.btn{align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-20);border-radius:var(--radius-md);font:var(--weight-semibold) var(--text-body)/1 var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn--primary{background:var(--primary-700);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--primary-800)}.btn--secondary{background:var(--secondary-600);color:var(--color-text-inverse)}.btn--secondary:hover{background:var(--secondary-700)}.btn--soft{background:var(--secondary-100);color:var(--secondary-600)}.btn--soft:hover{background:var(--secondary-200)}.btn--soft-blue{background:var(--primary-50);color:var(--primary-700)}.btn--soft-blue:hover{background:var(--primary-100)}.btn--outline{border-color:var(--secondary-300);color:var(--secondary-600);background:0 0}.btn--outline:hover{background:var(--secondary-50)}.btn--ghost{color:var(--color-text-muted);background:0 0}.btn--ghost:hover{background:var(--color-surface-muted)}.btn--sm{padding:var(--space-8) var(--space-12);font-size:var(--text-caption)}.btn[disabled]{opacity:.5;cursor:not-allowed}.icon-btn{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-surface-muted);color:var(--color-text)}.input{width:100%;padding:var(--space-12) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-md);font:var(--text-body)/1.2 var(--font-sans);color:var(--color-text);background:var(--color-surface)}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-100);outline:none}.search{align-items:center;display:flex;position:relative}.search .input{padding-left:var(--space-40)}.search svg{left:var(--space-12);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none;position:absolute}.badge{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--weight-medium);border:1px solid #0000;line-height:1.4;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge--danger{background:var(--danger-50);color:var(--danger-600);border-color:var(--danger-200)}.badge--warning{background:var(--warning-50);color:var(--warning-700);border-color:var(--warning-200)}.badge--success{background:var(--success-50);color:var(--success-700);border-color:var(--success-200)}.badge--info{background:var(--primary-50);color:var(--primary-700);border-color:var(--primary-200)}.badge--neutral{background:var(--neutral-100);color:var(--neutral-600);border-color:var(--neutral-200)}.badge--brand{background:var(--neutral-0);color:var(--primary-700);box-shadow:var(--shadow-sm);border-color:#0000}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-24);box-shadow:var(--shadow-card)}.kpi-card{gap:var(--space-8);flex-direction:column;display:flex}.kpi-card .kpi-head{justify-content:space-between;align-items:baseline;display:flex}.kpi-card .kpi-label{font-size:var(--text-body-lg);color:var(--color-text)}.kpi-card .kpi-value{font-size:var(--text-h2);font-weight:var(--weight-bold)}.kpi-card .kpi-value.is-negative{color:var(--secondary-600)}.kpi-card .kpi-sub{font-size:var(--text-caption);color:var(--color-text-muted)}.chart-card .chart-head{margin-bottom:var(--space-16);justify-content:space-between;align-items:baseline;display:flex}.hero{background:linear-gradient(100deg, var(--primary-900) 0%, var(--primary-800) 100%);color:var(--color-text-inverse);border-radius:var(--radius-xl);padding:var(--space-32);justify-content:space-between;align-items:center;gap:var(--space-16);display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;opacity:.08;background:url(/brand/quizff-mark.png) 100%/contain no-repeat;width:440px;height:320px;position:absolute;top:50%;right:-16px;transform:translateY(-50%)}.hero>*{z-index:1;position:relative}.hero .hero-kicker{font-size:var(--text-caption);letter-spacing:.04em;opacity:.8}.hero .hero-title{font-size:var(--text-display);font-weight:var(--weight-bold)}.hero .hero-actions{align-items:center;gap:var(--space-12);display:flex}.hero .month-select{align-items:center;gap:var(--space-8);background:var(--alpha-100);border:1px solid var(--alpha-200);color:var(--color-text-inverse);padding:var(--space-8) var(--space-16);border-radius:var(--radius-md);display:inline-flex}.alert{align-items:center;gap:var(--space-12);background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--neutral-400);border-radius:var(--radius-md);padding:var(--space-16) var(--space-20);display:flex}.alert--danger{border-left-color:var(--danger-500)}.alert--warning{border-left-color:var(--warning-500)}.alert--success{border-left-color:var(--success-500)}.alert--info{border-left-color:var(--primary-500)}.alert .alert-strong{font-weight:var(--weight-semibold)}.alert--danger .alert-strong{color:var(--danger-600)}.alert .alert-close{margin-left:auto}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:var(--text-body)}.table thead th{text-align:left;font-weight:var(--weight-medium);color:var(--color-text-muted);background:var(--neutral-50);padding:var(--space-16) var(--space-20);border-bottom:1px solid var(--color-border);white-space:nowrap}.table tbody td{padding:var(--space-16) var(--space-20);border-bottom:1px solid var(--color-border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--neutral-50)}.table tbody tr td:first-child{border-left:4px solid #0000}.table tr.row--danger td:first-child{border-left-color:var(--danger-500)}.table tr.row--warning td:first-child{border-left-color:var(--warning-500)}.table tr.row--success td:first-child{border-left-color:var(--success-500)}.table .cell-strong{font-weight:var(--weight-semibold);color:var(--color-text)}.bar-track{border-radius:var(--radius-sm);background:var(--neutral-100);height:28px;display:flex;overflow:hidden}.bar-seg{color:var(--color-text-inverse);font-size:var(--text-caption);font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:flex}.bar-seg--neg{background:var(--secondary-600)}.bar-seg--pos{background:var(--primary-700)}.stack-8{gap:var(--space-8);flex-direction:column;display:flex}.stack-16{gap:var(--space-16);flex-direction:column;display:flex}.stack-24{gap:var(--space-24);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-12);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-16);display:flex}.grid-kpi{gap:var(--space-24);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-kpi{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid-kpi{grid-template-columns:1fr}}.tabs{gap:var(--space-24);border-bottom:1px solid var(--color-border);display:flex}.tab{padding:var(--space-12) 0;cursor:pointer;color:var(--color-text-muted);font-weight:var(--weight-medium);font:var(--weight-medium) var(--text-body) var(--font-sans);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--color-text)}.tab.is-active{color:var(--color-active-text);border-bottom-color:var(--color-active-text)}.field{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.field-label{font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-text)}.field-label .req{color:var(--secondary-600)}.input--filled{background:var(--neutral-50);border-color:var(--neutral-100);color:var(--color-text-muted)}.field-grid{gap:var(--space-16) var(--space-20);grid-template-columns:repeat(2,1fr);display:grid}.field-grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=640px){.field-grid,.field-grid--4{grid-template-columns:1fr 1fr}}.modal-backdrop{z-index:50;padding:var(--space-24);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f263273;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden}.modal-title{font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-text)}.modal-panel{flex-direction:column;flex:1;min-width:0;display:flex}.modal-toolbar{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-20) var(--space-24) 0;display:flex}.modal-body{padding:var(--space-24);gap:var(--space-20);flex-direction:column;display:flex;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-12);padding:var(--space-16) var(--space-24);border-top:1px solid var(--color-border);display:flex}.modal--rail{grid-template-columns:200px 1fr;max-width:760px;display:grid}.modal-rail{background:var(--neutral-50);border-right:1px solid var(--color-border);padding:var(--space-24)}@media (width<=640px){.modal--rail{grid-template-columns:1fr}.modal-rail{border-right:none;border-bottom:1px solid var(--color-border)}}.btn--outline-neutral{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.btn--outline-neutral:hover{background:var(--color-surface-muted)}.toast-stack{top:var(--space-24);z-index:60;gap:var(--space-12);flex-direction:column;align-items:center;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-12);background:var(--color-surface);border:1px solid var(--success-300);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-16);box-shadow:var(--shadow-md);display:inline-flex}.toast .toast-msg{font-weight:var(--weight-semibold)}.toast .toast-action{margin-left:var(--space-8)}.toast--success{border-color:var(--success-300)}.toast--success .toast-icon,.toast--success .toast-msg{color:var(--success-700)}.toast--danger{border-color:var(--danger-300)}.toast--danger .toast-icon,.toast--danger .toast-msg{color:var(--danger-600)}.toast--warning{border-color:var(--warning-300)}.toast--warning .toast-icon,.toast--warning .toast-msg{color:var(--warning-700)}.toast--info{border-color:var(--primary-300)}.toast--info .toast-icon,.toast--info .toast-msg{color:var(--primary-700)}[data-theme=dark] .table thead th,[data-theme=dark] .table tbody tr:hover{background:var(--color-surface-muted)}[data-theme=dark] .input--filled{background:var(--color-surface-muted);border-color:var(--color-border)}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px var(--primary-900)}[data-theme=dark] .bar-track{background:var(--color-surface-muted)}[data-theme=dark] .modal-rail{background:var(--color-surface-muted);border-color:var(--color-border)}[data-theme=dark] .btn--soft{background:var(--secondary-950);color:var(--secondary-300)}[data-theme=dark] .btn--soft:hover{background:var(--secondary-900)}[data-theme=dark] .btn--soft-blue{background:var(--primary-950);color:var(--primary-300)}[data-theme=dark] .btn--soft-blue:hover{background:var(--primary-900)}[data-theme=dark] .badge--danger{background:var(--danger-950);color:var(--danger-300);border-color:var(--danger-800)}[data-theme=dark] .badge--warning{background:var(--warning-950);color:var(--warning-300);border-color:var(--warning-800)}[data-theme=dark] .badge--success{background:var(--success-950);color:var(--success-300);border-color:var(--success-800)}[data-theme=dark] .badge--info{background:var(--primary-950);color:var(--primary-300);border-color:var(--primary-800)}[data-theme=dark] .badge--neutral{background:var(--neutral-800);color:var(--neutral-300);border-color:var(--neutral-700)}[data-theme=dark] .toast--success .toast-icon,[data-theme=dark] .toast--success .toast-msg{color:var(--success-300)}[data-theme=dark] .toast--danger .toast-icon,[data-theme=dark] .toast--danger .toast-msg{color:var(--danger-300)}[data-theme=dark] .toast--warning .toast-icon,[data-theme=dark] .toast--warning .toast-msg{color:var(--warning-300)}[data-theme=dark] .toast--info .toast-icon,[data-theme=dark] .toast--info .toast-msg{color:var(--primary-300)}.brand-logo--dark,[data-theme=dark] .brand-logo--light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .brand-logo--light{display:none}:root:not([data-theme=light]):not([data-theme=dark]) .brand-logo--dark{display:inline-block}}.app{flex-direction:column;min-height:100dvh;display:flex}.topnav{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-16);height:var(--topbar-height);padding:0 var(--space-24);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-12);min-width:0;display:flex}.brand-wordmark{object-fit:contain;flex:none;width:120px;height:36px;display:block}.brand b{font-size:var(--text-h3);line-height:1.1;display:block}.brand small{color:var(--color-text-muted);font-size:var(--text-caption)}.brand-logo{object-fit:contain;flex:none;width:36px;height:36px;display:block}.brand-logo--dark,[data-theme=dark] .brand-logo--light{display:none}[data-theme=dark] .brand-logo--dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]) .brand-logo--light{display:none}:root:not([data-theme=light]):not([data-theme=dark]) .brand-logo--dark{display:block}}.brand-ia{margin-left:var(--space-8);padding:2px var(--space-8);border-radius:var(--radius-pill);background:var(--secondary-600);color:var(--color-text-inverse);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.04em;vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.topnav-actions{align-items:center;gap:var(--space-8);display:flex}.auth-user{color:var(--color-text-muted);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.content{width:100%;max-width:var(--container-max);padding:var(--space-24);flex:1;margin:0 auto}.auth-page{min-height:100dvh;padding:var(--space-24);background:var(--color-surface-muted);place-items:center;display:grid}.auth-panel{gap:var(--space-20);width:min(100%,420px);padding:var(--space-24);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.auth-panel h1{margin:0 0 var(--space-8);font-size:var(--text-h1)}.auth-panel p{color:var(--color-text-muted);margin:0}.auth-actions{gap:var(--space-8);flex-direction:column;display:flex}.auth-note{font-size:var(--text-caption)}.auth-page--player{place-items:start center}.player-profile-shell{gap:var(--space-20);grid-template-columns:minmax(280px,360px) 1fr;align-items:start;width:min(100%,960px);display:grid}.player-history-panel{width:100%}.player-history-head{justify-content:space-between;align-items:center;gap:var(--space-16);display:flex}.player-history-head h2{margin:0 0 var(--space-8);font-size:var(--text-h2)}.player-stats{gap:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.player-stat{min-width:0;padding:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);gap:2px;display:grid}.player-stat span{color:var(--color-text-muted);font-size:var(--text-caption)}.player-stat b{font-size:var(--text-h2)}.player-history-list{gap:var(--space-8);flex-direction:column;display:flex}.player-history-row{gap:var(--space-12);padding:var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);grid-template-columns:minmax(120px,1fr) auto auto;align-items:center;display:grid}.player-history-row span:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.player-history-row b,.player-history-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-history-row small{color:var(--color-text-muted)}@media (width<=780px){.player-profile-shell{grid-template-columns:1fr}.player-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.player-history-row{grid-template-columns:1fr}}.page-head{justify-content:space-between;align-items:center;gap:var(--space-16);margin-bottom:var(--space-24);flex-wrap:wrap;display:flex}.link-btn{color:var(--color-action);cursor:pointer;font:var(--weight-semibold) var(--text-body) var(--font-sans);background:0 0;border:none;padding:0}.spacer{flex:1}.stat-pill{align-items:center;gap:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--text-caption);font-weight:var(--weight-semibold);padding:6px 10px;display:inline-flex}.users-table{gap:var(--space-8);flex-direction:column;display:flex}.user-row{gap:var(--space-12);padding:var(--space-12);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:minmax(220px,1fr) 170px 230px auto;align-items:center;display:grid}.user-main{flex-direction:column;gap:2px;min-width:0;display:flex}.user-main b,.user-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-main span{color:var(--color-text-muted);font-size:var(--text-caption)}.user-role{align-items:center;gap:var(--space-8);color:var(--color-text-muted);font-size:var(--text-caption);font-weight:var(--weight-semibold);display:inline-flex}.user-role.is-admin{color:var(--primary-700)}.user-expiry{min-width:0}.user-actions{align-items:center;gap:var(--space-8);justify-content:flex-end;display:flex}@media (width<=860px){.user-row{grid-template-columns:1fr;align-items:stretch}.user-actions{justify-content:stretch}.user-actions .btn{flex:1}}.quiz-grid{gap:var(--space-20);grid-template-columns:repeat(auto-fill,minmax(280px,340px));justify-content:start;display:grid}.quiz-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.45s cubic-bezier(.2,.7,.2,1) both card-in;display:flex;position:relative;overflow:hidden}.quiz-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-400);transform:translateY(-4px)}.qc-live{top:var(--space-12);left:var(--space-12);z-index:2;border-radius:var(--radius-pill);background:var(--warning-500);color:var(--neutral-950);font-size:var(--text-caption);font-weight:var(--weight-bold);align-items:center;padding:4px 10px;display:inline-flex;position:absolute}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.qc-cover{height:96px;padding:var(--space-16);background:radial-gradient(110% 120% at 8% -10%, var(--primary-500) 0%, transparent 45%), linear-gradient(140deg, var(--primary-700) 0%, var(--primary-900) 55%, var(--primary-950) 100%);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.qc-cover:after{content:"";opacity:.55;background-image:radial-gradient(#ffffff29 1px,#0000 1.5px);background-size:13px 13px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(125deg,#000,#0000 72%);mask-image:linear-gradient(125deg,#000,#0000 72%)}.qc-cover:before{content:"";z-index:1;background:linear-gradient(90deg, var(--secondary-500), var(--secondary-400));height:3px;position:absolute;bottom:0;left:0;right:0}.qc-mono{z-index:1;border-radius:var(--radius-md);color:#fff;width:46px;height:46px;font-size:24px;font-weight:var(--weight-bold);background:#ffffff26;border:1px solid #ffffff47;place-items:center;display:grid;position:relative}.qc-count{z-index:1;border-radius:var(--radius-pill);color:#fff;font-size:var(--text-caption);font-weight:var(--weight-semibold);background:#ffffff29;border:1px solid #ffffff38;align-items:center;gap:5px;padding:4px 10px;display:inline-flex;position:relative}.qc-body{gap:var(--space-8);padding:var(--space-16) var(--space-16) var(--space-12);flex-direction:column;flex:1;display:flex}.quiz-card .qc-title{font-size:var(--text-h3);font-weight:var(--weight-bold);line-height:1.25}.quiz-card .qc-desc{color:var(--color-text-muted);font-size:var(--text-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-height:2.6em;display:-webkit-box;overflow:hidden}.qc-actions{align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);border-top:1px solid var(--color-border);display:flex}.qc-actions .btn{flex:1}.qc-actions .qc-del{flex:none;width:36px;height:36px}.empty{align-items:center;gap:var(--space-12);text-align:center;color:var(--color-text-muted);padding:var(--space-48) var(--space-16);flex-direction:column;display:flex}.q-list{gap:var(--space-12);flex-direction:column;display:flex}.q-item{gap:var(--space-12);align-items:flex-start;display:flex}.q-item .q-num{border-radius:var(--radius-pill);background:var(--primary-50);width:30px;height:30px;color:var(--primary-700);font-weight:var(--weight-bold);flex:none;place-items:center;display:grid}[data-theme=dark] .q-item .q-num{background:var(--primary-950);color:var(--primary-300)}.q-item .q-body{flex:1;min-width:0}.q-item .q-text{font-weight:var(--weight-semibold)}.q-opts-mini{gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.opt-chip{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--color-surface-muted);font-size:var(--text-caption);border:1px solid var(--color-border);display:inline-flex}.opt-chip.correct{background:var(--success-50);color:var(--success-700);border-color:var(--success-200)}[data-theme=dark] .opt-chip.correct{background:var(--success-950);color:var(--success-300);border-color:var(--success-800)}.q-item .q-side{gap:var(--space-4);flex-direction:column;align-items:flex-end;display:flex}.q-item .q-thumb{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);flex:none;width:64px;height:64px}.q-time{align-items:center;gap:4px;display:inline-flex}.img-edit{align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.img-edit img{border-radius:var(--radius-md);border:1px solid var(--color-border);max-width:100%;max-height:120px}.img-drop{align-items:center;gap:var(--space-8);cursor:pointer;padding:var(--space-12) var(--space-16);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-muted);align-self:flex-start;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.img-drop:hover{background:var(--color-surface-muted);border-color:var(--primary-400);color:var(--color-text)}.stage-img{max-width:100%;max-height:38vh;margin:var(--space-16) auto 0;border-radius:var(--radius-lg);border:1px solid var(--color-border);object-fit:contain;display:block}.opt-edit-row{align-items:center;gap:var(--space-12);display:flex}.opt-edit-row .shape-dot{border-radius:var(--radius-sm);color:#fff;flex:none;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.opt-edit-row input[type=radio]{width:20px;height:20px;accent-color:var(--success-600);flex:none}.c0{background:#e03616}.c1{background:#1e4cd7}.c2{background:#e29600}.c3{background:#568f21}.sala-bar{align-items:center;gap:var(--space-16);margin-bottom:var(--space-20);flex-wrap:wrap;display:flex}.sala-bar .pin-pill{align-items:baseline;gap:var(--space-8);background:var(--primary-700);color:#fff;padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);display:inline-flex}.sala-bar .pin-pill b{font-size:var(--text-h3);letter-spacing:.15em}.vol-ctl{align-items:center;gap:var(--space-8);display:inline-flex}.vol-range{width:96px;height:4px;accent-color:var(--primary-600);cursor:pointer}.join-panel{gap:var(--space-16);grid-template-columns:1fr;display:grid}.pin-hero{text-align:center;padding:var(--space-32)}.pin-hero .kicker{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:var(--text-caption)}.pin-hero .pin-big{font-size:64px;font-weight:var(--weight-bold);letter-spacing:.12em;color:var(--primary-700);line-height:1.1}[data-theme=dark] .pin-hero .pin-big{color:var(--primary-300)}.pin-hero{position:relative;overflow:hidden}.pin-hero>:not(.lobby-fx){z-index:1;position:relative}.pin-hero .pin-big{animation:2.4s ease-in-out infinite pinPulse}@keyframes pinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}.lobby-fx{z-index:0;pointer-events:none;position:absolute;inset:0}.lobby-fx .fx{opacity:.14;will-change:transform;line-height:1;animation:9s ease-in-out infinite fxFloat;position:absolute}.fx-c0{color:#e03616}.fx-c1{color:#1e4cd7}.fx-c2{color:#e29600}.fx-c3{color:#568f21}.lobby-fx .fx:first-child{font-size:56px;animation-duration:8s;animation-delay:0s;top:14%;left:5%}.lobby-fx .fx:nth-child(2){font-size:40px;animation-duration:10s;animation-delay:-1.2s;top:20%;left:90%}.lobby-fx .fx:nth-child(3){font-size:46px;animation-duration:9s;animation-delay:-2.4s;top:72%;left:12%}.lobby-fx .fx:nth-child(4){font-size:60px;animation-duration:11s;animation-delay:-3.1s;top:68%;left:84%}.lobby-fx .fx:nth-child(5){font-size:34px;animation-duration:8.5s;animation-delay:-4s;top:7%;left:47%}.lobby-fx .fx:nth-child(6){font-size:38px;animation-duration:10.5s;animation-delay:-1.8s;top:44%;left:70%}.lobby-fx .fx:nth-child(7){font-size:30px;animation-duration:9.5s;animation-delay:-5.5s;top:40%;left:26%}.lobby-fx .fx:nth-child(8){font-size:50px;animation-duration:12s;animation-delay:-2.9s;top:86%;left:58%}@keyframes fxFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-26px)rotate(14deg)}}@media (prefers-reduced-motion:reduce){.lobby-fx .fx,.pin-hero .pin-big{animation:none}}.link-box{align-items:center;gap:var(--space-8);margin-top:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.link-box code{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8) var(--space-12);font-size:var(--text-body);word-break:break-all}.qr-join{align-items:center;gap:var(--space-8);margin-top:var(--space-24);flex-direction:column;display:flex}.qr-card{padding:var(--space-12);border-radius:var(--radius-lg);box-shadow:var(--shadow-md,0 4px 16px #0000002e);background:#fff;line-height:0}.qr-card canvas{border-radius:var(--radius-sm);display:block}.qr-join .t-caption{color:var(--color-text-muted)}.cd-big{font-size:120px;font-weight:var(--weight-bold);color:var(--primary-700);margin:var(--space-12) 0;line-height:1;animation:.25s pop}[data-theme=dark] .cd-big{color:var(--primary-300)}.players-wrap{gap:var(--space-8);flex-wrap:wrap;display:flex}.player-chip{align-items:center;gap:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-8) var(--space-16);font-weight:var(--weight-medium);animation:.2s pop;display:inline-flex}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stage-head{justify-content:space-between;align-items:center;gap:var(--space-16);margin-bottom:var(--space-16);display:flex}.stage-timer{width:72px;height:72px;font-size:var(--text-h1);font-weight:var(--weight-bold);color:#fff;background:var(--primary-700);border-radius:50%;flex:none;place-items:center;display:grid}.stage-timer.warn{background:var(--secondary-600)}.answered-pill{align-items:center;gap:var(--space-8);background:var(--color-surface-muted);border-radius:var(--radius-pill);padding:var(--space-8) var(--space-16);font-weight:var(--weight-semibold);display:inline-flex}.stage-q{font-size:var(--text-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin:var(--space-8) 0 var(--space-24)}.stage-opts{gap:var(--space-16);grid-template-columns:1fr 1fr;display:grid}@media (width<=620px){.stage-opts{grid-template-columns:1fr}}.stage-opt{color:#fff;border-radius:var(--radius-lg);padding:var(--space-24);align-items:center;gap:var(--space-16);min-height:110px;font-size:var(--text-h2);font-weight:var(--weight-semibold);box-shadow:var(--shadow-md);transition:opacity .2s;display:flex;position:relative}.stage-opt .shape{flex:none;font-size:34px}.stage-opt .count-badge{top:var(--space-12);right:var(--space-12);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-12);font-size:var(--text-body);background:#00000047;position:absolute}.stage-opts.revealed .stage-opt.wrong{opacity:.3}.stage-opt.right:after{content:"✓";right:var(--space-16);bottom:var(--space-12);font-size:28px;position:absolute}.opts-in .stage-opt{animation:.42s cubic-bezier(.2,.7,.3,1) both optIn}@keyframes optIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}.stage-opts-wait{justify-content:center;align-items:center;gap:var(--space-16);min-height:220px;padding:var(--space-24) 0;flex-direction:column;display:flex}.owd{gap:9px;display:inline-flex}.owd i{background:var(--color-text-muted);border-radius:50%;width:13px;height:13px;animation:1s ease-in-out infinite owdBounce}.owd i:nth-child(2){animation-delay:.15s}.owd i:nth-child(3){animation-delay:.3s}@keyframes owdBounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.opts-in .stage-opt,.owd i{animation:none}}.dist-row{align-items:center;gap:var(--space-12);margin-top:var(--space-8);display:flex}.leaderboard{gap:var(--space-8);flex-direction:column;display:flex}.lb-row{align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.lb-row .pos{text-align:center;width:32px;font-weight:var(--weight-bold);font-size:var(--text-h3)}.lb-row .nm{font-weight:var(--weight-semibold)}.lb-row .sc{font-weight:var(--weight-bold);color:var(--primary-700);margin-left:auto}[data-theme=dark] .lb-row .sc{color:var(--primary-300)}.lb-row.top1{border-color:var(--warning-300)}.lb-row.top2{border-color:var(--neutral-300)}.lb-row.top3{border-color:var(--secondary-300)}.final{text-align:center}.final .trophy{font-size:72px}.podium-final{justify-content:center;align-items:flex-end;gap:var(--space-12);margin:var(--space-24) 0;display:flex}.podium-col{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.podium-col .bar{border-radius:var(--radius-md) var(--radius-md) 0 0;width:96px;padding-top:var(--space-8);color:#fff;font-weight:var(--weight-bold);place-items:start center;display:grid}.podium-col.p1 .bar{background:var(--warning-500);height:140px;color:var(--neutral-950)}.podium-col.p2 .bar{background:var(--neutral-400);height:104px}.podium-col.p3 .bar{background:var(--secondary-400);height:80px}.podium-col .nm{font-weight:var(--weight-semibold)}.podium-col .sc{color:var(--color-text-muted);font-size:var(--text-caption)}.ceremony{text-align:center;min-height:60vh;position:relative}.confetti-canvas{pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;inset:0}.cer-content{z-index:1;max-width:640px;margin:0 auto;position:relative}.cer-title{font-size:var(--text-display);font-weight:var(--weight-bold);animation:.4s pop}.cer-board{margin-top:var(--space-24);flex-direction:column;display:flex}.cer-row{align-items:center;gap:var(--space-16);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-20);margin-bottom:var(--space-12);font-size:var(--text-h3);transition:box-shadow .35s,background .35s,border-color .35s;display:flex;overflow:hidden}.cer-row.enter{animation:.5s cubic-bezier(.2,.85,.3,1.15) rowEnter}@keyframes rowEnter{0%{opacity:0;max-height:0;margin-bottom:0;transform:translateY(-10px)}to{max-height:8rem;margin-bottom:var(--space-12);opacity:1;transform:none}}.cer-pos{text-align:center;width:48px;font-weight:var(--weight-bold);font-size:var(--text-h2);flex:none}.cer-nm{text-align:left;font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cer-sc{font-weight:var(--weight-bold);color:var(--primary-600);flex:none}[data-theme=dark] .cer-sc{color:var(--primary-300)}.cer-row.spotlight{box-shadow:0 0 0 3px var(--primary-400), 0 14px 34px #0000004d}.cer-row.bronze{background:linear-gradient(100deg, #c8893f29, var(--color-surface));border-color:#c8893f}.cer-row.silver{background:linear-gradient(100deg, #aab4c22e, var(--color-surface));border-color:#aab4c2}.cer-row.gold{background:linear-gradient(100deg, #f4c43047, var(--color-surface));border-color:#f4c430;box-shadow:0 0 0 2px #f4c430,0 18px 44px #f4c43066}.cer-row.gold.spotlight{box-shadow:0 0 0 3px #f4c430,0 22px 54px #f4c4308c}.cer-row.gold .cer-pos{font-size:var(--text-h1)}.cer-row.gold .cer-nm{font-size:var(--text-h2);font-weight:var(--weight-bold)}.cer-crown{font-size:30px;animation:1.2s ease-in-out infinite crownBob}@keyframes crownBob{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-7px)rotate(8deg)}}.fade-in{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cer-crown,.cer-title{animation:none}}.row-wrap{gap:var(--space-12);flex-wrap:wrap;align-items:center;display:flex}.grow{flex:1}.danger-text{color:var(--danger-600)}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ai-q-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-16)}.suspense-note{align-items:center;gap:var(--space-16);padding:var(--space-20) var(--space-24);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:flex}.suspense-note b{font-size:var(--text-h3);display:block}.suspense-emoji{flex:none;font-size:40px;line-height:1}.history-layout{gap:var(--space-20);grid-template-columns:minmax(280px,360px) 1fr;align-items:start;display:grid}.history-list{gap:var(--space-8);flex-direction:column;display:flex}.history-row{justify-content:space-between;align-items:center;gap:var(--space-12);text-align:left;cursor:pointer;width:100%;padding:var(--space-12) var(--space-16);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.history-row:hover,.history-row.is-selected{border-color:var(--primary-400);box-shadow:var(--shadow-sm)}.history-row span:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.history-row b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-row small{color:var(--color-text-muted)}.history-detail{min-width:0}.winner-box{align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16);background:var(--warning-50);color:var(--warning-800);border:1px solid var(--warning-200);border-radius:var(--radius-md);display:inline-flex}.history-table{gap:var(--space-8);flex-direction:column;display:flex}.history-table-row{gap:var(--space-12);padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);grid-template-columns:56px minmax(120px,1fr) minmax(160px,auto);align-items:center;display:grid}@media (width<=780px){.history-layout{grid-template-columns:1fr}.history-table-row{grid-template-columns:44px 1fr}.history-table-row span:last-child{color:var(--color-text-muted);grid-column:2}}