:root{color-scheme:dark;font-family:'Open Sans',ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f6f8ff;background:#07111f}
h1,h2,h3,.brand,.game-nav-brand,.primary,.hub-profile-head strong{font-family:'Outfit',ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 78% 28%,#33327045,transparent 50%);color:#f6f8ff}a{color:#bdc7ff;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #f2cc78;outline-offset:4px}.vault-header{height:90px;padding:0 5vw;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;align-items:center;font-size:14px}.brand{font-size:29px;font-weight:750;color:#c3b7ff}.brand span{display:block;font-size:10px;letter-spacing:.04em;color:#a1aec7;font-weight:400;margin-top:3px}.vault-shell{max-width:1240px;margin:auto;padding:65px 40px;display:grid;grid-template-columns:1fr 510px;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.18em;color:#b5a8ff;font-weight:700}h1{font-size:clamp(36px,4.1vw,56px);line-height:1.1;letter-spacing:-2px;margin:23px 0}h1 em{font-style:normal;color:#aaa0ff}.vault-intro>p{color:#aab8cc;font-size:17px;line-height:1.8;max-width:460px}.instructions{padding-left:21px;margin:32px 0;color:#aab8cc;line-height:1.7;font-size:14px}.instructions li{padding:0 0 13px 8px}.instructions b{color:#edf1ff}.reward-note{display:flex;gap:15px;padding:20px 0 28px;font-size:13px}.reward-note>span{color:#6fe7da;font-size:30px}.reward-note p{color:#99a9c1;margin:5px 0}.vault-intro>a{font-size:13px}.vault-console{padding:26px;border:1px solid #30405e;border-radius:24px;background:linear-gradient(150deg,#132239,#0b1525);box-shadow:0 25px 80px #0004}.console-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#8e9eb8}.console-top i,.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ce7da;margin-right:7px}.stats{display:flex;justify-content:space-between;padding:25px 0;gap:12px}.stats small{display:block;font-size:9px;letter-spacing:.15em;color:#9aabc3;margin-bottom:8px}.stats strong{font-size:27px;font-variant-numeric:tabular-nums}.stats div:first-child strong{color:#c2b7ff}.grid-wrap{position:relative}.energy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;aspect-ratio:1}.tile{min-width:0;position:relative;aspect-ratio:1;padding:0;background:#17243a;border:1px solid #31405a;border-radius:10px;color:#687b9b}.tile svg{display:block;width:100%;height:100%;overflow:visible}.tile.powered{color:#71efdb;background:#103339;border-color:#328c83;box-shadow:inset 0 0 15px #5dffdc09}.tile.source:after{content:'S';position:absolute;left:5px;top:2px;font-size:9px;color:#e2fff9}.tile:disabled{opacity:1}.grid-cover{position:absolute;inset:0;background:#0b1628ed;backdrop-filter:blur(3px);border:1px solid #30405e;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.grid-cover[hidden]{display:none}.grid-cover h2{font-size:20px}.grid-cover p{color:#97a8c0;font-size:13px;margin:0 0 26px}.vault-symbol{font-size:65px;color:#afa2ff}.primary{display:inline-block;border:0;border-radius:12px;padding:15px 22px;font-weight:750;font-size:14px;background:linear-gradient(110deg,#bbc2ff,#9282fa);color:#0b1430}.legend{display:flex;justify-content:space-between;color:#8ea5bb;font-size:10px;padding:17px 0}.breach{width:100%}#status{color:#b2bfd4;min-height:34px;font-size:12px;line-height:1.5;margin-bottom:0}.text-button{background:none;border:0;color:#c5bbff;padding:8px 0}.result-shell{max-width:720px;margin:65px auto;text-align:center;padding:45px}.result-shell>p{color:#aab8cc;line-height:1.7}.result-symbol{font-size:75px;color:#76e9d9;margin-top:20px}.result-stats{margin:30px 0;border-top:1px solid #30405e;border-bottom:1px solid #30405e}.fine-print{font-size:12px;margin-bottom:30px}.back-link{display:block;font-size:13px;margin-top:20px}@media(max-width:900px){.vault-shell{grid-template-columns:1fr;max-width:590px;gap:30px;padding:35px 22px}.vault-intro h1{font-size:42px}.instructions{margin:20px 0}.reward-note{display:none}.vault-header{padding:0 22px}.vault-header>a:last-child{font-size:12px}.result-shell{margin:30px 16px;padding:25px}.result-stats{flex-wrap:wrap}.result-stats>div{width:40%}}@media(max-width:380px){.vault-console{padding:17px}.energy-grid{gap:5px}.legend{font-size:9px}}
.energy-grid{grid-template-columns:repeat(var(--size,5),1fr)}
#daily{display:block;margin:4px 0 16px;font-weight:650;color:#f2cc78}
#daily:disabled{color:#7c8aa3}
.progress-dots{display:flex;gap:8px;padding:16px 0 22px}
.progress-dots span{flex:1;height:5px;border-radius:3px;background:#22314a;position:relative;transition:background .3s}
.progress-dots span:after{content:attr(data-level);position:absolute;top:10px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.08em;color:#6c7c98;text-transform:uppercase}
.progress-dots span.done{background:linear-gradient(90deg,#6fe7da,#9282fa)}
.progress-dots span.done:after{color:#8fead9}
.progress-dots span.active{background:#3a4d70;box-shadow:0 0 0 2px #f2cc7855}
.progress-dots span.active:after{color:#f2cc78}
.stats-secondary{padding:0 0 20px;border-top:1px solid #ffffff0f}
.stats-secondary strong{font-size:18px;color:#f2cc78}
.stats-secondary div:first-child strong{color:#ff9f6c}
@media(max-width:380px){.progress-dots span:after{display:none}.progress-dots{padding:10px 0 14px}}
.quiz-field{margin-bottom:18px}
.quiz-field label{display:block;font-size:11px;letter-spacing:.1em;color:#9aabc3;margin-bottom:8px;text-transform:uppercase}
.quiz-field select{width:100%;padding:12px 14px;border-radius:10px;background:#17243a;border:1px solid #31405a;color:#f6f8ff;font:inherit}
.quiz-difficulty{display:flex;gap:8px}
.quiz-diff{flex:1;padding:10px;border-radius:10px;background:#17243a;border:1px solid #31405a;color:#9aabc3;font-weight:650}
.quiz-diff.active{background:linear-gradient(110deg,#bbc2ff,#9282fa);color:#0b1430;border-color:transparent}
.quiz-picker #start{width:100%;margin-top:6px}
#picker-status{color:#8ea5bb;font-size:12px;margin-top:14px;text-align:center}
.quiz-progress{height:5px;border-radius:3px;background:#22314a;overflow:hidden;margin:18px 0 26px}
.quiz-progress span{display:block;height:100%;background:linear-gradient(90deg,#6fe7da,#9282fa);transition:width .3s}
.quiz-play h2{font-size:22px;line-height:1.4;margin:0 0 22px}
.quiz-options{display:grid;gap:10px}
.quiz-option{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:12px;background:#17243a;border:1px solid #31405a;color:#e7ecff;font:inherit;font-size:14px}
.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#22314a;font-size:12px;font-weight:750;flex-shrink:0}
.quiz-option.selected{border-color:#9282fa}
.quiz-option.correct{background:#103339;border-color:#328c83;color:#71efdb}
.quiz-option.incorrect{background:#3a1420;border-color:#a03a54;color:#ff9fb3}
#q-feedback{min-height:22px;margin-top:16px;font-size:13px;color:#b2bfd4;text-align:center}