.nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--nav-h);padding:0 60px;background:var(--card);border-bottom:1px solid var(--border)}.nav-brand{display:flex;align-items:center;gap:12px}.nav-brand-text{display:flex;flex-direction:column;line-height:1.1}.nav-brand-text strong{font-size:18px;font-weight:800;color:var(--navy)}.nav-brand-text small{font-size:10px;font-weight:500;letter-spacing:2px;color:var(--fg2)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:15px;font-weight:500;color:var(--fg2);padding-bottom:2px;border-bottom:2px solid transparent}.nav-links a.on{font-weight:700;color:var(--navy);border-bottom-color:var(--gold)}.nav-links a:hover{color:var(--navy)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-create{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 20px;border:0;border-radius:9999px;background:var(--navy);color:#f5c45e;font-size:14px;font-weight:700}.nav-create:disabled{opacity:.6}.nav-profile{width:40px;height:40px;border-radius:9999px;display:grid;place-items:center;background:var(--bg2);border:2px solid var(--border);color:var(--fg2)}.nav-menu{position:relative}.nav-panel{position:absolute;inset-inline-end:0;top:52px;min-width:240px;padding:8px;display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.nav-panel button{text-align:start;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:var(--fg);font-size:15px;font-weight:600}.nav-panel button:hover{background:var(--bg)}.nav-panel button.danger{color:var(--team-a)}.nav-panel-head{display:flex;align-items:center;gap:8px;padding:8px 12px 4px;font-size:16px}.nav-guest{background:var(--bg2);color:var(--fg2);padding:2px 10px;font-size:11px}.nav-stats{display:flex;gap:8px;padding:6px 12px 10px}.nav-stats div{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:12px;background:var(--bg)}.nav-stats b{font-size:20px;font-weight:800;color:var(--navy)}.nav-stats span{font-size:11px;color:var(--fg2)}.nav-panel-links{display:none;flex-direction:column;border-top:1px solid var(--border);margin-top:4px;padding-top:4px}@media(max-width:960px){.nav{padding:0 16px}.nav-links,.nav-brand-text small{display:none}.nav-panel-links{display:flex}}@media(max-width:480px){.nav-create{padding:0 14px}}.home{display:flex;flex-direction:column}.blob-a{top:-120px;inset-inline-end:-80px;width:500px;height:500px;background:radial-gradient(circle,rgba(231,139,72,.12) 0%,transparent 70%)}.blob-b{bottom:-80px;inset-inline-start:-60px;width:400px;height:400px;background:radial-gradient(circle,rgba(16,46,80,.07) 0%,transparent 70%)}.hero{position:relative;flex:1;display:flex;align-items:center;gap:60px;padding:40px 60px 60px;max-width:1440px;width:100%;margin:0 auto}.hero-text{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:28px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;border:1px solid rgba(190,61,42,.2);background:#be3d2a1a;color:var(--team-a);font-size:13px;font-weight:600}.hero-badge i{width:6px;height:6px;border-radius:9999px;background:var(--team-a)}.hero-mark{display:none}.hero h1{margin:0;font-size:72px;line-height:1.05;font-weight:800;letter-spacing:-2px;color:var(--navy)}.hero-sub{margin:-8px 0 0;max-width:520px;font-size:26px;font-weight:500;line-height:1.5;color:var(--fg2)}.hero-cta{display:flex;flex-wrap:wrap;gap:14px}.hero-cta .btn{height:52px;font-size:17px;border-radius:14px;font-weight:700}.hero-cta .btn-primary{box-shadow:0 4px 20px #102e5040}.hero-cta .btn-outline{border-width:2px;color:var(--navy)}.hero-stats{display:flex;gap:32px;margin:0;padding:12px 0 0;border-top:1px solid var(--border);width:100%;max-width:520px}.hero-stats>div{display:flex;flex-direction:column-reverse;gap:2px;padding-inline-end:32px;border-inline-end:1px solid var(--border)}.hero-stats>div:last-child{border:0;padding:0}.hero-stats dd{margin:0;font-size:28px;font-weight:800}.hero-stats dt{font-size:13px;font-weight:500;color:var(--fg2)}.preview{width:620px;flex-shrink:0;padding:28px;border-radius:24px;background:#081b2e;box-shadow:0 20px 60px #102e504d}.preview-score{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #1a3a5c}.preview-score>span{display:flex;align-items:center;gap:10px}.preview-score i{width:10px;height:10px;border-radius:9999px}.preview-score b{font-size:14px;font-weight:700;color:#f5e9d4}.preview-score em{font-style:normal;font-size:20px;font-weight:800;color:#f5c45e}.preview-score small{font-size:12px;letter-spacing:1px;color:#8099b0}.preview-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:8px}.preview-head{padding:8px 4px;border-radius:8px;text-align:center;font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}.preview-cell{height:64px;display:grid;place-items:center;border-radius:10px;border:1px solid #1a3a5c;background:#0d2540;font-size:18px;font-weight:800;color:var(--c)}.preview-cell.played{background:#071525;opacity:.4}@media(max-width:960px){.hero{padding:32px 24px 40px;justify-content:center;text-align:center}.hero-text{align-items:center;gap:16px}.preview,.hero-badge{display:none}.hero-mark{display:block}.hero h1{font-size:48px;letter-spacing:-1px}.hero-sub{margin:0;font-size:16px;max-width:320px}.hero-cta{width:100%;max-width:380px;flex-direction:column;margin-top:16px}.hero-cta .btn{width:100%;height:56px;font-size:18px}.hero-stats{justify-content:space-around;gap:0;max-width:none;margin-top:16px;padding:16px 0;background:var(--card);border-top:1px solid var(--border);border-radius:16px}.hero-stats>div{align-items:center;padding-inline-end:0;flex:1}.hero-stats dd{font-size:22px}}.resume{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:520px;padding:14px 18px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--gold) 14%,var(--card));border:1.5px solid var(--gold)}.resume>div{display:flex;flex-direction:column;gap:2px;min-width:0}.resume strong{font-size:16px;color:var(--navy)}.resume span{font-size:14px;color:var(--fg2)}.gate{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px}.gate .blob-a{top:-200px;inset-inline-end:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(190,61,42,.14) 0%,transparent 70%)}.gate .blob-b{bottom:-150px;inset-inline-start:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(231,139,72,.1) 0%,transparent 70%)}.gate-top{position:absolute;top:16px;inset-inline:16px;display:flex;justify-content:space-between;align-items:center}.lang-toggle{height:40px;padding:0 16px;border-radius:9999px;border:1.5px solid var(--border);background:var(--card);color:var(--fg);font-size:14px;font-weight:700}.gate-home{display:inline-flex;align-items:center;gap:6px;color:var(--fg2);font-size:14px;font-weight:600}.gate-brand{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.gate-brand h1{margin:0;font-size:40px;line-height:1.1;font-weight:800;color:var(--gold)}.gate-brand p{margin:0;font-size:15px;color:var(--fg2)}.gate-card{position:relative;width:100%;max-width:420px;padding:28px;display:flex;flex-direction:column;gap:16px;border-radius:var(--radius-xl);border:1.5px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.gate-card h2{margin:0;font-size:22px;font-weight:800}.gate-card>p{margin:-8px 0 0;font-size:14px;line-height:1.6;color:var(--fg2)}.gate-card .btn{width:100%}.gate-link{border:0;background:none;color:var(--fg2);font-size:14px;font-weight:600;padding:6px}.gate-link:hover{color:var(--fg)}.gate-code{align-self:center;display:flex;flex-direction:column;align-items:center;gap:2px}.gate-code small{font-size:13px;font-weight:500;color:var(--fg2)}.gate-code b{font-size:44px;line-height:1.1;font-weight:800;letter-spacing:8px;color:var(--gold);padding-inline-start:8px}.code-input{text-align:center;font-size:32px;font-weight:800;letter-spacing:12px;color:var(--gold);padding-inline-start:12px}.playing-as{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;background:var(--cell);border:1px solid var(--border);font-size:15px}.playing-as b{color:var(--gold)}.playing-as button{border:0;background:none;color:var(--fg2);font-size:13px;font-weight:600;text-decoration:underline}.center-note{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 0;color:var(--fg2)}.lb-a{top:-200px;inset-inline-end:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(190,61,42,.12) 0%,transparent 70%)}.lb-b{bottom:-150px;inset-inline-start:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(231,139,72,.1) 0%,transparent 70%)}.lobby{display:flex;flex-direction:column}.lobby-bar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--nav-h);padding:0 60px;background:#102e50cc;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lobby-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800}.code-pill{display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:10px;background:#f5c45e1a;border:1px solid rgba(245,196,94,.3)}.code-pill span{font-size:14px;font-weight:500;color:var(--fg2)}.code-pill b{font-size:22px;font-weight:800;letter-spacing:4px;color:var(--accent)}.lobby-bar-end{display:flex;align-items:center;gap:10px}.mod-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--accent);background:#f5c45e1a;color:var(--accent);font-size:13px;font-weight:600}.leave{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg2);font-size:13px;font-weight:600}.lobby-main{position:relative;flex:1;display:grid;grid-template-columns:380px minmax(0,1fr) 300px;grid-template-rows:1fr auto;grid-template-areas:"share teams settings" "action teams settings";overflow:hidden}.lobby-share{grid-area:share;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 40px 8px;border-inline-end:1px solid var(--border)}.share-title{font-size:15px;font-weight:500;color:var(--fg2);margin-bottom:6px}.share-code{font-size:42px;font-weight:800;letter-spacing:8px;padding-inline-start:8px;color:var(--accent);margin-bottom:24px}.qr-card{display:grid;place-items:center;padding:16px;margin-bottom:16px;border-radius:24px;background:#f5e9d4;border:2px solid var(--border)}.qr-card svg{display:block;max-width:100%;height:auto}.share-hint{font-size:13px;text-align:center;color:var(--fg2)}.copy-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--fg2);font-size:13px;font-weight:600}.copy-link:hover{color:var(--fg);border-color:var(--fg2)}.lobby-action{grid-area:action;padding:24px 40px 40px;border-inline-end:1px solid var(--border)}.lobby-action .btn{height:56px;font-weight:800;box-shadow:0 4px 24px #f5c45e59}.players-wait{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--border);color:var(--fg2);font-size:15px;font-weight:600}.lobby-teams{grid-area:teams;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:40px 60px}.lobby-teams h2{margin:0 0 8px;font-size:22px;font-weight:800}.teams-row{display:flex;flex-direction:column;gap:20px}.team{padding:28px 32px;border-radius:20px;background:var(--card);border:2px solid var(--tc);transition:transform .12s ease,box-shadow .15s ease}.team.mine{box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 30%,transparent)}.team.switchable{cursor:pointer}.team.switchable:hover{transform:translateY(-2px)}.team>header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.team-name{flex:1;display:flex;flex-direction:column}.team-name b{font-size:18px;font-weight:800;color:var(--tc)}.team-name small{font-size:13px;color:var(--fg2)}.team-count{padding:4px 16px;border-radius:9999px;background:var(--tc);color:#fff;font-size:14px;font-weight:700}.team-members{display:flex;flex-wrap:wrap;gap:12px}.member{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:12px;background:color-mix(in srgb,var(--tc) 12%,transparent)}.member b{display:block;font-size:14px;font-weight:700}.member small{display:block;font-size:12px;font-weight:600;color:var(--fg2)}.member.empty{background:transparent;border:2px dashed var(--border)}.member.empty small{font-size:14px;font-weight:400}.avatar.ghost{background:transparent;border:2px dashed var(--border);color:var(--fg2)}.teams-hint{margin:0;font-size:13px;color:var(--fg2)}.lobby-settings{grid-area:settings;display:flex;flex-direction:column;gap:16px;padding:40px 32px;border-inline-start:1px solid var(--border)}.lobby-settings h3{margin:0 0 4px;font-size:16px;font-weight:700}.setting{padding:16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border)}.setting small{display:block;margin-bottom:4px;font-size:12px;font-weight:500;color:var(--fg2)}.setting b{font-size:16px;font-weight:700}.setting b.gold{color:var(--accent)}.mod-note{display:flex;gap:10px;align-items:flex-start;margin:auto 0 0;padding:16px;border-radius:var(--radius);border:1px solid rgba(245,196,94,.2);background:#f5c45e14;color:var(--fg2);font-size:13px;line-height:1.5}.mod-note svg{flex-shrink:0;margin-top:1px;color:var(--accent)}.mobile-only{display:none}@media(max-width:960px){.lobby-bar{height:auto;padding:12px 16px;flex-wrap:wrap;row-gap:8px}.lobby-brand span,.leave span,.lobby-settings,.mod-badge,.share-title{display:none}.code-pill{order:3;width:100%;justify-content:center;background:none;border:0;padding:0;flex-direction:column;gap:0}.code-pill b{font-size:36px;letter-spacing:6px;padding-inline-start:6px}.share-code{display:none}.lobby-main{display:flex;flex-direction:column;overflow:visible}.lobby-share{padding:8px 16px 0;border:0}.qr-card{padding:12px;border-radius:20px;margin-bottom:10px}.qr-card svg{width:136px;height:136px}.lobby-teams{padding:16px 20px 0;gap:12px}.lobby-teams h2{display:none}.teams-row{flex-direction:row;align-items:flex-start;gap:12px}.team{flex:1;min-width:0;padding:12px;border-radius:16px}.team>header{margin-bottom:10px;gap:8px}.team-name small,.team>header>span:first-child{display:none}.team-name b{font-size:15px}.team-count{padding:2px 8px;font-size:11px}.team-members{flex-direction:column;gap:8px}.member{padding:0;background:none;gap:8px}.member .avatar{width:32px!important;height:32px!important;font-size:13px!important}.member b{font-size:13px}.member.empty{border:0}.member.empty small{font-size:13px}.mobile-only{display:flex}.lobby-action{margin-top:auto;padding:16px 20px 28px;border:0}}.board{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.scorebar{flex-shrink:0;display:flex;align-items:center;height:72px;padding:0 60px;background:var(--card);border-bottom:1px solid var(--border)}.sb-team{display:flex;align-items:center;gap:16px}.sb-team small{display:block;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--tc)}.sb-team b{display:block;font-size:28px;line-height:1;font-weight:800;color:var(--gold)}.sb-mid{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.sb-mid span{font-size:13px;font-weight:500;letter-spacing:3px;color:var(--fg2)}.sb-mid i{width:6px;height:6px;border-radius:9999px;background:var(--accent)}.board-body{flex:1;min-height:0;display:flex}.board-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:24px 40px}.grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:auto repeat(3,minmax(0,1fr));gap:10px}.cat-head{padding:12px 8px;border-radius:10px;text-align:center;font-size:14px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent);border:1px solid color-mix(in srgb,var(--c) 20%,transparent)}.cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:0;border-radius:14px;border:1.5px solid var(--border);background:var(--cell);color:var(--c);transition:opacity .2s,transform .15s}.cell:not(:disabled):hover{opacity:.85;transform:scale(1.02)}.cell:disabled{cursor:default}.cell b{font-size:28px;font-weight:800}.cell .dots{display:flex;gap:4px}.cell .dots i{width:7px;height:7px;border-radius:9999px;background:var(--c)}.cell.done{opacity:.3;background:var(--cell-done)}.cell.open{border:2px solid var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}.board-hint{margin:0;text-align:center;font-size:14px;color:var(--fg2)}.board-foot{display:flex;align-items:center;gap:24px;padding:4px 0;font-size:14px;color:var(--fg2)}.board-foot .bar{flex:1;height:6px;border-radius:9999px;background:var(--border);overflow:hidden}.board-foot .bar i{display:block;height:100%;border-radius:9999px;background:var(--accent);transition:width .4s ease}.scores-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;background:#f59e0b26;color:var(--gold);font-size:13px;font-weight:700;white-space:nowrap}.board-side{width:260px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;padding:24px;overflow-y:auto;border-inline-start:1px solid var(--border)}.board-side h3{margin:0;font-size:15px;font-weight:700}.stat{padding:16px;text-align:center;border-radius:var(--radius);background:var(--card);border:1px solid var(--border)}.stat b{display:block;font-size:30px;font-weight:800;color:var(--accent)}.stat b.gold{color:var(--gold)}.stat small{display:block;margin-top:2px;font-size:12px;color:var(--fg2)}.stat.wide{text-align:start}.stat.wide>small{margin:0 0 10px;font-weight:500}.cmp-nums{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:700}.cmp-nums.small{margin:6px 0 0;font-size:11px;font-weight:500}.cmp-bar{height:8px;border-radius:9999px;background:var(--team-b);overflow:hidden}.cmp-bar i{display:block;height:100%;background:var(--team-a);transition:width .4s ease}.legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.legend li{display:flex;align-items:center;gap:8px;font-size:13px}.legend i{width:10px;height:10px;border-radius:2px}@media(max-width:960px){.board{height:auto;min-height:100dvh;overflow:visible}.scorebar{height:auto;padding:14px 16px}.sb-team{gap:8px}.sb-team>span{display:none}.sb-team small{text-align:center;font-size:11px}.sb-team b{font-size:26px}.sb-team{flex:1;justify-content:center}.sb-team>div{text-align:center}.sb-mid{flex:0 0 auto;padding:0 8px}.sb-mid span{font-size:10px;letter-spacing:2px}.board-side{display:none}.board-main{padding:12px 10px 20px}.grid{gap:6px;grid-template-rows:auto repeat(3,90px);align-content:start;flex:none}.cat-head{padding:8px 2px;font-size:11px;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell{border-radius:12px}.cell b{font-size:20px}.cell .dots i{width:6px;height:6px}.board-foot{gap:12px;padding:8px 10px 0}.board-foot .bar{display:none}.board-foot>span{flex:1;font-size:13px}}.question{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.q-accent{position:absolute;inset-inline:0;top:0;height:4px;z-index:10;background:linear-gradient(90deg,#be3d2a,#e78b48,#f5c45e)}.q-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--nav-h);padding:0 60px;background:#102e50cc;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.q-back{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--fg2);font-size:14px;font-weight:600}.q-back svg{color:var(--accent)}.q-meta{display:flex;align-items:center;gap:14px}.q-cat{padding:8px 20px;border-radius:9999px;font-size:14px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}.q-dots{display:flex;gap:5px}.q-dots i{width:9px;height:9px;border-radius:9999px;background:var(--border)}.q-dots i.on{background:var(--gold)}.q-level{font-size:14px;font-weight:500;color:var(--fg2)}.q-points{padding:6px 16px;border-radius:9999px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:800}.q-body{flex:1;min-height:0;display:flex}.q-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;padding:48px 60px}.q-card{flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px 52px;border-radius:var(--radius-xl);border:1.5px solid var(--border);background:var(--card);box-shadow:var(--shadow)}.q-num{margin-bottom:20px;font-size:12px;font-weight:600;letter-spacing:2px;color:var(--fg2)}.q-card h1{margin:0;font-size:34px;line-height:1.6;font-weight:700}.q-alt{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.q-alt small{display:block;margin-bottom:6px;font-size:12px;font-weight:500;color:var(--fg2)}.q-alt p{margin:0;font-size:18px;line-height:1.5;color:var(--fg2)}.q-wait{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--fg2)}.q-wait p{margin:0;font-size:18px;font-weight:600;text-align:center}.q-answer{display:flex;align-items:center;gap:20px;padding:24px 32px;border-radius:var(--radius-lg);border:1.5px solid rgba(52,211,153,.25);background:#34d39912}.q-answer-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:12px;background:#34d39926;color:var(--success)}.q-answer small{display:block;margin-bottom:4px;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--success)}.q-answer b{font-size:26px;font-weight:800;color:var(--success)}.q-answer-alt{margin-inline-start:auto;text-align:end}.q-answer-alt small{color:#34d39999}.q-answer-alt span{font-size:16px;color:#34d399cc}.q-side{width:360px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 36px;overflow-y:auto;border-inline-start:1px solid var(--border)}.q-divider{width:100%;height:1px;background:var(--border)}.timer{display:flex;flex-direction:column;align-items:center;gap:12px}.timer-dial{position:relative;width:140px;height:140px}.timer-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-face b{font-size:38px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.timer-face small{margin-top:2px;font-size:12px;color:var(--fg2)}.pulse{width:10px;height:10px;margin-bottom:4px;border-radius:9999px;background:var(--gold);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.timer-label{font-size:13px;font-weight:500;color:var(--fg2)}.q-award{width:100%;display:flex;flex-direction:column;gap:12px}.q-award>small{text-align:center;font-size:14px;font-weight:500;color:var(--fg2)}.q-award .btn-lg{font-size:18px}.q-shown{align-self:center;color:var(--gold);background:color-mix(in srgb,var(--gold) 16%,transparent);border:1px solid var(--gold)}.q-players{margin:0;text-align:center;font-size:15px;font-weight:600;color:var(--fg2)}.q-scores{width:100%;padding:16px 20px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border)}.q-scores>small{display:block;margin-bottom:12px;font-size:12px;font-weight:500;color:var(--fg2)}.q-scores>div{display:flex;align-items:center;justify-content:space-between}.q-scores>div>div{text-align:center}.q-scores small{display:block;margin-bottom:2px;font-size:11px;font-weight:600}.q-scores b{font-size:24px;font-weight:800;color:var(--gold)}.q-scores>div>span{font-size:13px;font-weight:700;color:var(--border)}@media(max-width:960px){.question{height:auto;min-height:100dvh;overflow:visible}.q-bar{height:auto;flex-wrap:wrap;gap:10px;padding:14px 16px}.q-back span,.q-back{font-size:13px}.q-meta{order:3;width:100%;gap:8px;flex-wrap:wrap}.q-cat{padding:6px 14px;font-size:13px}.q-level{font-size:13px}.q-points{margin-inline-start:auto;padding:4px 12px;font-size:13px}.q-body{flex-direction:column}.q-main{padding:16px;gap:14px}.q-card{padding:24px 22px;border-radius:var(--radius-lg)}.q-card h1{font-size:24px;line-height:1.5}.q-alt{margin-top:14px;padding-top:14px}.q-alt p{font-size:15px}.q-answer{padding:16px 20px;gap:12px;border-radius:var(--radius)}.q-answer-icon{width:36px;height:36px;border-radius:9999px}.q-answer b{font-size:20px}.q-answer-alt{display:none}.q-side{width:100%;padding:0 16px 28px;border:0;gap:16px}.timer-dial{width:108px;height:108px}.timer-dial svg{width:108px;height:108px}.timer-face b{font-size:30px}.q-award .btn-lg{height:56px;font-size:16px}.q-scores{display:none}}.scores{display:flex;flex-direction:column;min-height:100dvh}.sc-a{top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(245,196,94,.1) 0%,transparent 65%)}.sc-b{top:-100px;inset-inline-end:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(190,61,42,.1) 0%,transparent 70%)}.sc-bar{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--nav-h);padding:0 60px;background:#102e50cc;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sc-bar b{font-size:18px;font-weight:800}.sc-bar .q-back:disabled{opacity:0;pointer-events:none}.sc-body{position:relative;flex:1;display:flex}.sc-winner{width:400px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px;border-inline-end:1px solid var(--border)}.winner-card{width:100%;padding:32px;text-align:center;border-radius:var(--radius-xl);border:1.5px solid rgba(245,158,11,.4);background:linear-gradient(135deg,#f59e0b2e,#f59e0b0d)}.winner-card small{display:block;margin-bottom:8px;font-size:13px;font-weight:600;letter-spacing:2px;color:var(--gold)}.winner-card b{display:block;font-size:44px;font-weight:800;color:var(--gold)}.winner-members{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}.winner-members span{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:#be3d2a26;font-size:14px;font-weight:600}.sc-actions{width:100%;display:flex;flex-direction:column;gap:10px}.sc-actions .btn{height:54px;border-radius:14px;font-size:17px}.sc-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:40px 50px}.sc-main h2{margin:0;font-size:20px;font-weight:800}.sc-cards{display:flex;gap:16px}.sc-card{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:32px;text-align:center;border-radius:var(--radius-xl);border:1.5px solid var(--border);background:var(--card);position:relative;overflow:hidden}.sc-card.won{border:2px solid var(--tc)}.sc-card.won:before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--tc)}.sc-card>small{margin:14px 0 8px;font-size:16px;font-weight:700;color:var(--tc)}.sc-card>b{font-size:64px;line-height:1;font-weight:800}.sc-card>span{margin-top:6px;font-size:14px;color:var(--fg2)}.won-tag{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:6px 14px;border-radius:9999px;border:1px solid rgba(245,196,94,.3);background:#f5c45e26;color:var(--gold);font-size:13px;font-weight:700}.sc-members{display:flex;gap:10px;margin-top:22px}.sc-compare{padding:20px 28px;border-radius:18px;background:var(--card);border:1px solid var(--border)}.sc-compare>small{display:block;margin-bottom:12px;font-size:13px;font-weight:500;color:var(--fg2)}.cmp-bar.tall{height:16px}.cmp-legend{display:flex;justify-content:space-between;margin-top:10px;font-size:14px;font-weight:700}.sc-stats{width:300px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px 32px;border-inline-start:1px solid var(--border)}.sc-stats h3{margin:0 0 4px;font-size:16px;font-weight:700}.sc-stats .stat{padding:20px;border-radius:16px}.sc-stats .stat b{font-size:40px;line-height:1}.stat b.green{color:var(--success)}.stat b.red{color:var(--team-a)}.sc-stats .stat small{margin-top:4px;font-size:13px}@media(max-width:960px){.sc-bar{height:auto;padding:14px 16px}.sc-bar b{font-size:16px}.sc-body{flex-direction:column}.sc-winner{width:100%;padding:20px 20px 0;border:0;gap:16px}.sc-winner>svg{width:72px;height:72px}.winner-card{padding:20px 24px;border-radius:var(--radius-lg)}.winner-card b{font-size:28px}.winner-members{margin-top:14px}.sc-actions{order:5}.sc-main{padding:16px 20px 0;gap:14px}.sc-main h2{display:none}.sc-cards{gap:12px}.sc-card{padding:20px 16px;border-radius:var(--radius-lg)}.sc-card>b{font-size:42px}.sc-card>small{margin:10px 0 6px;font-size:13px}.sc-stats{width:100%;padding:16px 20px 28px;border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.sc-stats h3{display:none}.sc-stats .stat{padding:14px}.sc-stats .stat b{font-size:24px}.sc-stats .stat small{font-size:12px}.sc-winner .sc-actions{padding-bottom:8px}}.static-page{display:flex;flex-direction:column}.static-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:48px 24px 64px}.static-main.narrow{max-width:760px}.static-head{text-align:center;margin-bottom:40px}.static-head h1{margin:0 0 8px;font-size:44px;font-weight:800;color:var(--navy)}.static-head p{margin:0;font-size:18px;color:var(--fg2)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.steps li{display:flex;gap:16px;padding:24px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border)}.step-n{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:var(--on-accent);font-size:18px;font-weight:800}.steps h2{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--navy)}.steps p{margin:0;font-size:15px;line-height:1.6;color:var(--fg2)}.static-cta{display:flex;justify-content:center;margin-top:40px}.ranks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ranks li{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border)}.rank{width:32px;font-size:20px;font-weight:800;text-align:center}.rank-name{flex:1;min-width:0;font-size:16px;font-weight:700;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-stat{text-align:center;min-width:56px}.rank-stat b{display:block;font-size:18px;font-weight:800;color:var(--gold)}.rank-stat small{font-size:11px;color:var(--fg2)}.empty{text-align:center;padding:48px 0;color:var(--fg2)}.form-card{max-width:560px;margin:0 auto;padding:28px;display:flex;flex-direction:column;gap:16px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border)}.form-card .btn{width:100%}.form-ok{padding:14px 18px;border-radius:var(--radius);background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:#0f7a5a;font-weight:600}.legal{max-width:800px;margin:0 auto;padding:48px 24px 80px;color:var(--fg)}.legal h1{font-size:36px;font-weight:800;color:var(--navy)}.legal h2{margin-top:32px;font-size:20px;font-weight:700;color:var(--navy)}.legal p,.legal li{font-size:16px;line-height:1.7;color:var(--fg2)}@media(max-width:960px){.static-main{padding:28px 16px 48px}.static-head h1{font-size:30px}.static-head p{font-size:15px}.ranks li{gap:10px;padding:12px 14px}.rank-stat{min-width:44px}}.profile-head{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px;text-align:center}.profile-head h1{margin:0;font-size:32px;font-weight:800;color:var(--navy)}.profile-stats{display:flex;gap:40px;margin:8px 0 0}.profile-stats dd{margin:0;font-size:32px;font-weight:800;color:var(--navy)}.profile-stats dt{font-size:14px;color:var(--fg2)}.profile-head+.resume{margin:0 auto 32px}.history-title{margin:0 0 16px;font-size:22px;font-weight:800;color:var(--navy)}.history{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.history-item{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border)}.history-top{display:flex;align-items:center;gap:12px}.history-top small{font-size:13px;color:var(--fg2)}.history-code{margin-inline-start:auto;font-weight:700}.history-score{display:flex;align-items:center;justify-content:center;gap:28px}.history-score span{display:flex;flex-direction:column;align-items:center;padding:6px 16px;border-radius:var(--radius);border:2px solid transparent}.history-score span.mine{border-color:var(--border);background:var(--bg)}.history-score small{font-size:13px;font-weight:700}.history-score b{font-size:30px;font-weight:800;color:var(--navy)}.history-score i{font-style:normal;font-size:14px;color:var(--fg2)}.history-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-meta>small{font-size:13px;color:var(--fg2)}.history-cats{display:flex;flex-wrap:wrap;gap:6px}.history-cat{padding:3px 10px;border-radius:9999px;font-size:12px;font-weight:700;color:var(--navy);background:color-mix(in srgb,var(--c) 22%,transparent);border:1px solid color-mix(in srgb,var(--c) 60%,transparent)}.danger-zone{margin-top:56px;padding-top:24px;border-top:1px solid var(--border)}.danger-zone h2{margin:0 0 12px;font-size:18px;font-weight:800;color:var(--team-a)}.danger-confirm{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--team-a) 8%,var(--card));border:1.5px solid var(--team-a)}.danger-confirm p{margin:0;font-size:15px;line-height:1.6;color:var(--fg)}.danger-actions{display:flex;gap:10px;justify-content:flex-end}.btn-danger{background:var(--team-a);color:#fff}:root{--team-a: #be3d2a;--team-b: #e78b48;--success: #34d399;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 24px;--bp-desktop: 960px;--nav-h: 72px}.theme-dark{--bg: #081b2e;--bg2: #102e50;--fg: #f5e9d4;--fg2: #8099b0;--accent: #f5c45e;--gold: #f5c45e;--card: #102e50;--border: #1a3a5c;--cell: #0d2540;--cell-done: #071525;--on-accent: #081b2e;--shadow: 0 12px 40px rgba(0, 0, 0, .3)}.theme-light{--bg: #fdf5e6;--bg2: #f5ead2;--fg: #102e50;--fg2: #5a7a96;--accent: #102e50;--gold: #e78b48;--card: #ffffff;--border: #e2d0b8;--navy: #102e50;--on-accent: #f5c45e;--shadow: 0 20px 60px rgba(16, 46, 80, .18)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:#081b2e;-webkit-text-size-adjust:100%}body{font-family:Tajawal,Cairo,-apple-system,Segoe UI,sans-serif;color:#f5e9d4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}button{cursor:pointer}.page{min-height:100vh;min-height:100dvh;background:var(--bg);color:var(--fg);position:relative;overflow-x:hidden}html[dir=ltr] .chev{transform:scaleX(-1)}.ltr{direction:ltr;text-align:left}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 28px;border:2px solid transparent;border-radius:16px;font-size:18px;font-weight:800;line-height:1;white-space:nowrap;transition:transform .12s ease,opacity .15s ease,box-shadow .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 20px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-outline{background:var(--card);border-color:var(--border);color:var(--fg)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--fg2);font-weight:600}.btn-team-a{background:var(--team-a);color:#fff;box-shadow:0 4px 20px #be3d2a66}.btn-team-b{background:var(--team-b);color:#fff;box-shadow:0 4px 20px #e78b4866}.btn-sm{height:44px;font-size:15px;border-radius:12px;padding:0 20px}.btn-lg{height:64px}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid currentColor;border-inline-end-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px;text-align:start}.field>label{font-size:13px;font-weight:600;color:var(--fg2)}.input{width:100%;height:56px;padding:0 18px;border-radius:16px;border:1.5px solid var(--border);background:var(--cell, var(--card));color:var(--fg);font-size:17px;font-weight:600}.theme-light .input{background:var(--card)}.input::placeholder{color:var(--fg2);font-weight:400}.input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 25%,transparent)}.input[aria-invalid=true]{border-color:var(--team-a)}.field-error{font-size:13px;color:#ff8a78}.theme-light .field-error{color:var(--team-a)}textarea.input{height:auto;min-height:120px;padding:14px 18px;resize:vertical}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;font-size:13px;font-weight:700}.avatar{width:40px;height:40px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;font-weight:700;color:#fff}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.blob{position:absolute;border-radius:9999px;pointer-events:none}.center-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.toast-host{position:fixed;inset-inline:16px;bottom:20px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{pointer-events:auto;max-width:480px;padding:12px 20px;border-radius:14px;font-size:15px;font-weight:600;color:#fff;background:var(--team-a);box-shadow:0 8px 30px #00000059;animation:toast-in .2s ease-out}.toast.ok{background:#102e50;border:1px solid #1a3a5c}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}