:root{--blue-900: #050b25;--blue-850: #081034;--blue-800: #0b1a4a;--blue-700: #12266b;--blue-600: #1d3a93;--gold: #e6b545;--gold-soft: #f4d77a;--amber: #f5a623;--amber-deep: #d4810f;--cream: #fbf7ee;--cream-dim: #cdd6ef;--light: #bfe0ff;--green: #34c47c;--green-deep: #0c5436;--red: #e84d72;--red-deep: #7a1f33;--radius: 16px;--shadow: 0 18px 50px rgba(0, 0, 0, .55);--hex: polygon(3.5% 0, 96.5% 0, 100% 50%, 96.5% 100%, 3.5% 100%, 0 50%);--hex-wide: polygon(2% 0, 98% 0, 100% 50%, 98% 100%, 2% 100%, 0 50%)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;color:var(--cream);background:linear-gradient(180deg,#04081c,var(--blue-900) 55%,#02040f);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;position:relative}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 45% at 50% -8%,rgba(90,150,255,.3),transparent 65%),radial-gradient(50% 30% at 50% 108%,rgba(230,181,69,.14),transparent 60%),repeating-radial-gradient(circle at 50% 78%,rgba(120,170,255,.07) 0 1px,transparent 1px 64px)}.stage:before{content:"";position:absolute;top:-10%;left:50%;width:120vw;height:120vh;transform:translate(-50%);background:conic-gradient(from 200deg at 50% 0,transparent 0 36%,rgba(120,170,255,.06) 38% 44%,transparent 46% 54%,rgba(230,181,69,.05) 56% 62%,transparent 64% 100%)}.app-header{display:flex;align-items:center;gap:16px;min-height:83px;padding:12px clamp(16px,4vw,56px);border-bottom:1px solid rgba(230,181,69,.25);background:#04081c8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-lockup{min-width:0;border:0;padding:0;background:transparent;text-align:left;cursor:pointer}.brand-lockup span{display:block;color:var(--gold-soft);font:700 clamp(20px,3vw,30px)/1.2 Georgia,"Times New Roman",serif;text-shadow:0 0 18px rgba(230,181,69,.35)}.brand-lockup small{display:block;margin-top:2px;color:var(--cream-dim);font-size:12px;letter-spacing:.2em;text-transform:uppercase}.app-header nav{display:flex;gap:4px;margin-left:auto}.app-header nav button{border:0;border-bottom:2px solid transparent;padding:10px 12px;color:var(--cream-dim);background:transparent;cursor:pointer}.app-header nav button:hover,.app-header nav button.active{color:var(--gold-soft);border-bottom-color:var(--gold)}.sound-toggle{width:42px;height:42px;flex:none;border:1px solid rgba(230,181,69,.5);border-radius:50%;color:var(--gold-soft);background:#e6b5451a;font-size:20px;cursor:pointer}.sound-toggle:hover{background:#e6b54533}.page-wrap{width:min(1120px,100%);margin:0 auto;padding:24px 16px 48px}.welcome{max-width:760px;margin:0 auto;text-align:center}.orb{width:130px;height:130px;margin:8px auto 22px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff,var(--light) 38%,#5d8fe0 70%,#1b3a8a 100%);box-shadow:0 0 50px #96c8ff8c,0 0 120px #78aaff59;animation:breathe 4.5s ease-in-out infinite}.orb.small{width:90px;height:90px;margin:0 auto 14px}@keyframes breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.15)}}.welcome h1{margin-bottom:6px;color:var(--gold-soft);font:700 clamp(30px,6vw,52px)/1.15 Georgia,"Times New Roman",serif;text-shadow:0 0 24px rgba(230,181,69,.4)}.welcome-tag{margin-bottom:22px;color:var(--light);font-size:14px;letter-spacing:.3em;text-transform:uppercase}.journey-panel,.question-card-shell,.side-box,.modal,.admin-form,.admin-list,.admin-login{border:1px solid rgba(230,181,69,.3);border-radius:var(--radius);background:linear-gradient(180deg,#12266bd9,#0b1a4ae0);box-shadow:var(--shadow)}.journey-panel{padding:22px 24px;text-align:left}.journey-panel h2{margin-bottom:12px;color:var(--gold);font:700 18px Georgia,serif;text-align:center}.rules{display:grid;gap:10px;margin:0;padding:0;list-style:none}.rules li{display:flex;gap:10px;align-items:flex-start;color:var(--cream-dim);font-size:14.5px}.rules b{color:var(--cream)}.dot{width:9px;height:9px;flex:none;margin-top:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}kbd{padding:1px 7px;border:1px solid rgba(230,181,69,.5);border-radius:6px;color:var(--gold-soft);background:#e6b54526;font:inherit;font-size:11px}.start-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.start-action{margin-top:20px}.start-action .gold-button{width:100%;padding:17px 28px;font-size:19px}.start-form input,.admin-page input,.admin-page textarea,.admin-page select{width:100%;border:1px solid rgba(150,180,255,.28);border-radius:10px;padding:12px 14px;color:var(--cream);background:#08123ac2}.start-form input:focus,.admin-page input:focus,.admin-page textarea:focus,.admin-page select:focus{outline:2px solid var(--gold);outline-offset:1px}.gold-button,.ghost-button,.admin-page button{border:0;border-radius:14px;padding:13px 22px;font-weight:700;cursor:pointer}.gold-button,.admin-page button:not(.secondary-button):not(.danger-button){color:var(--blue-900);background:linear-gradient(180deg,var(--gold-soft),var(--gold));box-shadow:0 8px 26px #e6b54566}.gold-button:hover{transform:translateY(-2px);box-shadow:0 12px 34px #e6b5458c}.gold-button.big{grid-column:1 / -1;padding:17px 28px;font-size:19px}.gold-button:disabled{opacity:.65;cursor:wait}.ghost-button,.secondary-button{border:1px solid rgba(230,181,69,.5)!important;color:var(--cream)!important;background:transparent!important;box-shadow:none!important}.ghost-button:hover,.secondary-button:hover{background:#e6b5451f!important}.arena{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.question-card-shell{min-height:570px;padding:22px;background:linear-gradient(180deg,#12266bd1,#071034e6)}.question-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px;color:var(--light);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.question-meta b{color:var(--gold-soft);font-size:13px;letter-spacing:0;text-transform:none}.question-card{display:block}.question-banner{position:relative;margin:4px 0 6px;padding:2px;clip-path:var(--hex-wide);background:linear-gradient(90deg,var(--gold),var(--gold-soft),var(--gold))}.question-banner:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;clip-path:var(--hex-wide);background:linear-gradient(180deg,#0c1e63,#060f30)}.question-banner h1{position:relative;z-index:1;min-height:102px;display:grid;place-items:center;margin:0;padding:18px 44px;color:var(--cream);font-size:clamp(17px,2.2vw,22px);line-height:1.4;text-align:center}.lock-banner{display:none;width:max-content;max-width:100%;margin:10px auto 2px;border-radius:999px;padding:7px 14px;color:#1a1205;background:linear-gradient(90deg,var(--amber),var(--gold-soft));box-shadow:0 0 22px #f5a62399;font-size:13px;font-weight:800;animation:lock-pulse .6s ease-in-out infinite}.lock-banner.show{display:block}@keyframes lock-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.option-button{position:relative;min-height:64px;display:flex;align-items:center;gap:14px;border:0;padding:0 20px 0 17px;clip-path:var(--hex);color:var(--cream);background:linear-gradient(90deg,var(--gold),var(--gold-soft));text-align:left;cursor:pointer;transition:transform .14s,opacity .2s}.option-button:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;clip-path:var(--hex);background:linear-gradient(180deg,#11286f,#0a1640);transition:background .2s}.option-button>*{position:relative;z-index:1}.option-button:not(:disabled):hover{transform:translateY(-2px)}.option-button:not(:disabled):hover:before{background:linear-gradient(180deg,#1a3a93,#11256a)}.option-key{width:44px;flex:none;border-right:2px solid rgba(230,181,69,.55);padding-right:10px;color:var(--amber);font:700 20px Georgia,serif;text-align:center}.option-text{flex:1;font-size:15.5px;line-height:1.3}.option-button.selected{box-shadow:0 0 28px #f5a623bf;background:linear-gradient(90deg,#ffd27a,var(--amber));animation:lock-pulse .6s ease-in-out infinite}.option-button.selected:before{background:linear-gradient(180deg,var(--amber),var(--amber-deep))}.option-button.selected .option-key,.option-button.selected .option-text{color:#1a1205}.option-button.correct{background:linear-gradient(90deg,#7fe0a8,var(--green))}.option-button.correct:before{background:linear-gradient(180deg,#16835a,var(--green-deep))}.option-button.wrong{background:linear-gradient(90deg,#f3899f,var(--red))}.option-button.wrong:before{background:linear-gradient(180deg,#9c2942,var(--red-deep))}.option-button.faded{opacity:.18}.feedback{display:grid;gap:5px;margin-top:18px;border-radius:12px;padding:13px 16px;color:var(--cream-dim);background:#08123ab8;text-align:center;animation:fade-in .3s ease}.feedback strong{color:var(--green);font-size:17px}.feedback.missed strong{color:var(--gold-soft)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.side-panel{display:flex;flex-direction:column;gap:16px}.side-box{padding:16px;background:linear-gradient(180deg,#12266bd1,#071034e6);box-shadow:none}.side-box h2{margin:0 0 12px;color:var(--light);font-size:12px;letter-spacing:.18em;text-align:center;text-transform:uppercase}.side-box h2 b{color:var(--gold-soft);letter-spacing:0}.timer-dial{position:relative;width:118px;height:118px;margin:0 auto;color:var(--gold);filter:drop-shadow(0 0 14px rgba(120,170,255,.2))}.timer-dial svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-dial circle:last-child{transition:stroke-dashoffset .25s linear}.timer-dial>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--gold-soft);font:700 38px Georgia,serif}.timer-dial.danger{color:var(--red);animation:lock-pulse .9s ease-in-out infinite}.timer-dial.danger>span{color:var(--red)}.mobile-timer{display:none}.lifeline-buttons{display:grid;gap:10px}.lifeline-buttons button{display:flex;align-items:center;gap:12px;border:1px solid rgba(230,181,69,.4);border-radius:12px;padding:11px 13px;color:var(--cream);background:#e6b54514;text-align:left;cursor:pointer}.lifeline-buttons button:hover:not(:disabled){background:#e6b5452e}.lifeline-buttons button:disabled{opacity:.3;cursor:not-allowed}.lifeline-buttons i{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--blue-900);background:radial-gradient(circle at 35% 30%,var(--gold-soft),var(--gold));box-shadow:0 0 14px #e6b54566;font-style:normal;font-weight:800}.lifeline-buttons button>span{min-width:0;display:block}.lifeline-buttons strong{display:block;font-size:14.5px}.lifeline-buttons em{display:block;color:var(--cream-dim);font-size:11.5px;font-style:normal;font-weight:400}.level-ladder ol{display:flex;flex-direction:column-reverse;gap:5px;margin:0;padding:0;list-style:none}.level-ladder li{display:flex;align-items:center;gap:10px;padding:9px 12px 9px 16px;clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);color:var(--cream-dim);background:linear-gradient(90deg,#14286e8c,#08103440);font-size:13px}.level-ladder li span{width:20px;flex:none;color:var(--gold);font-weight:800;text-align:center}.level-ladder li strong{font-weight:500}.level-ladder li.done{color:var(--green);background:linear-gradient(90deg,rgba(20,90,60,.5),transparent)}.level-ladder li.active{color:#1a1205;background:linear-gradient(90deg,var(--amber),var(--amber-deep));box-shadow:0 0 20px #f5a6238c;font-weight:800}.level-ladder li.active span{color:#1a1205}.level-ladder li.ultimate:not(.active){color:var(--gold-soft)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;place-items:center;padding:20px;background:#030716d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.show{display:grid;animation:fade-in .3s ease}.modal{width:min(480px,100%);padding:30px 26px;background:linear-gradient(180deg,var(--blue-700),var(--blue-900));text-align:center}.modal .gold-button{margin-top:18px}.lifeline-result-title strong{display:block;margin-bottom:8px;color:var(--gold-soft);font:700 26px Georgia,serif}.lifeline-result p{color:var(--cream-dim)}.poll-row{display:grid;grid-template-columns:26px 1fr 48px;align-items:center;gap:10px;margin:12px 0;text-align:left}.poll-row>span{color:var(--gold-soft);font-weight:800}.poll-row>div{height:22px;overflow:hidden;border-radius:8px;background:#ffffff14}.poll-row i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--light),#5d8fe0);animation:bar-grow .9s ease}.poll-row>strong{color:var(--cream-dim);font-size:13px;text-align:right}@keyframes bar-grow{0%{width:0}}.result-page{min-height:calc(100vh - 83px);display:grid;place-items:center}.result-modal h1{color:var(--gold-soft);font:700 30px Georgia,serif}.result-modal>p{color:var(--cream-dim)}.reward-pill{display:inline-block;margin:14px auto;border-radius:999px;padding:12px 22px;color:var(--blue-900);background:linear-gradient(180deg,var(--gold-soft),var(--gold));box-shadow:0 0 28px #e6b54580;font-size:18px;font-weight:800}.blessing-message{color:var(--light)!important;font-style:italic}.muted{font-size:13px;opacity:.8}.button-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}.leaderboard-page{max-width:940px}.table-panel{text-align:center}.table-panel h1{margin-bottom:8px;color:var(--gold-soft);font:700 36px Georgia,serif}.leaderboard-intro{color:var(--cream-dim)}.table-panel table{width:100%;margin-top:20px;border-collapse:collapse;text-align:left}.table-panel th{padding:12px;border-bottom:1px solid rgba(230,181,69,.45);color:var(--gold-soft);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.table-panel td{padding:13px 12px;border-bottom:1px solid rgba(150,180,255,.14);color:var(--cream-dim)}.table-panel tbody tr:hover{background:#e6b5450f}.admin-page{width:min(1200px,100%);margin:0 auto;padding:28px 16px 48px}.admin-login{max-width:460px;margin:8vh auto 0;padding:28px;text-align:center}.admin-login h1,.admin-form h1,.admin-list h1{color:var(--gold-soft);font:700 28px Georgia,serif}.admin-login form{display:grid;gap:12px}.admin-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);gap:20px}.admin-form,.admin-list{padding:22px}.admin-form{display:grid;align-content:start;gap:12px}.admin-form textarea{min-height:88px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px}.option-edit{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px}.option-edit input[type=radio]{width:18px;height:18px;accent-color:var(--gold)}.admin-list{display:grid;align-content:start;gap:8px;max-height:78vh;overflow:auto}.question-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr));gap:8px}.question-filters input,.question-filters select{min-width:0}.filter-count{margin:2px 0 8px;color:var(--cream-dim);font-size:12px}.empty-state{margin:28px 0;color:var(--cream-dim);text-align:center}.question-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border:1px solid rgba(150,180,255,.18);border-radius:10px;padding:10px 12px;background:#08123a94}.question-row div{min-width:0}.question-row strong{display:block;overflow:hidden;color:var(--cream);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.question-row span{color:var(--cream-dim);font-size:12px}.question-row button,.admin-form button{padding:8px 12px;border-radius:8px}.danger-button{color:#fff!important;background:var(--red)!important;box-shadow:none!important}.error-text{margin:14px 0 0;border:1px solid rgba(232,77,114,.5);border-radius:10px;padding:10px 12px;color:#ffdce5;background:#7a1f3373;text-align:center}.loading-text{margin-top:20vh;color:var(--gold-soft);font:700 24px Georgia,serif;text-align:center}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}@media(max-width:820px){.app-header{gap:10px;padding:10px 14px}.brand-lockup span{font-size:20px}.brand-lockup small{font-size:9px;letter-spacing:.11em}.app-header nav button{padding:8px;font-size:13px}.arena{grid-template-columns:1fr}.question-card-shell{min-height:0}.side-panel{display:grid;grid-template-columns:1fr 1fr;align-items:start}.timer-box{display:none}.mobile-timer{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 14px;color:var(--light);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.mobile-timer .timer-dial{width:64px;height:64px;margin:0}.mobile-timer .timer-dial>span{font-size:22px}.level-ladder{grid-column:1 / -1}.level-ladder ol{display:grid;grid-template-columns:repeat(5,1fr)}.level-ladder li{min-width:0;padding:8px 6px;clip-path:none;border-radius:7px;justify-content:center}.level-ladder li strong{display:none}.side-panel>.ghost-button{grid-column:1 / -1}.admin-grid{grid-template-columns:1fr}.admin-list{max-height:none}.question-filters{grid-template-columns:1fr 1fr}.question-filters input{grid-column:1 / -1}}@media(max-width:620px){.app-header{flex-wrap:wrap}.brand-lockup{flex:1}.brand-lockup small{white-space:normal}.app-header nav{order:3;width:100%;justify-content:center;border-top:1px solid rgba(230,181,69,.14)}.sound-toggle{width:38px;height:38px}.page-wrap{padding:18px 10px 34px}.orb{width:100px;height:100px;margin-bottom:16px}.welcome-tag{font-size:11px;letter-spacing:.2em}.journey-panel{padding:18px 16px}.start-form{grid-template-columns:1fr}.gold-button.big{grid-column:auto}.question-card-shell{padding:14px 10px 18px}.question-meta{padding:0 4px;font-size:10px;letter-spacing:.08em}.question-meta b{font-size:11px}.question-banner h1{min-height:92px;padding:15px 28px;font-size:17px}.options-grid{grid-template-columns:1fr;gap:10px}.option-button{min-height:58px;padding-left:14px}.option-text{font-size:14px}.side-panel{grid-template-columns:1fr}.level-ladder{grid-column:auto}.side-panel>.ghost-button{grid-column:auto}.lifeline-buttons{grid-template-columns:repeat(3,1fr)}.lifeline-buttons button{min-width:0;flex-direction:column;gap:6px;padding:10px 5px;text-align:center}.lifeline-buttons em{display:none}.level-ladder ol{grid-template-columns:repeat(5,1fr)}.level-ladder li{padding:7px 2px}.table-panel{overflow-x:auto;padding:18px 14px}.table-panel table{min-width:620px}.form-row,.question-filters{grid-template-columns:1fr}.question-filters input{grid-column:auto}.question-row{grid-template-columns:1fr auto}.question-row .danger-button{grid-column:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}