*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b1020;--bg-2:#131a2e;--panel:rgba(255,255,255,0.04);--panel-solid:#161d33;--border:rgba(255,255,255,0.09);--fg:#eef2ff;--muted:#94a3c4;--accent:#7c9cff;--accent-2:#c084fc;--gold:#fbbf24;--flame:#fb923c}html{color-scheme:dark}body{background:radial-gradient(1200px 600px at 50% -10%,#1e2a52 0,transparent 60%),radial-gradient(900px 500px at 100% 0,#2a1a45 0,transparent 55%),var(--bg);background-attachment:fixed;color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh;padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}main{max-width:640px;margin:0 auto;padding:1.1rem}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}h1{font-size:1.35rem;letter-spacing:.5px;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:.75rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:1.1rem 1.15rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.25)}.muted{color:var(--muted);font-size:.875rem}a{color:var(--accent);text-decoration:none}.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(124,156,255,.16),rgba(192,132,252,.1)),var(--panel-solid);border:1px solid var(--border)}.hero-top{display:flex;align-items:center;gap:1rem}.level-badge{position:relative;width:72px;height:72px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#33427a,#141a30);border:2px solid var(--accent);box-shadow:0 0 18px rgba(124,156,255,.45)}.level-badge .lvl-num{font-size:1.7rem;font-weight:800;line-height:1}.level-badge .lvl-cap{position:absolute;bottom:-9px;font-size:.55rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);background:var(--panel-solid);padding:1px 7px;border-radius:8px;border:1px solid var(--border)}.hero-title{font-size:1.25rem;font-weight:700}.hero-sub{color:var(--muted);font-size:.85rem}.xp-bar{height:12px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden;margin:.9rem 0 .35rem;border:1px solid var(--border)}.xp-bar-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px rgba(124,156,255,.6);transition:width .6s cubic-bezier(.2,.8,.2,1);position:relative}.xp-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);animation:shimmer 2.4s infinite}@keyframes shimmer{to{transform:translateX(100%)}}.radar-wrap{display:flex;justify-content:center;margin:.4rem 0 .2rem}.attr-legend{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.4rem;gap:.4rem;margin-top:.4rem}.attr-chip{display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:1.15rem}.attr-chip .a-lvl{font-size:.72rem;font-weight:700;color:var(--muted)}.quest{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-top:1px solid var(--border)}.quest:first-of-type{border-top:none}.quest-accent{width:4px;align-self:stretch;border-radius:4px;flex-shrink:0}.quest-info{display:flex;flex-direction:column;gap:.15rem;flex:1 1;min-width:0}.quest-title{font-weight:600}.quest-side{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.xp-pill{font-size:.75rem;font-weight:800;color:var(--gold);background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.3);padding:2px 8px;border-radius:999px;white-space:nowrap}.quest-done{opacity:.5}.ring{flex-shrink:0}.flame-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.flame-count{font-weight:800;color:var(--flame);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn,button{background:linear-gradient(180deg,var(--accent),#5f7be6);color:#fff;border:none;border-radius:12px;padding:.8rem 1.25rem;font-size:1rem;font-weight:700;cursor:pointer;width:100%;box-shadow:0 4px 16px rgba(124,156,255,.35)}button:active{transform:translateY(1px)}.btn-small,a.btn-small{width:auto;display:inline-block;padding:.45rem .8rem;font-size:.85rem;border-radius:10px;text-align:center}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border);box-shadow:none}.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:.4rem 0}.stat-value{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.checkin{display:flex;gap:.5rem}.checkin button{background:var(--panel-solid);color:var(--fg);border:1px solid var(--border);box-shadow:none;font-size:.9rem;padding:.7rem .4rem}.rule-form input,.rule-form select,input[type=email],input[type=number],input[type=password],input[type=text]{width:100%;padding:.7rem;border-radius:10px;border:1px solid var(--border);background:rgba(0,0,0,.25);color:var(--fg);font-size:1rem}.rule-form{gap:.65rem}.rule-form,.rule-form label{display:flex;flex-direction:column}.rule-form label{gap:.25rem;font-size:.8rem;color:var(--muted)}.rule-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.5rem;gap:.5rem}details summary{cursor:pointer;padding:.35rem 0;color:var(--muted)}.navlinks{display:flex;gap:.9rem;font-size:.85rem}.flight-form{display:flex;gap:.5rem;align-items:stretch}.flight-form input{flex:1 1}.flight-form .adopt-btn{white-space:nowrap}.shop-item{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;border-top:1px solid var(--border)}.shop-item:first-of-type{border-top:none}.shop-swatch{width:44px;height:32px;flex-shrink:0;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;font-size:1.1rem}.shop-info{flex:1 1;min-width:0}.shop-name{font-weight:600;display:flex;align-items:center;gap:.4rem}.equipped-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);border:1px solid rgba(124,156,255,.4);border-radius:999px;padding:1px 6px}.avatar-link,.shop-action{flex-shrink:0}.avatar-link{position:relative;width:88px;height:88px;border-radius:16px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.avatar-link svg{width:100%;height:100%}.avatar-lvl{position:absolute;bottom:4px;right:4px;font-size:.58rem;font-weight:700;letter-spacing:.3px;color:#fff;background:rgba(15,20,34,.72);padding:1px 6px;border-radius:7px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.avatar-frame{display:inline-block;line-height:0}.avatar-frame,.hero-splash{border-radius:20px;overflow:hidden;border:1px solid var(--border)}.hero-splash{position:relative;margin:.5rem 0 1.25rem;box-shadow:0 16px 50px rgba(0,0,0,.4)}.hero-splash img{display:block;width:100%;height:auto}.hero-splash-text{position:absolute;left:0;right:0;bottom:0;padding:1.4rem 1.25rem 1rem;background:linear-gradient(0deg,rgba(6,10,20,.9),rgba(6,10,20,.5) 55%,transparent)}.hero-splash-text h1{margin:0}.hero-splash-text p{margin-top:.15rem}.journey{display:flex;flex-direction:column;gap:.1rem;position:relative}.journey-stop{display:flex;align-items:center;gap:.7rem;padding:.25rem 0}.journey-dot{width:26px;height:26px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:.85rem;background:rgba(0,0,0,.3);border:1.5px solid var(--border)}.journey-dot.reached{border-color:var(--accent);box-shadow:0 0 10px rgba(124,156,255,.5)}.journey-label{font-size:.9rem;font-weight:600}.ach{display:flex;align-items:center;gap:.8rem;padding:.7rem 0;border-top:1px solid var(--border)}.ach:first-of-type{border-top:none}.ach-locked{opacity:.55}.ach-icon{width:46px;height:46px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-size:1.5rem;background:rgba(0,0,0,.25);border:1.5px solid var(--border)}.ach-info{flex:1 1;min-width:0}.ach-title{font-weight:700;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ach-tier{font-size:.62rem;text-transform:uppercase;letter-spacing:1px;border:1px solid;border-radius:999px;padding:1px 7px;font-weight:700}.ach-vendor{font-size:.78rem;color:#a5b4fc;margin-top:.2rem}.ach-reward{font-size:.82rem;color:var(--gold);background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.28);border-radius:10px;padding:.35rem .55rem;margin-top:.35rem}.ach-action{flex-shrink:0}.trophy-row{display:flex;align-items:center;justify-content:space-between}.trophy-icons{font-size:1.15rem;letter-spacing:2px}.chal-group{margin-bottom:.4rem}.chal-group-head{gap:.4rem;font-weight:700;font-size:.95rem;margin:.7rem 0 .4rem}.chal,.chal-group-head{display:flex;align-items:center}.chal{gap:.7rem;padding:.55rem 0;border-top:1px solid var(--border)}.chal-info{flex:1 1;min-width:0}.chal-title{font-weight:600;font-size:.95rem}.chal-meta{color:var(--muted);font-size:.78rem}.chal form{width:auto;flex-shrink:0}.adopt-btn{width:auto;padding:.4rem .7rem;font-size:.8rem;border-radius:10px;background:rgba(124,156,255,.15);color:var(--accent);border:1px solid rgba(124,156,255,.35);box-shadow:none}