:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#f1f0f6;background:#10111b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;--bg:#10111b;--panel:#191a28;--panel2:#202130;--border:#2b2c3e;--text:#f1f0f6;--muted:#9998b0;--purple:#bca3f9;--lime:#d1eaa0;--peach:#edb99f}.update-notice{position:fixed;bottom:calc(92px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:30;display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px 16px;width:max-content;max-width:calc(100vw - 24px);border:1px solid #746287;border-radius:12px;background:#242031;box-shadow:0 12px 35px #0006;font-size:13px}.update-notice>span{flex:1;min-width:120px}.update-notice>.secondary{font-size:12px;min-height:40px;padding:9px 13px}@media(max-width:700px)and (max-height:760px){.app-shell.in-game:has(.local-battle) .topbar{display:none}.page.play-page:has(.local-battle){padding:6px 10px 12px}.play-page:has(.local-battle) .battle-heading{margin-bottom:0}.battle.local-battle .round-progress{margin:4px 0 8px}.local-battle .answer-board.compact{height:calc((100dvh - 148px)/2);min-height:216px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:6px;padding:10px}.local-battle .compact .question-meta{margin:0}.local-battle .compact h2{margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a78cc3 transparent;font-size:14px;line-height:1.4}.local-battle .compact .answer-option{min-height:44px}.local-battle .compact .compact-status{margin:0}}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:4px}button,a,input,select{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}a{color:var(--purple)}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:clamp(29px,2.6vw,40px);line-height:1.25;letter-spacing:-1.3px;font-weight:750}h1>span{color:var(--purple)}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:18px;letter-spacing:-.4px}.muted{color:var(--muted)}.good{color:var(--lime)}.eyebrow{display:block;font-size:10px;letter-spacing:1.8px;font-weight:750;color:#aba5c0;margin-bottom:12px}.primary,.secondary,.danger-button{border-radius:12px;min-height:49px;padding:13px 21px;display:inline-flex;gap:11px;align-items:center;justify-content:center;font-weight:700;font-size:14px}.primary{background:var(--purple);color:#211830;box-shadow:0 4px 20px #bca3f914}.primary:hover:not(:disabled){background:#ceb9ff;transform:translateY(-2px);box-shadow:0 7px 25px #bca3f922}.primary:disabled{opacity:.45}.secondary{border:1px solid #444254;background:#252533}.secondary:hover:not(:disabled){background:#323042}.secondary:disabled{opacity:.4}.full-width{width:100%}.text-button{display:inline-flex;gap:8px;align-items:center;color:#b7adc9;font-size:12px;font-weight:600;min-height:38px;padding:6px 3px}.text-button:hover{color:#fff}.icon-button{display:flex;align-items:center;justify-content:center;height:38px;width:38px;border:1px solid #303040;border-radius:10px;color:#bcb7cf}.icon-button:hover{background:#2b283b}.app-shell{max-width:1920px;margin:auto;display:flex;min-height:100vh}.sidebar{width:231px;flex-shrink:0;border-right:1px solid #282836;background:#14151f;position:fixed;inset:0 auto;display:flex;flex-direction:column;padding:35px 21px 23px;z-index:20}.brand{padding:0;display:flex;gap:9px;align-items:center;text-align:left;font-weight:800;letter-spacing:-.8px;font-size:23px}.brand img{width:37px;height:40px}.brand-accent{color:var(--purple)}.brand small{display:block;font-size:6.5px;letter-spacing:1.1px;font-weight:600;color:#8e879f;margin-top:5px}.nav-eyebrow{font-size:9px;letter-spacing:1.6px;color:#7e788e;font-weight:700;margin:49px 12px 17px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:14px 16px;text-align:left;color:#a39cb2;font-size:13px;font-weight:600;min-height:47px;border-radius:10px;margin-bottom:7px}.nav-item.active{background:#2c243e;color:#d6bffd}.nav-item:hover{background:#242332}.nav-dot{width:5px;height:5px;background:var(--purple);border-radius:50%;margin-left:auto}.sidebar-card{margin-top:52px;border:1px solid #383043;border-radius:15px;padding:20px 16px;background:linear-gradient(135deg,#262033,#1b1a29)}.orbit-small{height:39px;width:39px;border-radius:12px;display:grid;place-items:center;color:#c8b5f0;background:#3a304e;margin-bottom:15px}.sidebar-card h3{font-size:13px;letter-spacing:-.2px}.sidebar-card p{font-size:11px;line-height:1.9;color:#a89db7;margin:9px 0 16px}.sidebar-card button{display:flex;align-items:center;gap:11px;color:#c7a9f5;font-size:11px;font-weight:700;padding:0;min-height:28px}.sidebar-bottom{margin-top:auto;padding-top:30px}.version{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1px;color:#78788c;padding:12px 14px 0}.version span,.status-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#cce393;flex-shrink:0}.main-content{margin-left:231px;flex:1;min-width:0}.topbar{height:84px;border-bottom:1px solid #272734;display:flex;align-items:center;justify-content:space-between;padding:0 42px;gap:12px}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:11px;color:#817d94}.breadcrumb strong{color:#c9c4d7;font-weight:500}.top-actions{display:flex;align-items:center;gap:15px}.private-label{display:flex;align-items:center;gap:7px;font-size:10px;color:#9993aa;margin-right:8px}.profile-button{height:35px;width:35px;border-radius:50%;border:3px solid #302940;background:#bc9dd6;color:#281c33;font-size:12px;font-weight:800}.mobile-brand{display:none}.page{max-width:1320px;margin:auto;padding:32px 42px 30px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 26px}.welcome p{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.65}.welcome>.text-button{align-self:flex-end}.hero-card{min-height:307px;border:1px solid #534167;background:radial-gradient(ellipse at 65% 90%,#58407166,transparent 57%),linear-gradient(118deg,#30263f 0% 45%,#342843);border-radius:19px;overflow:hidden;position:relative;display:flex;align-items:center;padding:29px 32px}.hero-noise{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#c4b2d516 .7px,transparent .7px);background-size:7px 7px;opacity:.3}.hero-copy{position:relative;z-index:2;flex:1}.hero-pill{border:1px solid #796587;background:#4b3a5f66;display:inline-flex;align-items:center;gap:7px;border-radius:20px;font-size:8px;font-weight:700;letter-spacing:1.1px;padding:7px 11px;color:#e2cffa;margin-bottom:17px}.hero-pill span{width:5px;height:5px;border-radius:100%;background:#dbc4fb}.hero-copy h2{font-size:clamp(27px,2.7vw,42px);letter-spacing:-1.4px;line-height:1.15;color:#fff}.hero-copy h2 span{color:#ceb5ef}.hero-copy p{font-size:11px;line-height:1.9;color:#bfb0cf;margin-top:15px}.hero-cta{margin-top:22px;min-height:43px;font-size:12px;padding:11px 17px;border-radius:9px;background:#decbf9}.hero-foot{display:flex;align-items:center;gap:17px;font-size:9px;color:#b9abc6;margin-top:19px}.hero-foot span{display:flex;align-items:center;gap:6px}.hero-art{width:40%;align-self:stretch;min-height:258px;position:relative}.hero-mascot{width:240px;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-9deg);z-index:2;filter:drop-shadow(0 15px 15px #14102570);animation:bob 5s ease-in-out infinite}.mascot-halo{position:absolute;height:216px;width:216px;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%;background:#a980d020;box-shadow:0 0 60px #b888e416}.orbit{height:248px;width:310px;position:absolute;border:1px solid #9573b63b;border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-two{height:296px;width:220px;transform:translate(-50%,-50%) rotate(-40deg)}.floating-chip{position:absolute;z-index:3;border:1px solid #766588;background:#463651d9;box-shadow:0 8px 20px #0b081230;border-radius:11px;display:flex;align-items:center;gap:8px;font-size:10px;padding:11px 13px;backdrop-filter:blur(8px);color:#eadcf7}.chip-speed{top:16%;right:1%;transform:rotate(9deg)}.chip-speed svg{color:#e4d198}.chip-points{bottom:5%;left:9%;transform:rotate(-7deg);font-size:9px}.chip-points svg{color:#d9edb0}.chip-points small{display:block;font-size:14px;font-weight:800;color:#d2eb9b;margin-top:3px}.art-star{position:absolute;color:#e5d489;z-index:3}.star-one{left:4%;top:23%;font-size:26px}.star-two{right:1%;bottom:19%;font-size:37px}.art-dot{height:9px;width:9px;background:#b6a0d2;border-radius:50%;position:absolute;left:16%;bottom:29%}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 15px}.section-heading h2{font-size:16px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.section-heading h2>span{color:#756b86;font-size:9px;border:1px solid #33303f;padding:3px 5px;border-radius:4px;font-weight:500}.section-heading>.muted{font-size:10px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mode-card{position:relative;overflow:hidden;text-align:left;border-radius:14px;border:1px solid #34323f;background:#1d1d2a;padding:20px 20px 15px;min-height:201px}.mode-card:hover{transform:translateY(-4px);border-color:#a68dcc;background:#242232}.bot-card{background:linear-gradient(118deg,#242a25,#1d2221);border-color:#3d4434}.local-card{background:linear-gradient(118deg,#262131,#201d2b);border-color:#3f344e}.online-card{background:linear-gradient(118deg,#2a2425,#221f24);border-color:#493c3a}.mode-card-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:17px}.mode-icon{height:42px;width:42px;border-radius:12px;display:grid;place-items:center}.lime{background:#39432c;color:#d5e9a9}.purple{background:#3a2c4c;color:#cdb0fd}.blue{background:#243644;color:#9ac8ef}.peach{background:#493530;color:#efbba6}.mini-tag{font-size:7px;letter-spacing:1px;color:#b5a8be;border:1px solid #4a414f;border-radius:5px;padding:5px 6px;font-weight:650}.bot-card .mini-tag{color:#b8c39f;border-color:#454b37}.online-card .mini-tag{color:#c5afa6;border-color:#4a3d38}.mode-card h3{font-size:17px;margin-bottom:10px;position:relative;z-index:1}.mode-card p{font-size:11px;line-height:1.8;color:#a8a0b4;position:relative;z-index:1}.mode-card-bottom{margin-top:21px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.mode-card-bottom>span{display:flex;gap:6px;align-items:center;color:#a7aa9b;font-size:8px}.online-card .mode-card-bottom>span{color:#b9a39e}.round-arrow{height:28px;width:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #524456;color:#c9b0ea}.bot-card .round-arrow{color:#caddad;border-color:#546040}.online-card .round-arrow{color:#e0b49f;border-color:#5b4840}.card-bot{width:86px;position:absolute;right:3px;bottom:37px;opacity:.24;transform:rotate(-12deg)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.category-card{padding:14px 17px;border:1px solid #2d2c3c;border-radius:12px;background:#191a26;display:flex;align-items:center;gap:13px;text-align:left;min-height:78px}.category-card.selected{border-color:#7d659c;background:#252031}.category-card:hover{border-color:#83699f;background:#222030}.category-icon{height:39px;width:39px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.category-card>span{flex:1}.category-card strong{font-size:12px;display:block;margin-bottom:5px}.category-card small{font-size:10px;color:#8e879e}.selected-check{color:#c7a5f7}.home-bottom{margin-top:23px;display:flex;align-items:center;gap:20px;border-top:1px solid #292837;padding-top:20px}.daily-note{flex:1;display:flex;align-items:center;gap:13px}.note-icon{width:40px;height:40px;border:1px solid #443e34;background:#29261f;color:#d5c191;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.daily-note strong{font-size:11px;font-weight:650}.daily-note p{font-size:9px;color:#8f879f;line-height:1.7;margin-top:5px}.mini-stat{display:flex;align-items:center;gap:10px;font-size:8px;color:#a59bb1}.mini-stat>svg{color:#b8a2d3}.mini-stat strong{display:block;font-size:16px;color:#ddd4e9;margin-bottom:4px}.stat-divider{height:26px;width:1px;background:#33303e;margin:0 4px}.footnote{color:#888395;font-size:9px;line-height:1.7;display:flex;justify-content:center;align-items:center;gap:6px;margin:25px 0 4px}.bottom-nav{display:none}.dialog{padding:27px;border:1px solid #524262;border-radius:22px;width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 44px);background:#1b1a2a;color:var(--text);box-shadow:0 30px 100px #0009;overflow:auto}.dialog::backdrop{background:#07070dba;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.dialog-heading h2{font-size:24px;letter-spacing:-.7px}.dialog-heading .icon-button{border:0;flex-shrink:0}.dialog-subtitle{font-size:13px;color:#b0a3bf;line-height:1.8;margin-bottom:20px}.field{font-size:12px;font-weight:650;display:block;margin:19px 0;color:#d0c4df}.field input,.field select{display:block;width:100%;background:#12121f;border:1px solid #3b324d;border-radius:10px;min-height:45px;padding:11px 13px;color:#eee4fb;margin-top:9px;font-size:14px}.field input::placeholder{color:#756b85}.field small{display:block;color:#95899f;font-weight:400;font-size:10px;line-height:1.7;margin-top:8px}.field .code-input{font-size:25px;letter-spacing:8px;text-align:center;font-family:monospace}fieldset{border:0;padding:0;margin:19px 0}legend{padding:0;margin-bottom:10px;font-size:12px;font-weight:650;color:#d0c4df}legend span{font-size:10px;color:#998ca9;font-weight:400}.segmented{display:flex;background:#12121f;padding:4px;gap:4px;border-radius:11px;border:1px solid #353043}.segmented button{flex:1;font-size:12px;min-height:37px;border-radius:7px;color:#a99bb9}.segmented button.selected{background:#3b2e50;color:#e4ccff;box-shadow:0 2px 6px #0002}.info-note{display:flex;gap:10px;align-items:flex-start;border:1px solid #3a3349;background:#242032;padding:13px 14px;border-radius:11px;margin:17px 0;color:#bfa5dc}.info-note>svg{flex-shrink:0;margin-top:2px}.info-note p{font-size:11px;color:#b3a7c2;line-height:1.8}.tiny-note{font-size:10px;text-align:center;color:#9586a6;margin-top:13px}.toggle-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #322b40;color:#cbb5e6}.toggle-row>span{flex:1}.toggle-row strong{display:block;font-size:13px;color:#e0d4ec}.toggle-row small{display:block;font-size:10px;color:#9789a6;line-height:1.6;margin-top:5px}.toggle-row input{appearance:none;width:39px;height:22px;border-radius:20px;background:#474051;position:relative;cursor:pointer;flex-shrink:0}.toggle-row input:after{content:"";height:16px;width:16px;top:3px;left:3px;border-radius:50%;background:#aba3b4;position:absolute;transition:transform .2s}.toggle-row input:checked{background:#ab88d6}.toggle-row input:checked:after{transform:translate(17px);background:#fff}.rule-list>div{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #342c43}.rule-list>div>span{font-size:11px;color:#c2a4e8;background:#3b2e4c;border:1px solid #574268;padding:8px;border-radius:8px}.rule-list p{font-size:12px;color:#b7a8c7;line-height:1.8}.rule-list strong{color:#eadcf8}.dialog-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.error-banner{font-size:12px;line-height:1.7;padding:13px 16px;border-radius:10px;background:#44263a;border:1px solid #764658;color:#ffc4d5;margin:12px 0}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#d2e9b1;color:#243522;box-shadow:0 10px 30px #0005;padding:13px 20px;border-radius:13px;font-size:13px;display:flex;gap:10px;align-items:center;z-index:100;max-width:90vw}.page-subtitle{font-size:13px;line-height:1.8;color:var(--muted);margin-top:13px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0}.stat-card{border:1px solid var(--border);background:#1e1c2b;border-radius:16px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:17px}.stat-card svg{color:var(--purple)}.stat-card strong{font-size:30px;letter-spacing:-1px}.stat-card>span{font-size:11px;color:var(--muted)}.history-list{border:1px solid var(--border);border-radius:15px;overflow:hidden}.history-row{display:flex;gap:15px;align-items:center;padding:18px 21px;background:#1a1926;border-bottom:1px solid var(--border);font-size:13px}.history-row:last-child{border:0}.history-result{width:45px;height:45px;display:grid;place-items:center;border-radius:12px}.history-row>div:nth-child(2){flex:1}.history-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px;font-weight:400}.history-row>span,.history-row>strong{text-align:right;min-width:75px}.empty-state{text-align:center;padding:45px 20px;display:flex;flex-direction:column;align-items:center;gap:18px}.empty-state>svg{width:140px;max-height:160px;color:var(--purple)}.empty-state p{font-size:13px;color:var(--muted);line-height:1.8}.lab-filters{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.lab-filters button{display:flex;align-items:center;gap:8px;min-height:38px;padding:9px 14px;font-size:12px;border:1px solid #373044;border-radius:20px;color:#a99bb9}.lab-filters .selected{background:#3e2e53;color:#dec5fd;border-color:#8b6caa}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lab-card{padding:22px;border:1px solid var(--border);border-radius:15px;background:#1a1926;display:flex;flex-direction:column;align-items:flex-start}.lab-card .eyebrow{font-size:8px;line-height:1.6}.lab-card h3{font-size:14px;line-height:1.75;font-weight:600;flex:1;margin-bottom:15px;letter-spacing:0}.lab-card .text-button{font-size:10px}.lab-explanation{border-top:1px solid #3d344a;padding-top:15px;margin-top:10px;font-size:12px}.lab-explanation strong{color:var(--lime)}.lab-explanation p{margin-top:8px;line-height:1.8;color:#a99cb8}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:28px;font-size:12px;color:#a99ab7}.pagination .secondary{font-size:12px;min-height:40px}.battle-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.battle-heading .mini-tag{font-size:9px}.play-page{max-width:1030px}.round-progress{display:flex;gap:18px;align-items:center;margin:14px 0 27px;color:#92849f;font-size:10px;letter-spacing:1px}.round-progress>span:first-child{white-space:nowrap}.round-progress strong{color:#dbc5f4}.round-progress>div{display:flex;gap:5px;flex:1}.round-progress>div>span{height:4px;background:#352b44;border-radius:4px;flex:1}.round-progress>div>.done{background:#b798e3}.round-progress>div>.current{background:#d8e7a8}.round-progress>span:last-child{text-align:right;letter-spacing:0;color:#c3b3d1}.scoreboard{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border:1px solid #3a3147;border-radius:16px;background:#211b2c;position:relative;gap:70px;margin-bottom:22px}.score-player{display:flex;align-items:center;gap:12px;min-width:0}.score-player>div:last-child{min-width:0}.score-player span{display:flex;align-items:center;gap:5px;font-size:12px;color:#bca8cc;overflow:hidden;text-overflow:ellipsis;max-width:160px;white-space:nowrap}.score-player strong{display:block;font-size:27px;font-variant-numeric:tabular-nums;font-weight:750;letter-spacing:-.7px;margin-top:3px}.score-player small{display:block;font-size:10px;margin-top:3px}.rival-player{flex-direction:row-reverse;text-align:right}.avatar{width:43px;height:43px;background:#3d2d54;color:#d4b5f8;border:1px solid #71518e;border-radius:13px;display:grid;place-items:center;font-size:18px;font-weight:700;flex-shrink:0}.avatar.rival{background:#34402b;color:#d4eaaa;border-color:#627448}.round-timer{position:absolute;left:50%;transform:translate(-50%);height:62px;width:62px;background:conic-gradient(#c4abea calc(var(--progress)*360deg),#493954 0);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dfc8fa;isolation:isolate}.round-timer:before{content:"";position:absolute;inset:4px;border-radius:50%;background:#241c31;z-index:-1}.round-timer strong{font-size:22px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.round-timer.urgent{color:#f9b195;background:conic-gradient(#f3a783 calc(var(--progress)*360deg),#493954 0)}.round-timer svg{margin-bottom:2px}.answer-board{padding:25px;border:1px solid #3b3149;background:linear-gradient(120deg,#25202f,#1d1928);border-radius:18px}.question-meta{display:flex;justify-content:space-between;gap:10px;color:#b59fc8;font-size:9px;letter-spacing:1px;margin-bottom:20px}.question-meta>span:first-child{display:flex;align-items:center;gap:7px}.question-meta>span:last-child{color:#91809f;font-size:8px}.answer-board h2{font-size:clamp(20px,2vw,27px);font-weight:650;line-height:1.55;letter-spacing:-.5px;margin-bottom:25px;overflow-wrap:anywhere}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-option{display:flex;align-items:center;gap:12px;border:1px solid #504059;background:#2e263a;border-radius:12px;min-height:68px;text-align:left;padding:12px 15px;font-size:14px;font-weight:500;line-height:1.5;position:relative}.answer-option>span:nth-child(2){flex:1;overflow-wrap:anywhere}.answer-option:hover:not(:disabled){background:#43314f;border-color:#b28bcf;transform:translateY(-2px)}.answer-letter{height:31px;width:31px;display:grid;place-items:center;background:#45354f;border:1px solid #645071;border-radius:8px;color:#cdb2e2;font-size:12px;font-weight:700;flex-shrink:0}.answer-option.locked{background:#493359;border-color:#bc90e1}.answer-option.correct{background:#2b422d;border-color:#a6c885;color:#def3c0}.answer-option.correct .answer-letter{background:#a8ce83;border-color:#a8ce83;color:#203820}.answer-option.wrong{background:#4b2939;border-color:#d4788a;color:#ffcad4}.answer-option.wrong .answer-letter{background:#a3536b;border-color:#c97e8b;color:#fff}.answer-option:disabled:not(.correct):not(.wrong):not(.locked){opacity:.53}.answer-status{display:flex;align-items:center;justify-content:center;gap:8px;color:#9e8cad;font-size:12px;min-height:50px;margin-top:6px}.explanation{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid #625738;background:#332e22;border-radius:13px;margin-top:17px}.explanation-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;flex-shrink:0;background:#51452a;color:#e2c68e}.explanation strong{font-size:13px;color:#ecdbb5}.explanation p{font-size:12px;color:#c8bba2;line-height:1.8;margin-top:5px}.explanation small{display:block;font-size:10px;color:#a79a82;margin-top:9px}.countdown-screen{text-align:center}.countdown-screen .round-progress{text-align:left}.versus-art{display:flex;align-items:center;justify-content:center;margin:35px 0 15px;gap:20px}.versus-art svg{width:140px}.versus-art>span{font-size:17px;font-style:italic;font-weight:900;color:#c1a4d9;background:#3d2c4e;border:1px solid #604075;border-radius:50%;height:46px;width:46px;display:grid;place-items:center}.countdown-screen h2{font-size:27px;letter-spacing:-.7px}.countdown-screen>p{margin:12px 0;font-size:15px;color:#d9c6e9}.countdown-screen>p>span{color:#8c749f;margin:0 9px}.countdown-number{font-size:100px;line-height:1.7;font-weight:850;color:#d3e69e;text-shadow:0 0 55px #cfe49830}.countdown-screen>.eyebrow{margin-top:5px}.lobby{text-align:center;padding:25px 10px;display:flex;flex-direction:column;align-items:center}.lobby-orb,.trophy-orb{height:85px;width:85px;display:grid;place-items:center;background:#3b2b51;color:#d4b7f5;border:1px solid #76548e;border-radius:27px;box-shadow:0 0 70px #bd8ded16;margin-bottom:27px}.lobby>p,.results>p{font-size:13px;color:#a99ab9;line-height:1.8;margin-top:13px}.room-code{display:flex;align-items:center;gap:20px;border:1px dashed #7c5c92;border-radius:15px;background:#271e33;padding:20px 28px;font-size:36px;letter-spacing:9px;font-family:monospace;font-weight:700;color:#e2c4ff;margin:28px 0}.room-code svg{color:#ad8ec4}.lobby-players{display:flex;justify-content:center;gap:18px;width:100%;max-width:570px}.lobby-player{flex:1;padding:23px 14px;border:1px solid #3b3049;background:#201a2b;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:15px;min-width:0}.lobby-player strong{font-size:14px;overflow-wrap:anywhere}.lobby-player>span{font-size:8px;letter-spacing:1px;color:#a48eaf}.lobby-config{display:flex;gap:22px;font-size:11px;color:#b19dbf;margin:23px 0 29px}.lobby-config>span{display:flex;align-items:center;gap:7px}.waiting-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#ad9cbe}.results{text-align:center;position:relative;padding:15px 0;display:flex;align-items:center;flex-direction:column;overflow:hidden}.trophy-orb{background:#3c3929;border-color:#756b43;color:#e6d092;position:relative;z-index:1}.results>h1{font-size:clamp(26px,2.7vw,38px);position:relative;z-index:1;overflow-wrap:anywhere;max-width:100%}.result-players{display:flex;gap:18px;width:100%;max-width:625px;margin:30px 0 26px;position:relative;z-index:1}.result-player{border:1px solid #493654;background:#21192d;border-radius:17px;flex:1;min-width:0;padding:25px 18px;display:flex;align-items:center;flex-direction:column}.result-player.winner{border-color:#8c9260;background:linear-gradient(135deg,#313826,#21251c)}.result-player .avatar{position:relative;margin-bottom:13px}.result-player .avatar>svg{position:absolute;top:-16px;right:-9px;color:#e9d28c;transform:rotate(18deg)}.result-player h3{font-size:14px;overflow-wrap:anywhere;max-width:100%}.result-player>strong{font-size:39px;letter-spacing:-1.5px;margin:17px 0 3px;color:#dbc9ef}.result-player.winner>strong{color:#d7e9ac}.result-player>span{font-size:8px;letter-spacing:2px;color:#9d8eae}.result-detail{border-top:1px solid #49384f;display:flex;justify-content:center;gap:12px;margin-top:21px;padding-top:16px;width:100%;font-size:10px;color:#b6a6c5;flex-wrap:wrap}.result-detail>span{display:flex;align-items:center;gap:5px}.result-player.winner .result-detail{border-color:#505437;color:#b7c393}.result-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.review-toggle{margin:21px 0 7px}.review-list{text-align:left;width:100%;max-width:760px;margin-top:20px;display:flex;flex-direction:column;gap:12px}.review-list article{padding:22px;border-radius:13px;border:1px solid #3f304f;background:#21192b}.review-list h3{font-size:15px;line-height:1.7;margin-bottom:12px}.review-list strong{display:flex;align-items:center;gap:6px;font-size:12px}.review-list p{font-size:12px;line-height:1.8;color:#b6a7c6;margin-top:8px}.review-list small{display:block;font-size:10px;line-height:1.8;color:#917ba1;margin-top:14px}.result-decoration{position:absolute;inset:0;pointer-events:none}.result-decoration i{position:absolute;top:5px;left:calc(var(--i)*5.3% + 2%);width:5px;height:11px;background:#b39ace;opacity:0;transform:rotate(calc(var(--i)*27deg));animation:confetti 2.3s calc(var(--i)*.07s) ease-out 1}.result-decoration i:nth-child(3n){background:#d2e5a2}.result-decoration i:nth-child(3n+1){background:#f0ba9d}.local-battle .round-progress{margin-bottom:15px}.local-battle .scoreboard{margin:14px 0;padding:10px 18px}.local-battle .score-player strong{font-size:20px}.local-battle .round-timer{height:49px;width:49px}.local-battle .round-timer strong{font-size:18px}.local-battle .round-timer>svg{display:none}.local-battle.tabletop .local-top{transform:rotate(180deg)}.compact.answer-board{padding:17px 20px}.compact .question-meta{margin-bottom:11px}.compact h2{font-size:18px;line-height:1.45;margin-bottom:13px}.compact .answer-grid{gap:8px}.compact .answer-option{min-height:48px;padding:8px 11px;font-size:12px}.compact .answer-letter{height:25px;width:25px;font-size:10px}.compact-status{text-align:center;font-size:9px;color:#b39bc5;margin-top:10px;min-height:13px}.local-battle .explanation{margin-top:14px}.local-battle .avatar{height:33px;width:33px;font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{0%,to{transform:translate(-50%,-50%) rotate(-9deg)}50%{transform:translate(-50%,-54%) rotate(-5deg)}}@keyframes confetti{10%{opacity:.9}to{transform:translateY(340px) rotate(340deg);opacity:0}}@media(min-width:1550px){.page{padding-top:40px}.hero-card{min-height:335px}.hero-mascot{width:265px}.mode-card{min-height:220px}.mode-card h3{font-size:19px}.mode-card p{font-size:12px}.category-card{min-height:85px}.welcome p{font-size:14px}.hero-copy p{font-size:13px}.category-card strong{font-size:14px}}@media(max-width:1150px){.sidebar{width:202px;padding:30px 15px}.main-content{margin-left:202px}.page{padding:27px}.topbar{padding:0 27px}.brand{font-size:21px}.brand img{width:32px}.hero-card{padding:26px}.hero-mascot{width:205px}.hero-art{width:38%}.chip-speed{right:-7%;font-size:9px;padding:9px}.chip-points{left:1%;bottom:8%}.mode-card{padding:16px 14px}.mode-card h3{font-size:15px}.mode-card p{font-size:10px}.mode-card .mini-tag{font-size:6px}.mini-stat{display:none}.lab-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:17px}.hero-foot{font-size:8px;gap:10px}}@media(max-width:900px){.sidebar{width:175px;padding:26px 12px}.main-content{margin-left:175px}.brand{font-size:18px;gap:6px}.brand img{width:29px}.brand small{font-size:5px}.nav-item{font-size:11px;padding:12px;gap:10px}.sidebar-card{padding:15px 12px}.sidebar-card h3{font-size:11px}.sidebar-card p{font-size:10px}.hero-art{width:34%}.hero-mascot{width:175px}.orbit{width:220px;height:200px}.orbit-two{width:165px;height:250px}.floating-chip{display:none}.hero-foot{flex-wrap:wrap;row-gap:8px}.hero-copy h2{font-size:30px}.hero-copy p{font-size:10px}.hero-copy .hero-pill{font-size:6.5px}.hero-card{min-height:303px}.mode-card h3{font-size:14px}.mode-card p br{display:none}.mode-icon{width:35px;height:35px}.mode-icon svg{width:20px}.mode-card-top{gap:4px;align-items:flex-start}.mode-card .mini-tag{font-size:5.5px;padding:5px 4px}.mode-grid{gap:9px}.mode-card-bottom>span{font-size:7px}.section-heading>.muted{font-size:9px}.category-card{padding:12px;gap:10px}.category-card strong{font-size:11px}.category-card small{font-size:9px}.welcome>.text-button{display:none}.stat-grid{grid-template-columns:1fr 1fr}.private-label{display:none}}@media(max-width:700px){.sidebar{display:none}.main-content{margin-left:0}.topbar{height:69px;padding:0 20px;padding-top:env(safe-area-inset-top);box-sizing:content-box}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.8px;font-weight:800}.mobile-brand img{width:31px}.top-actions{gap:10px}.icon-button{height:34px;width:34px;border-radius:9px}.profile-button{height:32px;width:32px}.page{padding:26px 20px 105px}.welcome{margin-bottom:22px}.welcome .eyebrow{font-size:8px;letter-spacing:1.5px}.welcome h1{font-size:30px;letter-spacing:-1.2px}.welcome p{font-size:11px;max-width:310px;margin-top:10px}.hero-card{padding:24px 23px;min-height:300px;border-radius:16px}.hero-copy h2{font-size:30px;letter-spacing:-1.1px}.hero-copy p{font-size:11px;max-width:205px}.hero-copy .hero-pill{font-size:7px;padding:6px 8px;margin-bottom:16px}.hero-foot{font-size:8px;max-width:210px;gap:8px 13px}.hero-art{position:absolute;right:0;bottom:33px;width:42%;height:180px;min-height:180px}.hero-mascot{width:170px}.orbit-one{width:180px;height:150px}.orbit-two{width:135px;height:200px}.mascot-halo{height:140px;width:140px}.hero-cta{margin-top:20px;font-size:11px;min-height:42px;padding:11px 13px}.hero-copy{max-width:74%}.art-star.star-one{font-size:17px;left:4%;top:10%}.star-two{font-size:24px;right:9%;bottom:6%}.hero-copy p br{display:none}.section-heading{margin-top:26px;align-items:flex-start}.section-heading h2{font-size:15px;white-space:nowrap}.section-heading>.muted{display:none}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{min-height:142px;padding:19px 20px 16px}.mode-card-top{position:absolute;top:18px;left:19px;margin:0}.mode-icon{height:44px;width:44px;border-radius:13px}.mode-icon svg{width:25px}.mode-card .mini-tag{position:absolute;top:5px;left:calc(100vw - 203px);font-size:6px;white-space:nowrap}.mode-card h3{font-size:17px;margin-left:60px;margin-top:1px;margin-right:70px}.mode-card p{font-size:11px;margin-left:60px;max-width:210px;line-height:1.8;margin-top:9px}.mode-card-bottom{margin-top:18px}.mode-card-bottom>span{font-size:9px}.round-arrow{height:29px;width:29px}.card-bot{width:98px;right:10px;bottom:22px;opacity:.15}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:15px;gap:12px;min-height:134px}.category-card>svg:last-child{position:absolute;right:13px;top:16px}.category-card strong{font-size:12px;line-height:1.4}.category-card small{font-size:9px;line-height:1.5}.category-icon{width:35px;height:35px}.category-icon svg{width:20px}.home-bottom{padding-top:18px;margin-top:22px}.daily-note p{font-size:10px}.daily-note strong{font-size:12px}.footnote{font-size:9px;align-items:flex-start;text-align:center;line-height:1.9}.footnote>svg{flex-shrink:0;margin-top:2px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;justify-content:space-around;background:#181622f5;backdrop-filter:blur(14px);border-top:1px solid #3b3147;padding:9px 8px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #09070e33}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:47px;min-width:65px;color:#94839e;font-size:9px}.bottom-nav .active{color:#d1acf4}.bottom-nav .active:after{content:"";height:3px;width:12px;border-radius:4px;background:#c4a2ec;margin-top:1px}.bottom-nav button:not(.active):after{content:"";height:3px;margin-top:1px}.page-subtitle{font-size:12px}.stat-grid{gap:11px;margin-top:23px}.stat-card{padding:19px}.stat-card strong{font-size:29px}.history-row{padding:14px 12px;gap:10px;font-size:11px}.history-row>span,.history-row>strong{min-width:42px}.history-result{height:36px;width:36px;border-radius:10px}.history-row small{font-size:8px}.lab-grid{grid-template-columns:1fr}.lab-card{padding:21px}.lab-card h3{font-size:15px}.lab-filters{gap:7px}.lab-filters button{font-size:10px;padding:8px 11px}.battle-heading{margin-bottom:15px;flex-wrap:wrap;gap:7px}.battle-heading .text-button{font-size:10px;gap:6px}.battle-heading .mini-tag{font-size:7px}.play-page{padding:20px 16px 30px}.scoreboard{padding:16px;gap:70px;margin-bottom:16px;border-radius:14px}.score-player{gap:8px}.score-player span{max-width:90px;font-size:10px}.score-player strong{font-size:24px}.score-player small{font-size:8px}.avatar{width:34px;height:34px;border-radius:10px;font-size:14px}.round-timer{height:54px;width:54px}.round-timer strong{font-size:20px}.round-progress{gap:10px;margin-bottom:20px;font-size:8px}.round-progress>div{gap:3px}.answer-board{padding:21px 17px;border-radius:16px}.answer-board h2{font-size:22px;line-height:1.5;margin-bottom:22px}.answer-grid{grid-template-columns:1fr;gap:10px}.answer-option{min-height:62px;padding:13px;font-size:14px}.answer-letter{width:31px;height:31px}.question-meta{font-size:8px;margin-bottom:18px}.question-meta>span:last-child{font-size:7px}.explanation{padding:15px;gap:11px}.explanation p{font-size:11px}.versus-art{margin-top:45px;gap:15px}.versus-art svg{width:120px}.countdown-screen h2{font-size:22px}.countdown-number{font-size:90px}.lobby{padding:16px 0}.lobby h1{font-size:29px}.lobby>p{font-size:12px}.lobby-players{gap:12px}.lobby-player{padding:20px 10px}.lobby-player strong{font-size:12px}.lobby-player>span{font-size:7px}.lobby-config{gap:15px;font-size:10px}.room-code{font-size:32px;padding:20px;letter-spacing:7px}.result-players{gap:12px}.result-player{padding:23px 12px}.result-player>strong{font-size:32px}.result-detail{font-size:9px;gap:8px}.results>h1{font-size:27px}.result-actions{gap:10px}.result-actions button{font-size:12px;padding:12px 16px}.review-list article{padding:18px}.review-list h3{font-size:14px}.dialog{padding:22px}.dialog-heading h2{font-size:22px}.dialog-subtitle{font-size:12px}.toast{bottom:90px;font-size:12px}.compact.answer-board{padding:12px 13px}.compact h2{font-size:15px;line-height:1.4;margin-bottom:10px}.compact .answer-grid{grid-template-columns:1fr 1fr;gap:6px}.compact .answer-option{font-size:11px;min-height:47px;padding:7px;gap:7px}.compact .answer-letter{height:23px;width:23px;font-size:10px}.compact .answer-letter svg{height:15px;width:15px}.compact .question-meta{font-size:8px;margin-bottom:8px}.compact .question-meta>span:last-child{font-size:7px}.compact-status{margin-top:7px;font-size:8px}.local-battle .scoreboard{padding:8px 12px;margin:10px 0}.local-battle .score-player strong{font-size:17px}.local-battle .score-player small{font-size:7px}.local-battle .score-player span{font-size:9px}.local-battle .round-timer{height:40px;width:40px}.local-battle .round-timer strong{font-size:16px}.local-battle .explanation p{font-size:10px}.local-battle .round-progress{margin:7px 0 12px}.in-game .topbar{height:56px}.in-game .mobile-brand{font-size:17px}.in-game .mobile-brand img{width:27px}}@media(max-width:380px){.page{padding-left:15px;padding-right:15px}.welcome h1{font-size:26px}.hero-card{padding:21px 18px}.hero-copy h2{font-size:27px}.hero-art{right:-15px;bottom:39px}.hero-mascot{width:146px}.hero-copy{max-width:77%}.hero-copy p{max-width:174px}.mode-card .mini-tag{left:calc(100vw - 193px)}.category-card{padding:13px}.category-card strong{font-size:11px}.score-player .avatar{display:none}.lab-filters button{font-size:9px}.room-code{font-size:26px}.result-player>strong{font-size:28px}.compact h2{font-size:14px}.compact .answer-option{font-size:10px}}.same-phone-action{margin-top:14px;min-height:44px}.timer-options .segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.timer-options .segmented button{min-width:0;min-height:44px;padding:10px 4px;white-space:nowrap}.avatar-picker{display:grid;gap:8px}.avatar-choice{display:flex;align-items:center;gap:12px;text-align:left;min-height:72px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.avatar-choice.selected{border-color:var(--lime);background:#242b27}.avatar-choice strong,.avatar-choice small{display:block;overflow-wrap:anywhere}.avatar-choice strong{font-size:14px}.avatar-choice small{font-size:12px;color:var(--muted);margin-top:4px}.avatar-portrait{position:relative;width:58px;height:50px;flex:none;border-bottom:3px solid var(--avatar-color)}.avatar-portrait svg{width:48px;height:45px}.avatar-portrait b{position:absolute;right:0;bottom:3px;font-size:12px;color:var(--avatar-color)}.queue-status{text-align:center;padding:22px 4px;border-top:1px solid var(--border);margin:16px 0}.queue-status>svg{color:var(--lime)}.queue-status h3{font-size:20px;margin:12px 0}.queue-status p{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0}.queue-status p+svg{margin-top:12px}.invite-actions,.account-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.invite-field{max-width:560px;margin:20px auto 12px;text-align:left}.invite-field input{font-size:13px;width:100%;min-width:0}.lobby-player strong,.score-player>div>span,.result-player h3{overflow-wrap:anywhere}.account-container{padding:25px 38px 0}.account-container[hidden]{display:none}.account-section{padding:20px 0;border-bottom:1px solid var(--border)}.account-section h2{display:flex;align-items:center;gap:10px;font-size:21px}.account-section p{color:var(--muted);font-size:13px;line-height:1.6;margin:12px 0}.account-section form{max-width:460px;margin-top:18px}.account-section .account-actions{justify-content:flex-start}.account-email{overflow-wrap:anywhere}.account-confirm{border-left:3px solid var(--peach);padding:8px 15px;margin-top:16px}.account-confirm button{margin-right:12px}.account-status{color:var(--lime)!important}.account-section .field{margin-top:12px}@media(max-width:700px){.account-container{padding:12px 20px 0}.invite-actions>button{flex:1;min-width:120px}.mode-card h3{margin-right:0;max-width:calc(100% - 60px);font-size:17px}.mode-card .mini-tag{display:none}.hero-copy h2{font-size:27px}.hero-art{opacity:.7;right:-25px}.hero-copy{position:relative;z-index:2}.hero-foot{max-width:170px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk.ttf) format("truetype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/Nunito.ttf) format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}:root{font-family:Nunito,sans-serif;--bg:#10111b;--panel:#191a28;--panel2:#202130;--border:#2b2c3e;--text:#f1f0f6;--muted:#aaa3bb;--accent:#bca3f9;--cyan:#9fc7f2;--coral:#edb99f;--purple:var(--accent);--lime:#d1eaa0;--peach:var(--coral);--panel-hover:#292537;--selected:#302640;--input:#14131e;--border-strong:#574967;--accent-ink:#211830;--accent-shadow:#665180;color:var(--text);background:var(--bg);color-scheme:dark}body{background:var(--bg);background-image:linear-gradient(#bca3f903 1px,transparent 1px),linear-gradient(90deg,#bca3f903 1px,transparent 1px);background-size:36px 36px}*,*:before,*:after{letter-spacing:0!important}h1,h2,h3,.brand,.mobile-brand,.primary,.secondary,.nav-item,.score-player strong,.countdown-number,.result-player>strong,.stat-card>strong{font-family:Space Grotesk,Nunito,sans-serif}h1{font-size:36px;font-weight:700}h2{font-size:22px}h3{font-size:18px}h1>span{color:var(--accent)}.eyebrow,.nav-eyebrow{font-size:11px;font-weight:800;color:var(--muted)}.main-content{min-width:0}.page{max-width:1240px;margin:0 auto;padding-top:28px}.sidebar{background:#151521;border-color:var(--border)}.brand{font-size:24px}.brand-accent{color:var(--accent)}.brand small{color:var(--muted);font-size:7px}.nav-item{color:#b4abc8;font-size:13px;border-radius:7px;min-height:48px}.nav-item:hover{background:var(--panel-hover);color:var(--text)}.nav-item.active{background:#bca3f914;color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.nav-dot{background:var(--accent)}.sidebar-card{background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;padding:24px 0}.sidebar-card p{color:var(--muted)}.sidebar-card button{color:var(--accent);font-size:12px}.orbit-small{background:#bca3f912;color:var(--accent);border-radius:8px}.topbar{border-color:var(--border);background:#10111be8}.breadcrumb,.private-label,.version{color:var(--muted)}.profile-button{background:var(--accent);color:var(--accent-ink);border:1px solid #d9c6ff;border-radius:8px;font-weight:900}.icon-button{background:var(--panel2);border-color:var(--border);color:#d8d0e5;border-radius:7px}.icon-button:hover{background:var(--panel-hover)}.text-button{color:#c6b5e1;font-size:13px}.text-button:hover{color:var(--accent)}.primary,.secondary,.danger-button{border-radius:7px;min-height:48px;font-size:14px;line-height:1.3;white-space:normal}.primary{background:var(--accent);color:var(--accent-ink);border:1px solid #dac8ff;box-shadow:0 4px 0 var(--accent-shadow);transition:transform .15s,background .15s,box-shadow .15s}.primary:hover:not(:disabled){background:#ceb9ff;box-shadow:0 5px 0 var(--accent-shadow);transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--accent-shadow)}.primary:disabled{opacity:.5;box-shadow:none}.secondary{background:#252533;border:1px solid var(--border-strong);color:var(--text);box-shadow:0 3px #0c0b14}.secondary:hover:not(:disabled){background:var(--panel-hover)}.danger-button{background:#5a2f40;color:#ffc7cf}.welcome{margin-bottom:12px}.welcome h1{font-size:24px}.welcome p{font-size:13px;color:var(--muted);margin-top:7px}.welcome .eyebrow{display:none}.hero-card{min-height:240px;padding:22px 0 28px;background:none;border:0;border-bottom:1px solid var(--border);border-radius:0;overflow:visible;gap:24px}.hero-noise,.orbit,.mascot-halo,.art-dot{display:none}.hero-copy{min-width:0;max-width:none}.hero-copy h2{font-size:46px;line-height:1.13;font-weight:700;color:var(--text)}.hero-copy h2 span{color:var(--accent)}.hero-copy p{font-size:14px;line-height:1.7;color:var(--muted);max-width:450px}.hero-pill{padding:0;border:0;background:none;color:var(--cyan);font-size:10px;margin-bottom:13px}.hero-pill span{background:var(--cyan)}.hero-cta{margin-top:20px;font-size:14px;min-height:48px;background:var(--accent);border-radius:7px}.hero-foot{font-size:10px;gap:14px;color:var(--muted);flex-wrap:wrap}.hero-art{position:relative;width:290px;flex:none;min-height:215px;align-self:center;opacity:1;right:auto;bottom:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px;padding:0}.hero-rival{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}.hero-rival:first-child{transform:rotate(-6deg);margin-top:-15px}.hero-rival:last-child{transform:rotate(6deg);margin-top:24px}.hero-rival .character-portrait{width:100%;border:2px solid var(--accent);box-shadow:7px 8px #0005;border-radius:8px}.hero-rival:last-child .character-portrait{border-color:var(--cyan)}.hero-rival small{font-family:Space Grotesk,sans-serif;font-size:12px;color:#dfd5ed}.hero-versus{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:2;font:700 17px Space Grotesk,sans-serif;background:var(--bg);border:1px solid var(--border);border-radius:50%;height:38px;width:38px;display:grid;place-items:center;color:var(--accent)}.section-heading{margin:24px 0 16px}.section-heading h2{font-size:19px}.section-heading h2>span{color:#9e8daf;background:#272233}.section-heading>.muted{font-size:12px}.mode-grid{gap:14px;align-items:stretch}.mode-card{border-radius:8px;min-height:215px;background:var(--panel);border:1px solid var(--border);box-shadow:0 4px #0c0b14;padding:20px;transition:transform .18s,border-color .18s,background .18s}.mode-card:hover{background:var(--panel-hover);border-color:#917aa9;transform:translateY(-3px)}.online-card{border-top:3px solid var(--accent)}.local-card{border-top:3px solid var(--cyan)}.bot-card{border-top:3px solid var(--coral)}.mode-card h3{font-size:19px;line-height:1.35;margin-bottom:8px}.mode-card p{color:#bcb1cd;font-size:13px;line-height:1.65}.mode-card-bottom{margin-top:20px}.mode-card-bottom>span,.online-card .mode-card-bottom>span{color:var(--muted);font-size:10px}.mode-icon{border-radius:8px}.mini-tag{background:var(--input);color:#c7b6dc;border:1px solid #403448;border-radius:4px;font-size:8px;padding:5px 7px}.round-arrow{background:var(--selected);color:var(--accent);border:1px solid var(--border-strong);border-radius:6px}.status-dot{background:var(--accent)}.lime{background:#303926;color:var(--lime)}.purple{background:#332743;color:var(--accent)}.blue{background:#253247;color:var(--cyan)}.peach{background:#47342b;color:var(--coral)}.bot-card .card-portrait{width:65px;position:absolute;right:16px;bottom:44px;transform:rotate(8deg);border:1px solid #e3b793;opacity:.9}.bot-card p{max-width:75%}.same-phone-action{color:var(--muted);font-size:12px}.category-card{background:var(--panel);border-color:var(--border);border-radius:8px;min-height:76px}.category-card:hover{background:var(--panel-hover);border-color:#79648c}.category-card.selected{background:var(--selected);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.category-card strong{font-size:13px}.category-card small{font-size:11px;color:var(--muted)}.category-icon{border-radius:7px}.selected-check{color:var(--accent)}.daily-note{background:transparent;border-color:var(--border);border-radius:0}.daily-note p,.footnote{color:var(--muted)}.note-icon{background:var(--selected);color:var(--accent)}.mini-stat{color:var(--muted)}.mini-stat svg{color:var(--accent)}.dialog{background:var(--panel);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 25px 100px #000a;padding:26px}.dialog::backdrop{background:#090811cc;backdrop-filter:blur(5px)}.dialog-heading h2{font-size:25px}.dialog-subtitle{color:#bdb0ce;font-size:13px}.field{color:#dfd4eb;font-size:13px}.field input,.field select{background:var(--input);border:1px solid var(--border-strong);color:var(--text);border-radius:6px;font-family:Nunito,sans-serif;font-size:15px}.field input::placeholder{color:#a193b0}.field small,legend span,.tiny-note{color:var(--muted)}.field small{font-size:11px}legend{color:var(--text)}.segmented{background:var(--input);border-color:var(--border);border-radius:7px}.segmented button{color:var(--muted);border-radius:4px;font-weight:700}.segmented button.selected{background:#403052;color:var(--accent);box-shadow:none}.info-note{background:#262232;border-color:#4b3f58;border-radius:7px;color:var(--muted)}.info-note p{color:#cbbcd9}.info-note svg{color:var(--cyan)}.toggle-row{border-color:var(--border)}.toggle-row small{color:var(--muted)}.toggle-row input{accent-color:var(--accent)}.character-portrait{display:inline-block;position:relative;overflow:hidden;flex:none;aspect-ratio:1;width:64px;height:auto;border-radius:8px;background:var(--selected);vertical-align:middle}.character-portrait img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s}.character-portrait.is-loaded img{opacity:1}.portrait-fallback{display:grid;place-items:center;width:100%;height:100%;background:var(--portrait-color);color:var(--accent-ink);font:700 26px Space Grotesk,sans-serif}.avatar-picker{gap:9px}.avatar-choice{background:var(--panel2);border:1px solid #493b56;border-radius:8px;padding:9px;min-height:82px;gap:14px}.avatar-choice:hover{border-color:#967cae;background:var(--panel-hover)}.avatar-choice.selected{border-color:var(--accent);background:var(--selected);box-shadow:inset 3px 0 var(--accent)}.avatar-choice .character-portrait{width:62px;border:1px solid #ffffff25}.avatar-choice strong{font:700 14px Space Grotesk,sans-serif}.avatar-choice small{color:#c4b0dc;font-size:12px}.avatar-choice>svg{color:var(--accent);margin-left:auto}.avatar-choice>span:nth-child(2){flex:1;min-width:0}.scoreboard{background:var(--panel2);border-color:var(--border-strong);border-radius:8px}.score-player strong{color:var(--text);font-variant-numeric:tabular-nums}.score-player>div>span{color:#d8c5ec}.avatar{background:#3c2b51;color:var(--accent);border:1px solid #806299;border-radius:8px}.avatar.rival{background:#283b52;color:var(--cyan);border-color:#557ba1}.avatar .character-portrait{width:100%;height:100%;border-radius:inherit}.round-timer{background:conic-gradient(var(--accent) calc(var(--progress)*360deg),#392e49 0);color:var(--text)}.round-timer:before{background:var(--input)}.round-timer.urgent{color:#ffbd9e}.round-progress{color:var(--muted)}.round-progress>div>span{background:#392e49}.round-progress>div>span.current{background:var(--accent)}.round-progress>div>span.done{background:#8060a4}.answer-board{background:var(--panel);border-color:var(--border-strong);border-radius:8px}.answer-board h2{font-size:25px;color:var(--text);line-height:1.45;font-weight:600}.question-meta{color:var(--muted)}.question-meta>span:first-child{color:var(--cyan)}.answer-option{background:#272334;border:1px solid var(--border-strong);border-radius:7px;box-shadow:0 3px #100d18;color:#eee7f5;font-weight:700}.answer-option:hover:not(:disabled){background:#362b47;border-color:var(--accent);transform:translateY(-1px)}.answer-letter{background:#433052;color:#e0c8f7;border-color:#73558d;border-radius:5px}.answer-option.locked{background:#302543;border-color:var(--accent);color:#e3d0ff}.answer-option.correct{background:#303e27;border-color:var(--lime);color:#e0ffb6}.answer-option.wrong{background:#51302b;border-color:var(--coral);color:#ffe2d6}.answer-option.correct .answer-letter{background:var(--lime);color:#20301a}.answer-option.wrong .answer-letter{background:var(--coral);color:#44251e}.answer-status{color:var(--muted)}.explanation{background:#282134;border-color:#68507d;border-radius:8px;color:#e4d5f1}.explanation-icon{background:#453056;color:var(--accent)}.explanation p{color:#d3bfdc}.explanation small{color:#b4a0c7}.compact-status{color:var(--muted)}.countdown-number{color:var(--accent);text-shadow:0 5px 0 #513c69}.versus-art{gap:25px}.versus-art>.character-portrait{width:125px;height:125px;border:2px solid var(--accent);box-shadow:5px 6px #0004}.versus-art>span:not(.character-portrait){color:var(--coral)}.countdown-screen p{color:#d9cbe5}.countdown-screen p span{color:var(--muted)}.lobby-orb,.trophy-orb{background:#382847;color:var(--accent);border:1px solid #806296;box-shadow:none;border-radius:12px}.lobby-player{background:transparent;border-color:var(--border);border-radius:8px}.lobby-player>span,.lobby-config,.waiting-label{color:var(--muted)}.result-player{background:var(--panel);border-color:var(--border);border-radius:8px}.result-player.winner{background:var(--selected);border-color:var(--accent)}.result-detail{color:var(--muted);border-color:var(--border)}.results>p{color:var(--muted)}.result-player>strong{color:var(--accent)}.review-list article{background:var(--panel2);border-color:var(--border);border-radius:8px}.review-list p,.review-list small{color:var(--muted)}.stat-card{background:var(--panel2);border-color:var(--border);border-radius:8px}.stat-card>span,.page-subtitle{color:var(--muted)}.history-row{background:var(--panel);border-color:var(--border);border-radius:8px}.history-row small{color:var(--muted)}.history-result{border-radius:7px}.lab-card{background:var(--panel2);border-color:#4a3c57;border-radius:8px}.lab-card h3{font-size:17px}.lab-filters button{color:var(--muted);border-color:var(--border);background:var(--panel);border-radius:6px}.lab-filters button.selected{background:var(--selected);color:var(--accent);border-color:var(--accent)}.lab-explanation{border-color:#644e78;color:#d0bbdf}.pagination{color:var(--muted)}.toast{background:#352745;color:#eddbff;border-color:#8e70ab;border-radius:8px}.update-notice{background:#282031;border-color:#78618e;border-radius:8px}.bottom-nav{background:#171321f5;border-color:#3e324a;backdrop-filter:blur(10px)}.bottom-nav button{color:#b3a1c7}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active:after{background:var(--accent)}.queue-status{padding:0;border:0}.loading-panel{padding:22px 8px 18px;margin:18px 0;border-top:1px solid var(--border);text-align:center}.loading-label{display:flex;justify-content:center;align-items:center;gap:9px;font:600 13px Space Grotesk,sans-serif;color:#ddc9ed;min-height:20px}.loading-label svg{color:var(--accent)}.loading-phrase{display:grid;place-items:center;min-height:74px;max-width:370px;margin:8px auto;font:700 23px/1.3 Space Grotesk,sans-serif}.gradient-phrase{color:var(--accent);background:linear-gradient(105deg,#cbb4ff 8%,#efa9dc 52%,#a7d5ff 95%);background-clip:text;-webkit-text-fill-color:transparent;animation:phrase-in .45s ease-out}.loading-detail{font-size:12px;line-height:1.7;color:var(--muted);max-width:330px;margin:0 auto 16px}.loading-track{height:4px;border-radius:4px;background:#3b2d4d;max-width:160px;margin:18px auto 0}.match-skeleton{display:flex;align-items:center;justify-content:center;gap:22px;margin:22px auto 10px;color:#ad92c9}.skeleton-player{width:60px;height:64px;border:1px solid #59436c;border-radius:8px;background:#30243f}.skeleton-player:before{content:"?";display:grid;place-items:center;height:100%;font:700 26px Space Grotesk,sans-serif;color:#c7a8e7}.loading-compact{padding:12px 0;margin:12px 0}.loading-compact .loading-phrase{font-size:18px;min-height:48px}.loading-compact .loading-track{margin-top:8px}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,#ddc4ff26 48%,transparent 80%);transform:translate(-100%);animation:shimmer-sweep 1.7s infinite;pointer-events:none}@keyframes shimmer-sweep{to{transform:translate(100%)}}@keyframes phrase-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){.hero-card{min-height:270px}.hero-copy h2{font-size:50px}.hero-art{width:310px}.mode-card{min-height:225px}}@media(max-width:1150px){.hero-art{width:225px;gap:10px}.hero-copy h2{font-size:36px}.hero-copy p{font-size:13px}.mode-card{padding:16px}.mode-card h3{font-size:17px}.mode-card p{font-size:12px}.mode-card .mini-tag{font-size:7px}.mode-card-bottom>span{font-size:9px}.bot-card .card-portrait{width:49px;right:12px}.section-heading h2{font-size:18px}}@media(min-width:701px)and (max-width:900px){.mode-grid{grid-template-columns:1fr}.mode-card{min-height:140px;padding:18px 20px 18px 80px}.mode-card-top{position:absolute;left:18px;top:18px}.mode-card .mini-tag{display:none}.mode-card-bottom{margin-top:10px}.mode-card h3{font-size:18px}.mode-card p{max-width:85%}.hero-art{width:170px}.hero-copy h2{font-size:31px}.hero-rival small{font-size:10px}.bot-card .card-portrait{width:58px;bottom:44px}.category-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){h1{font-size:29px}.page{padding-top:20px}.welcome h1{font-size:21px}.welcome p{font-size:12px}.hero-card{padding:18px 0 24px;min-height:0;display:block;position:relative}.hero-copy{max-width:none}.hero-copy h2{font-size:32px;max-width:220px}.hero-copy h2 span{font-size:29px}.hero-copy p{font-size:13px;max-width:210px;line-height:1.6}.hero-pill{font-size:9px;max-width:100%;margin-bottom:12px}.hero-cta{font-size:13px;min-height:46px;margin-top:18px}.hero-foot{font-size:10px;max-width:100%;gap:9px;margin-top:16px}.hero-art{position:absolute;right:0;top:78px;bottom:auto;width:100px;min-height:100px;display:block;opacity:1;z-index:0}.hero-rival{transform:rotate(7deg)!important;margin:0!important}.hero-rival:last-child,.hero-versus{display:none}.hero-rival small{font-size:10px}.hero-copy{z-index:1}.hero-copy p{max-width:calc(100% - 106px)}.mode-card{min-height:156px;padding:19px 18px 15px 78px}.mode-card-top{left:18px;top:18px}.mode-card h3{margin:0 0 8px;font-size:19px;max-width:100%}.mode-card p{margin:0;font-size:13px;max-width:100%}.mode-card-bottom{margin-top:16px}.mode-card-bottom>span{font-size:10px}.mode-icon{width:44px;height:44px}.bot-card p{max-width:75%}.bot-card .card-portrait{width:51px;right:17px;bottom:54px}.mode-card .mini-tag{display:none}.section-heading h2{font-size:18px;white-space:normal}.category-card strong{font-size:13px}.category-card small{font-size:11px}.category-card{min-height:73px}.dialog{padding:20px}.dialog-heading h2{font-size:22px}.dialog-subtitle{font-size:12px}.loading-phrase{font-size:21px;min-height:82px}.avatar-choice{min-height:80px}.avatar-choice strong{font-size:13px}.avatar-choice .character-portrait{width:58px}.answer-board h2{font-size:20px}.compact.answer-board h2{font-size:14px;line-height:1.4}.scoreboard{padding:14px;gap:62px}.score-player>div>span{font-size:11px}.score-player strong{font-size:22px}.score-player .avatar{height:36px;width:36px}.local-battle .scoreboard{padding:8px 14px}.versus-art>.character-portrait{width:90px;height:90px}.countdown-screen h2{font-size:22px}.result-player h3{font-size:16px}.result-player>strong{font-size:30px}.topbar{height:60px}.footnote{font-size:10px}}@media(max-width:380px){.hero-copy h2{font-size:30px;max-width:220px}.hero-copy h2 span{font-size:27px}.hero-art{width:76px;top:89px}.hero-rival small{font-size:9px}.hero-copy p{max-width:calc(100% - 84px);font-size:12px}.mode-card{padding-left:70px}.mode-card h3{font-size:17px}.mode-card p{font-size:12px}.mode-card-top{left:14px}.bot-card .card-portrait{width:44px}.bot-card p{max-width:73%}.avatar-choice{gap:10px}.score-player .avatar{display:none}.loading-phrase{font-size:19px}.lab-filters button{font-size:10px}.category-card{padding:12px}.dialog-heading h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.gradient-phrase,.shimmer:after{animation:none!important}.character-portrait img{transition:none}}.reduce-motion .gradient-phrase,.reduce-motion .shimmer:after{animation:none!important}@media(forced-colors:active){.gradient-phrase{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.primary,.avatar-choice.selected{border:2px solid Highlight}.shimmer:after{display:none}}