:root{color:#f6f7f4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080909;--panel:#121413;--line:#ffffff16;--muted:#8b938e;--gold:#ffc03a;--orange:#ff7a18;--lime:#a7ff2e;--red:#ff6161;background:#080909;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.shell{z-index:2;width:min(100%,560px);min-height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.centered{place-items:center;display:grid}.ambient{filter:blur(110px);pointer-events:none;z-index:0;border-radius:50%;width:370px;height:370px;position:fixed}.ambient.one{background:var(--orange);opacity:.08;top:-120px;left:-200px}.ambient.two{background:var(--lime);opacity:.045;top:450px;right:-220px}.topbar{justify-content:space-between;align-items:center;height:54px;padding:0 2px;display:flex}.brand{letter-spacing:.16em;align-items:center;gap:9px;font-size:13px;font-weight:950;display:flex}.brand-mark{background:transparent;border-radius:9px;width:28px;height:28px;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff22,0 6px 20px #00000030}.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}.top-link{border:1px solid var(--line);color:#fff;cursor:pointer;background:#171918;border-radius:999px;min-width:46px;height:34px;padding:0 12px;font-size:11px;font-weight:900}.hero{background:#121312;border:1px solid #ffffff1a;border-radius:29px;min-height:410px;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000061}.hero-art,.hero-shade,.noise{position:absolute;inset:0}.hero-art{overflow:hidden}.hero-art img{object-fit:cover;object-position:50% 48%;filter:saturate(.88)contrast(1.08);width:100%;height:100%;transform:scale(1.04)}.hero-shade{background:linear-gradient(#0809090f 0%,#08090933 27%,#080909e0 69%,#0b0c0c 100%),linear-gradient(90deg,#0000003d,#0000 70%)}.noise{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.hero-body{flex-direction:column;justify-content:flex-end;min-height:410px;padding:22px 20px 20px;display:flex;position:relative}.eyebrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d5dad6;text-transform:uppercase;letter-spacing:.14em;background:#07080894;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;width:max-content;margin-bottom:8px;padding:7px 10px;font-size:10px;font-weight:850;display:flex}.eyebrow i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%}.hero h1{letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 8px 28px #0006;margin:0;font-size:clamp(40px,10vw,57px);font-weight:1000;line-height:.88}.hero h1 em{color:var(--gold);font-style:normal}.hero-body>p{color:#c5cbc7;max-width:400px;margin:12px 0 18px;font-size:13px;line-height:1.46}.hero-progress{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121413c9;border:1px solid #ffffff17;border-radius:20px;align-items:center;gap:13px;padding:12px;display:flex}.ring{--p:0;background:conic-gradient(var(--gold) calc(var(--p)*1%),#ffffff17 0);border-radius:50%;flex:none;place-items:center;width:59px;height:59px;display:grid;position:relative}.ring:after{content:"";background:#151716;border-radius:50%;position:absolute;inset:5px}.ring div{z-index:1;text-align:center;flex-direction:column;line-height:1;display:flex;position:relative}.ring strong{font-size:15px;font-weight:950}.ring small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:8px}.hero-progress>div:last-child{flex-direction:column;min-width:0;display:flex}.hero-progress>div:last-child small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:850}.hero-progress>div:last-child strong{margin-top:3px;font-size:14px;font-weight:900}.hero-progress>div:last-child span{color:#969e99;margin-top:2px;font-size:11px}.section-head{justify-content:space-between;align-items:flex-end;padding:26px 3px 12px;display:flex}.section-head small{color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:900}.section-head h2{letter-spacing:-.035em;margin:3px 0 0;font-size:22px}.section-head>span{border:1px solid var(--line);color:#aab0ac;letter-spacing:.1em;background:#101211;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900}.missions{gap:12px;display:grid}.mission{border:1px solid var(--line);background:linear-gradient(145deg,#161917fa,#0d0f0efa);border-radius:24px;padding:17px;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 14px 36px #0000002e}.ready-card{border-color:#ffc03a5e;box-shadow:0 18px 50px #ff901414}.ready-card:before{content:"";background:var(--gold);filter:blur(75px);opacity:.12;width:170px;height:170px;position:absolute;top:-110px;right:-85px}.claimed-card{opacity:.72}.mission-head{align-items:center;gap:12px;display:flex}.mission-icon{background:#ffffff0d;border:1px solid #ffffff13;border-radius:14px;flex:none;place-items:center;width:43px;height:43px;display:grid}.mission-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.mission-icon.story{color:var(--gold);background:#ffb52614}.mission-icon.share{color:var(--lime);background:#a7ff2e0f}.mission-title{flex:1}.mission-title small{color:#737b76;text-transform:uppercase;letter-spacing:.16em;font-size:8px;font-weight:900}.mission-title h2{letter-spacing:-.025em;margin:2px 0 0;font-size:18px}.state{text-transform:uppercase;letter-spacing:.04em;text-align:center;border-radius:999px;max-width:108px;padding:6px 8px;font-size:9px;font-weight:900}.state.idle{color:#929994;background:#ffffff0d}.state.ready{color:#18130a;background:var(--gold)}.state.done{color:var(--lime);background:#a7ff2e17}.state.claimed{color:#8e9691;background:#ffffff0e}.mission-desc{color:#9ea6a1;margin:14px 0;font-size:12px;line-height:1.5}.tip{color:#d5bf8a;background:#ffb5260f;border:1px solid #ffb5262e;border-radius:14px;margin:-4px 0 12px;padding:10px 12px;font-size:11px;line-height:1.45}.reward-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.reward{align-items:center;gap:9px;min-width:0;display:flex}.coin{background:transparent;border:2px solid #ffdb65;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid;overflow:hidden;box-shadow:0 4px 14px #ffab1c24}.coin img{width:100%;height:100%;object-fit:cover;display:block}.reward div,.counter{flex-direction:column;display:flex}.reward small,.counter small{color:#717a74;text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:850}.reward strong,.counter strong{margin-top:2px;font-size:12px;font-weight:900}.reward strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.counter{text-align:right;flex:none}.track{background:#ffffff0e;border-radius:999px;height:6px;margin-top:11px;overflow:hidden}.track span{border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--gold));height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 0 13px #ffad203d}.cooldown{color:#79817c;align-items:center;gap:7px;margin-top:10px;font-size:10px;display:flex}.cooldown i{background:#646b67;border-radius:50%;width:5px;height:5px}.mission-actions{grid-template-columns:1fr;gap:8px;margin-top:14px;display:grid}.mission-actions.two{grid-template-columns:.9fr 1.15fr}.button{cursor:pointer;border:0;border-radius:15px;min-height:48px;padding:0 14px;font-size:12px;font-weight:950;transition:transform .13s,opacity .13s}.button:active:not(:disabled){transform:scale(.975)}.button:disabled{opacity:.55;cursor:default}.secondary{color:#f0f3f1;background:#202321;border:1px solid #ffffff14}.primary{color:#181106;background:linear-gradient(#ffd15a,#ffad23);box-shadow:inset 0 1px #ffffff6b,0 8px 24px #ff9c1921}.spinner{vertical-align:-2px;border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.7s linear infinite spin;display:inline-block}.spinner.dark{border-color:#1b1207 #0003 #0003}@keyframes spin{to{transform:rotate(360deg)}}.ref{border:1px solid var(--line);background:#0f1110;border-radius:20px;margin-top:12px;overflow:hidden}.ref summary{cursor:pointer;align-items:center;gap:11px;padding:14px;list-style:none;display:flex}.ref summary::-webkit-details-marker{display:none}.ref-icon{color:#bec5c0;background:#181b19;border-radius:12px;place-items:center;width:35px;height:35px;display:grid}.ref summary>div:nth-child(2){flex-direction:column;flex:1;display:flex}.ref summary small{color:#757d78;text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:850}.ref summary strong{margin-top:2px;font-size:12px}.ref summary>b{color:#707873;transition:transform .18s}.ref[open] summary>b{transform:rotate(180deg)}.ref-body{padding:0 14px 14px}.ref-body p{color:#7f8882;margin:0 0 9px;font-size:11px;line-height:1.45}.link{background:#090a0a;border:1px solid #ffffff0e;border-radius:13px;align-items:center;gap:7px;padding:6px 6px 6px 10px;display:flex}.link code{text-overflow:ellipsis;white-space:nowrap;color:#acb4af;flex:1;min-width:0;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.link button{color:#10110f;cursor:pointer;background:#b8ff53;border:0;border-radius:9px;padding:8px 9px;font-size:9px;font-weight:900}footer{color:#3d423f;justify-content:center;align-items:center;gap:9px;padding:24px 0 2px;display:flex}footer button{color:#747c77;cursor:pointer;background:0 0;border:0;font-size:10px}footer i{font-style:normal}.toast{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#eaf0eb;opacity:0;pointer-events:none;background:#161917ed;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 32px);padding:10px 13px;font-size:11px;font-weight:800;transition:all .22s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;transform:translate(-50%,16px)scale(.97);box-shadow:0 16px 45px #0000006b}.toast.show{opacity:1;transform:translate(-50%)scale(1)}.toast span{background:var(--lime);color:#10140c;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:1000;display:grid}.toast.error span{background:var(--red);color:#fff}.toast.info span{color:#fff;background:#8ba1ff}.burst{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.burst i{opacity:0;color:var(--gold);text-shadow:0 2px 9px #ffa41959;font-size:15px;font-style:normal;font-weight:1000;position:absolute;top:55%;left:50%}.burst.play i{animation:.85s cubic-bezier(.12,.8,.24,1) forwards burst;animation-delay:var(--d)}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r)) scale(1.15)}}.fatal{text-align:center;border:1px solid var(--line);background:#111311;border-radius:26px;width:100%;padding:26px}.fatal-icon{width:48px;height:48px;color:var(--red);background:#ff61611a;border-radius:16px;place-items:center;margin:0 auto 15px;font-size:22px;font-weight:1000;display:grid}.fatal h1{margin:0;font-size:22px}.fatal p{max-width:350px;color:var(--muted);margin:9px auto 17px;font-size:12px;line-height:1.5}.fatal .button{width:100%}.skeleton{background:#111311;position:relative;overflow:hidden}.skeleton:after,.top-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0b,#0000);animation:1.25s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.top-skeleton{height:54px;position:relative}.hero.skeleton{height:410px}.mission.skeleton{height:245px;margin-top:12px}@keyframes shimmer{to{transform:translate(100%)}}@media (min-width:500px){.shell{padding-left:18px;padding-right:18px}.hero,.hero-body{min-height:445px}.hero-body{padding:26px}.hero h1{font-size:59px}.mission{padding:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
