@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Fraunces:opsz,wght,SOFT,WONK@9..144,600,0,0;9..144,700,0,0&display=swap";.ls-wrap{--ls-navy:#17243f;--ls-gold:#d9b870;--ls-sub:#667085;display:grid;gap:18px;margin:20px 0 45px;color:var(--ls-navy)}.ls-head{border-radius:23px;padding:25px 28px;background:linear-gradient(128deg,#17243f,#29345a 66%,#50449b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.ls-head h2{color:#fff;font-size:clamp(24px,3vw,35px);line-height:1.15;letter-spacing:-.03em;margin:12px 0}.ls-head p{max-width:570px;color:#dcdff1;font-size:14px;line-height:1.65}.ls-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;display:inline-flex;align-items:center;gap:7px;color:#c6aaf9}.ls-brand-mark{display:grid;place-items:center;width:74px;height:74px;flex-shrink:0;background:#ffffff19;border:1px solid #ffffff3a;border-radius:23px;color:#e1c386}.ls-setup-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:17px}.ls-panel{background:var(--surface,#fff);border:1px solid var(--border,#e4e6ef);border-radius:21px;padding:23px;box-shadow:0 4px 18px #191b3c09}.ls-panel h3{color:inherit;margin:12px 0 8px;font-size:clamp(20px,2.3vw,25px);letter-spacing:-.025em}.ls-panel p{color:var(--ls-sub);line-height:1.55;font-size:13px}.ls-panel label{display:grid;gap:7px;margin:16px 0;font-weight:700;font-size:13px;color:inherit}.ls-panel input,.ls-panel select{width:100%;height:46px;border-radius:12px;border:1px solid #d7d9e4;background:var(--surface,#fff);padding:0 12px;color:inherit;font:inherit;font-weight:500;min-width:0}.ls-panel input:focus-visible,.ls-panel select:focus-visible{outline:3px solid #a98cff66;outline-offset:1px}.ls-inline{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ls-pill{background:#ebe6fd;border-radius:100px;padding:7px 10px;color:#5341aa;letter-spacing:.09em;font-size:10px;font-weight:850;width:max-content}.ls-pill.violet{background:#eaf1ff;color:#30658a}.ls-primary,.ls-secondary{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;border-radius:13px;cursor:pointer;font:inherit;font-weight:800;font-size:13px;text-align:center;transition:transform .15s ease,filter .15s ease}.ls-primary{background:#5b4bc2;color:#fff}.ls-secondary{background:#eef0fd;color:#342b78}.ls-primary:hover:not(:disabled),.ls-secondary:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.ls-primary:disabled,.ls-secondary:disabled{opacity:.48;cursor:not-allowed}.ls-setup-grid .ls-primary,.ls-setup-grid .ls-secondary{width:100%}.ls-note{display:flex;align-items:flex-start;gap:8px;font-size:12px!important;color:#787b89!important}.ls-join{background:linear-gradient(160deg,var(--surface,#fff),#f1f0fc)}.ls-code-input{font-size:24px!important;letter-spacing:.17em!important;font-weight:800!important;text-transform:uppercase}.ls-guide{display:flex;gap:12px;margin-top:35px;background:#e8ebf6;padding:17px;border-radius:14px}.ls-guide strong{font-size:13px}.ls-guide p{margin:4px 0 0}.ls-auth{border:1px solid #dce0ee;background:#f4f6ff;border-radius:18px;padding:25px;display:grid;justify-items:start;gap:7px}.ls-auth h3{margin:4px 0}.ls-auth p{font-size:13px;color:#65718b}.ls-game-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.ls-game-head h3{margin:12px 0 5px}.ls-link{background:none;border:0;cursor:pointer;color:#6d55be;text-decoration:underline;font-weight:700}.ls-room-code{margin:18px 0 20px;display:flex;flex-wrap:wrap;align-items:center;gap:9px;background:#f2f0fa;border-radius:15px;padding:14px}.ls-room-code>div{display:flex;flex-direction:column;gap:2px;margin-right:auto}.ls-room-code small{font-weight:800;color:#757b90;letter-spacing:.12em}.ls-room-code strong{font-size:23px;letter-spacing:.14em;color:#24253c}.ls-room-code button{padding:9px 12px;border:1px solid #d5d0ee;background:#fff;border-radius:10px;display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12px;color:#443a82;font-weight:700}.ls-lobby{display:flex;gap:13px;align-items:center;background:#f8f7ff;border:1px dashed #dad4f5;border-radius:14px;padding:20px}.ls-lobby h4{margin:0}.ls-player-list{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.ls-player-list span{border-radius:50px;padding:8px 12px;background:#eaf2ed;font-size:12px;font-weight:650;color:#1c544b}.ls-question{margin-top:14px}.ls-round-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:#605d7a;font-size:12px;font-weight:800}.ls-round-head strong{display:flex;align-items:center;gap:6px;color:#5a4dc3}.ls-round-head .ls-urgent{color:#d24646}.ls-question h3{font-size:clamp(19px,2.5vw,28px);margin:20px 0;line-height:1.4}.ls-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ls-options button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e0dfed;background:var(--surface,#fff);border-radius:13px;padding:15px 13px;min-height:62px;cursor:pointer;color:inherit;font:inherit;font-weight:650}.ls-options button span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;background:#e7e3fb;color:#44369b;font-weight:800}.ls-options button:hover:not(:disabled){border-color:#796bd0;background:#f9f8ff}.ls-options button:disabled{opacity:.65;cursor:default}.ls-reveal{padding:18px;background:#f8f7ff;border-radius:15px}.ls-reveal h3{margin:10px 0}.ls-reveal .ls-correct{background:#e4f5eb;display:flex;gap:10px;align-items:center;color:#136b42;padding:13px;border-radius:12px}.ls-standings{margin-top:18px}.ls-standings h3{margin-bottom:11px}.ls-rank{display:grid;grid-template-columns:36px 1fr 90px 90px;gap:10px;padding:13px 8px;border-bottom:1px solid #ececf2;align-items:center;font-size:13px}.ls-rank>span{color:#6857b7;font-weight:850}.ls-rank small{text-align:right;color:#667085}.ls-rank>b{text-align:right}.ls-results{text-align:center;padding:21px;background:#eff8f0;color:#27583e;border-radius:15px}.ls-results h3{color:inherit}.ls-external{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#17243f;color:#fff;border-radius:17px;padding:23px}.ls-external h3{font-size:21px;margin:11px 0;color:#fff}.ls-external p{font-size:13px;max-width:610px;color:#d3d8e4;line-height:1.6}.ls-external a{display:inline-flex;gap:7px;align-items:center;color:#162035;background:#e0c485;border-radius:11px;padding:12px 16px;white-space:nowrap;text-decoration:none;font-size:13px;font-weight:800}.ls-foot{display:flex;align-items:center;gap:7px;color:#747a8a;font-size:12px}.ls-error,.ls-success{padding:14px 16px;border-radius:12px;font-size:13px;font-weight:650}.ls-error{color:#8c2b27;background:#fff0f0;border:1px solid #ffd0d0}.ls-success{color:#155c3e;background:#eaf9f0;border:1px solid #c7efda}@media(max-width:730px){.ls-head{padding:23px 18px}.ls-brand-mark{width:52px;height:52px}.ls-setup-grid{grid-template-columns:1fr}.ls-panel{padding:19px}.ls-external{flex-direction:column;align-items:flex-start}.ls-rank{grid-template-columns:27px 1fr 65px 67px;font-size:11px;gap:6px}.ls-rank small{font-size:10px}.ls-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ls-wrap *{transition:none!important}}.ls-arena-shortcut{background:linear-gradient(130deg,#f4efff,#edf4ff);border:1px solid #e4daf9;border-radius:16px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin:15px 0 22px}.ls-arena-shortcut div{display:grid;gap:4px}.ls-arena-shortcut strong{color:#262244}.ls-arena-shortcut span{font-size:13px;color:#625d76}.ls-arena-shortcut .btn{flex-shrink:0}@media(max-width:730px){.ls-arena-shortcut{flex-direction:column;align-items:stretch}}:root[data-theme=dark] .ls-wrap{color:var(--ink);--ls-sub:var(--muted)}:root[data-theme=dark] .ls-panel{border-color:var(--line)}:root[data-theme=dark] .ls-join{background:linear-gradient(160deg,#1d2a40,#292c50)}:root[data-theme=dark] .ls-panel input,:root[data-theme=dark] .ls-panel select{background:#142137;border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .ls-guide,:root[data-theme=dark] .ls-lobby,:root[data-theme=dark] .ls-reveal{background:#28364c;border-color:#4c5675}:root[data-theme=dark] .ls-guide p,:root[data-theme=dark] .ls-lobby p,:root[data-theme=dark] .ls-game-head p{color:#b3c0d1}:root[data-theme=dark] .ls-room-code{background:#293650}:root[data-theme=dark] .ls-room-code strong{color:#f1edff}:root[data-theme=dark] .ls-room-code button{background:#26344f;color:#e8dfff;border-color:#4b5877}:root[data-theme=dark] .ls-options button{border-color:#4c5871}:root[data-theme=dark] .ls-options button span{background:#40376a;color:#eee7ff}:root[data-theme=dark] .ls-rank{border-color:#40506a}:root[data-theme=dark] .ls-arena-shortcut{background:#292e4b;border-color:#4d4d72}:root[data-theme=dark] .ls-arena-shortcut strong{color:#f6f4ff}:root[data-theme=dark] .ls-arena-shortcut span{color:#c7c7dc}.ls-options button span.ls-option-label{display:block;flex:1;min-width:0;width:auto;height:auto;padding:0;border-radius:0;background:transparent;color:inherit;font:inherit}.ls-options button.ls-selected,.ls-options button.ls-selected:disabled{opacity:1;border:2px solid #6d50dc;background:#eee9ff;color:#271957;box-shadow:0 0 0 3px #6d50dc2e,0 8px 22px #4e35b01a;cursor:default}.ls-options button.ls-selected>span:first-child,.ls-options button.ls-selected:disabled>span:first-child{background:#6d50dc;color:#fff}.ls-options button .ls-selection-check{flex-shrink:0;margin-left:auto;color:#5f43c2}.ls-options button:focus-visible,.ls-room-code button:focus-visible{outline:3px solid #bc9cff;outline-offset:3px}.ls-room-code button.ls-copied,.ls-room-code button.ls-copied:hover{background:#dff6e9;color:#12643f;border-color:#75caa1}.ls-copy-feedback{width:100%;display:block;margin-top:2px;color:#14633e;font-size:12px;font-weight:800}.ls-copy-error{width:100%;display:block;margin-top:2px;color:#a61f37;font-size:12px;font-weight:700}:root[data-theme=dark] .ls-options button.ls-selected,:root[data-theme=dark] .ls-options button.ls-selected:disabled{background:#392765;color:#fff;border-color:#b9a1ff;box-shadow:0 0 0 3px #b9a1ff30}:root[data-theme=dark] .ls-options button.ls-selected>span:first-child{background:#9a7cf5;color:#14172c}:root[data-theme=dark] .ls-options button .ls-selection-check{color:#d8c8ff}:root[data-theme=dark] .ls-room-code button.ls-copied{background:#1b5c46;color:#c5ffe2;border-color:#64c59c}:root[data-theme=dark] .ls-copy-feedback{color:#8ef0bc}:root[data-theme=dark] .ls-copy-error{color:#ffb2bc}@media(prefers-reduced-motion:reduce){.ls-options button.ls-selected{transition:none}}.ls-host-tools{margin-top:24px;border-radius:18px;padding:19px;border:1px solid #dcd8f5;background:linear-gradient(142deg,#f7f5ff,#f0f4ff)}.ls-host-tools-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:16px}.ls-host-tools-heading>span:last-child{color:#625f77;font-size:12px}.ls-host-label{display:inline-flex;align-items:center;gap:8px;color:#5143a4;font-weight:900;letter-spacing:.1em;font-size:11px}.ls-host-tool-actions{display:flex;flex-wrap:wrap;gap:10px}.ls-host-tool-actions button{flex:1 1 190px}.ls-response-board{margin-bottom:17px;border-radius:14px;padding:16px;background:#fff;border:1px solid #e6e2f7}.ls-response-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ls-response-heading>div:first-child{display:grid;gap:4px}.ls-response-heading strong{font-size:14px;color:#262744}.ls-response-heading span{font-size:12px;color:#77718c}.ls-response-count{font-weight:900;color:#5941ba;font-size:23px;white-space:nowrap}.ls-response-track,.ls-present-timer{height:8px;background:#e6e2f7;border-radius:999px;overflow:hidden;margin-top:13px}.ls-response-track>span,.ls-present-timer>span{display:block;height:100%;background:linear-gradient(90deg,#6956d9,#9d81ff);border-radius:inherit;transition:width .4s ease}.ls-response-board p{font-size:12px;margin:10px 0 0;color:#6c6883}:root[data-theme=dark] .ls-host-tools{background:#252d49;border-color:#495074}:root[data-theme=dark] .ls-host-tools-heading>span:last-child{color:#c3c3d4}:root[data-theme=dark] .ls-host-label{color:#c6b7ff}:root[data-theme=dark] .ls-response-board{background:#202a40;border-color:#455174}:root[data-theme=dark] .ls-response-heading strong{color:#eef0ff}:root[data-theme=dark] .ls-response-heading span,:root[data-theme=dark] .ls-response-board p{color:#bac0d7}:root[data-theme=dark] .ls-response-count{color:#c9bcff}.ls-presentation{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:radial-gradient(ellipse at 84% 3%,#372c70 0%,transparent 35%),linear-gradient(145deg,#0d1630,#17213c 64%,#1f1c47);color:#f7f6ff;overflow:auto;overscroll-behavior:contain;padding:clamp(16px,3.5vw,45px);display:flex;flex-direction:column;gap:21px}.ls-presentation-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff26;padding-bottom:17px}.ls-present-brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.18em;font-size:15px}.ls-present-brand svg{color:#bcadff}.ls-present-brand>span{border-radius:20px;background:#5d50c5;padding:5px 9px;letter-spacing:.11em;font-size:10px}.ls-present-top-actions{display:flex;gap:15px;align-items:center;font-weight:750;font-size:11px;letter-spacing:.1em;color:#b9b9d7}.ls-present-top-actions button{border:1px solid #696789;background:#ffffff14;color:#fff;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px;cursor:pointer;font:inherit;font-size:12px;letter-spacing:0}.ls-presentation-stage{width:100%;max-width:1280px;margin:8px auto 0;display:grid;gap:20px;flex:0 0 auto}.ls-presentation-stage h2{font-size:clamp(29px,4.4vw,66px);line-height:1.17;letter-spacing:-.03em;color:#fff;font-weight:800;max-width:1150px;margin:12px 0}.ls-present-stat{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:clamp(12px,1.35vw,19px);font-weight:900;letter-spacing:.1em;color:#cbbaff}.ls-present-stat>span:last-child{display:flex;align-items:center;gap:8px;color:#fff;font-size:clamp(24px,3vw,42px);letter-spacing:0}.ls-present-stat>span.ls-present-urgent{color:#ff999f}.ls-present-timer{height:12px;margin-top:0;background:#ffffff2b}.ls-presentation-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ls-presentation-answers>div{display:flex;align-items:center;gap:15px;min-height:105px;border:1px solid #ffffff38;border-radius:18px;padding:18px 22px;background:#ffffff12;font-size:clamp(17px,2vw,29px);line-height:1.3;font-weight:700;overflow-wrap:anywhere}.ls-presentation-answers>div span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#8874ed;color:#fff;font-size:22px;flex-shrink:0}.ls-present-response{text-align:right;color:#b9b6d8;font-size:clamp(12px,1.2vw,16px);margin:0}.ls-presentation-lobby{text-align:center;justify-items:center;margin:auto;gap:25px}.ls-present-eyebrow{color:#bdb2ff;font-size:clamp(12px,1.5vw,19px);letter-spacing:.16em;font-weight:900}.ls-presentation-lobby p{color:#d4d1ed;font-size:clamp(16px,2vw,23px)}.ls-presentation-code{font-size:clamp(55px,10vw,142px);letter-spacing:.18em;font-weight:950;line-height:1;color:#fff;padding:28px 12px;text-shadow:0 6px 35px #6455ca7a;overflow-wrap:anywhere}.ls-present-meta{display:flex;align-items:center;gap:10px;border-radius:99px;background:#ffffff17;padding:12px 18px;font-weight:800}.ls-presentation-reveal{margin-top:15px}.ls-present-answer{background:#174f49;border:1px solid #56bba2;border-radius:18px;padding:22px 25px;color:#d9fff1;font-size:clamp(23px,3vw,43px);font-weight:850;display:flex;align-items:center;gap:16px}.ls-present-scripture{color:#d1bcff;font-size:clamp(19px,2vw,26px);font-weight:900;margin:0}.ls-present-explanation{color:#d5dbeb;font-size:clamp(16px,1.5vw,22px);max-width:920px;line-height:1.55}.ls-presentation-finished{text-align:center;justify-items:center;gap:10px}.ls-presentation-finished>svg{color:#d0bbff}.ls-presentation-finished p{color:#ede3ff}.ls-presentation-leaders{max-width:1100px;width:100%;align-self:center;display:grid;gap:9px}.ls-presentation-leaders>div{display:grid;grid-template-columns:55px 1fr 120px 135px;gap:12px;align-items:center;border:1px solid #ffffff26;background:#ffffff12;border-radius:13px;padding:13px 20px}.ls-presentation-leaders>div>span{font-weight:950;color:#c7b5ff;font-size:20px}.ls-presentation-leaders strong{overflow-wrap:anywhere;font-size:clamp(14px,2vw,23px)}.ls-presentation-leaders small{color:#c9c9d9}.ls-presentation-leaders b{text-align:right;font-size:clamp(15px,2vw,22px)}.ls-presentation-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;letter-spacing:.12em;color:#acaacb;font-weight:800;padding-top:17px;border-top:1px solid #ffffff29;margin-top:auto}.ls-presentation-controls{margin:0 auto;max-width:1100px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.ls-presentation-controls>button{min-height:44px}.ls-close-projector{background:#ffffff17;border:1px solid #ffffff52;padding:11px 17px;border-radius:13px;color:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:800;display:flex;align-items:center;gap:9px}.ls-presentation button:focus-visible{outline:3px solid #d6c8ff;outline-offset:3px}@media(max-width:730px){.ls-presentation{padding:16px;gap:16px}.ls-present-top-actions>span{display:none}.ls-present-brand{font-size:12px;letter-spacing:.1em}.ls-present-stat{letter-spacing:0}.ls-presentation-answers{grid-template-columns:1fr;gap:9px}.ls-presentation-answers>div{min-height:70px;padding:12px;font-size:18px}.ls-presentation-answers>div span{width:36px;height:36px;font-size:15px;border-radius:11px}.ls-presentation-code{font-size:clamp(44px,12vw,78px);letter-spacing:.08em}.ls-presentation-leaders>div{grid-template-columns:30px 1fr 65px 65px;gap:6px;padding:11px}.ls-presentation-leaders small{font-size:10px}.ls-presentation-footer{flex-direction:column;align-items:start;font-size:9px}.ls-response-heading strong{font-size:12px}.ls-response-count{font-size:19px}}@media(prefers-reduced-motion:reduce){.ls-present-timer>span,.ls-response-track>span{transition:none}}.ls-playoff-label{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#ede7ff;border:1px solid #cabbff;color:#422b8f;border-radius:13px;padding:13px 16px;font-size:13px;font-weight:850;margin:14px 0}:root[data-theme=dark] .ls-playoff-label{background:#322a58;border-color:#725db2;color:#e0d4ff}.ls-presentation-top .ls-present-top-actions{flex-wrap:wrap;justify-content:flex-end}.ls-presentation-controls{background:#10152cdd;border:1px solid #a99dcd50;padding:12px;border-radius:17px;position:sticky;bottom:12px;z-index:1}.ls-sync-warning{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.8rem 1rem;margin:.75rem 0;border:1px solid #d4c3a0;border-radius:12px;background:#fff9ed;color:#634c23;font-size:.92rem;line-height:1.45}.ls-sync-warning button{border:1px solid currentColor;border-radius:8px;background:transparent;padding:.3rem .65rem;cursor:pointer;color:inherit;font:inherit}.ls-readiness-board{padding:18px;margin:16px 0;border:1px solid #aaa0e7;background:#f6f3ff;border-radius:16px;color:#272647}.ls-readiness-board strong{display:flex;align-items:center;gap:8px;font-size:1rem}.ls-readiness-board p{margin:8px 0;line-height:1.5;font-size:.91rem}.ls-readiness-board button{margin-top:10px}.ls-readiness-wait{padding:32px 18px;text-align:center;max-width:650px;margin:16px auto;background:#f5f3ff;border-radius:16px;color:#29284e}.ls-readiness-wait h3{margin:12px 0}.ls-readiness-wait p{line-height:1.5}.ls-presentation .ls-readiness-wait{background:transparent;color:#f8f7ff}.ls-invite-card{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #e0dcf0;border-radius:18px;padding:20px;background:var(--surface,#fff);margin:12px 0 18px}.ls-invite-card h4{margin:0 0 8px;font-size:17px;color:inherit}.ls-invite-card p{max-width:400px;font-size:13px;line-height:1.6;color:var(--ls-sub)}.ls-qr-panel{display:grid;justify-items:center;gap:10px;flex-shrink:0}.ls-qr-panel img{display:block;max-width:100%;height:auto;padding:9px;background:#fff;border:1px solid #e5e1ee;border-radius:13px}.ls-qr-placeholder{display:grid;place-items:center;width:224px;min-height:224px;font-size:12px;color:#667085;background:#f7f5ff;border-radius:13px;text-align:center;padding:16px}.ls-qr-warning{font-size:12px!important;max-width:260px;text-align:center;color:#9a5a1f!important;line-height:1.4!important;margin:0!important}.ls-expired-alert{padding:15px 17px;color:#8f3b26;border:1px solid #e7c5b4;background:#fff3ed;border-radius:13px;margin-bottom:14px;font-size:13px;font-weight:700}.ls-presentation-lobby .ls-qr-panel{margin:0 auto}.ls-presentation-lobby .ls-qr-panel img{width:clamp(160px,18vw,245px)}@media(max-width:730px){.ls-invite-card{flex-direction:column;align-items:stretch;text-align:center}.ls-invite-card .ls-qr-panel{justify-self:center}}:root[data-theme=dark] .ls-invite-card{background:#1d2a40;border-color:#485577}:root[data-theme=dark] .ls-expired-alert{background:#4e2b2a;border-color:#87514b;color:#ffd0bb}:root[data-theme=dark] .ls-options button span.ls-option-label{display:block;flex:1;min-width:0;width:auto;height:auto;padding:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left}:root[data-theme=dark] .ls-options button:not(.ls-selected):hover:not(:disabled){background:#2b3651;border-color:#a98dff;color:#f3efff;box-shadow:0 0 0 1px #a98dff29,0 7px 18px #060a1a33}:root[data-theme=dark] .ls-options button:not(.ls-selected):hover:not(:disabled) .ls-option-label{background:transparent;color:inherit}:root[data-theme=dark] .ls-options button.ls-selected:hover{background:#392765;border-color:#b9a1ff}@media(hover:hover)and (pointer:fine){html[data-theme=dark] .ls-wrap .ls-options>button:not(.ls-selected):not(:disabled):hover{background-color:#303653!important;background-image:none!important;border-color:#a78bfa!important;color:#f5f2ff!important;box-shadow:0 0 0 1px #a78bfa38,0 8px 22px #05091a38!important;transform:translateY(-1px)}}html[data-theme=dark] .ls-wrap .ls-options>button .ls-option-label,html[data-theme=dark] .ls-wrap .ls-options>button:hover .ls-option-label{background:transparent!important;background-image:none!important;color:inherit!important;border:0!important;box-shadow:none!important}html[data-theme=dark] .ls-wrap .ls-options>button.ls-selected,html[data-theme=dark] .ls-wrap .ls-options>button.ls-selected:hover{background:#392765!important;border-color:#b9a1ff!important;color:#fff!important}:root{--bg:#f8f9fc;--surface:#fff;--ink:#19243b;--muted:#778396;--soft:#eef0f6;--line:#e7ebf2;--purple:#7359df;--purple-deep:#563abb;--light-purple:#f0ecff;--teal:#138b7b;--gold:#c8a465;--sidebar:#172238;--radius:19px;--shadow:0 15px 40px rgba(28,40,70,.045);font-family:DM Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}:root[data-theme=dark]{--bg:#121a2a;--surface:#1d2a40;--ink:#f1f3ff;--muted:#afbbcf;--soft:#28354a;--line:#334259;--purple:#ac96ff;--purple-deep:#8c76ed;--light-purple:#342d56;--teal:#65d0b6;--gold:#e4be7b;--sidebar:#0d1626;--shadow:0 10px 26px rgba(0,0,0,.1)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #c1b1fc;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.18}h1,h2,.logo-copy>span{font-family:Fraunces,Georgia,serif}input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:14px 15px;min-width:0}input::placeholder{color:#a6adbb}.app-frame{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#f6f7ff;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100vh;padding:29px 17px 22px}.logo{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;background:linear-gradient(135deg,#a38cf8,#6a49d5);border:1px solid #ffffff52;display:grid;place-items:center;border-radius:13px;flex-shrink:0;color:#fff;box-shadow:0 10px 24px #00000012}.logo-copy>span{font-size:25px;letter-spacing:-1.2px;display:block;line-height:1;color:inherit}.logo-copy small{font-size:7.7px;font-weight:800;letter-spacing:1.2px;color:#9ba9c8;white-space:nowrap}.side-caption{font-size:10px;letter-spacing:1.3px;color:#8795b1;font-weight:800;margin:52px 0 15px 12px}.side-nav{display:grid;gap:6px}.nav-button{background:transparent;border:0;color:#b4bfda;padding:14px 15px;border-radius:12px;display:flex;align-items:center;gap:13px;font-size:13px;font-weight:700;text-align:left}.nav-button:hover{background:#283650;color:#fff}.nav-button.selected{color:#fff;background:#7867de;box-shadow:0 10px 20px #0d0d2326}.sidebar-pip{margin-left:auto;width:6px;height:6px;border-radius:99px;background:#d4aa67}.sidebar-feature{padding:17px;border:1px solid #ffffff1c;background:linear-gradient(145deg,#303f5c,#24304b);border-radius:17px;display:grid;gap:12px}.sf-icon{background:#ae95ff27;color:#d8cbff;border-radius:11px;padding:9px;display:flex;width:max-content}.sidebar-feature strong{font-family:Fraunces,Georgia,serif;font-size:18px;line-height:1.2}.sidebar-feature>span{font-size:12px;color:#b6c3de}.sidebar-feature .btn{background:#fff;color:#34405a;border:none;justify-content:center}.sidebar-studio{border:0;border-bottom:1px solid #ffffff2c;background:transparent;display:flex;align-items:center;gap:10px;color:#c4cee1;padding:17px 10px;width:100%;text-align:left;font-size:12px;font-weight:700}.sidebar-studio svg:last-child{margin-left:auto}.sidebar-foot{padding-top:18px;font-size:10px;color:#bac4d7;font-weight:800;letter-spacing:.6px}.sidebar-foot span{float:right;font-weight:600;color:#8797af}.app-main{min-width:0}.topbar{height:80px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3.5vw,54px);gap:15px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.breadcrumbs strong{color:var(--ink);font-weight:800}.top-actions{display:flex;align-items:center;gap:13px}.status-dot{height:7px;width:7px;border-radius:99px;background:#16b98a}.status-copy{font-size:11px;color:var(--muted);font-weight:700}.round-button{background:var(--surface);border:1px solid var(--line);border-radius:13px;width:41px;height:41px;display:grid;place-items:center;color:var(--ink)}.sign-in{display:flex;align-items:center;gap:9px;border:0;background:#ebe5ff;color:#634ac2;font-weight:800;font-size:12px;border-radius:12px;padding:12px 14px}.account{height:40px;width:40px;border:0;border-radius:13px;color:#583cb9;background:#e9e2ff;font-weight:900}.mobile-logo{display:none;color:var(--ink)}.content-inner{max-width:1400px;padding:26px clamp(18px,3.5vw,54px) 36px;margin:auto}.notice{background:#fffaf0;color:#6a552b;border:1px solid #f1dfb9;padding:13px 16px;border-radius:12px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.notice button{background:none;border:0;color:inherit;display:grid;place-items:center}.page-title{margin:16px 0 25px;display:flex;align-items:end;justify-content:space-between;gap:12px}.page-title h1{font-size:clamp(32px,4vw,49px);letter-spacing:-1.6px;margin-top:6px}.page-title h1 em{font-weight:600;color:var(--purple);font-style:italic}.page-title>div>p:last-child{color:var(--muted);font-size:13px;margin-top:10px;max-width:690px}.overline{color:var(--teal);letter-spacing:2px;text-transform:uppercase;font-weight:800;font-size:10px}.date-tag{background:var(--surface);border:1px solid var(--line);padding:10px 13px;border-radius:11px;font-size:11px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:8px;white-space:nowrap}.hero{background:linear-gradient(115deg,#27345d,#35356e 65%,#474082);border-radius:25px;min-height:301px;color:#fff;padding:clamp(24px,4vw,46px);display:flex;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:540px;width:64%}.hero-pill{color:#e1ccff;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.3px;font-weight:800;margin-bottom:18px}.hero-copy h2{font-size:clamp(30px,3.8vw,50px);letter-spacing:-1.2px}.hero-copy h2 em{color:#e0c1ff;font-weight:600}.hero-copy>p{color:#e2e5f3;max-width:400px;font-size:13px;line-height:1.7;margin-top:17px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:23px}.btn{border-radius:12px;border:1px solid transparent;min-height:42px;padding:11px 17px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,filter .15s}.btn:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-primary{background:linear-gradient(100deg,#8165ee,#684ed5);color:#fff;box-shadow:0 7px 16px #6049d02b}.btn-outline{border-color:var(--line);background:var(--surface);color:var(--ink)}.hero .btn-outline{color:#fff;background:#ffffff12;border-color:#ffffff4d}.btn-quiet{color:var(--muted);background:transparent}.btn-dark{background:#1b2641;color:#fff}.hero-art{position:absolute;top:0;right:0;bottom:0;left:56%;display:grid;place-items:center}.hero-symbol{width:200px;height:200px;border-radius:36px;transform:rotate(-13deg);display:grid;place-items:center;background:linear-gradient(145deg,#ceb3ff,#7b6ee7 60%,#6554c1);box-shadow:0 25px 40px #171a418a,inset 0 5px 8px #ffffff80;color:#fff;border:2px solid #ffffff52;position:relative}.hero-symbol>svg{transform:rotate(13deg);filter:drop-shadow(0 3px 3px #34257b57)}.spark-a,.spark-b{position:absolute;color:#fff0bd;font-size:38px;right:-29px;top:8px}.spark-b{font-size:27px;left:-35px;top:122px}.orb{position:absolute;width:360px;height:360px;border:1px solid #ffffff2c;border-radius:100%;background:radial-gradient(circle,#ffffff10,transparent 70%)}.orb-two{width:260px;height:260px}.floating-ticket{position:absolute;bottom:12px;right:18%;background:#fff;color:#34415c;border-radius:10px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;box-shadow:0 8px 20px #101d424f}.floating-ticket svg{color:#20a47c}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.stat{background:var(--surface);border:1px solid var(--line);padding:20px 21px;border-radius:17px;box-shadow:var(--shadow);display:grid;align-items:start;grid-template-columns:44px 1fr;column-gap:13px}.stat-icon{grid-row:1/4;width:43px;height:43px;display:grid;place-items:center;border-radius:12px}.stat-icon.purple{color:#7459d7;background:#f0ebff}.stat-icon.teal{color:#159c82;background:#e8f8f2}.stat-icon.gold{color:#bb8b31;background:#fff5da}.stat>span{font-size:11px;color:var(--muted)}.stat strong{font-size:25px;line-height:1.2;margin-top:3px}.stat small{color:#8e9caf;font-size:10px;margin-top:2px}.section-header{margin:34px 0 16px;display:flex;align-items:end;justify-content:space-between;gap:10px}.section-header h2{font-size:24px;letter-spacing:-.7px;margin-top:7px}.section-header p:not(.overline){font-size:12px;color:var(--muted);margin-top:6px}.text-action{display:flex;align-items:center;gap:7px;color:var(--purple);font-size:12px;background:none;border:0;font-weight:800}.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.experience{position:relative;display:block;border:1px solid transparent;border-radius:21px;padding:24px;text-align:left;transition:.2s;min-height:228px}.experience:hover,.topic-card:hover{transform:translateY(-3px)}.experience h3{font-family:Fraunces,Georgia,serif;font-size:22px;margin-top:24px}.experience p{font-size:12px;line-height:1.65;margin-top:9px;max-width:300px}.experience span{font-size:12px;font-weight:800;margin-top:18px;display:flex;align-items:center;gap:9px}.exp-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;box-shadow:0 6px #00000016}.ex-purple{background:#f1edff;border-color:#e7e0ff;color:#42338d}.ex-blue{background:#eaf5fd;border-color:#cfedf8;color:#17516d}.ex-sand{background:#fff6e3;border-color:#f9e7c3;color:#77551d}.mode-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.mode-card h2{font-size:25px;margin:7px 0}.mode-card p:not(.overline){color:var(--muted);font-size:12px;max-width:510px}.count-picker{display:flex;background:var(--soft);padding:4px;border-radius:12px;flex-shrink:0}.count-picker button{border:0;padding:11px 13px;background:none;color:var(--muted);font-size:12px;font-weight:800;border-radius:9px}.count-picker button.active{background:var(--surface);color:var(--purple);box-shadow:0 3px 10px #0000000d}.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.topic-card{background:var(--surface);border:1px solid var(--line);text-align:left;padding:19px;min-height:160px;border-radius:18px;display:flex;flex-direction:column;gap:8px;position:relative;color:var(--ink);transition:transform .2s}.topic-card.active{border:2px solid var(--purple);background:var(--light-purple);padding:18px}.topic-icon{width:39px;height:39px;border-radius:12px;background:var(--light-purple);color:var(--purple);display:grid;place-items:center;margin-bottom:12px}.topic-card.active .topic-icon{background:var(--surface)}.topic-card strong{font-size:14px}.topic-card>span{color:var(--muted);font-size:11px}.select-indicator{position:absolute;top:23px;right:19px;color:var(--purple)}.bottom-cta{position:sticky;bottom:20px;z-index:3;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 45px #131f3c19;margin-top:25px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.bottom-cta span{display:grid;gap:5px}.bottom-cta span strong{font-size:13px}.bottom-cta span small{color:var(--muted);font-size:11px}.quiz-wrap{max-width:780px;margin:20px auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,43px);box-shadow:var(--shadow)}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:12px;font-weight:700}.quiz-label{display:flex;align-items:center;gap:7px;color:var(--purple)}.progress-track{height:7px;background:var(--soft);border-radius:9px;overflow:hidden;margin:19px 0 33px}.progress-track>div{height:100%;background:var(--purple);border-radius:9px;transition:width .2s}.quiz-prompt{font-size:clamp(23px,3vw,34px);margin-bottom:28px}.answers{display:grid;gap:11px}.answer{display:flex;align-items:center;text-align:left;gap:15px;width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:15px;padding:13px 16px;min-height:67px;font-size:14px;font-weight:600}.answer>span:nth-child(2){flex:1}.answer:not(:disabled):hover{border-color:#9881ea;background:var(--light-purple)}.answer:disabled{opacity:1}.answer.right{border-color:#65c5a6;background:#e4f8ee;color:#0c674e}.answer.wrong{border-color:#e9a79d;background:#fff0ef;color:#9b4235}.letter{width:37px;height:37px;border:1px solid var(--line);background:var(--soft);border-radius:11px;display:grid;place-items:center;flex-shrink:0;font-size:12px;color:var(--muted);font-weight:800}.answer.right .letter{background:#c1e9d8;color:#0f5e48;border-color:#c1e9d8}.answer.wrong .letter{background:#ffd7d3;color:#933a31;border-color:#ffd7d3}.answer-feedback{border-radius:16px;padding:22px;margin-top:24px;background:var(--light-purple);border:1px solid #c4b8ed}.answer-feedback.correct{background:#eefaf2;border-color:#b9e1cf;color:#194f42}.answer-feedback.incorrect{color:var(--ink)}.feedback-head{display:flex;align-items:center;gap:9px;margin-bottom:9px}.scripture-pill{display:inline-block;background:#ffffffac;color:#51428e;padding:7px 11px;border-radius:8px;font-weight:800;font-size:11px}.answer-feedback p{font-size:13px;margin:13px 0 18px;line-height:1.8}.busy-line{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--muted);font-size:12px}.result-card{max-width:750px;margin:30px auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:47px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:17px}.result-card h2{font-size:clamp(26px,3.5vw,38px)}.result-card>p:not(.overline){max-width:510px;font-size:13px;line-height:1.8;color:var(--muted)}.result-card small{color:var(--muted)}.result-medal{height:90px;width:90px;background:#fff4dc;color:#b8892f;border-radius:25px;display:grid;place-items:center}.result-count strong{font-family:Fraunces,Georgia,serif;font-size:80px;color:var(--purple)}.result-count span{color:var(--muted);font-size:22px}.result-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.arena-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.arena-card{min-height:367px;border-radius:22px;padding:29px;display:flex;flex-direction:column;align-items:flex-start}.arena-card.dark{background:linear-gradient(145deg,#27355f,#262549);color:#fff}.arena-card.light{background:var(--surface);border:1px solid var(--line)}.arena-card-icon{background:#ffffff21;padding:13px;border-radius:14px;margin-bottom:26px}.arena-card.light .arena-card-icon{background:var(--light-purple);color:var(--purple)}.arena-card .overline{color:#c8bafa}.arena-card.light .overline{color:var(--teal)}.arena-card h2{font-size:29px;margin:9px 0}.arena-card>p:not(.overline){font-size:13px;line-height:1.75;color:#d1d6e5;max-width:400px;margin-bottom:20px}.arena-card.light>p:not(.overline){color:var(--muted)}.arena-card .btn{margin-top:auto}.arena-card label{font-size:11px;font-weight:800;margin-bottom:6px}.arena-card input{margin-bottom:15px;width:100%;text-transform:uppercase;letter-spacing:3px;max-width:320px}.callout{margin:auto;max-width:600px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.callout-icon{color:var(--purple);background:var(--light-purple);width:65px;height:65px;display:grid;place-items:center;border-radius:17px}.callout h2{font-size:27px}.callout>p{color:var(--muted);font-size:13px;line-height:1.7}.callout .note-line{background:var(--soft);border-radius:12px;padding:14px}.feature-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:20px}.room-panel{max-width:800px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:27px}.room-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.room-head h2{margin-top:8px;font-size:30px}.room-code{border:1px dashed #bbabe9;border-radius:16px;background:var(--light-purple);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:24px;padding:20px}.room-code span{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}.room-code strong{font-size:23px;letter-spacing:4px;color:var(--purple)}.room-code button{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:6px;color:var(--ink)}.room-helper{font-size:11px;color:var(--muted);margin-top:10px}.player-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:25px}.player-pill{background:var(--soft);border-radius:15px;padding:14px;display:flex;align-items:center;gap:11px}.player-pill>span:nth-child(2){flex:1;min-width:0}.player-pill strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.player-pill small{color:var(--muted);font-size:11px}.player-pill>svg{color:#23a97c}.avatar-mini{height:36px;width:36px;display:grid;place-items:center;border-radius:12px;background:#d9ccff;color:#5540b1;font-weight:800}.room-message{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;min-height:210px;color:var(--muted);text-align:center}.room-message>svg{color:var(--purple)}.room-message h3{font-size:23px}.room-message p{font-size:13px}.battle-question{margin-top:25px}.battle-timer{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;color:var(--muted)}.battle-timer strong{color:var(--purple);display:flex;align-items:center;gap:6px}.battle-question h3{font-family:Fraunces,Georgia,serif;font-size:clamp(22px,3vw,31px);margin:20px 0 25px}.submitted-note{display:flex;align-items:center;gap:9px;color:var(--teal);font-size:12px;margin-top:18px}.learn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.learn-figure{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:24px;display:grid;gap:6px}.learn-figure span{font-size:11px;color:var(--muted)}.learn-figure strong{font-size:34px}.learn-figure small{font-size:11px;color:var(--muted)}.revision-list{display:grid;gap:12px}.revision{display:flex;gap:15px;align-items:start;background:var(--surface);padding:20px;border-radius:16px;border:1px solid var(--line)}.rev-ico{background:var(--light-purple);color:var(--purple);padding:11px;border-radius:12px}.revision>div:nth-child(2){flex:1}.revision strong{font-size:13px}.revision small{display:block;font-size:11px;color:var(--teal);margin-top:7px}.revision p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}.revision button{border:1px solid var(--line);background:var(--surface);color:var(--purple);border-radius:10px;display:flex;align-items:center;gap:7px;font-size:11px;padding:10px}.empty-state{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:42px 23px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:13px}.empty-state svg{color:var(--purple)}.empty-state h3{font-family:Fraunces,Georgia,serif;font-size:23px}.empty-state p{font-size:12px;color:var(--muted)}.profile-layout{display:grid;grid-template-columns:minmax(255px,.9fr) minmax(0,1.5fr);gap:18px}.profile-identity,.profile-history{background:var(--surface);border:1px solid var(--line);border-radius:21px;padding:25px}.profile-identity{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.large-avatar{height:65px;width:65px;border-radius:19px;background:var(--light-purple);color:var(--purple);font-size:30px;font-weight:800;display:grid;place-items:center}.profile-identity h2{font-size:26px}.profile-identity>p{color:var(--muted);font-size:12px;word-break:break-all}.profile-tag{background:var(--light-purple);color:var(--purple);padding:6px 11px;font-size:11px;font-weight:800;border-radius:9px}.profile-identity label{font-size:11px;font-weight:800;margin-top:10px}.profile-edit{display:flex;flex-wrap:wrap;gap:8px;width:100%}.profile-edit input{flex:1;min-width:125px}.profile-history h2{font-size:25px;margin-bottom:19px}.history-item{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding:14px 0}.history-symbol{padding:10px;border-radius:10px;background:var(--soft);color:var(--purple)}.history-item>div:nth-child(2){flex:1}.history-item strong{display:block;font-size:13px}.history-item small{color:var(--muted);font-size:11px}.history-score{font-size:13px}.empty-history{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:var(--muted);font-size:12px}.account-note{padding:14px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:11px;line-height:1.6}.studio-card{border:1px solid var(--line);background:var(--surface);border-radius:21px;padding:35px;display:flex;flex-direction:column;align-items:flex-start;gap:15px;max-width:750px}.studio-art{height:102px;width:102px;border-radius:25px;background:var(--light-purple);color:var(--purple);display:grid;place-items:center}.studio-card h2{font-size:32px}.studio-card>p:not(.overline){font-size:13px;line-height:1.8;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:65px;padding-top:24px;color:var(--muted);font-size:11px}.mobile-nav{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182ec7;z-index:99;display:grid;place-items:center;padding:14px}.auth-modal{position:relative;background:var(--surface);border-radius:23px;padding:36px;max-width:420px;width:100%;max-height:96vh;overflow-y:auto;box-shadow:0 25px 100px #05091d88}.modal-x{position:absolute;right:20px;top:18px;background:transparent;border:0;color:var(--muted)}.modal-mark{width:55px;height:55px;color:#fff;border-radius:15px;background:linear-gradient(135deg,#9b80ee,#6244ca);display:grid;place-items:center;margin-bottom:25px}.auth-modal h2{font-size:32px;margin:7px 0 10px}.auth-modal>p:not(.overline){font-size:12px;color:var(--muted);line-height:1.7}.auth-modal form{display:grid;gap:12px;margin-top:21px}.auth-modal label{font-size:11px;font-weight:800;display:grid;gap:7px}.auth-modal label input{width:100%}.wide{width:100%;margin-top:7px}.switch-auth{display:block;margin:18px auto 0;background:none;border:0;color:var(--purple);font-weight:800;font-size:12px}.switch-auth.secondary{margin-top:10px;color:var(--muted)}.setup-warn{margin-top:11px;padding:11px;background:var(--light-purple);border-radius:10px;color:var(--purple);font-size:11px}.spin{animation:rot 1s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}@media(max-width:1180px){.app-frame{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:22px 12px}.hero-art{top:0;right:0;bottom:0;left:60%}.hero-symbol{width:160px;height:160px}.floating-ticket{right:10px;bottom:14px}.stats-grid{gap:9px}.stat{padding:15px;grid-template-columns:38px 1fr;column-gap:9px}.stat-icon{width:37px;height:37px}.stat strong{font-size:21px}.experience{padding:18px}}@media(max-width:950px){.sidebar{display:none}.app-frame{display:block}.topbar{height:68px}.mobile-logo{display:block}.mobile-logo .logo-copy>span{font-size:22px}.breadcrumbs{display:none}.content-inner{padding-bottom:120px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:25;justify-content:space-around;box-shadow:0 -5px 25px #0c153014}.mobile-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;gap:3px;padding:8px 12px;min-width:54px;border-radius:11px}.mobile-nav button.on{color:var(--purple);background:var(--light-purple)}.mobile-nav small{font-size:9px;font-weight:800}.bottom-cta{bottom:84px}}@media(max-width:700px){.page-title{margin-top:15px;align-items:start}.date-tag{display:none}.hero{min-height:360px;padding:27px 23px}.hero-copy{width:100%;max-width:490px}.hero-copy h2{font-size:38px}.hero-copy>p{max-width:350px}.hero-art{top:0;right:0;bottom:0;left:69%;opacity:.27}.hero-symbol{width:160px;height:160px}.floating-ticket{display:none}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{padding:13px 10px;display:flex;flex-direction:column;gap:6px;min-width:0}.stat-icon{width:34px;height:34px}.stat>span{font-size:10px;min-height:28px}.stat strong{font-size:21px}.stat small{font-size:9px}.experience-grid{grid-template-columns:1fr}.experience{min-height:0;padding:23px}.experience h3{margin-top:18px}.experience p{margin-top:8px}.mode-card{flex-direction:column;align-items:start}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-grid,.profile-layout{grid-template-columns:1fr}.learn-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.learn-figure{padding:13px 10px}.learn-figure strong{font-size:23px}.learn-figure span{min-height:30px}.room-code strong{font-size:21px}.room-panel{padding:18px}.player-pills{grid-template-columns:1fr}.footer{display:grid;gap:6px}.section-header h2{font-size:22px}.revision{padding:14px}.revision button span{display:none}}@media(max-width:430px){.hero-copy h2{font-size:32px}.hero-actions .btn{width:100%}.hero{min-height:383px}.status-copy,.status-dot{display:none}.topbar{padding:0 17px}.logo-copy>span{font-size:20px!important}.brand-mark{width:35px;height:35px}.top-actions{gap:7px}.sign-in{padding:10px}.page-title h1{font-size:32px}.content-inner{padding:20px 17px 120px}.stat strong{font-size:19px}.bottom-cta{flex-direction:column;align-items:stretch}.bottom-cta .btn{width:100%}.topics-grid{gap:8px}.topic-card{padding:14px;min-height:156px}.topic-card.active{padding:13px}.topic-card>span{font-size:10px}.result-card{padding:35px 18px}.count-picker{width:100%}.count-picker button{flex:1}.room-head{align-items:start;flex-direction:column}.room-code{flex-direction:column;align-items:start}.learn-stats{grid-template-columns:1fr}.learn-figure span{min-height:0}.auth-modal{padding:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.answer.selected{background:var(--light-purple);border:2px solid var(--purple);padding:12px 15px;box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 12%,transparent);color:var(--ink)}.answer.selected .letter{background:var(--purple);color:#fff;border-color:var(--purple)}.answer.selected>svg{color:var(--purple);flex-shrink:0}.quiz-guest-note{font-size:12px;line-height:1.6;border:1px solid var(--line);background:var(--soft);padding:13px;border-radius:12px;margin-bottom:16px;color:var(--muted)}.quiz-save-error{margin-top:16px;padding:15px;border:1px solid #d6a979;border-radius:13px;background:var(--surface);color:var(--ink);display:grid;gap:12px;font-size:12px;line-height:1.6}.quiz-save-error .btn{justify-self:start}@supports not (color:color-mix(in srgb,red,blue)){.answer.selected{box-shadow:0 0 0 2px #e1d9ff}}