:root{font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f5ff;background:#090b1a;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f7f5ff;--muted: #9b9ab0;--panel: rgba(24, 25, 49, .82);--line: rgba(255, 255, 255, .11);--violet: #8d6cff;--violet-soft: #b7a5ff;--cyan: #55d8e6;--green: #58d59a;--red: #ff7184;--amber: #ffcb6b}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:#090b1a}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}.screen{width:min(100%,720px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 20px max(30px,env(safe-area-inset-bottom));position:relative;z-index:1}.star-field{position:fixed;inset:0;background:radial-gradient(circle at 80% 6%,rgba(142,103,255,.25),transparent 27%),radial-gradient(circle at 10% 62%,rgba(53,196,217,.12),transparent 23%),radial-gradient(circle,rgba(255,255,255,.7) 0 1px,transparent 1.5px) 10px 12px / 83px 83px,radial-gradient(circle,rgba(255,255,255,.35) 0 1px,transparent 1.5px) 44px 50px / 127px 127px,linear-gradient(165deg,#090b1a,#11102a 54%,#090b1a)}.star-field:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(145,117,255,.14);border-radius:50%;right:-250px;top:145px;box-shadow:0 0 80px #755be01a}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em}.eyebrow{margin:0 0 8px;color:var(--violet-soft);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.muted{color:var(--muted)}.brand-header{display:flex;align-items:center;gap:12px}.brand-header h1{margin:0;font-family:Segoe UI,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.03em}.brand-header .eyebrow{margin-bottom:2px;font-size:8px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(180,161,255,.65);border-radius:15px 4px;color:#fff;font:700 20px Segoe UI,sans-serif;background:linear-gradient(145deg,#8662ff66,#482f9c26);box-shadow:inset 0 0 15px #ac95ff29,0 8px 30px #492e973d}.brand-mark.small{width:34px;height:34px;border-radius:11px 3px;font-size:15px}.hero-copy{padding:92px 6px 40px;position:relative}.hero-copy h2{max-width:560px;margin:0;font-size:clamp(38px,11vw,62px);line-height:.98;font-weight:600}.hero-copy h2 em{color:transparent;background:linear-gradient(90deg,#c9bbff,#72e5ed);-webkit-background-clip:text;background-clip:text;font-style:normal}.orbit-dot{position:absolute;top:55px;right:15%;width:7px;height:7px;border-radius:50%;background:#d5caff;box-shadow:0 0 16px 5px #a589ff99}.quest-list{display:grid;gap:14px}.quest-card{width:100%;min-height:136px;padding:0;display:grid;grid-template-columns:130px 1fr 34px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:24px;color:var(--ink);text-align:left;background:linear-gradient(115deg,#1e1f3bf0,#101226c7);box-shadow:0 16px 40px #02030f38;transition:transform .2s,border-color .2s}.quest-card:active{transform:scale(.985)}.quest-card:hover{border-color:#ad96ff73}.quest-art{height:100%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 35% 35%,rgba(134,100,250,.48),transparent 50%),linear-gradient(140deg,#191839,#0e1128)}.quest-art:before,.quest-art:after{content:"";position:absolute;width:110px;height:36px;border:1px solid rgba(130,214,231,.28);border-radius:50%;transform:rotate(-25deg)}.quest-art:after{width:80px;height:80px;border-color:#a68cff2b;transform:none}.quest-emoji{position:relative;z-index:1;font-size:48px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}.quest-copy{min-width:0;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.quest-copy strong{font-size:20px;line-height:1.2}.quest-copy small{color:var(--muted)}.quest-status{display:inline-flex;align-items:center;gap:5px;margin-bottom:5px;color:var(--violet-soft);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.quest-status b{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#0d1020;background:var(--violet-soft)}.quest-status.status-completed{color:var(--green)}.quest-status.status-completed b{background:var(--green)}.quest-status.status-in_progress{color:var(--amber)}.quest-status.status-in_progress b{background:var(--amber)}.arrow{color:var(--muted);font-size:22px}.loading-card,.empty-card,.notice{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.loading-card{display:flex;align-items:center;gap:12px;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--violet-soft);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-notice{color:#ffc4cc;border-color:#ff718459;background:#6f1d3047}.success-notice{color:#baf4d7;border-color:#58d59a59;background:#22644542}.notice.compact{margin:14px 0;padding:12px 15px;font-size:13px}.game-header{min-height:48px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.back-link,.text-button{padding:8px 0;border:0;color:var(--violet-soft);background:none;font-weight:700}.question-placeholder{min-height:430px;padding:70px 10px 30px;text-align:center}.question-placeholder h2{margin-bottom:10px;font-size:34px}.question-placeholder>p:last-child{max-width:440px;margin:auto;color:var(--muted);line-height:1.6}.large-glyph{display:block;margin-bottom:30px;color:var(--cyan);font-size:56px;text-shadow:0 0 38px rgba(85,216,230,.5)}.question-card{padding-top:34px}.question-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.question-card h2{margin-bottom:28px;font-size:clamp(27px,7vw,38px);line-height:1.14}.timer{padding:7px 10px;border:1px solid rgba(255,203,107,.3);border-radius:100px;color:var(--amber);background:#ffcb6b14;font-variant-numeric:tabular-nums}.timer.urgent{color:#fff;background:#ff718459;animation:pulse .8s infinite alternate}@keyframes pulse{to{transform:scale(1.06)}}.question-type{color:var(--violet-soft)}.answer-list{display:grid;gap:10px}.answer-option{min-height:62px;display:grid;grid-template-columns:40px 1fr 24px;gap:10px;align-items:center;padding:10px 15px 10px 10px;border:1px solid var(--line);border-radius:17px;color:var(--ink);text-align:left;line-height:1.35;background:#1a1c35c2;transition:border-color .15s,transform .15s}.answer-option:not(:disabled):active{transform:scale(.987)}.answer-option:not(:disabled):hover{border-color:#ad96ff80}.answer-option>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:var(--violet-soft);font-size:12px;font-weight:800}.answer-option.correct{border-color:#58d59a99;background:#1f684a47}.answer-option.correct>span{color:#0a2518;border-color:var(--green);background:var(--green)}.answer-option.incorrect{border-color:#ff71848c;background:#6c223247}.answer-option.incorrect>span{color:#310a11;border-color:var(--red);background:var(--red)}.answer-option:disabled{opacity:.7}.answer-option.correct:disabled,.answer-option.incorrect:disabled{opacity:1}.answer-option b{justify-self:end;font-size:20px}.explanation{margin-top:15px;padding:16px 18px;border-left:3px solid var(--red);border-radius:4px 15px 15px 4px;background:#ff718417}.explanation.correct{border-color:var(--green);background:#58d59a17}.explanation strong{display:block;margin-bottom:4px}.explanation p{margin:0;color:#c9c7d5;line-height:1.5}.tile-area{margin-top:32px;padding:20px 0 0;border-top:1px solid var(--line)}.tile-heading{display:flex;justify-content:space-between;margin-bottom:12px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.result-link{border:0;color:var(--green);background:none;font-weight:800;text-transform:uppercase}.question-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.question-tile{aspect-ratio:1;position:relative;border:1px solid var(--line);border-radius:14px;color:#d4d2df;background:#181931cc;font-weight:800}.question-tile.active{outline:2px solid var(--violet-soft);outline-offset:2px}.question-tile.tile-correct{color:#0b2519;border-color:var(--green);background:var(--green)}.question-tile.tile-incorrect,.question-tile.tile-timeout{color:#340a12;border-color:var(--red);background:var(--red)}.question-tile.tile-open{color:#241702;border-color:var(--amber);background:var(--amber)}.question-tile.locked{opacity:.35}.question-tile small{position:absolute;top:4px;right:6px;font-size:9px}.result-screen{text-align:center}.result-screen .back-link{display:block}.result-orbit{width:150px;height:150px;display:grid;place-items:center;margin:45px auto 25px;position:relative;border:1px solid rgba(155,132,255,.45);border-radius:50%;box-shadow:inset 0 0 50px #7458e038,0 0 60px #53439e2e}.result-orbit:after{content:"";position:absolute;inset:-14px 22px;border:1px solid rgba(85,216,230,.38);border-radius:50%;transform:rotate(50deg)}.result-orbit span{font:700 35px Segoe UI,sans-serif}.result-screen>h2{margin-bottom:8px;font-size:32px}.result-lead{color:var(--muted)}.result-lead b{color:var(--ink)}.result-list{display:grid;gap:10px;margin:35px 0 22px;text-align:left}.result-item{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:17px;border:1px solid rgba(88,213,154,.25);border-radius:17px;background:#19252a9e}.result-item.wrong{border-color:#ff718438;background:#321b278f}.result-number{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;color:#082317;background:var(--green);font-weight:900}.wrong .result-number{color:#330b12;background:var(--red)}.result-item small{color:var(--muted);text-transform:uppercase}.result-item h3{margin:4px 0 10px;font-size:15px;line-height:1.4}.result-item p{margin:5px 0 0;font-size:13px;line-height:1.5}.primary-button,.secondary-button,.danger-button{min-height:44px;padding:10px 18px;border-radius:13px;font-weight:800}.primary-button{border:0;color:#100b25;background:linear-gradient(100deg,#a68cff,#67dce7);box-shadow:0 10px 25px #7057da33}.secondary-button{border:1px solid rgba(141,108,255,.4);color:#d2c7ff;background:#8d6cff1a}.danger-button{border:1px solid rgba(255,113,132,.35);color:#ff9caa;background:#ff718414}.result-screen>.primary-button{width:100%}.editor-shell{min-height:100vh;color:#efedf9;background:#0d0e19}.login-card{width:min(420px,calc(100% - 32px));margin:0 auto;padding-top:12vh}.login-card .brand-mark{margin-bottom:25px}.login-card h1{margin-bottom:28px;font-size:34px}.login-card form{display:grid;gap:17px}.login-card .primary-button{width:100%;margin-top:5px}.editor-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#0b0c18e6}.editor-brand{display:flex;align-items:center;gap:12px}.editor-layout{min-height:calc(100vh - 68px);display:grid;grid-template-columns:280px 1fr}.editor-sidebar{padding:26px 16px;border-right:1px solid var(--line);background:#11121f}.sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:0 8px 14px}.sidebar-title h2{margin:0;font-size:18px}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;color:#fff;background:#23243a;font-size:19px}.editor-quest-row{width:100%;display:grid;grid-template-columns:35px 1fr 10px;align-items:center;gap:9px;padding:12px 10px;border:1px solid transparent;border-radius:12px;color:#d7d5e0;text-align:left;background:transparent}.editor-quest-row:hover,.editor-quest-row.active{border-color:var(--line);background:#1c1d30}.editor-quest-row>span:first-child{font-size:24px}.editor-quest-row span:nth-child(2){min-width:0;display:flex;flex-direction:column}.editor-quest-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.editor-quest-row small{margin-top:3px;color:var(--muted);font-size:10px}.editor-quest-row i{width:7px;height:7px;border-radius:50%;background:#555568}.editor-quest-row i.published{background:var(--green);box-shadow:0 0 8px #58d59a80}.editor-content{min-width:0;max-width:1080px;width:100%;padding:42px clamp(24px,5vw,70px) 80px}.editor-empty{padding-top:25vh;color:var(--muted);text-align:center}.editor-empty span{color:var(--violet-soft);font-size:45px}.editor-page-title,.questions-heading,.form-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.editor-page-title h1{margin:0;font-size:35px}.editor-actions{display:flex;gap:9px}.form-card{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:27px 0 44px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#151624}.form-card label,.login-card label{display:flex;flex-direction:column;gap:7px;color:#aaa8b9;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.form-card input,.form-card textarea,.login-card input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;outline:none;color:#f3f1fa;background:#0e0f1b;resize:vertical;text-transform:none;letter-spacing:normal}.form-card input:focus,.form-card textarea:focus,.login-card input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #8d6cff1a}.form-card .wide{grid-column:1 / -1}.icon-field{max-width:120px}.toggle-row{flex-direction:row!important;align-items:center;text-transform:none!important;letter-spacing:normal!important}.toggle-row input{width:20px;height:20px;accent-color:var(--violet)}.toggle-row span{display:flex;flex-direction:column;gap:3px}.toggle-row small{color:var(--muted);font-weight:500}.questions-heading{margin-bottom:15px}.questions-heading h2{margin:0}.questions-heading h2 span{color:var(--muted);font-size:14px}.compact-button{min-height:40px}.editor-question-list{display:grid;gap:9px}.editor-question-row{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:#151624}.drag-controls{display:grid;grid-template-columns:18px 1fr 18px;align-items:center;text-align:center}.drag-controls button{padding:0;border:0;color:var(--muted);background:none;font-size:12px}.drag-controls button:disabled{opacity:.2}.drag-controls b{font-size:14px}.editor-question-copy{min-width:0}.editor-question-copy small{color:var(--violet-soft);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.editor-question-copy h3{margin:4px 0 0;font-size:14px;line-height:1.4}.row-actions{display:flex;gap:6px}.row-actions button{padding:6px 8px;border:0;color:var(--muted);background:none;font-size:11px}.row-actions .danger-text{color:#ff8b9a}.question-form{margin-top:28px;scroll-margin-top:20px}.form-title{grid-column:1 / -1;padding-bottom:12px;border-bottom:1px solid var(--line)}.form-title h2{margin:0}.option-editor h3{margin-bottom:13px}.option-edit-row{display:grid;grid-template-columns:48px 1fr 1fr;gap:10px;align-items:end;margin-top:9px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#10111e}.correct-radio{align-items:center;cursor:pointer}.correct-radio input{position:absolute;opacity:0;pointer-events:none}.correct-radio span{width:38px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--violet-soft);background:#18192a;font-size:14px}.correct-radio input:checked+span{color:#092317;border-color:var(--green);background:var(--green)}@media(max-width:720px){.screen{padding-left:16px;padding-right:16px}.hero-copy{padding-top:76px}.quest-card{grid-template-columns:102px 1fr 28px;min-height:122px}.quest-emoji{font-size:42px}.quest-copy{padding:14px}.quest-copy strong{font-size:17px}.editor-layout{display:block}.editor-sidebar{border-right:0;border-bottom:1px solid var(--line)}.editor-header{padding:0 16px}.editor-content{padding:28px 16px 60px}.editor-page-title,.questions-heading{align-items:flex-start;flex-direction:column}.editor-actions{width:100%}.editor-actions button{flex:1}.form-card{grid-template-columns:1fr;padding:17px}.form-card .wide{grid-column:auto}.editor-question-row{grid-template-columns:42px 1fr}.row-actions{grid-column:2}.option-edit-row{grid-template-columns:44px 1fr}.option-edit-row label:last-child{grid-column:2}}@media(max-width:390px){.quest-card{grid-template-columns:88px 1fr 25px}.quest-art:before{width:85px}.question-card h2{font-size:25px}.question-tiles{gap:7px}}