:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#fff;background:#0b0821}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% 8%,#6236b5 0,transparent 37%),radial-gradient(ellipse at 5% 75%,#074c7e 0,transparent 42%),linear-gradient(155deg,#0b0821,#19103a 70%,#0a1233);background-attachment:fixed}.shell{max-width:1100px;margin:auto;padding:20px 20px 40px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px}.wordmark{font-weight:1000;color:white;text-decoration:none;letter-spacing:1.5px;font-size:clamp(14px,2.6vw,22px)}.wordmark b{color:#ffdb67}.live,.kicker,.category{color:#ffda75;font-size:12px;letter-spacing:2px;font-weight:900}.live{padding:10px;border-radius:100px;background:#ffffff18;border:1px solid #ffffff35;white-space:nowrap}.hero{text-align:center;padding:clamp(50px,9vw,95px) 12px 55px;animation:rise .6s ease-out}.hero h1{font-size:clamp(45px,9vw,100px);line-height:.99;margin:23px auto;letter-spacing:-3px;max-width:900px;text-shadow:0 8px 30px #0005}.hero h1 span{background:linear-gradient(90deg,#ffdf72,#ff8bca,#9feaff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{font-size:clamp(16px,2.3vw,21px);line-height:1.6;color:#e2d9fb;max-width:690px;margin:0 auto 28px}.feature-strip,.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:25px auto}.feature-strip span{border-radius:18px;padding:12px 16px;background:#ffffff16;border:1px solid #ffffff25;font-weight:700}.cta{display:inline-block;padding:18px 30px;border-radius:18px;border:0;background:linear-gradient(110deg,#ffce53,#ff9b45);color:#24112c;font-size:17px;font-weight:1000;cursor:pointer;box-shadow:0 10px 30px #ffab3655;text-decoration:none;transition:transform .2s,filter .2s}.cta:hover,.answer:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.1)}.secondary{background:linear-gradient(110deg,#845cff,#e56ce7);color:white}.quiet{display:block;color:#c7d5ff;margin:20px}.hidden{display:none!important}.scorebar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:48px auto 14px}.scorebar small{display:block;color:#e5c6ff;font-weight:800;font-size:11px;letter-spacing:1.4px}.scorebar strong{font-size:34px;color:#ffdc72}.round-label{font-weight:900;color:#ffe09b}.clock{width:68px;height:68px;border:4px solid #e9b4ff;border-radius:50%;display:grid;place-items:center;font-size:29px;font-weight:1000;background:#35215e;box-shadow:0 0 25px #b65cff55}.clock.urgent{color:#ff6868;border-color:#ff6868;animation:pulse .6s infinite}.progress{height:10px;border-radius:10px;background:#ffffff25;overflow:hidden}.progress div{height:100%;background:linear-gradient(90deg,#62d6ff,#fda7f7,#ffde75);transition:width .4s}.stage{position:relative;margin:22px auto;padding:clamp(24px,5vw,54px);border:1px solid #ad8bff77;border-radius:30px;background:linear-gradient(135deg,#382067dd,#171b50ee);box-shadow:0 22px 70px #0008,inset 0 1px #ffffff3d;animation:rise .45s ease}.stage h2{font-size:clamp(26px,4.5vw,47px);line-height:1.2;max-width:900px;margin:24px 0 34px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{border:2px solid #8e76cd;border-radius:17px;background:linear-gradient(135deg,#4e367f,#292b65);color:white;min-height:90px;padding:19px;text-align:left;font-size:clamp(15px,2.2vw,20px);font-weight:800;cursor:pointer;transition:transform .2s,background .2s}.answer.right{background:#176e53;border-color:#8bffd4}.answer.wrong{background:#852c59;border-color:#ff95aa}.response{min-height:28px;margin-top:22px;color:#ded1ff;font-weight:800}.response.good{color:#8dffd1}.response.bad{color:#ffd0a8}.trophy{font-size:80px;animation:bob 2s infinite}.end-score{font-size:clamp(36px,8vw,76px);font-weight:1000;color:#ffda72}footer{text-align:center;color:#a99fca;font-size:11px;letter-spacing:1px;padding-top:40px}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{50%{transform:translateY(-10px)}}@keyframes pulse{50%{box-shadow:0 0 30px #ff6464aa}}@media(max-width:650px){.answers{grid-template-columns:1fr}.scorebar{margin-top:25px}.hero{padding-top:55px}.stage{border-radius:20px}.answer{min-height:72px}.live{font-size:9px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

@keyframes vaultFloat{50%{transform:translateY(-7px)}}
@keyframes vaultPulse{50%{box-shadow:0 0 32px #ffd86699}}
@keyframes vaultEntrance{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.panel,.stage{animation:vaultEntrance .55s ease both}
.cta{animation:vaultPulse 2.8s ease-in-out infinite}
.feature-strip span{animation:vaultFloat 3s ease-in-out infinite}
.answer,.option{animation:vaultEntrance .35s ease both}
button:hover:not(:disabled),.cta:hover{transform:translateY(-3px) scale(1.02);filter:brightness(1.1)}
button:active:not(:disabled){transform:scale(.96)}
@media(prefers-reduced-motion:reduce){.panel,.stage,.cta,.feature-strip span,.answer,.option{animation:none!important}}

body::before{content:"";position:fixed;inset:-15%;z-index:-2;pointer-events:none;background:radial-gradient(circle at 20% 30%,#a24dfb44,transparent 35%),radial-gradient(circle at 80% 70%,#20c9f944,transparent 35%);animation:vaultAurora 14s ease-in-out infinite alternate}
@keyframes vaultAurora{to{transform:translate(5%,4%) rotate(7deg)}}
.answer:nth-child(2),.option:nth-child(2){animation-delay:.07s}.answer:nth-child(3),.option:nth-child(3){animation-delay:.14s}.answer:nth-child(4),.option:nth-child(4){animation-delay:.21s}
@keyframes vaultCorrect{50%{transform:scale(1.06);box-shadow:0 0 30px #7dffc088}}
@keyframes vaultWrong{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.answer.right,.option.correct{animation:vaultCorrect .45s ease}.answer.wrong{animation:vaultWrong .35s ease}
@media(prefers-reduced-motion:reduce){body::before,.answer.right,.option.correct,.answer.wrong{animation:none!important}}

.vault-brand-logo{width:62px;height:62px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 14px #fff4);animation:vaultFloat 4s ease-in-out infinite}.brand,.wordmark{display:flex;align-items:center;gap:12px}.brand span{color:#ffdc73}@media(max-width:500px){.vault-brand-logo{width:43px;height:43px}.brand,.wordmark{font-size:13px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){.vault-brand-logo{animation:none}}