:root{--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-body);--color-text: #e8e2d6;--color-text-dim: #b8b3a7;--color-bg: #1a1a2e;--pill-safe-bottom: 72px}[data-reading-mode=on]{--color-bg: #2a2848;--color-text: #ddd5c8;--color-text-dim: #b8b3a7;--page-overlay-alpha: .78}:root{--page-overlay-alpha: .92}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}html{font-size:16px}body{font-family:var(--font-body);font-size:16px;line-height:1.5;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.game-layout{width:100vw;height:100vh;display:flex;justify-content:center;background:#1a1a2e;overflow:hidden}.game-layout-inner{display:flex;flex-direction:column;width:100%;max-width:1100px;height:100%}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.page-bg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,8,20,var(--page-overlay-alpha, .92));z-index:-1;pointer-events:none}.cloud-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;overflow:hidden}.cloud-layer-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(.95);filter:blur(8px);transition:opacity .68s ease,transform 1.7s ease,filter .85s ease}.cloud-layer-img.visible{opacity:1;transform:scale(1.08);filter:blur(2px)}.cloud-layer-img:nth-child(5){transform:scale(1);transition:opacity .68s ease,filter .85s ease}.cloud-layer-img:nth-child(5).visible{transform:scale(1);filter:blur(0px)}.cloud-overlay.opening .cloud-layer-img{filter:blur(8px);transition:opacity .68s ease,transform .85s ease,filter .68s ease}.cloud-overlay.opening .cloud-layer-img.visible{filter:blur(2px)}.cloud-overlay.opening .cloud-layer-img:nth-child(5).visible{filter:blur(0px)}.volume-control{position:fixed;bottom:14px;left:14px;z-index:1000;display:flex;align-items:center;gap:8px;padding:7px 14px;background:#140e06c7;border:1px solid rgba(244,231,199,.18);border-radius:22px;color:#f4e7c7;font-family:var(--font-display);font-size:14px;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 14px #00000080;-webkit-user-select:none;user-select:none;cursor:pointer}.volume-toggle{font:inherit;text-align:left}.volume-toggle:hover{filter:brightness(1.15)}.volume-toggle:active{transform:scale(.97)}.volume-icon{font-size:1.15rem;line-height:1}.volume-text{opacity:.9}.report-bug-btn{position:fixed;bottom:14px;right:14px;z-index:1000;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#140e06c7;border:1px solid rgba(244,231,199,.18);border-radius:22px;color:#f4e7c7;font-family:var(--font-display);font-size:14px;letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 14px #00000080;-webkit-user-select:none;user-select:none;transition:filter .12s ease,transform .12s ease}.report-bug-btn:hover{filter:brightness(1.18);transform:translateY(-1px)}.report-bug-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1600;background:#0a0810b3;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.report-bug-modal{position:relative;width:min(560px,100%);background:linear-gradient(180deg,#22180cfa,#140e06fa);border:1px solid rgba(244,231,199,.22);border-radius:16px;padding:28px 28px 22px;color:#f4e7c7;font-family:var(--font-display);box-shadow:0 12px 40px #000000b3}.report-bug-close{position:absolute;top:10px;right:14px;background:transparent;border:0;color:#c8b88a;font-size:1.6rem;cursor:pointer;line-height:1;padding:4px 8px}.report-bug-close:hover{color:#f4e7c7}.report-bug-title{margin:0 0 6px;font-size:1.3rem;font-weight:700}.report-bug-sub{margin:0 0 14px;font-size:.92rem;opacity:.85;line-height:1.5}.report-bug-text{width:100%;resize:vertical;background:#0a08108c;border:1px solid rgba(244,231,199,.22);border-radius:10px;color:#f4e7c7;padding:10px 12px;font-family:var(--font-display);font-size:.95rem;line-height:1.5;box-sizing:border-box;outline:none}.report-bug-text:focus{border-color:#ffd7648c;box-shadow:0 0 0 3px #ffd7641f}.report-bug-meta{display:flex;justify-content:space-between;font-size:14px;opacity:.55;margin-top:6px}.report-bug-error{margin-top:10px;font-size:14px;color:#f88c8c;font-style:italic}.report-bug-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.report-bug-cancel,.report-bug-submit{font-family:inherit;font-size:.95rem;font-weight:600;padding:9px 18px;border-radius:10px;cursor:pointer;transition:transform .12s ease,filter .12s ease}.report-bug-cancel{background:transparent;border:1px solid rgba(244,231,199,.3);color:#f4e7c7}.report-bug-cancel:hover{filter:brightness(1.15)}.report-bug-submit{background:linear-gradient(180deg,#ffd86b,#f0b524);border:1px solid rgba(40,20,5,.6);color:#2a1a05;text-shadow:0 1px 0 rgba(255,240,200,.5)}.report-bug-submit:hover:enabled{transform:translateY(-1px);filter:brightness(1.06)}.report-bug-submit:disabled{opacity:.5;cursor:not-allowed}.report-bug-thanks{text-align:center;padding:14px 0 6px}.report-bug-thanks-icon{font-size:2.2rem;margin-bottom:8px}.report-bug-thanks h3{margin:0 0 6px;font-size:1.25rem}.report-bug-thanks p{margin:0;font-size:.95rem;opacity:.85}.eb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#0c0a18e6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.eb-card{max-width:360px;width:100%;text-align:center;background:#141026fa;border:1px solid rgba(253,230,138,.35);border-radius:16px;padding:30px 24px;box-shadow:0 10px 30px #00000080;font-family:inherit}.eb-icon{font-size:42px;line-height:1;margin-bottom:12px}.eb-headline{font-size:21px;font-weight:700;color:#fde68a;margin-bottom:8px;line-height:1.25}.eb-text{font-size:15px;color:#e6e4f0;line-height:1.45;margin-bottom:22px}.eb-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.eb-btn{font-family:inherit;font-size:14px;font-weight:600;color:#fde68a;background:#fde68a1f;border:1px solid rgba(253,230,138,.4);border-radius:10px;padding:11px 22px;min-height:44px;cursor:pointer}.eb-btn:hover{background:#fde68a33}.eb-btn-primary{color:#1a1430;background:#fde68a;border-color:#fde68a}.eb-btn-primary:hover{background:#fcd34d}body.is-mobile .login-screen,body.is-mobile .start-menu,body.is-mobile .hub-map,body.is-mobile .district-screen,body.is-mobile .profile-page,body.is-mobile .progress-page,body.is-mobile .game-layout{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}body.is-mobile .hub-inner{aspect-ratio:auto;width:100%;height:100%;max-width:100%;max-height:100%}body.is-mobile button,body.is-mobile [role=button]{min-height:44px}body.is-mobile .hub-nav-btn,body.is-mobile .mode-toggle,body.is-mobile .mj-toggle-btn,body.is-mobile .gcm-mode-btn,body.is-mobile .gcm-reconfig-btn,body.is-mobile .profile-edit-btn,body.is-mobile .profile-save-btn,body.is-mobile .profile-cancel-btn,body.is-mobile .profile-logout-btn,body.is-mobile .profile-changelog-btn,body.is-mobile .profile-report-btn,body.is-mobile .gcm-back-btn{padding:12px 16px;font-size:15px}body.is-mobile .hub-avatar-btn{width:44px;height:44px;font-size:16px}body.is-mobile .gcm-panel-chip{min-height:56px;padding:14px 18px;font-size:15px}body.is-mobile .gcm-overlay{align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 10px}body.is-mobile .gcm-modal{flex-direction:column;align-items:stretch}body.is-mobile .gcm-right{flex:1 1 auto;max-height:none;overflow-y:visible;border-left:none;border-top:1px solid rgba(255,255,255,.08)}body.is-mobile input[type=text],body.is-mobile input[type=email],body.is-mobile input[type=password],body.is-mobile input[type=search],body.is-mobile textarea,body.is-mobile select{font-size:16px;min-height:44px}body.is-mobile .start-menu,body.is-mobile .profile-page,body.is-mobile .progress-page{padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--pill-safe-bottom))}body.is-mobile .minigame-pins,body.is-mobile .minigame-grid,body.is-mobile .boss-section{display:none!important}body.is-mobile .district-header{padding:8px 12px;gap:8px}body.is-mobile .district-name{font-size:20px}.player-avatar{border-radius:50%;overflow:hidden;flex-shrink:0}.player-avatar.framed{box-shadow:0 0 0 2px #00000073,0 0 0 4px var(--frame-color, #8b8f9a),0 0 10px 1px color-mix(in srgb,var(--frame-color, #8b8f9a) 55%,transparent)}.player-avatar.clickable{cursor:pointer;transition:transform .15s}.player-avatar.clickable:hover{transform:scale(1.1)}.avatar-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;image-rendering:high-quality}.avatar-picker{display:flex;gap:12px;justify-content:center}.avatar-pick-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);border-radius:14px;cursor:pointer;transition:all .15s}.avatar-pick-btn:hover{background:#ffffff0f;border-color:#ffffff26}.avatar-pick-btn.selected{background:#7b68ee1f;border-color:#7b68ee}.avatar-pick-btn .avatar-img{border-radius:50%}.avatar-pick-name{font-size:14px;color:#b0b0b0}.avatar-pick-btn.selected .avatar-pick-name{color:#f0d68a}.login-screen{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a08144d,#0a081499 40%,#0a0814d9)}.login-content{position:relative;z-index:1;text-align:center;padding:44px 28px;max-width:560px;width:100%}.login-title{font-family:var(--font-display);font-size:60px;font-weight:700;color:#f5dea0;margin:0 0 18px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.95),0 2px 24px rgba(240,214,138,.35);letter-spacing:3px;white-space:nowrap;display:inline-block;padding:14px 44px;border-radius:999px;background:radial-gradient(130% 160% at 50% 0%,#46320e8c,#160f2280);border:2px solid rgba(240,214,138,.55);box-shadow:inset 0 1px #fff0c840,0 10px 34px #00000080,0 0 40px #f0d68a47;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.login-tagline{color:#f0d68a;font-size:18px;font-weight:700;letter-spacing:.3px;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.9),0 1px 12px rgba(0,0,0,.85)}.login-subtitle{color:#fff;font-size:23px;font-weight:600;margin:0;line-height:1.45;text-shadow:0 2px 4px rgba(0,0,0,.95),0 1px 14px rgba(0,0,0,.85)}.login-subtitle2{color:#f3f0ff;font-size:16px;font-weight:600;margin:6px 0 0;font-style:italic;line-height:1.45;text-shadow:0 2px 4px rgba(0,0,0,.95),0 1px 14px rgba(0,0,0,.85)}.login-form{margin-top:36px;display:flex;flex-direction:column;gap:14px}.login-lore{color:#e7e2ff;font-size:16px;font-weight:500;font-style:italic;margin:0;line-height:1.45;opacity:.72;text-shadow:0 2px 4px rgba(0,0,0,.95),0 1px 14px rgba(0,0,0,.85)}.login-gate{margin:0 auto;max-width:440px;padding:14px 18px;background:#f0d68a29;border:2px solid rgba(240,214,138,.6);border-radius:14px;text-shadow:0 2px 6px rgba(0,0,0,.9);box-shadow:0 0 22px #f0d68a38}.login-gate-free{margin:0;color:#ffe9a8;font-size:19px;font-weight:800;line-height:1.35;letter-spacing:.2px}.login-gate-reassure{margin:8px 0 0;color:#f3eecf;font-size:15px;font-weight:600;line-height:1.4}.login-gate-aside{display:block;margin-top:3px;font-size:13px;font-weight:600;font-style:italic;letter-spacing:.1px;color:#f3eecf9e}.login-pricing{margin:22px auto 0;max-width:420px}.login-pricing-line{color:#f3f0ff;font-size:15px;font-weight:600;margin:0;line-height:1.45;text-shadow:0 2px 4px rgba(0,0,0,.95),0 1px 14px rgba(0,0,0,.85)}.login-pricing-line+.login-pricing-line{margin-top:6px}.login-pricing-urgency{color:#f0d68a}.login-input{padding:14px 20px;background:#0000008c;border:2px solid rgba(255,255,255,.85);border-radius:12px;color:#fff;font-size:16px;text-align:center;outline:none;transition:all .2s;font-family:inherit}.login-input::placeholder{color:#bbb}.login-input:focus{border-color:#f0d68a;background:#000000a6;box-shadow:0 0 20px #f0d68a59}.login-btn{display:block;width:100%;min-height:56px;padding:18px 24px;background:linear-gradient(135deg,#7b68ee,#6a5acd);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.5px;font-family:var(--font-display);touch-action:manipulation}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #7b68ee66}.login-btn:disabled{opacity:.85;cursor:not-allowed}.login-error{color:#ef4444;font-size:14px;margin:0;text-align:center}.login-code-hint{color:#aaa;font-size:14px;margin:0;text-align:center}.login-code-input{font-size:18px;letter-spacing:1px;font-weight:700;font-variant-numeric:tabular-nums;text-overflow:ellipsis}.login-divider{display:flex;align-items:center;gap:12px;margin:4px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-divider span{color:#888;font-size:14px}.login-google-btn{padding:14px 0;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ccc;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.login-google-btn:hover{background:#ffffff1f;border-color:#ffffff40}.login-toggle{margin-top:12px;background:none;border:none;color:#888;font-size:14px;cursor:pointer;transition:color .15s;font-family:inherit}.login-toggle:hover{color:#bbb}.login-disclaimer{color:#cdc7e0;font-size:14px;line-height:1.5;margin:20px auto 0;max-width:380px;text-align:center;opacity:.95;text-shadow:0 1px 6px rgba(0,0,0,.9)}.login-consent{margin:14px auto 0;max-width:320px;font-size:12px;line-height:1.5;color:#d8d2ff8c;text-align:center}.login-consent a{color:#d8d2ffd9;text-decoration:underline;text-underline-offset:2px}.login-consent a:hover{color:#fff}.login-optin{display:flex;align-items:center;gap:10px;max-width:340px;margin:4px auto 0;font-size:14px;font-weight:600;line-height:1.4;color:#f3f0ff;text-align:left;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.9)}.login-optin-box{width:22px;height:22px;flex-shrink:0;accent-color:#7b68ee;cursor:pointer}.login-founders-link{color:#f0d68a;font-weight:700;font-style:normal;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.login-founders-link:hover{color:#fff3c9}.login-mobile-note{display:none;margin:14px 0 0;padding:12px 14px;background:#7b68ee24;border:1px solid rgba(123,104,238,.4);border-radius:10px;color:#d8d2ff;font-size:14px;line-height:1.45;text-align:center}.login-celebrate{animation:login-celebrate-in .45s ease-out;align-items:center}@keyframes login-celebrate-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-envelope{position:relative;width:120px;height:96px;display:flex;align-items:center;justify-content:center;margin:4px auto 6px;animation:login-envelope-float 2.4s ease-in-out infinite;filter:drop-shadow(0 6px 18px rgba(240,214,138,.35))}.login-envelope--muted{animation:none;filter:drop-shadow(0 6px 18px rgba(148,163,184,.3))}@keyframes login-envelope-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.login-envelope-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-envelope-sparkles .spark{position:absolute;width:8px;height:8px;background:#f0d68a;border-radius:50%;box-shadow:0 0 10px #f0d68a;opacity:0;animation:login-spark 1.6s ease-out infinite}.login-envelope-sparkles .spark-1{top:4px;left:6px;animation-delay:0s}.login-envelope-sparkles .spark-2{top:0;right:10px;animation-delay:.3s;background:#b7a7ff;box-shadow:0 0 10px #b7a7ff}.login-envelope-sparkles .spark-3{bottom:6px;left:0;animation-delay:.7s}.login-envelope-sparkles .spark-4{bottom:0;right:4px;animation-delay:1s;background:#b7a7ff;box-shadow:0 0 10px #b7a7ff}@keyframes login-spark{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.4) translate(8px,-8px)}}.login-celebrate-headline{font-family:var(--font-display);font-size:30px;color:#f0d68a;margin:6px 0 4px;letter-spacing:1px;text-shadow:0 2px 18px rgba(240,214,138,.45)}.login-celebrate-sub{color:#eee;font-size:16px;line-height:1.5;margin:0;max-width:360px}.login-celebrate-sub strong{color:#f0d68a;font-weight:700;word-break:break-all}@media (max-width: 720px){.login-mobile-note{display:block}.login-content{padding:28px 18px}.login-title{font-size:38px;letter-spacing:2px;white-space:normal;line-height:1.1;padding:10px 26px}.login-tagline{font-size:15px}.login-subtitle{font-size:19px}.login-subtitle2{font-size:15px}.login-form{margin-top:24px}.login-input{font-size:16px;padding:13px 16px}.login-gate{padding:12px 14px}.login-gate-free{font-size:17px}.login-gate-reassure,.login-lore,.login-pricing-line{font-size:14px}.login-btn{font-size:17px;padding:14px 0}.login-disclaimer{font-size:12px;margin-top:16px}.login-celebrate-headline{font-size:26px}.login-envelope{width:100px;height:80px}.login-envelope svg{width:76px;height:58px}}@media (max-width: 380px){.login-title{font-size:32px}}.moki-checkin{position:fixed;left:50%;bottom:32px;transform:translate(-50%);z-index:20000;display:flex;align-items:flex-end;gap:16px;cursor:pointer;animation:moki-checkin-in .45s ease both;max-width:92vw}.moki-checkin.closing{animation:moki-checkin-out .3s ease both}.moki-checkin-portrait{height:160px;width:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.6));pointer-events:none}.moki-checkin-bubble{position:relative;background:linear-gradient(180deg,#1a1432,#12101f);border:2px solid #c9a84c;border-radius:14px;padding:18px 22px 14px;max-width:420px;box-shadow:0 0 24px #c9a84c2e,0 8px 28px #0000008c}.moki-checkin-name{position:absolute;top:-12px;left:18px;background:linear-gradient(180deg,#d4af5c,#b8943e);color:#1a1432;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:1px;padding:3px 12px;border-radius:6px}.moki-checkin-text{margin:0;color:#ece2cf;font-family:var(--font-display);font-size:16px;line-height:1.55}.moki-checkin-prompt{text-align:right;color:#9b8ea8;font-size:14px;margin-top:10px;letter-spacing:.5px;text-transform:uppercase}@keyframes moki-checkin-in{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}@keyframes moki-checkin-out{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,20px)}}.start-menu{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.start-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a081466,#0a0814b3,#0a0814e6)}.start-content{position:relative;z-index:1;text-align:center;padding:40px;max-width:400px;width:100%}.start-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-family:var(--font-display);font-weight:700;color:#fff;margin:0 auto 16px;box-shadow:0 4px 20px #0006}.start-greeting{font-family:var(--font-display);font-size:24px;color:#f0d68a;margin:0 0 14px;text-shadow:0 2px 12px rgba(0,0,0,.5)}.start-streak{display:inline-flex;align-items:baseline;gap:8px;padding:8px 16px;margin:0 auto 28px;background:linear-gradient(135deg,#ff8a462e,#ff58321a);border:1px solid rgba(255,138,70,.45);border-radius:999px;color:#ffd2a6;font-family:inherit;box-shadow:0 0 18px #ff8a4626}.start-streak.fresh{animation:streak-pop .6s ease both}.start-streak-num{font-family:var(--font-display);font-size:22px;font-weight:700;color:#ffb27a;text-shadow:0 0 12px rgba(255,138,70,.5)}.start-streak-label{font-size:14px;letter-spacing:1px;text-transform:uppercase;opacity:.95}@keyframes streak-pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.06);opacity:1}to{transform:scale(1)}}.start-buttons{display:flex;flex-direction:column;gap:10px}.start-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:18px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ccc;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;touch-action:manipulation}.start-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translate(4px)}.start-btn.primary{background:linear-gradient(135deg,#7b68ee33,#7b68ee1a);border-color:#7b68ee66;color:#fff;font-size:18px}.start-btn.primary:hover{background:linear-gradient(135deg,#7b68ee4d,#7b68ee26);border-color:#7b68ee99}.start-btn-icon{font-size:18px;width:24px;text-align:center;color:#f0d68a}.start-legal{margin:20px auto 0;max-width:320px;font-size:11px;line-height:1.45;color:#d8d2ff73;text-align:center}.start-legal a{color:#d8d2ffbf;text-decoration:underline;text-underline-offset:2px}.start-legal a:hover{color:#fff}.counselman-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;cursor:pointer;overflow:hidden}.counselman-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:filter 1.6s ease}.counselman-overlay.mood-drain .counselman-bg{filter:grayscale(1) brightness(.65)}.counselman-overlay.mood-hope .counselman-bg{filter:grayscale(0) brightness(1)}.counselman-bg-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;transition:background 1.6s ease}.counselman-overlay.mood-hope .counselman-bg-dim{background:#0003}.counselman-skip{position:absolute;top:16px;right:16px;z-index:3;background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#a89c8e;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.6px;padding:6px 14px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.counselman-skip:hover{color:#f0d68a;border-color:#c9a84c80;background:#000000b3}.counselman-scene{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.counselman-portrait-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;z-index:1;animation:counselman-fade-in .8s ease both}.counselman-portrait{height:100vh;max-height:none;width:auto;object-fit:contain;filter:drop-shadow(0 4px 20px rgba(0,0,0,.5))}.counselman-dialogue-box{position:absolute;bottom:40px;width:90%;max-width:600px;z-index:2;background:linear-gradient(180deg,#1a1432,#12101f);border:2px solid #c9a84c;border-radius:16px;padding:24px 32px 20px;box-shadow:0 0 30px #c9a84c26,0 8px 32px #00000080;animation:dialogue-slide-up .6s ease both .3s}.counselman-name{position:absolute;top:-14px;left:24px;background:linear-gradient(180deg,#d4af5c,#b8943e);color:#1a1432;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:1px;padding:4px 16px;border-radius:8px;box-shadow:0 2px 8px #0000004d}.counselman-text{margin:0;color:#e8dcc8;font-family:var(--font-display);font-size:17px;line-height:1.7;min-height:60px}.counselman-prompt{text-align:right;color:#9b8ea8;font-size:14px;margin-top:12px;animation:prompt-pulse 2s ease-in-out infinite}@keyframes counselman-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dialogue-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes prompt-pulse{0%,to{opacity:.5}50%{opacity:1}}.hub-voronoi-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;transition:opacity 1.2s ease}.hub-cell{transition:opacity 1.2s ease}@keyframes hubCellPulse{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.2) saturate(1.15)}}.hub-cell.boss-down{animation:hubCellPulse 4s ease-in-out infinite}@keyframes hubCellTada{0%{opacity:0;filter:brightness(1) saturate(1)}35%{opacity:1;filter:brightness(1.3) saturate(1.4)}to{opacity:0;filter:brightness(1) saturate(1)}}.hub-voronoi-overlay.dev-celebrate .hub-cell{animation:hubCellTada 1.8s ease-out both}.hub-coach{position:absolute;top:14px;right:16px;z-index:12;width:268px;display:flex;gap:12px;padding:14px 16px 14px 14px;border-radius:16px;background:linear-gradient(155deg,#1c1740f7,#0f0d28f7);border:1px solid rgba(255,215,94,.45);box-shadow:0 18px 44px #00000080;color:#fff;font-family:var(--font-display, "Segoe UI", system-ui, sans-serif);animation:hub-coach-in .28s cubic-bezier(.16,1,.3,1);transform-origin:top right}.hub-coach.is-closing{animation:hub-coach-out .24s ease-in forwards}@keyframes hub-coach-in{0%{opacity:0;transform:translate(18px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes hub-coach-out{to{opacity:0;transform:translate(18px) scale(.96)}}.hub-coach-x{position:absolute;top:6px;right:8px;width:22px;height:22px;border:none;background:transparent;color:#ffffff8c;font-size:1.2rem;line-height:1;cursor:pointer;border-radius:50%}.hub-coach-x:hover{color:#fff;background:#ffffff1f}.hub-coach-portrait{width:46px;height:46px;flex:0 0 auto;border-radius:50%;object-fit:cover;object-position:50% 22%;border:2px solid rgba(255,215,94,.65);background:#100d28}.hub-coach-body{display:flex;flex-direction:column;min-width:0}.hub-coach-title{margin:0;font-size:.95rem;font-weight:800;line-height:1.2}.hub-coach-label{margin:6px 0 1px;font-size:.66rem;letter-spacing:1px;text-transform:uppercase;color:#ffd75e;font-weight:700}.hub-coach-quest{margin:0 0 10px;font-size:.92rem;font-weight:700;line-height:1.2;color:#eef2ff}.hub-coach-actions{display:flex;align-items:center;gap:12px}.hub-coach-start{border:none;border-radius:999px;padding:7px 16px;background:#ffd75e;color:#1a1330;font-weight:800;font-size:.85rem;cursor:pointer}.hub-coach-start:hover{background:#ffe488}.hub-coach-plan{border:none;background:transparent;color:#b9c0ea;font-size:.8rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.hub-coach-plan:hover{color:#fff}.dev-color-preview{position:fixed;bottom:12px;right:12px;z-index:9999;display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:#141423eb;border:1px dashed rgba(255,230,160,.55);border-radius:8px;font-family:monospace;font-size:11px;color:#ffd;box-shadow:0 4px 16px #00000073}.dcp-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.dcp-label{font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ffe6a0d9}.dcp-collapse-btn{background:transparent;border:0;color:#ffe6a0bf;cursor:pointer;font-family:inherit;font-size:12px;padding:2px 6px;border-radius:4px;line-height:1}.dcp-collapse-btn:hover{background:#ffffff14;color:#ffefa8}.dcp-collapsed-pill{position:fixed;bottom:12px;right:12px;z-index:9999;background:#1414238c;border:1px dashed rgba(255,230,160,.3);color:#ffe6a0b3;font-family:monospace;font-size:10px;letter-spacing:.05em;padding:3px 8px;border-radius:999px;cursor:pointer;opacity:.55;transition:opacity .15s}.dcp-collapsed-pill:hover{opacity:1}.dcp-row{display:flex;gap:4px}.dcp-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:#ffd;padding:4px 8px;border-radius:5px;cursor:pointer;font-family:inherit;font-size:11px}.dcp-btn:hover{background:#ffffff1f}.dcp-btn.active{background:#ffd70038;border-color:#ffd700a6;color:#ffefa8}.dcp-tada{margin-top:2px;text-align:center}.dcp-step-panel{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:6px;border-top:1px dashed rgba(255,230,160,.35)}.dcp-step-help{font-size:10px;color:#ffebb4a6;line-height:1.3}.dcp-step-list{display:flex;flex-direction:column;gap:3px;max-height:240px;overflow-y:auto}.dcp-step-cell{display:flex;align-items:center;gap:8px;text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);color:#ffd;padding:5px 8px;border-radius:5px;cursor:pointer;font-family:inherit;font-size:11px;min-width:180px}.dcp-step-cell:hover{background:#ffffff1a}.dcp-step-cell.on{background:#ffd70038;border-color:#ffd700a6;color:#ffefa8}.dcp-step-idx{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#00000059;font-size:10px;font-weight:700;color:#ffebb4d9;flex:0 0 18px}.dcp-step-cell.on .dcp-step-idx{background:#ffd70066;color:#1a1432}.dcp-step-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversion-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#080612eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;animation:conversionFadeIn .5s ease}@keyframes conversionFadeIn{0%{opacity:0}to{opacity:1}}.conversion-card{width:100%;max-width:520px;background:linear-gradient(180deg,#1d1830,#15112a);border:1px solid rgba(167,139,250,.35);border-radius:18px;padding:36px 32px 28px;box-shadow:0 30px 80px #0009,0 0 60px #a78bfa1f;color:#f4ecd8;font-family:var(--font-display);animation:conversionSlideUp .6s cubic-bezier(.2,.8,.2,1)}@keyframes conversionSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.conversion-emoji{font-size:36px;text-align:center;margin-bottom:8px}.conversion-title{font-size:1.6rem;margin:0 0 18px;text-align:center;color:#fde68a;letter-spacing:.02em}.conversion-body p{margin:0 0 12px;font-size:.98rem;line-height:1.5;color:#d8d0bd}.conversion-form{display:flex;flex-direction:column;gap:10px;margin-top:20px}.conversion-input{padding:12px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#f4ecd8;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s}.conversion-input:focus{border-color:#a78bfaa6}.conversion-input::placeholder{color:#f4ecd866}.conversion-submit{padding:12px 18px;background:linear-gradient(180deg,#a78bfa,#7c5cf0);border:none;border-radius:10px;color:#1a1530;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s,filter .15s;margin-top:6px}.conversion-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.conversion-submit:disabled{opacity:.5;cursor:not-allowed}.conversion-error{color:#fda4af;font-size:14px;text-align:center;margin-top:4px}.conversion-checkout-link{display:block;margin-top:4px;font-size:14px;color:#f4dc8ad9;text-align:center;text-decoration:underline;text-underline-offset:3px;padding:6px;transition:color .15s}.conversion-checkout-link:hover{color:#fde68a}.conversion-legal{margin-top:2px;font-size:11px;line-height:1.45;color:#f4ecd880;text-align:center;padding:0 6px}.conversion-legal a{color:#f4ecd8bf;text-decoration:underline;text-underline-offset:2px}.conversion-legal a:hover{color:#fde68a}.conversion-skip{background:transparent;border:none;color:#f4ecd88c;font-family:inherit;font-size:.9rem;cursor:pointer;padding:8px;margin-top:2px;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.conversion-skip:hover{color:#f4ecd8d9}.conversion-thanks{margin-top:24px;padding:16px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);border-radius:10px;text-align:center;font-size:1.05rem;color:#c4b3ff}.locked-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#080612d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:90;padding:24px;animation:lockedFadeIn .3s ease}@keyframes lockedFadeIn{0%{opacity:0}to{opacity:1}}.locked-card{position:relative;width:100%;max-width:440px;background:linear-gradient(180deg,#1d1830,#15112a);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px 28px 22px;box-shadow:0 25px 60px #0000008c;color:#f4ecd8;font-family:var(--font-display);text-align:center;animation:lockedSlideUp .4s cubic-bezier(.2,.8,.2,1)}@keyframes lockedSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.locked-close{position:absolute;top:10px;right:14px;background:transparent;border:none;color:#f4ecd873;font-size:24px;cursor:pointer;line-height:1;padding:4px 8px;font-family:inherit;transition:color .15s}.locked-close:hover{color:#f4ecd8e6}.locked-lock{font-size:28px;margin-bottom:4px}.locked-title{font-size:1.5rem;margin:0 0 4px;color:#fde68a;letter-spacing:.02em}.locked-subject{margin:0 0 14px;font-size:14px;color:#f4ecd899;font-style:italic}.locked-body p{margin:0 0 10px;font-size:.95rem;line-height:1.5;color:#d8d0bd;text-align:left}.locked-form{display:flex;flex-direction:column;gap:10px;margin-top:18px}.locked-input{padding:11px 13px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#f4ecd8;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s}.locked-input:focus{border-color:#f4dc8a8c}.locked-input::placeholder{color:#f4ecd866}.locked-submit{padding:11px 16px;border:none;border-radius:9px;color:#1a1530;font-family:inherit;font-size:.98rem;font-weight:700;cursor:pointer;transition:transform .1s,filter .15s}.locked-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.locked-submit:disabled{opacity:.5;cursor:not-allowed}.locked-error{color:#fda4af;font-size:14px}.locked-thanks{margin-top:18px;padding:14px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);border-radius:9px;font-size:1rem;color:#c4b3ff}.locked-checkout-link{display:block;margin-top:6px;font-size:14px;color:#f4dc8ad9;text-align:center;text-decoration:underline;text-underline-offset:3px;padding:6px;transition:color .15s}.locked-checkout-link:hover{color:#fde68a}.locked-legal{margin-top:2px;font-size:11px;line-height:1.45;color:#f4ecd880;text-align:center;padding:0 6px}.locked-legal a{color:#f4ecd8bf;text-decoration:underline;text-underline-offset:2px}.locked-legal a:hover{color:#fde68a}.locked-free-link{display:block;width:100%;margin-top:16px;padding:11px 16px;background:#7b68ee24;border:1px solid rgba(123,104,238,.5);border-radius:9px;color:#c7b9ff;font-family:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s,transform .1s}.locked-free-link:hover{background:#7b68ee3d;transform:translateY(-1px)}.scholar-cluster{position:relative;flex-shrink:0}.scholar-cluster__trigger{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:999px;background:#0e101a8c;border:1px solid rgba(255,255,255,.1);cursor:pointer;font-family:inherit;text-align:left;transition:background .15s ease,border-color .15s ease;min-width:0;white-space:nowrap}.scholar-cluster__trigger:hover,.scholar-cluster__trigger.open{background:#161a28bf;border-color:#ffffff38}.scholar-cluster__summary{display:flex;flex-direction:column;gap:1px;min-width:0}.scholar-cluster__rank{font-size:14px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.scholar-cluster__streak{display:flex;align-items:center;gap:3px;font-size:14px;color:#ffb454;font-weight:600;line-height:1.15}.scholar-cluster__streak--cold{color:#c2c8d8;font-weight:400;opacity:.7}.scholar-cluster__chevron{font-size:10px;color:#ffffff73;margin-left:2px;flex-shrink:0}.scholar-cluster__panel{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#0e101af7;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;box-shadow:0 8px 28px #0000008c;z-index:200;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scholar-cluster__section{display:flex;flex-direction:column;gap:5px}.scholar-cluster__section-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c2c8d899}.scholar-cluster__rank-name{font-size:16px;font-weight:700;line-height:1.1}.scholar-cluster__track{width:100%;height:5px;border-radius:999px;background:#ffffff24;overflow:hidden}.scholar-cluster__fill{height:100%;border-radius:999px;transition:width .4s ease}.scholar-cluster__meta{font-size:14px;color:#c2c8d8;line-height:1.2}.scholar-cluster__streak-detail{display:flex;align-items:center;gap:6px}.scholar-cluster__streak-num{font-size:18px;font-weight:700;color:#ffb454}.scholar-cluster__goal-row{display:flex;align-items:center;gap:10px}.scholar-cluster__pips{display:flex;align-items:center;gap:5px}.scholar-cluster__pip{width:11px;height:11px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);transition:background .3s ease,box-shadow .3s ease;flex-shrink:0}.scholar-cluster__pip.filled{background:#6fd1c0;border-color:#6fd1c0;box-shadow:0 0 7px #6fd1c0b3}.scholar-cluster__nav-row{display:flex;gap:8px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}.scholar-cluster__nav-link{flex:1;padding:7px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#c8c8c8;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;text-align:center;transition:background .15s ease}.scholar-cluster__nav-link:hover{background:#ffffff1f;color:#eee}.scholar-cluster__section+.scholar-cluster__section{border-top:1px solid rgba(255,255,255,.07);padding-top:10px;margin-top:-2px}@media (max-width: 480px){.scholar-cluster__rank{display:none}.scholar-cluster__trigger{padding:4px 8px 4px 4px;gap:6px}.scholar-cluster__panel{right:auto;left:50%;transform:translate(-50%);min-width:200px;max-width:calc(100vw - 24px)}}.scholar-rankup-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#060810b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;font-family:inherit;animation:scholar-rankup-fade .25s ease-out}@keyframes scholar-rankup-fade{0%{opacity:0}to{opacity:1}}.scholar-rankup-card{position:relative;z-index:2;width:min(92vw,420px);padding:28px 26px 24px;border-radius:20px;text-align:center;background:linear-gradient(180deg,#1c2030fa,#121420fa);border:1px solid color-mix(in srgb,var(--frame-color, #ffd24a) 45%,transparent);box-shadow:0 18px 60px #0000008c,0 0 28px color-mix(in srgb,var(--frame-color, #ffd24a) 30%,transparent);animation:scholar-rankup-pop .4s cubic-bezier(.2,1.2,.4,1)}@keyframes scholar-rankup-pop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.scholar-rankup-badge{position:relative;width:84px;height:84px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center}.scholar-rankup-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid var(--frame-color, #ffd24a);box-shadow:0 0 18px 2px color-mix(in srgb,var(--frame-color, #ffd24a) 55%,transparent);animation:scholar-rankup-spin 6s linear infinite}@keyframes scholar-rankup-spin{to{transform:rotate(360deg)}}.scholar-rankup-star{font-size:34px;color:var(--frame-color, #ffd24a);text-shadow:0 0 12px color-mix(in srgb,var(--frame-color, #ffd24a) 70%,transparent)}.scholar-rankup-kicker{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:#aab2c8;margin-bottom:4px}.scholar-rankup-title{margin:0 0 12px;font-size:26px;font-weight:800;color:var(--frame-color, #ffe9a8)}.scholar-rankup-body{margin:0 0 10px;font-size:15px;line-height:1.55;color:#dfe4f2}.scholar-rankup-earned{margin:0 0 10px;font-size:14px;line-height:1.45;font-weight:600;color:var(--frame-color, #ffd24a)}.scholar-rankup-unlock{margin:0 0 18px;font-size:14px;line-height:1.45;color:#9aa0b5}.scholar-rankup-unlock strong{color:var(--frame-color, #ffd24a);font-weight:700}.scholar-rankup-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:11px 26px;border-radius:999px;color:#14161f;background:var(--frame-color, #ffd24a);box-shadow:0 6px 18px color-mix(in srgb,var(--frame-color, #ffd24a) 35%,transparent);transition:transform .12s ease}.scholar-rankup-btn:hover{transform:translateY(-1px)}.scholar-rankup-bloom{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 60%,rgba(255,210,74,.13) 0%,transparent 72%),radial-gradient(ellipse 40% 35% at 50% 55%,rgba(255,233,168,.09) 0%,transparent 65%);animation:scholar-rankup-bloom-fade 2.2s ease-out both}@keyframes scholar-rankup-bloom-fade{0%{opacity:0}25%{opacity:1}to{opacity:.55}}.scholar-rankup-mote{position:absolute;bottom:0;border-radius:50%;z-index:1;opacity:0;animation-name:scholar-rankup-rise;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes scholar-rankup-rise{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.9}to{opacity:0;transform:translateY(calc(-1 * var(--rise, 160px))) translate(var(--drift, 0px)) scale(.3)}}@media (prefers-reduced-motion: reduce){.scholar-rankup-root,.scholar-rankup-card,.scholar-rankup-ring{animation:none}.scholar-rankup-mote{display:none}.scholar-rankup-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 45% at 50% 58%,rgba(255,210,74,.1) 0%,transparent 70%);pointer-events:none}}.daily-goal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;background:#060810b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;font-family:inherit;animation:daily-goal-fade .25s ease-out}@keyframes daily-goal-fade{0%{opacity:0}to{opacity:1}}.daily-goal-card{position:relative;z-index:2;width:min(92vw,420px);padding:28px 26px 24px;border-radius:20px;text-align:center;background:linear-gradient(180deg,#1c2030fa,#121420fa);border:1px solid color-mix(in srgb,#ffd24a 45%,transparent);box-shadow:0 18px 60px #0000008c,0 0 28px color-mix(in srgb,#ffd24a 25%,transparent);animation:daily-goal-pop .4s cubic-bezier(.2,1.2,.4,1)}@keyframes daily-goal-pop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}.daily-goal-pips{display:flex;justify-content:center;gap:10px;margin:4px auto 14px}.daily-goal-pip{width:18px;height:18px;border-radius:999px;background:#ffd24a;box-shadow:0 0 12px #ffd24acc}.daily-goal-kicker{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:#aab2c8;margin-bottom:4px}.daily-goal-title{margin:0 0 12px;font-size:26px;font-weight:800;color:#ffe9a8}.daily-goal-body{margin:0 0 22px;font-size:15px;line-height:1.55;color:#dfe4f2}.daily-goal-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-size:15px;font-weight:700;padding:11px 26px;border-radius:999px;color:#14161f;background:#ffd24a;box-shadow:0 6px 18px color-mix(in srgb,#ffd24a 35%,transparent);transition:transform .12s ease}.daily-goal-btn:hover{transform:translateY(-1px)}.daily-goal-bloom{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 60%,rgba(255,210,74,.13) 0%,transparent 72%),radial-gradient(ellipse 40% 35% at 50% 55%,rgba(255,233,168,.09) 0%,transparent 65%);animation:daily-goal-bloom-fade 2.2s ease-out both}@keyframes daily-goal-bloom-fade{0%{opacity:0}25%{opacity:1}to{opacity:.55}}.daily-goal-mote{position:absolute;bottom:0;border-radius:50%;z-index:1;opacity:0;animation-name:daily-goal-rise;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes daily-goal-rise{0%{opacity:0;transform:translateY(0) scale(1)}20%{opacity:.9}to{opacity:0;transform:translateY(calc(-1 * var(--rise, 160px))) translate(var(--drift, 0px)) scale(.3)}}@media (prefers-reduced-motion: reduce){.daily-goal-root,.daily-goal-card{animation:none}.daily-goal-mote{display:none}.daily-goal-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 45% at 50% 58%,rgba(255,210,74,.1) 0%,transparent 70%);pointer-events:none}}.quest-dock{--qpanel: 340px}.quest-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:61;display:flex;flex-direction:column;align-items:center;gap:6px;width:42px;min-height:128px;padding:12px 4px;border:1px solid rgba(245,197,66,.5);border-right:none;border-radius:14px 0 0 14px;background:linear-gradient(180deg,#1c2036f5,#141728f5);color:#f5d97a;cursor:pointer;box-shadow:-4px 0 16px #0000004d;transition:right .28s ease,background .15s ease}.quest-tab:hover{background:linear-gradient(180deg,#242842fa,#1a1e32fa)}.quest-dock.is-open .quest-tab{right:var(--qpanel)}.quest-tab__icon{font-size:18px;line-height:1}.quest-tab__label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:13px;font-weight:700;letter-spacing:1px}.quest-tab__badge{min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#f5c542;color:#1a1304;font-size:12px;font-weight:800;display:grid;place-items:center}.quest-panel{position:fixed;top:50%;right:0;transform:translateY(-50%) translate(100%);width:var(--qpanel);max-width:100vw;max-height:82vh;overflow-y:auto;z-index:60;box-sizing:border-box;padding:16px 16px 18px;border:1px solid rgba(245,197,66,.32);border-right:none;border-radius:16px 0 0 16px;background:linear-gradient(180deg,#161a2efa,#101322fa);box-shadow:-10px 0 30px #0006;transition:transform .28s ease}.quest-dock.is-open .quest-panel{transform:translateY(-50%) translate(0)}.quest-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.quest-panel__title{margin:0;font-size:18px;font-weight:800;color:#f5d97a}.quest-panel__close{flex-shrink:0;width:36px;height:36px;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#eef1ff;font-size:20px;line-height:1;cursor:pointer}.quest-panel__sub{margin:4px 0 12px;font-size:14px;line-height:1.35;color:#aeb6d6}.quest-progress{display:flex;align-items:center;gap:10px;margin-bottom:12px}.quest-progress__bar{flex:1;height:8px;border-radius:5px;background:#ffffff14;overflow:hidden}.quest-progress__bar>span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#f5c542,#8be0a4);transition:width .3s ease}.quest-progress__label{font-size:13px;font-weight:600;color:#cbd5f5;white-space:nowrap}.quest-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.quest-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.quest-item.is-done{opacity:.6}.quest-item__mark{flex-shrink:0;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:800}.quest-item.is-active .quest-item__mark{color:#1a1304;background:#f5c542}.quest-item.is-done .quest-item__mark{color:#8be0a4;background:#8be0a429}.quest-item__text{display:flex;flex-direction:column;min-width:0;flex:1}.quest-item__name{font-size:15px;font-weight:600;color:#eef1ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-item.is-done .quest-item__name{text-decoration:line-through;text-decoration-color:#eef1ff66}.quest-item__meta{font-size:13px;color:#aeb6d6}.quest-item__btn{flex-shrink:0;min-height:40px;padding:0 16px;border-radius:10px;border:1px solid rgba(245,197,66,.7);background:#f5c5422e;color:#f8e6a8;font-size:14px;font-weight:700;cursor:pointer}.quest-item__btn:hover{background:#f5c54247}@media (max-width: 420px){.quest-dock{--qpanel: 86vw}}.hub-map{width:100vw;height:100vh;background:#1a1a2e;display:flex;justify-content:center;align-items:center;overflow:hidden}.hub-inner{display:flex;flex-direction:column;width:100%;height:100%;max-width:100%;max-height:100%}.hub-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0a0814d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid rgba(255,255,255,.06);border-radius:8px 8px 0 0;flex-shrink:0}.hub-nextup{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 16px;margin:0;border:none;border-bottom:1px solid rgba(255,210,74,.18);background:linear-gradient(90deg,#ffd24a1f,#0a0814d1 60%);cursor:pointer;text-align:left;flex-shrink:0;transition:background .18s ease}.hub-nextup:hover{background:linear-gradient(90deg,#ffd24a33,#0a0814d1 60%)}.hub-nextup:active{transform:translateY(1px)}.hub-nextup__label{flex-shrink:0;font-family:sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#ffd24a}.hub-nextup__body{display:flex;flex-direction:column;min-width:0;flex:1}.hub-nextup__name{font-family:sans-serif;font-size:15px;font-weight:700;color:#f5e9c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-nextup__meta{font-family:sans-serif;font-size:12px;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-nextup__cta{flex-shrink:0;font-family:sans-serif;font-size:13px;font-weight:700;color:#14112a;background:linear-gradient(135deg,#ffd24a,#ffe9a8);border-radius:10px;padding:7px 14px}.hub-title{font-family:var(--font-display);font-size:20px;color:#f0d68a;margin:0;letter-spacing:1px}.hub-nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}.hub-nav-btn{padding:7px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#c8c8c8;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.hub-nav-btn:hover{background:#ffffff1a;color:#ddd}.hub-avatar-btn{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .15s;font-family:var(--font-display)}.hub-avatar-btn:hover{border-color:#ffffff4d;transform:scale(1.1)}.mode-toggle{padding:7px 14px;background:#7b68ee26;border:1px solid rgba(123,104,238,.3);border-radius:8px;color:#c4b3ff;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.mode-toggle:hover{background:#7b68ee40}.map-wrapper{position:relative;flex:1;overflow:hidden}.map-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:0 0 8px 8px;filter:grayscale(1) brightness(.78) contrast(.95);transition:filter 1.2s ease}.hub-map.all-restored .map-image,.hub-map.dev-force-restored .map-image{filter:none}.hub-map.dev-force-cursed .map-image{filter:grayscale(1) brightness(.78) contrast(.95)}.debug-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.debug-grid.active{pointer-events:all;cursor:crosshair}.debug-line{position:absolute}.debug-v{top:0;bottom:0;width:1px;background:#ffffff26}.debug-h{left:0;right:0;height:1px;background:#ffffff26}.debug-v.major,.debug-h.major{background:#f009}.debug-label{position:absolute;color:#ff0;font-size:14px;font-weight:700;background:#000000bf;padding:1px 3px;border-radius:2px;line-height:1.2}.debug-v .debug-label{top:2px;left:3px}.debug-h .debug-label{left:2px;top:3px}.grid-coords{font-size:14px;font-weight:700;font-family:monospace;color:#ff8a8a;background:#ff64641a;padding:4px 8px;border-radius:6px;min-width:90px;text-align:center}.grid-toggle{background:#ff646426;border-color:#ff64644d;color:#ff8a8a}.grid-toggle:hover{background:#ff646440}.zone-hotspot{position:absolute;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.zone-hotspot.unlocked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(255,215,0,.25),transparent 70%);opacity:0;transition:opacity 1s ease;pointer-events:none}.zone-hotspot.unlocked:hover:after{opacity:1}.zone-hotspot.unlocked:hover~.zone-card{transform:translate(-50%,calc(-50% - 3px))}.zone-hotspot.locked{cursor:pointer}.zone-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;pointer-events:none}.zone-hotspot.locked:after{content:"For paid users: coming soon";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 14px;background:#140e06e0;color:#f4e7c7;font-family:var(--font-display);font-size:14px;letter-spacing:.03em;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s ease;box-shadow:0 4px 14px #0000008c;z-index:6}.zone-hotspot.locked:hover:after{opacity:1}.start-here-callout{position:absolute;transform:translate(-50%,-50%);padding:8px 16px;background:linear-gradient(180deg,#ffd86b,#f0b524);color:#2a1a05;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.04em;border-radius:14px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #0000008c,0 0 24px #ffd70073;z-index:6;text-shadow:0 1px 0 rgba(255,240,200,.6)}button.start-here-callout{border:none;cursor:pointer;font-family:var(--font-display)}.district-zone.start-here-persistent .start-here-callout{opacity:1;pointer-events:auto;animation:start-here-pulse 1.8s ease-in-out infinite}.district-zone.start-here-hover-only .start-here-callout{opacity:0;transition:opacity .2s ease}.district-zone.start-here-hover-only:hover .start-here-callout{opacity:1}.hub-spotlight-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;border:none;padding:0;cursor:pointer;background:radial-gradient(ellipse 32% 38% at var(--glow-x, 30%) var(--glow-y, 52%),rgba(8,6,18,0) 0%,rgba(8,6,18,.2) 38%,rgba(8,6,18,.62) 64%,rgba(8,6,18,.82) 100%);animation:hub-scrim-in .48s ease both}@keyframes hub-scrim-in{0%{opacity:0}to{opacity:1}}.hub-first-run .district-zone.start-here-persistent .zone-hotspot,.hub-first-run .district-zone.start-here-persistent .zone-card,.hub-first-run .district-zone.start-here-persistent .start-here-callout{z-index:9}.hub-first-run .zone-hotspot{z-index:8}@keyframes start-here-pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 4px 14px #0000008c,0 0 24px #ffd70073}50%{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 6px 20px #0009,0 0 36px #ffd700b3}}.zone-card{position:absolute;transform:translate(-50%,-50%);display:inline-flex;justify-content:center;align-items:center;padding:0 50px;height:150px;background:url(/assets/Border-CMKY-amy.webp) center / 100% 100% no-repeat;pointer-events:none;z-index:5;white-space:nowrap;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5));transition:transform .8s ease}.zone-card__inner{position:relative;text-align:center;line-height:1.15;padding-bottom:12px}.zone-card__title{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:#f4e7c7;text-shadow:0 1px 0 rgba(40,20,5,1);letter-spacing:.04em}.zone-card__subtitle{margin-top:1px;font-family:var(--font-display);font-size:14px;font-style:italic;color:#c8b88a;letter-spacing:.05em}.zone-card__mastery{margin-top:2px;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-shadow:0 1px 0 rgba(0,0,0,.7);opacity:.92}.zone-progress{margin-top:4px;height:3px;background:#ffffff26;border-radius:2px;overflow:hidden}.zone-progress-fill{height:100%;border-radius:2px;transition:width .5s ease}.hub-mobile-list{display:flex;flex-direction:column;gap:14px;padding:12px 14px calc(56px + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;width:100%}.hub-mobile-card{--reveal: 0;position:relative;width:100%;min-height:132px;border-radius:16px;border:2px solid;background-size:cover;background-position:center;background-color:#1a1a2e;overflow:hidden;padding:0;cursor:pointer;text-align:left;font-family:inherit;filter:grayscale(calc(1 - var(--reveal))) saturate(calc(.5 + .5 * var(--reveal))) brightness(calc(.65 + .35 * var(--reveal)));transition:transform .15s ease,box-shadow .2s ease,filter .6s ease}.hub-mobile-card:active{transform:scale(.985)}.hub-mobile-card.locked{filter:grayscale(1) brightness(.55)}.hub-mobile-card.boss-down{box-shadow:0 0 0 1px #f0d68a66,0 6px 20px #00000073}.hub-mobile-card__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a08140d,#0a08148c 65%,#0a0814cc);pointer-events:none}.hub-mobile-card__body{position:relative;z-index:1;padding:16px 18px;display:flex;flex-direction:column;gap:4px;height:100%;min-height:132px;justify-content:flex-end}.hub-mobile-card__name{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.85);margin:0}.hub-mobile-card__subject{font-size:13px;color:#f4e7c7d9;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hub-mobile-card__mastery{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}.hub-mobile-card-wrap{position:relative;display:block}.hub-mobile-card-wrap--muted{opacity:.38;filter:grayscale(.65);transition:opacity .3s ease,filter .3s ease}.hub-mobile-card-wrap--spotlight{transform:scale(1.015);transition:transform .3s ease}.hub-mobile-card-wrap--spotlight .hub-mobile-card{box-shadow:0 0 0 3px #b4a5f0e6,0 0 30px #7b68eeb3}.hub-mobile-card-wrap--spotlight .hub-mobile-card__start-here{background:#7b68eef2;font-size:14px;padding:9px 22px;animation:start-here-pill-pulse 1.6s ease-in-out infinite}@keyframes start-here-pill-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.08)}}.hub-mobile-card__start-here{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#3a2f6ee6;color:#f3eaff;padding:8px 18px;border:1px solid rgba(180,165,240,.45);border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.05em;box-shadow:0 4px 16px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;z-index:2}.hub-mobile-card__locked-pill{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#1c1830d1;color:#e6e0f5;padding:8px 16px;border:1px solid rgba(180,165,240,.28);border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.03em;box-shadow:0 4px 14px #0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;pointer-events:none;z-index:2}.hub-disclaimer{position:fixed;left:50%;bottom:8px;transform:translate(-50%);max-width:720px;padding:4px 12px;font-family:var(--font-display);font-size:.75rem;line-height:1.35;color:#f4e7c7e0;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.95);pointer-events:none;z-index:8}