:root{color:#24172f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f2f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f5f2f8;min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #b998ff}.app-shell{background:radial-gradient(circle at 50% -10%,#efe8ff 0,#f8f6fc 40%,#f4f2f8 100%);min-height:100svh}.brand-bar{min-height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e7e1ef;justify-content:space-between;align-items:center;display:flex}.brand{color:#1d1230;letter-spacing:-.8px;font-size:25px;font-weight:850;text-decoration:none}.brand span{color:#7142dc}.brand-button{cursor:pointer;background:0 0;border:0;padding:0}.xp-pill{color:#765c9f;background:#eee8fb;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.xp-pill strong{color:#311b5c;margin-left:4px}.stage{width:min(100% - 28px,520px);min-height:calc(100svh - 69px - env(safe-area-inset-top));padding:28px 0 max(28px,env(safe-area-inset-bottom));place-items:center;margin:0 auto;display:grid}.card{text-align:center;background:#fffffff5;border:1px solid #4328681c;border-radius:28px;width:100%;padding:30px;box-shadow:0 18px 60px #2b19481f}.eyebrow{color:#7958bc;letter-spacing:1.4px;text-transform:uppercase;font-size:12px;font-weight:850}.challenge-mark,.result-icon{color:#fff;background:linear-gradient(145deg,#8d64ed,#6334cb);border-radius:23px;place-items:center;width:72px;height:72px;margin:20px auto;font-size:38px;font-weight:900;display:grid;box-shadow:0 10px 25px #6334cb47}.card h1{color:#20152e;letter-spacing:-1px;overflow-wrap:anywhere;margin:14px 0 10px;font-size:clamp(26px,7vw,36px);line-height:1.12}.card p{color:#71677c;margin:0 auto 24px;line-height:1.55}.facts,.score-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;display:grid}.facts div,.score-grid div{background:#f5f1fa;border-radius:16px;padding:13px 8px}.facts dt,.score-grid span{color:#8a7d97;font-size:11px;display:block}.facts dd,.score-grid strong{color:#2f2141;margin:3px 0 0;font-size:16px;font-weight:850}button{font:inherit}.primary,.secondary{cursor:pointer;border-radius:16px;width:100%;min-height:52px;font-weight:800}.primary{color:#fff;background:linear-gradient(135deg,#7b4ddd,#5d2dc1);border:0;place-items:center;text-decoration:none;display:grid;box-shadow:0 9px 22px #5d2dc140}.secondary{color:#4e337d;background:#fff;border:1px solid #d8cde8}button:disabled{cursor:wait;opacity:.62}.card small{color:#93899e;margin-top:14px;display:block}.timer-row{color:#756981;justify-content:space-between;font-size:13px;display:flex}.timer-row strong{color:#332047}.timer-track{background:#eee9f3;border-radius:999px;height:7px;margin:10px 0 28px;overflow:hidden}.timer-track span{border-radius:inherit;background:linear-gradient(90deg,#9b75ef,#6636cb);height:100%;transition:width 80ms linear;display:block}.game-card h1{margin:18px 0 26px}.answers{gap:11px;display:grid}.answers button{color:#30233d;cursor:pointer;text-align:left;background:#fff;border:1px solid #ded4e9;border-radius:16px;align-items:center;gap:13px;min-height:60px;padding:10px 14px;font-weight:700;transition:transform .15s,border-color .15s,background .15s;display:flex}.answers button:hover{background:#faf8ff;border-color:#9571e2;transform:translateY(-1px)}.answers button span{color:#6941bd;background:#eee8fa;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:12px;font-weight:900;display:grid}.result-icon.correct{background:linear-gradient(145deg,#42ba87,#219766);box-shadow:0 10px 25px #21976638}.result-icon.wrong{background:linear-gradient(145deg,#ef7878,#d44957);box-shadow:0 10px 25px #d4495733}.score-grid{grid-template-columns:repeat(2,1fr)}.claim-code{background:#fbf9ff;border:1px dashed #b8a2dd;border-radius:16px;margin:20px 0;padding:14px}.claim-code span{color:#8b7c99;font-size:11px;display:block}.claim-code strong{color:#402373;letter-spacing:2px;margin-top:3px;font-size:21px;display:block}.status{color:#655872;text-align:center}.spinner{border:4px solid #ded4e9;border-top-color:#7142dc;border-radius:50%;width:34px;height:34px;margin:0 auto 15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=420px){.card{border-radius:23px;padding:23px 18px}.card h1{font-size:30px}.facts{gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.header-actions{align-items:center;gap:8px;display:flex}.inbox-button{color:#573396;cursor:pointer;background:#f3eefb;border:0;border-radius:13px;width:40px;height:40px;font-size:18px;position:relative}.inbox-button b{color:#fff;background:#e34f62;border:2px solid #fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:-4px;right:-3px}.stage.with-navigation{padding-bottom:calc(104px + env(safe-area-inset-bottom));display:block}.home-view,.inbox-view{gap:16px;width:100%;padding-top:4px;display:grid}.metric-strip{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric-strip div{text-align:center;background:#ffffffd1;border:1px solid #e7dfef;border-radius:16px;padding:13px 9px}.metric-strip span,.metric-strip small{color:#8b7c97;font-size:10px;display:block}.metric-strip strong{color:#2f1d47;margin-top:4px;font-size:17px;display:block}.hero-action,.mission-card,.push-card{background:#fff;border:1px solid #4328681c;border-radius:24px;padding:22px;box-shadow:0 12px 35px #2b194814}.hero-action{color:#fff;background:linear-gradient(145deg,#2e174f,#7142dc)}.hero-action h1{margin:7px 0 8px;font-size:30px;line-height:1.05}.hero-action p{color:#e1d7f5;margin:0 0 20px;line-height:1.45}.hero-action .section-kicker{color:#cdbcef}.hero-action .primary{color:#563092;box-shadow:none;background:#fff}.section-kicker{color:#7958bc;letter-spacing:1.2px;text-transform:uppercase;font-size:10px;font-weight:900}.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-heading h2{color:#281a39;margin:5px 0 7px;font-size:20px}.section-heading>span{color:#6840b6;background:#f0eafb;border-radius:10px;padding:6px 9px;font-size:12px;font-weight:850}.mission-card p{color:#776a83;margin:0 0 15px;font-size:13px}.progress-track{background:#eee8f4;border-radius:999px;height:8px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#8c62e8,#5d2dc1);height:100%;display:block}.action-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.action-card{color:#342344;cursor:pointer;text-align:left;background:#fff;border:1px solid #e1d7ea;border-radius:22px;flex-direction:column;align-items:flex-start;min-height:145px;padding:18px;display:flex}.action-card>span{color:#653bb7;background:#eee8fa;border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:18px;font-size:20px;display:grid}.action-card strong{font-size:15px}.action-card small{color:#8b8094;margin-top:5px;line-height:1.3}.action-card.primary-action{background:#f8f4ff;border-color:#d2c0ef}.inbox-summary{color:#342344;cursor:pointer;text-align:left;background:#fff;border:1px solid #e1d8e9;border-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:17px 18px;display:flex}.inbox-summary span:first-child{gap:4px;display:grid}.inbox-summary small{color:#8b8094}.count-badge{color:#fff;background:#6f41cb;border-radius:10px;place-items:center;min-width:28px;height:28px;font-size:12px;font-weight:850;display:grid}.push-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.push-card strong{color:#342344;font-size:14px}.push-card p{color:#8b8094;margin:5px 0 0;font-size:11px}.push-card button{color:#5d34a8;cursor:pointer;background:#eee8fa;border:0;border-radius:12px;flex:none;padding:10px 12px;font-size:12px;font-weight:800}.view-title{align-items:center;gap:13px;display:flex}.view-title>button{color:#4c3179;cursor:pointer;background:#fff;border:1px solid #ddd2e8;border-radius:14px;width:42px;height:42px;font-size:20px}.view-title h1{color:#281a39;margin:4px 0 0;font-size:29px}.inbox-list{gap:9px;display:grid}.inbox-list button{color:#342344;cursor:pointer;text-align:left;background:#fff;border:1px solid #dfd4e8;border-radius:18px;grid-template-columns:9px 1fr;gap:11px;width:100%;padding:16px;display:grid}.inbox-list button.read{opacity:.7}.notification-dot{background:#7447d2;border-radius:50%;width:8px;height:8px;margin-top:5px}.inbox-list button.read .notification-dot{background:#c7bdcd}.inbox-list strong,.inbox-list small{display:block}.inbox-list small{color:#86798f;margin-top:5px;line-height:1.35}.empty-state{color:#796c83;text-align:center;border:1px dashed #d8cbe5;border-radius:22px;padding:40px 22px}.empty-state strong{color:#3a294a}.empty-state p{margin:7px 0 0}.challenge-builder>p{color:#74677e;margin:0;line-height:1.5}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.category-grid button{color:#472c70;cursor:pointer;background:#fff;border:1px solid #ded3e8;border-radius:16px;min-height:54px;padding:10px;font-weight:800}.category-grid button:hover{background:#faf8ff;border-color:#8e6cda}.result-card>.secondary{margin-top:12px}.report-link{color:#756783;cursor:pointer;background:0 0;border:0;margin-top:16px;font-size:12px;text-decoration:underline}.report-reasons{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px;display:grid}.report-reasons button{color:#563b72;cursor:pointer;background:#fff;border:1px solid #dfd5e7;border-radius:12px;min-height:42px;padding:7px;font-size:11px;font-weight:750}.bottom-nav{z-index:20;width:min(100%,620px);min-height:calc(68px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-top:1px solid #e4dbea;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#94889e;background:0 0;border:0;place-items:center;gap:2px;padding:6px 2px;font-size:9px;font-weight:750;display:grid}.bottom-nav button span{font-size:18px}.bottom-nav button.active{color:#6638bd}.bottom-nav button:disabled{cursor:default;opacity:.6}.profile-prompt{color:#3b2657;cursor:pointer;text-align:left;background:#faf7ff;border:1px solid #d9c8f1;border-radius:19px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;width:100%;padding:15px;display:grid}.profile-prompt span:nth-child(2){gap:4px;display:grid}.profile-prompt small{color:#806f91}.profile-prompt>b{color:#7244cc;font-size:20px}.profile-mini-avatar{color:#6338b3;background:#eadefb;border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:grid}.profile-identity{background:#fff;border:1px solid #e1d8e9;border-radius:22px;align-items:center;gap:16px;padding:20px;display:flex}.profile-avatar{border-radius:24px;flex:none;place-items:center;width:72px;height:72px;font-size:38px;display:grid}.profile-identity>div:last-child{gap:4px;display:grid}.profile-identity strong{color:#2f1d47;font-size:21px}.profile-identity small{color:#8d8097}.profile-identity span{color:#6840b6;font-size:13px;font-weight:850}.profile-field{color:#4a3561;background:#fff;border:1px solid #e1d8e9;border-radius:20px;gap:10px;padding:18px;font-size:13px;font-weight:800;display:grid}.profile-field>span{justify-content:space-between;gap:10px;display:flex}.profile-field>span b{color:#7548ca;font-size:11px}.profile-field input{color:#30223e;min-height:50px;font:inherit;background:#fbfaff;border:1px solid #d9cee5;border-radius:14px;padding:0 14px}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.avatar-grid button{aspect-ratio:1;cursor:pointer;border:3px solid #0000;border-radius:14px;font-size:23px}.avatar-grid button.selected{border-color:#2f1d47;box-shadow:inset 0 0 0 2px #fff}.saved-note{color:#27845d;text-align:center}@media (width<=420px){.action-grid{gap:8px}.action-card{min-height:136px;padding:15px}.hero-action,.mission-card,.push-card{padding:19px}.push-card{flex-direction:column;align-items:flex-start}.push-card button{width:100%}}