.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.auth-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.auth-tabs{display:flex;gap:0;margin:1rem 0 .75rem;border-bottom:1px solid var(--border)}.auth-tab{flex:1;padding:.5rem 1rem;font-family:var(--font);font-size:.9rem;font-weight:500;background:none;border:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.auth-tab:hover{color:var(--text)}.auth-tab-active{color:var(--accent);border-bottom-color:var(--accent)}.auth-note{margin:0 0 1.5rem;font-size:.85rem;color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:500;color:var(--text-muted)}.auth-input{width:100%}.auth-error{margin:0;font-size:.9rem;color:var(--danger)}.btn-block{width:100%;margin-top:.25rem}.buy-mana-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:380px;width:100%}.buy-mana-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:var(--surface-hover);color:var(--text);font-size:1.5rem;line-height:1;border-radius:var(--radius-sm);cursor:pointer}.buy-mana-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.buy-mana-desc{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted);line-height:1.45}.buy-mana-blocked{margin:0 0 1rem;font-size:.95rem;color:var(--text-muted)}.buy-mana-blocked-detail{margin-top:.75rem;font-size:.9rem}.buy-mana-label{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;font-size:.9rem;font-weight:500;color:var(--text-muted)}.buy-mana-select{font-family:var(--font);font-size:1rem;padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text)}.buy-mana-summary{margin:0 0 1.25rem;font-size:.9rem;color:var(--text-muted)}.buy-mana-actions{display:flex;gap:.75rem;justify-content:flex-end}.buy-mana-done{margin:0;font-size:.95rem}.buy-mana-done .btn{margin-top:1rem}.daily-claim-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;max-width:380px;width:100%}.daily-claim-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:var(--surface-hover);color:var(--text);font-size:1.5rem;line-height:1;border-radius:var(--radius-sm);cursor:pointer}.daily-claim-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:600}.daily-claim-desc{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted)}.daily-claim-blocked{margin:0 0 1.25rem;font-size:.95rem;color:var(--text-muted);line-height:1.5}.daily-claim-blocked strong{color:var(--text)}.daily-claim-next{margin-top:.75rem;font-size:.9rem;color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.quest-detail-modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:420px;width:100%;max-height:90vh;overflow:auto}.quest-detail-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:var(--surface-hover);color:var(--text);font-size:1.5rem;line-height:1;border-radius:var(--radius-sm);cursor:pointer;z-index:1}.quest-detail-image{aspect-ratio:600/280;background:var(--border)}.quest-detail-image img{width:100%;height:100%;object-fit:cover;display:block}.quest-detail-title{margin:0;padding:1rem 1.25rem .25rem;font-size:1.25rem;font-weight:600}.quest-detail-desc{margin:0 1.25rem 1rem;font-size:.9rem;color:var(--text-muted);line-height:1.45}.quest-detail-meta{margin:0 1.25rem 1rem;padding:0;list-style:none;font-size:.9rem;color:var(--text-muted)}.quest-detail-meta li{margin-bottom:.35rem}.quest-detail-meta strong{color:var(--text);margin-right:.35rem}.quest-detail-cta{margin:0 1.25rem 1.25rem;width:calc(100% - 2.5rem)}.quest-runner{max-width:560px;margin:0 auto;padding:1.5rem}.quest-runner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.quest-runner-step{font-size:.9rem;font-weight:600;color:var(--accent)}.quest-runner-read{display:flex;flex-direction:column;gap:1.25rem}.quest-runner-read-image{aspect-ratio:500/280;border-radius:var(--radius);overflow:hidden;background:var(--border)}.quest-runner-read-image img{width:100%;height:100%;object-fit:cover;display:block}.quest-runner-read-text{margin:0;font-size:1rem;line-height:1.6;color:var(--text)}.quest-runner-question{display:flex;flex-direction:column;gap:1rem}.quest-runner-q-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text-muted)}.quest-runner-q-text{margin:0;font-size:1.25rem;font-weight:600}.quest-runner-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quest-runner-opt{padding:1rem;font-size:1.1rem;background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:center}.quest-runner-opt:hover{border-color:var(--accent);background:var(--surface-hover)}.quest-runner-wrong{margin:0;font-size:.9rem;color:var(--danger)}.congrats{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem}.congrats-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:400px;width:100%;overflow:hidden;text-align:center;animation:congrats-appear .4s ease}@keyframes congrats-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.congrats-image-wrap{position:relative;aspect-ratio:400/240;background:var(--border);overflow:hidden}.congrats-image{width:100%;height:100%;object-fit:cover;display:block}.congrats-confetti{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,rgba(0,194,168,.15) 50%,transparent 60%);animation:confetti-pulse 1.5s ease-in-out infinite}@keyframes confetti-pulse{0%,to{opacity:.5}50%{opacity:1}}.congrats-title{margin:1rem 1rem .25rem;font-size:1.75rem;font-weight:700;color:var(--accent)}.congrats-subtitle{margin:0 1rem 1rem;font-size:.95rem;color:var(--text-muted)}.congrats-results{margin:0 1rem 1.25rem;padding:0;list-style:none;text-align:left;display:inline-block}.congrats-results li{margin-bottom:.5rem;font-size:1rem}.congrats-label{color:var(--text-muted);margin-right:.5rem}.congrats-results strong{color:var(--accent)}.congrats .btn-lg{margin-bottom:1.25rem}.cooldown-screen{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem}.cooldown-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;max-width:360px;text-align:center}.cooldown-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:var(--surface-hover);color:var(--text);font-size:1.5rem;line-height:1;border-radius:var(--radius-sm);cursor:pointer}.cooldown-close:hover{background:var(--border)}.cooldown-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--danger)}.cooldown-desc{margin:0 0 1rem;font-size:.95rem;color:var(--text-muted)}.cooldown-timer{font-size:3rem;font-weight:700;font-family:var(--font-mono);color:var(--accent);margin:.5rem 0 1rem}.cooldown-hint{margin:0;font-size:.85rem;color:var(--text-muted)}.not-enough-mana-modal{position:relative;background:var(--card-bg, #1a1a1a);border-radius:12px;padding:1.5rem;max-width:420px;width:100%;box-shadow:0 8px 32px #0006}.not-enough-mana-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--text-muted, #888);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem}.not-enough-mana-close:hover{color:var(--text, #eee)}.not-enough-mana-title{margin:0 0 .75rem;font-size:1.25rem}.not-enough-mana-desc{margin:0 0 1.25rem;color:var(--text-muted, #aaa);line-height:1.5}.not-enough-mana-actions{display:flex;flex-wrap:wrap;gap:.5rem}.not-enough-mana-actions .btn{flex:1;min-width:120px}.home{max-width:960px;margin:0 auto}.home-muted-banner{background:var(--danger);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.9rem}.home-muted-banner strong{font-family:var(--font-mono)}.onboarding-cta{background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius);padding:1.75rem;margin-bottom:2.5rem;text-align:center}.onboarding-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.onboarding-desc{margin:0 0 1.25rem;color:var(--text-muted)}.onboarding-desc strong{color:var(--accent)}.quests-section{margin-bottom:2rem}.quests-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem}.section-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.quest-filters{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.quest-filter{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.quest-filter-select{font-family:var(--font);font-size:.85rem;padding:.35rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text)}.quest-filter-clear{font-size:.85rem;margin-left:auto}.quest-category{margin-bottom:2rem}.quest-category-title{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.quest-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;opacity:.95;text-align:left;font-family:inherit;color:inherit;transition:border-color .2s,box-shadow .2s}.quest-card:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.quest-card:disabled{cursor:not-allowed;opacity:.7}.quest-card-completed{opacity:.85;cursor:default}.quest-card-completed .quest-card-image,.quest-card-completed .quest-card-image img{filter:grayscale(1)}.quest-grid-muted .quest-card{pointer-events:none;opacity:.6}.quest-card-image{position:relative;aspect-ratio:400 / 240;background:var(--border)}.quest-card-image img{width:100%;height:100%;object-fit:cover;display:block}.quest-card-badge{position:absolute;font-size:.7rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.quest-card-mana{bottom:.5rem;right:.5rem;background:#0d0f14;color:#00e5cc}.quest-card-xp{bottom:.5rem;left:.5rem;background:#2d2463;color:#c4b8ff}.quest-card-time{top:.5rem;right:.5rem;background:#0a2840;color:#7dd3fc}.quest-card-minxp{top:.5rem;left:.5rem;background:#1a2e1a;color:#86efac}.quest-card-completed-label{top:.5rem;left:50%;transform:translate(-50%);background:var(--accent);color:var(--bg);font-size:.7rem}.quest-category-completed{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.quest-card-body{padding:1rem}.quest-card-title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.quest-card-desc{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.45}.blurred-home{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;filter:blur(6px);pointer-events:none}.blurred-home-inner{max-width:960px;margin:0 auto;padding:1.5rem 2rem 2rem}.blurred-home-stats{display:flex;gap:1rem;margin-bottom:2rem}.blurred-stat{width:200px;height:100px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.blurred-quests{margin-bottom:2rem}.blurred-quests .section-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.blurred-quests .quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.blurred-quests .quest-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.blurred-quests .quest-card-image{aspect-ratio:400 / 240;background:var(--border)}.blurred-quests .quest-card-image img{width:100%;height:100%;object-fit:cover;display:block}.blurred-quests .quest-card-body{padding:1rem}.blurred-quests .quest-card-title{margin:0;font-size:1rem;font-weight:600}.blurred-quest-card{opacity:.9}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:100}.welcome-overlay-content{text-align:center;max-width:400px;background:#161a22d9;border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-overlay-title{margin:0 0 .75rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.welcome-overlay-subtitle{margin:0 0 1.5rem;color:var(--text-muted);line-height:1.5;font-size:1rem}.welcome-overlay .btn-lg{width:100%;padding:.85rem 1.5rem;font-size:1rem}.header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.header-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.header-logo{font-weight:700;font-size:1.25rem;letter-spacing:-.02em;color:var(--accent)}.header-badge{font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:6px;background:var(--accent-dim);color:var(--accent)}.header-game{margin-left:auto;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.header-level{font-size:.85rem;font-weight:700;color:var(--accent);padding:.25rem .5rem;background:var(--accent-dim);border-radius:var(--radius-sm)}.header-bars-stack{display:flex;flex-direction:column;gap:.35rem}.header-bar-wrap{display:flex;align-items:center;gap:.5rem}.header-bar-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;min-width:36px}.header-bar.track{width:80px;height:10px;background:var(--bg);border-radius:999px;overflow:hidden}.header-bar.fill{height:100%;border-radius:999px;transition:width .3s ease}.header-bar.fill.xp{background:linear-gradient(90deg,#6b7fd7,#9d4edd)}.header-bar.fill.mana{background:var(--accent)}.header-bar-value{font-size:.75rem;font-family:var(--font-mono);font-weight:600;color:var(--text-muted);min-width:2.5rem}.header-cc{display:flex;flex-direction:column;align-items:flex-start;padding:.25rem 0}.header-cc-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.header-cc-value{font-size:.95rem;font-family:var(--font-mono);font-weight:600;color:var(--accent)}.header-user{display:flex;align-items:center;gap:.6rem;padding-left:1rem;border-left:1px solid var(--border)}.header-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--border)}.header-user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.header-nickname{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.2}.header-email{font-size:.75rem;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-party-id{font-size:.7rem;font-family:var(--font-mono);color:var(--accent);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn{font-family:var(--font);font-size:.9rem;font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:background .2s,color .2s}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}@media (max-width: 700px){.header-game{gap:.75rem}.header-bar.track{width:56px}.header-user-info{display:none}}.right-sidebar{width:220px;min-width:220px;padding:1rem;background:var(--surface);border-left:1px solid var(--border)}.right-sidebar-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem}.right-sidebar-title{margin:0 0 .25rem;font-size:.95rem;font-weight:600}.right-sidebar-desc{margin:0 0 .75rem;font-size:.8rem;color:var(--text-muted)}.btn-block-sm{width:100%;padding:.5rem;font-size:.85rem}.right-sidebar-msg{display:block;font-size:.75rem;color:var(--accent);margin-top:.5rem}.right-sidebar-hint{margin:.5rem 0 0;font-size:.75rem;color:var(--text-muted)}@media (max-width: 900px){.right-sidebar{display:none}}.app-body-with-sidebar{display:flex;flex:1;overflow:hidden}.main-full{flex:1;overflow:auto;padding:1.5rem 2rem 2rem}@media (max-width: 768px){.main-full{padding:1rem}}.app{min-height:100vh;display:flex;flex-direction:column}.app-body{display:flex;flex:1;overflow:hidden}.main{flex:1;overflow:auto;padding:1.5rem 2rem 2rem}@media (max-width: 768px){.main{padding:1rem}}:root{--bg: #0d0f14;--surface: #161a22;--surface-hover: #1e232e;--border: #2a3142;--text: #e6e9f0;--text-muted: #8b92a6;--accent: #00c2a8;--accent-dim: rgba(0, 194, 168, .15);--danger: #e85d75;--warning: #e8b84d;--radius: 12px;--radius-sm: 8px;--font: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}