:root{--gold:#f4b84a;--purple:#de55ef;--ink:#0b0817;--surface:#151026;--stroke:#332645;--white:#faf3ff;--muted:#aa9bb8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0817;color:var(--white);font:15px 'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:var(--purple);color:#fff}.ambience{position:absolute;z-index:-1;top:0;left:0;right:0;overflow:hidden;height:1000px;pointer-events:none;background:radial-gradient(ellipse 50% 38% at 87% 20%,#77218453,transparent),radial-gradient(ellipse 35% 30% at 15% 6%,#31237966,transparent)}.ambience span{position:absolute;width:2px;height:2px;background:#f9aade;border-radius:50%;box-shadow:40vw 70px #f4b84a,70vw 240px #f9aade,10vw 450px #d670ff,64vw 610px #f4b84a;opacity:.8}.topbar,main,footer{max-width:1250px;margin:auto}.topbar{height:89px;border-bottom:1px solid #3a2b47;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.identity{display:flex;align-items:center;gap:9px}.identity img{width:51px;height:51px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 10px #e68a2955)}.identity b{font-family:'Barlow Condensed',sans-serif;font-size:30px;letter-spacing:-.7px}.identity b span{color:var(--gold)}.identity small{font-size:9px;max-width:86px;line-height:1.4;color:#a897be;letter-spacing:1.1px;font-weight:800;margin-left:5px}.topbar nav{display:flex;gap:28px;align-items:center;font-size:11px;letter-spacing:1.4px;font-weight:800}.topbar nav>a:hover{color:var(--gold)}.topbar .nav-join{background:var(--gold);color:#1e1029;border-radius:7px;padding:14px 18px}.nav-join span{padding-left:14px}.hero{min-height:505px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;position:relative;padding:43px 38px 30px}.eyebrow,.kicker{color:var(--gold);letter-spacing:2px;font-size:11px;font-weight:900}.eyebrow{display:flex;align-items:center;gap:10px}.pulse,.statusdot{display:inline-block;width:9px;height:9px;background:#a4ed5a;border-radius:50%;box-shadow:0 0 16px #8ef75c;animation:glow 2s infinite}.hero h1,.ranking-section h2,.mission-card h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(65px,7.8vw,114px);font-weight:900;line-height:.87;letter-spacing:-1.8px;margin:23px 0 20px}.hero h1 span,.ranking-section h2 span,.mission-card h2 span{color:var(--gold)}.hero h1 em{display:inline-block;font-style:normal;font-size:.39em;letter-spacing:3px;background:linear-gradient(90deg,#ee73ff,#b375ec);color:transparent;background-clip:text;vertical-align:14px}.hero-copy>p{color:#c9b9d6;max-width:450px;line-height:1.8}.hero-ctas{display:flex;gap:12px;margin:27px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:900;letter-spacing:.6px;transition:transform .15s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.primary{background:linear-gradient(130deg,#ffd46d,#f0a831);color:#170e1e;box-shadow:0 9px 26px #eaa32c33}.secondary{border-color:#584365;color:#f6e7ff;background:#ffffff08}.statusline{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:1px;color:#a89ab3}.statusdot{width:7px;height:7px}.line-sep{color:#695474}.hero-art{position:relative;height:450px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;isolation:isolate}.hero-shine{position:absolute;inset:5% 0 4%;background:radial-gradient(circle,#a03fd54d 12%,#7f326231 33%,transparent 68%);filter:blur(3px)}.hero-art .naz{position:relative;z-index:1;width:69%;height:94%;object-fit:cover;object-position:center 35%;mask-image:linear-gradient(#000 70%,transparent 100%);border-radius:34% 34% 0 0;filter:drop-shadow(0 0 33px #9749ff55)}.hero-reward{position:absolute;right:1%;bottom:31px;z-index:2;transform:rotate(-5deg);background:#180e29ef;border:2px solid #7e478c;border-radius:12px;padding:13px 20px;box-shadow:0 12px 32px #0008}.hero-reward small,.hero-reward span{display:block;font-size:10px;letter-spacing:1.5px;font-weight:900;color:#dbb7ef}.hero-reward strong{display:block;font-family:'Barlow Condensed',sans-serif;color:var(--gold);font-size:70px;line-height:1}.hero-reward span{color:#fff}.stats{margin:0 38px 65px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #42304e;border-radius:13px;overflow:hidden;background:#120d21}.stat{padding:24px 26px;border-right:1px solid #42304e}.stat:last-child{border:0}.stat>span{display:block;color:#b0a0ba;font-size:10px;letter-spacing:1.5px;font-weight:900}.stat strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:43px;margin:7px 0;line-height:1.1}.stat strong i{font-style:normal;color:var(--gold);font-size:21px}.stat small{color:#9b8eab;font-size:10px}.stat.featured{background:linear-gradient(135deg,#48233b,#2c153d)}.stat.featured strong{color:var(--gold)}.ranking-section{padding:0 38px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:31px}.ranking-section h2,.mission-card h2{font-size:clamp(44px,5vw,64px);margin:12px 0 9px;letter-spacing:-1px}.section-top p{color:#aa9bb8;font-size:13px}.section-actions button{background:#1e152a;color:#e9d5fa;border:1px solid #544063;border-radius:8px;padding:12px 18px;font-size:11px;font-weight:900;letter-spacing:.8px}.section-actions button:hover{border-color:var(--gold)}.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;align-items:end;margin-bottom:30px;min-height:230px}.podium-card{position:relative;background:linear-gradient(160deg,#2b193f,#130e22);border:1px solid #544163;border-radius:12px;min-height:192px;padding:23px 18px;text-align:center;overflow:hidden;animation:rise .55s ease both}.podium-card:nth-child(2){min-height:225px;border-color:#bc854a;box-shadow:0 0 32px #e99d3320;background:linear-gradient(160deg,#47301c,#221425)}.podium-card .podium-place{display:inline-block;font-size:13px;font-weight:900;color:#e9c8fb;letter-spacing:2px}.podium-card:nth-child(2) .podium-place{color:var(--gold)}.podium-card .avatar{display:flex;align-items:center;justify-content:center;margin:10px auto 7px;width:51px;height:51px;border:2px solid #996bb6;background:#51256b;border-radius:50%;font-weight:900;color:white;font-size:20px}.podium-card:nth-child(2) .avatar{width:66px;height:66px;border-color:var(--gold);background:#855227}.podium-name{font-weight:900;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-score{color:var(--gold);font:900 24px 'Barlow Condensed',sans-serif;margin:6px}.podium-score small{font:800 10px 'DM Sans',sans-serif;letter-spacing:1px}.podium-card .tag{font-size:9px;color:#a895b8;letter-spacing:1px}.board{border:1px solid #493653;background:#120d20;border-radius:14px;overflow:hidden}.board-head{padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:13px;border-bottom:1px solid #3d2d4b}.board-tabs{display:flex;gap:9px;flex-wrap:wrap}.board-tabs button{border:1px solid transparent;border-radius:7px;padding:12px 14px;font-size:11px;letter-spacing:.5px;font-weight:900;background:transparent;color:#b8a8c1}.board-tabs button.active{background:#33203f;color:white;border-color:#754385}.search{background:#21172d;border:1px solid #483455;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#b68fc8}.search input{height:42px;border:0;background:none;color:white;outline:none;width:180px;font-size:12px}.search input::placeholder{color:#897992}.column-labels,.rank-row{display:grid;grid-template-columns:80px 1fr 100px 140px;align-items:center;gap:12px}.column-labels{padding:16px 27px;color:#8d7f98;font-size:10px;font-weight:900;letter-spacing:1.2px}.column-labels span:last-child{text-align:right}.rank-row{padding:14px 27px;min-height:67px;border-top:1px solid #332640;transition:background .2s;animation:fade .3s ease both}.rank-row:hover{background:#2a1d37}.rank-number{color:#c7aed5;font:900 20px 'Barlow Condensed',sans-serif}.rank-number.top{color:var(--gold)}.rank-user{display:flex;align-items:center;gap:14px;min-width:0}.rank-user .avatar{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:linear-gradient(135deg,#6c2989,#2e2d74);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff}.rank-user .username{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-user .handle{font-size:10px;color:#917fa2;margin-top:3px}.quests{color:#a99abb;font-size:12px}.score{text-align:right;color:var(--gold);font-weight:900;font-size:19px;font-variant-numeric:tabular-nums}.score small{font-size:10px;color:#ac90ba}.board-footer{border-top:1px solid #352842;display:flex;justify-content:space-between;gap:12px;padding:18px 26px;color:#8f809a;font-size:10px}.skeleton,.empty{grid-column:1/-1;text-align:center;padding:70px 16px;color:#b99ac8}.bottom-zone{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:60px 38px 70px}.lucky-card,.mission-card{border:1px solid #65426b;min-height:345px;padding:28px 31px;border-radius:14px;background:radial-gradient(ellipse at 95% 0,#76347265,transparent 55%),#1a1027;overflow:hidden}.lucky-head{font-weight:900;letter-spacing:1px}.lucky-amount{font:900 80px 'Barlow Condensed',sans-serif;color:var(--gold);margin:0 0 3px;line-height:1.2}.lucky-amount span{font-size:30px}.lucky-card p,.mission-card p{color:#b4a4c1;font-size:13px;line-height:1.7}.rules{display:flex;flex-direction:column;gap:13px;margin-top:21px}.rules>div{display:flex;gap:15px;align-items:center;font-size:12px}.rules b{background:#4a2662;padding:7px 10px;color:#f2befb;border-radius:6px}.rules strong{color:var(--gold)}.mission-card{position:relative}.mission-card h2{font-size:clamp(44px,4.8vw,62px);max-width:500px;position:relative;z-index:1}.mission-card p{max-width:280px;position:relative;z-index:1}.mission-card .button{margin-top:17px;position:relative;z-index:2}.mission-card>img{position:absolute;bottom:-75px;right:-60px;width:54%;height:75%;border-radius:30%;object-fit:cover;opacity:.55;mask-image:linear-gradient(to right,transparent 0,#000 44%)}footer{border-top:1px solid #332342;padding:27px 38px 40px;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;color:#8e789e;font-size:9px;font-weight:900;letter-spacing:1px}footer b{color:white}footer b span{color:var(--gold)}@keyframes rise{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{50%{opacity:.5;box-shadow:0 0 3px #8ef75c}}@media(max-width:850px){.topbar{padding:0 18px}.topbar nav>a:not(.nav-join){display:none}.hero{grid-template-columns:1fr;padding:44px 21px 15px}.hero h1{font-size:85px}.hero-art{height:300px;margin-top:2px}.hero-art .naz{width:62%}.hero-reward{right:10%;bottom:10px}.stats{margin:10px 20px 45px;grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border:0}.stat:nth-child(-n+2){border-bottom:1px solid #42304e}.ranking-section{padding:0 20px}.bottom-zone{margin:50px 20px;grid-template-columns:1fr}.mission-card>img{width:45%;height:90%}}@media(max-width:560px){.identity small{display:none}.identity img{width:42px;height:42px}.identity b{font-size:25px}.topbar .nav-join{padding:11px 12px;font-size:10px}.hero h1{font-size:66px}.hero h1 em{letter-spacing:1px;vertical-align:6px}.hero-ctas{flex-wrap:wrap}.hero-art{height:260px}.hero-art .naz{width:80%}.hero-reward{right:0}.hero-reward strong{font-size:49px}.stat{padding:18px 16px}.stat strong{font-size:34px}.section-top{align-items:flex-start}.ranking-section h2{font-size:44px}.section-actions button{padding:10px}.podium{gap:7px}.podium-card{padding:15px 6px;min-height:166px}.podium-card:nth-child(2){min-height:200px}.podium-name{font-size:11px}.board-head{flex-direction:column;align-items:stretch;padding:12px}.board-tabs button{font-size:10px;padding:11px 9px}.search input{width:100%}.column-labels,.rank-row{grid-template-columns:34px 1fr 55px 77px;gap:6px;padding-left:12px;padding-right:12px}.column-labels{font-size:9px}.rank-row{min-height:61px}.rank-user{gap:8px}.rank-user .avatar{width:30px;height:30px;flex-basis:30px;border-radius:8px;font-size:12px}.rank-user .username{font-size:12px}.rank-user .handle{font-size:9px}.score{font-size:16px}.lucky-amount{font-size:65px}.mission-card>img{opacity:.25}.board-footer{flex-direction:column}}

/* HOODBAGS / AFTER HOURS — premium refinement v2 */
:root{--ease-luxe:cubic-bezier(.22,1,.36,1)}
body{background:radial-gradient(ellipse 60% 25% at 50% 7%,#31113e3b,transparent 80%),#0b0817}
.ambience{position:fixed;z-index:-1;height:100vh;opacity:.9}
.topbar{position:relative;border-bottom-color:#ffffff16}
.topbar::after{content:"";position:absolute;bottom:-1px;left:38px;width:118px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.topbar nav .nav-join{box-shadow:0 8px 28px #f4b84a20}
.hero h1{filter:drop-shadow(0 2px 16px #d05cff12)}
.hero-art .naz{transition:transform 1.4s var(--ease-luxe),filter .8s ease;animation:mascot-arrive 1s var(--ease-luxe) both}
.hero-art:hover .naz{transform:translateY(-7px) scale(1.025);filter:drop-shadow(0 0 45px #9749ff77)}
.hero-reward{animation:float-soft 6.3s ease-in-out infinite}
.stat{transition:background .35s ease,transform .35s var(--ease-luxe)}
.stat:hover{background:#ffffff08}
.stats{box-shadow:0 25px 80px #02000533}
.chapter-marker{margin:0 38px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#b7a5c1;font-size:10px;font-weight:900;letter-spacing:2px}
.chapter-marker::before{content:"";width:22px;height:1px;background:var(--gold)}
.chapter-marker span:nth-child(2){margin-left:auto;color:#8f7a9b;letter-spacing:1px}
.chapter-marker-second{margin-top:64px}
.feature-zone{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 38px 38px}
.feature-zone .lucky-card,.feature-zone .mission-card{min-height:312px;box-shadow:0 20px 70px #0004;position:relative;isolation:isolate;transition:border-color .35s,transform .35s var(--ease-luxe),box-shadow .35s}
.feature-zone .lucky-card:hover,.feature-zone .mission-card:hover{transform:translateY(-4px);border-color:#a46bb0;box-shadow:0 28px 80px #a83b691c}
.feature-zone .lucky-amount{font-size:76px;letter-spacing:-1px}
.feature-zone .lucky-card::after{content:"";position:absolute;width:260px;height:260px;right:-120px;top:-145px;border:1px solid #f4b84a22;border-radius:50%;box-shadow:0 0 0 35px #f4b84a08,0 0 0 75px #f4b84a04;pointer-events:none}
.feature-zone .mission-card{background:radial-gradient(ellipse at 99% 92%,#85318770,transparent 48%),linear-gradient(135deg,#1b1129,#25112d)}
.feature-zone .mission-card>img{opacity:.7;filter:saturate(.85);transition:transform 1s var(--ease-luxe)}
.feature-zone .mission-card:hover>img{transform:scale(1.05) translate(-3px,-4px)}
.feature-zone .mission-card h2{font-size:clamp(43px,4.6vw,61px)}
.ranking-section{scroll-margin-top:30px}
.ranking-section h2 span{text-shadow:0 0 32px #f4b84a16}
.podium-card{box-shadow:0 14px 55px #0005;transition:transform .4s var(--ease-luxe),box-shadow .4s,border-color .4s;animation:rise .75s var(--ease-luxe) both}
.podium-card:nth-child(2){animation-delay:.12s}
.podium-card:nth-child(3){animation-delay:.23s}
.podium-card:hover{transform:translateY(-7px);box-shadow:0 23px 65px #d78bf41a;border-color:#ad79b9}
.podium-card:nth-child(2):hover{box-shadow:0 23px 75px #f4b84a29;border-color:var(--gold)}
.podium-card:nth-child(2)::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,transparent 22%,#fff9d512 44%,transparent 57%);transform:translateX(-110%);animation:sweep 8s 2s ease-in-out infinite}
.podium-card .avatar{box-shadow:0 0 0 5px #b99bd40a}
.board{box-shadow:0 24px 90px #0005}
.rank-row{animation:row-in .45s var(--ease-luxe) both;position:relative}
.rank-row::before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:2px;background:var(--gold);transform:scaleY(0);transition:transform .25s var(--ease-luxe);transform-origin:center}
.rank-row:hover::before{transform:scaleY(1)}
.rank-row:hover{background:#2d1d3b}
.score{font-variant-numeric:tabular-nums}
.board-tabs button{transition:color .2s,background .2s,border-color .2s}
.search:focus-within{border-color:#b579bd;box-shadow:0 0 0 3px #de55ef11}
#refresh{transition:transform .25s,border-color .25s}
#refresh:hover{transform:translateY(-2px)}
.token-launch{margin:69px 38px 65px;position:relative}
.launch-label{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--gold);letter-spacing:2px;font-size:11px;margin-bottom:17px}
.pulse-gold{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 20px #f4b84a80;animation:glow 2.4s infinite}
.token-launch img{width:100%;height:auto;display:block;aspect-ratio:3/1;object-fit:cover;border:1px solid #8a4c713d;border-radius:16px;box-shadow:0 30px 100px #0008,0 0 46px #f4b84a0d;transition:filter .6s,transform .7s var(--ease-luxe)}
.token-launch img:hover{filter:brightness(1.06)}
.launch-under{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;color:#bfaacc;font-size:11px;font-weight:800;letter-spacing:1.7px}
.launch-under b{color:var(--gold)}
.launch-under a{color:var(--gold);transition:color .2s}
.launch-under a:hover{color:white}
@keyframes row-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes mascot-arrive{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes float-soft{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes sweep{0%,78%,100%{transform:translateX(-110%)}90%{transform:translateX(110%)}}
@media(max-width:850px){.feature-zone{margin:0 20px 35px;grid-template-columns:1fr}.chapter-marker{margin-left:20px;margin-right:20px}.chapter-marker-second{margin-top:45px}.token-launch{margin:45px 20px 45px}.feature-zone .mission-card>img{width:40%;height:90%}}
@media(max-width:560px){.chapter-marker{font-size:9px;letter-spacing:1px}.chapter-marker span:nth-child(2){font-size:8px;white-space:nowrap}.feature-zone .lucky-card,.feature-zone .mission-card{min-height:310px}.feature-zone .lucky-amount{font-size:66px}.feature-zone .mission-card h2{font-size:43px}.feature-zone .mission-card>img{opacity:.34}.token-launch img{border-radius:10px}.launch-under{flex-wrap:wrap;font-size:9px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}