:root{--bg:#120f2f;--panel:#fff;--ink:#15122b;--muted:#6b6686;--pink:#ff4fa3;--blue:#49a7ff;--green:#32d583;--yellow:#ffd84d;--purple:#8b5cf6;--orange:#ff8a3d;--teal:#25d0c7;--lime:#a6e635;--shadow:0 22px 70px #0000003d}*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at 10% 10%,#5535a5 0,#211849 28%,#120f2f 65%),linear-gradient(135deg,#120f2f,#0d2438);margin:0;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.appShell{max-width:1180px;min-height:100vh;margin:auto;padding:18px}.topNav{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px;display:flex;position:sticky;top:0}.topNav button,.ghost,.ghostBtn{color:#fff;background:#ffffff26;border:0;border-radius:999px;padding:11px 15px;font-weight:800}.topNav button:hover,.ghost:hover{background:#ffffff40;transform:translateY(-1px)}.heroScreen,.screenCard{margin-top:22px}.heroCard,.screenCard{color:var(--ink);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff5,#f5f2ffeb);border:1px solid #fff9;border-radius:34px}.heroCard{grid-template-columns:1.5fr .8fr;gap:22px;padding:30px;display:grid}.bigIcon{object-fit:cover;border-radius:24px;width:98px;height:98px;box-shadow:0 12px 28px #00000040}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#7c3aed;margin:0 0 8px;font-size:.76rem;font-weight:900}.heroCard h1{background:linear-gradient(90deg,#ff4fa3,#7c3aed,#0ea5e9,#22c55e);color:#0000;-webkit-background-clip:text;margin:8px 0;font-size:clamp(2.4rem,8vw,5rem);line-height:.92}.bigLead{color:#393251;max-width:760px;font-size:1.2rem;line-height:1.55}.ctaRow,.settingsActions,.questActions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.primaryBtn,.questBtn,.danger{color:#fff;border:0;border-radius:18px;padding:14px 18px;font-weight:950;box-shadow:0 12px 24px #0000002e}.primaryBtn{background:linear-gradient(135deg,#7c3aed,#0ea5e9)}.questBtn{background:linear-gradient(135deg,#f97316,#ec4899)}.danger{background:linear-gradient(135deg,#ef4444,#991b1b)}.scoreOrb{text-align:center;color:#fff;text-shadow:0 2px 12px #00000059;background:radial-gradient(circle at 30% 20%,#fff 0,#fff6a7 18%,#ff86d3 42%,#8b5cf6 72%,#2c1768 100%);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;display:flex}.scoreOrb>span{font-size:4rem}.scoreOrb strong{font-size:1.8rem}.scoreOrb small{font-weight:800}.miniStats{background:#ffffff38;border:1px solid #ffffff52;border-radius:18px;min-width:140px;margin-top:12px;padding:10px 18px}.miniStats b{font-size:1.9rem;display:block}.miniStats span{text-transform:uppercase;font-size:.8rem;font-weight:950}.profileStrip{grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0;display:grid}.profilePill{color:#fff;background:#ffffff29;border:1px solid #ffffff2b;border-radius:24px;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex}.profilePill.active{color:#211849;background:linear-gradient(135deg,#fff,#e9ddff)}.profilePill span{font-size:1.7rem}.profilePill small{opacity:.8}.infoGrid,.progressCards,.settingsGrid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.info,.stat,.settingCard,.pwaBox,.notes{color:var(--ink);background:#fff;border-radius:24px;padding:18px;box-shadow:0 12px 32px #00000024}.info p{color:var(--muted);line-height:1.45}.screenCard{padding:26px}.sectionHeader h2{background:linear-gradient(90deg,#ff4fa3,#7c3aed,#0ea5e9);color:#0000;-webkit-background-clip:text;margin:0;font-size:clamp(2rem,5vw,3.6rem)}.sectionHeader p{color:#554d74;font-weight:700}.topicGrid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;display:grid}.topicCard{text-align:left;color:#111827;border:0;border-radius:28px;min-height:210px;padding:20px;transition:transform .2s;box-shadow:0 18px 38px #0000002e}.topicCard:hover{transform:translateY(-5px)rotate(-1deg)}.topicCard .topicIcon{font-size:3rem;display:block}.topicCard strong{margin:8px 0;font-size:1.45rem;display:block}.topicCard small{text-transform:uppercase;font-weight:900}.topicCard p{line-height:1.4}.pink{background:linear-gradient(135deg,#ffe1ef,#ff82c5)}.blue{background:linear-gradient(135deg,#dff2ff,#60c6ff)}.green{background:linear-gradient(135deg,#dcffe8,#5ee59b)}.purple{background:linear-gradient(135deg,#efe4ff,#b596ff)}.orange{background:linear-gradient(135deg,#fff1d6,#ffab63)}.teal{background:linear-gradient(135deg,#d8fffb,#5be7df)}.lime{background:linear-gradient(135deg,#f1ffd1,#c7f84d)}.rainbow{background:linear-gradient(135deg,#ffd1ec,#ffec99,#b8ffd8,#b7e1ff)}.quizTop{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.quizTop h2{margin:0;font-size:2.2rem}.quizBox{color:#fff;box-shadow:inset 0 0 0 1px #ffffff1a,var(--shadow);background:linear-gradient(135deg,#251756,#41286d);border-radius:34px;padding:24px}.questionStats{flex-wrap:wrap;gap:8px;display:flex}.questionStats span{background:#ffffff24;border:1px solid #ffffff29;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.quizBox h3{margin:18px 0;font-size:clamp(1.7rem,4vw,3.5rem);line-height:1.08}.hint{color:#efe8ff;font-weight:800}.answerGrid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:16px;display:grid}.answerTile{color:#111827;border:0;border-radius:26px;min-height:94px;padding:16px;font-size:1.2rem;font-weight:950;transition:all .14s;box-shadow:0 12px 25px #00000038}.answerTile:hover{transform:scale(1.02)rotate(.5deg)}.tile1{background:linear-gradient(135deg,#fff,#ffdfef)}.tile2{background:linear-gradient(135deg,#fff,#dff2ff)}.tile3{background:linear-gradient(135deg,#fff,#e7ffd9)}.tile4{background:linear-gradient(135deg,#fff,#fff0b8)}.fillBlank .answerTile{border-bottom:8px solid #ff4fa3}.numberTiles .answerTile{font-size:2rem}.trueFalse .answerTile{border-radius:999px}.barBlock{color:#15122b;background:#fff;border-radius:24px;margin:14px 0;padding:18px;box-shadow:0 12px 30px #0000001f}.barBlock>div:first-child{justify-content:space-between;display:flex}.bar{background:#e9e6f5;border-radius:999px;height:18px;margin-top:10px;overflow:hidden}.bar i{background:linear-gradient(90deg,#ff4fa3,#ffd84d,#22c55e);height:100%;display:block}.stat{text-align:center}.stat small{color:#6b6686;text-transform:uppercase;font-weight:950;display:block}.stat strong{font-size:2rem}.topicProgress{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px;display:grid}.topicLine{color:#15122b;background:#fff;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:6px;padding:14px;display:grid}.topicLine small{color:#6b6686;grid-column:1/-1}.settingCard label{margin-bottom:12px;font-weight:900;display:block}.settingCard input,.settingCard select{border:2px solid #ded8f3;border-radius:14px;width:100%;margin-top:6px;padding:12px}.fileBtn{display:inline-block;position:relative;overflow:hidden}.fileBtn input{opacity:0;position:absolute;inset:0}.pwaBox{background:linear-gradient(135deg,#e0f2fe,#fce7f3);margin-top:18px}.mapPanel{background:linear-gradient(135deg,#143a52,#2a6f6c);border-radius:30px;grid-template-columns:repeat(10,1fr);gap:12px;margin:20px 0;padding:22px;display:grid}.mapNode{aspect-ratio:1;color:#fff;background:#ffffff2e;border:2px dashed #ffffff4d;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;font-weight:950;display:flex}.mapNode span{font-size:2rem}.mapNode.active{color:#111827;background:#ffd84d;transform:scale(1.08)}.mapNode.found{color:#111827;background:linear-gradient(135deg,#fff,#94f7c5)}.winBanner{color:#14532d;background:#dcfce7;border-radius:22px;margin-bottom:18px;padding:18px;font-size:1.2rem;font-weight:950}.toast{z-index:20;color:#15122b;min-width:280px;max-width:380px;box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:18px;animation:.25s pop;position:fixed;top:86px;right:20px}.toast strong{font-size:1.3rem;display:block}.toast.star{background:linear-gradient(135deg,#fff8c7,#ffd84d)}.toast.level{background:linear-gradient(135deg,#dbeafe,#93c5fd)}.toast.treasure{background:linear-gradient(135deg,#ffedd5,#fdba74)}@keyframes pop{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:none}}@media (max-width:850px){.heroCard{grid-template-columns:1fr}.profileStrip,.topicGrid,.infoGrid,.progressCards,.settingsGrid,.topicProgress{grid-template-columns:1fr 1fr}.answerGrid{grid-template-columns:1fr}.mapPanel{grid-template-columns:repeat(5,1fr)}}@media (max-width:540px){.appShell{padding:10px}.topNav button{padding:9px 10px;font-size:.85rem}.profileStrip,.topicGrid,.infoGrid,.progressCards,.settingsGrid,.topicProgress{grid-template-columns:1fr}.screenCard,.heroCard{border-radius:24px;padding:18px}.scoreOrb{min-height:230px}.quizBox{border-radius:24px;padding:18px}.quizTop{align-items:flex-start}.answerTile{min-height:78px}.mapPanel{grid-template-columns:repeat(2,1fr)}}