:root{--lime:#CCFF00;--tar:#17171c;--chalk:#f1eee3;--pink:#ff3d81;--dk:#85A600;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:70px;scroll-behavior:smooth}*{box-sizing:border-box}
body{margin:0;background:var(--tar);color:var(--chalk);font:400 17px/1.5 Archivo,system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3{font-family:'Bowlby One',Impact,sans-serif;font-weight:400;line-height:.95;margin:0;text-transform:uppercase}
.mk{font-family:'Permanent Marker',cursive}
img{image-rendering:pixelated;display:block;max-width:100%}
a{color:inherit}
.btn{display:inline-block;font:400 18px 'Bowlby One',Impact,sans-serif;text-transform:uppercase;background:var(--lime);color:var(--tar);border:3px solid var(--tar);box-shadow:5px 5px 0 var(--pink);padding:12px 22px;text-decoration:none;cursor:pointer;transition:transform .08s,box-shadow .08s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--pink)}.btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--pink)}
.btn.o{background:var(--chalk)}
:focus-visible{outline:3px dashed var(--pink);outline-offset:3px}
#gate{position:fixed;inset:0;z-index:99;background:var(--lime);color:var(--tar);display:grid;place-items:center;text-align:center;padding:24px}
#gate h1{font-size:clamp(44px,14vw,120px)}#gate p{margin:14px 0 26px}
nav{position:sticky;top:0;z-index:50;background:var(--tar);border-bottom:3px solid var(--lime);display:flex;align-items:center;gap:14px;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));margin-top:calc(-1 * env(safe-area-inset-top,0px))}
nav b{font:400 20px 'Bowlby One',sans-serif;color:var(--lime);margin-right:auto}
nav a.l{text-decoration:none;font-weight:700;display:none}
@media(min-width:760px){nav a.l{display:inline}}
#snd{background:none;border:2px solid var(--chalk);color:var(--chalk);width:40px;height:40px;cursor:pointer;font-size:18px}
nav .btn{padding:7px 12px;font-size:14px;box-shadow:3px 3px 0 var(--pink)}
.hero{padding:40px 16px 24px;max-width:1100px;margin:auto;position:relative}
.hero h1{font-size:clamp(56px,17vw,170px);color:var(--lime);text-shadow:6px 6px 0 var(--pink)}
.hero h1 span{display:block;color:var(--chalk);text-shadow:6px 6px 0 var(--dk)}
.hero p{max-width:34ch;font-size:19px;margin:22px 0}
.stk{display:flex;gap:16px;margin:26px 0;flex-wrap:wrap}
.stk div{width:clamp(64px,17vw,116px);border:4px solid var(--chalk);background:var(--chalk);box-shadow:4px 4px 0 var(--lime);position:relative}
.stk div:nth-child(1){transform:rotate(-5deg)}.stk div:nth-child(2){transform:rotate(3deg) translateY(14px)}.stk div:nth-child(3){transform:rotate(-2deg)}
.stk div:after{content:"";position:absolute;top:-12px;left:35%;width:30%;height:22px;background:#f5d86699;transform:rotate(-4deg)}
.mq{overflow:hidden;border-block:4px solid var(--tar);background:var(--pink);color:var(--tar);transform:rotate(-1.5deg);margin:34px -10px}
.mq div{display:flex;gap:30px;width:max-content;padding:10px 0;animation:m 22s linear infinite;font:400 24px 'Bowlby One',sans-serif;text-transform:uppercase;white-space:nowrap}
@keyframes m{to{transform:translateX(-50%)}}
section{padding:56px 16px;max-width:1100px;margin:auto}
.slab{background:var(--lime);color:var(--tar);max-width:none}.slab>div{max-width:1100px;margin:auto}
h2{font-size:clamp(36px,9vw,72px);margin-bottom:22px}
.st{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:760px){.st{grid-template-columns:repeat(4,1fr)}}
.st div{border:3px solid var(--tar);padding:14px;background:var(--chalk);box-shadow:5px 5px 0 var(--tar)}
.st b{font:400 34px 'Bowlby One',sans-serif;display:block}
.tier{display:grid;grid-template-columns:96px 1fr 56px;gap:10px;align-items:center;margin:10px 0;font-weight:700}
.tier i{display:block;height:26px;border:2px solid var(--chalk);background:var(--c);width:var(--w)}
.crown{display:grid;gap:24px;align-items:center}
@media(min-width:760px){.crown{grid-template-columns:1fr 1fr}}
.pair{display:flex;gap:14px}.pair div{width:clamp(80px,24vw,140px);border:3px solid var(--tar);box-shadow:4px 4px 0 var(--tar)}
.pair div:nth-child(2){transform:rotate(3deg)}.pair div:nth-child(1){transform:rotate(-3deg)}
.bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{font:700 15px Archivo;background:none;color:var(--chalk);border:2px solid var(--chalk);padding:7px 12px;cursor:pointer}
.chip.on{background:var(--lime);color:var(--tar);border-color:var(--lime)}
#q{background:var(--chalk);color:var(--tar);border:3px solid var(--lime);padding:9px 12px;font:700 16px Archivo;width:150px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(min-width:760px){.grid{grid-template-columns:repeat(6,1fr)}}
.card{background:var(--chalk);color:var(--tar);border:3px solid var(--chalk);padding:0;cursor:pointer;text-align:left;font:inherit;transition:transform .1s}
.card:hover{transform:rotate(-1.5deg) scale(1.03);border-color:var(--lime)}
.card span{display:flex;flex-direction:column;padding:4px 6px;font-weight:700;font-size:12px;line-height:1.2}
.t-Mythic{color:#b8001f}.t-Legendary{color:#a45a00}.t-Epic{color:#7a2bd0}
#m{position:fixed;inset:0;background:#000c;z-index:90;display:none;place-items:center;padding:16px}
#m.on{display:grid}#m>div{background:var(--chalk);color:var(--tar);border:4px solid var(--lime);box-shadow:8px 8px 0 var(--pink);max-width:280px;width:100%;padding:12px}
#m dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:12px 0}#m dt{font-weight:700}#m dd{margin:0}
details{border:3px solid var(--chalk);padding:12px 14px;margin:10px 0}summary{cursor:pointer;font-weight:700;font-size:18px}
footer{border-top:3px solid var(--lime);padding:30px 16px 50px;text-align:center}
footer a{margin:0 10px;font-weight:700}
@media(prefers-reduced-motion:reduce){.mq div{animation:none}*{transition:none!important}}
.hide{display:none!important}
main{max-width:640px;margin:auto;padding:28px 16px 60px}
h1.t{font-size:clamp(40px,12vw,76px);color:var(--lime);text-shadow:4px 4px 0 var(--pink)}
.task{border:3px solid var(--chalk);padding:12px;margin:12px 0;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}
.task.done{border-color:var(--lime);background:#ccff0014}.task b{font-size:18px}.task small{display:block;opacity:.75}
.task .a{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.task .btn{padding:7px 11px;font-size:13px;box-shadow:3px 3px 0 var(--pink)}
.btn[disabled]{opacity:.35;pointer-events:none}
input{background:var(--chalk);color:var(--tar);border:3px solid var(--lime);padding:11px;font:700 16px Archivo;width:100%;margin:6px 0}
.err{color:var(--pink);font-weight:700;min-height:1.4em}
canvas{width:100%;border:3px solid var(--lime);box-shadow:6px 6px 0 var(--pink);margin:18px 0}
.row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.sbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.sbar input{width:auto;flex:1;min-width:140px;margin:0}
.chk{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-start;background:var(--chalk);color:var(--tar);border:3px solid var(--lime);box-shadow:6px 6px 0 var(--pink);padding:18px;margin-top:6px}
.chk img{width:160px;height:160px;border:3px solid var(--tar);flex-shrink:0}
.chk h3{font-size:30px;margin-bottom:4px}
.chk .tag{display:inline-block;font:700 13px Archivo;padding:3px 10px;border:2px solid var(--tar);margin-bottom:10px}
.chk dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:15px}
.chk dt{font-weight:700;opacity:.65}.chk dd{margin:0}
.chk.err{display:block;border-color:var(--pink);box-shadow:none}
.tbox{background:var(--chalk);color:var(--tar);border:3px solid var(--lime);box-shadow:6px 6px 0 var(--pink);padding:20px;margin-top:6px}
.tbox ul{margin:14px 0;padding-left:20px}.tbox li{margin:6px 0;font-weight:700}
.tbox .note{font-size:13px;opacity:.7;margin-top:16px;font-weight:400}
.cd{margin:6px 0 22px;display:inline-block}
.cd .lb{font:700 13px Archivo,sans-serif;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.cd .bx{display:flex;gap:10px;flex-wrap:wrap}
.cd .u{background:var(--chalk);color:var(--tar);border:3px solid var(--tar);box-shadow:4px 4px 0 var(--pink);padding:8px 10px;min-width:68px;text-align:center}
.cd .u b{display:block;font:400 clamp(26px,7vw,40px) 'Bowlby One',Impact,sans-serif;line-height:1.1}
.cd .u span{font-size:11px;text-transform:uppercase;opacity:.7}
.cd .dt{font-size:13px;margin-top:10px;opacity:.85}
.cd.live .bx{display:none}.cd .nw{display:none;font:400 clamp(26px,7vw,40px) 'Bowlby One',Impact,sans-serif;color:var(--lime)}.cd.live .nw{display:block}
.hsum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.hsum div{border:3px solid var(--lime);padding:12px;background:#ccff0012;font-size:14px}
.hsum b{font:400 clamp(20px,6vw,32px) 'Bowlby One',Impact,sans-serif;display:block;color:var(--lime);line-height:1.1;word-break:break-word}
.hg{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:760px){.hg{grid-template-columns:repeat(4,1fr)}}
.hc{background:var(--chalk);color:var(--tar);border:3px solid var(--chalk);box-shadow:4px 4px 0 var(--pink)}
.hv{display:block;width:100%;background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.hs{display:block;width:calc(100% - 16px);margin:0 8px 8px;padding:8px;font:400 14px 'Bowlby One',Impact,sans-serif;text-transform:uppercase;background:var(--lime);color:var(--tar);border:3px solid var(--tar);cursor:pointer}.hs.on{background:var(--pink)}
.hc:hover{border-color:var(--lime)}.hc img{width:100%;aspect-ratio:1/1;object-fit:cover}
.hc span{display:block;padding:6px 8px;font-weight:700;font-size:13px;line-height:1.35}
.hc b{font:400 17px 'Bowlby One',Impact,sans-serif;display:block}
.bchip{display:inline-block;border:3px solid var(--tar);padding:5px 10px;font-weight:700;font-size:14px;background:var(--c);color:var(--tar)}
.hnote{opacity:.75;font-size:14px;margin-top:12px}
.lbt{width:100%;border-collapse:collapse;font-weight:700}.lbt th{text-align:left;font:400 14px "Bowlby One",Impact,sans-serif;text-transform:uppercase;padding:8px 6px;border-bottom:3px solid var(--lime)}.lbt td{padding:9px 6px;border-bottom:2px solid #f1eee333}.lbt td:last-child,.lbt th:last-child{text-align:right}.lbt tr.top td:first-child{color:var(--lime)}.lbt a{text-decoration:none}
#lbar{background:var(--lime);color:var(--tar);padding:8px 16px;border-bottom:3px solid var(--tar)}
.lbi{max-width:1100px;margin:0 auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#lbar input{flex:1 1 220px;margin:0;border-color:var(--tar);padding:9px;font-size:15px}
#lbar .btn{padding:8px 16px;font-size:15px;box-shadow:3px 3px 0 var(--pink)}
#lbar b{font:400 16px 'Bowlby One',Impact,sans-serif;flex:1}
.lerr{color:#b0003a;font-weight:700;font-size:14px;max-width:1100px;margin:4px auto 0}
[hidden]{display:none!important}
nav{margin-top:0!important;padding-top:10px!important}
.btn:disabled,.hs:disabled{opacity:.5;cursor:not-allowed}
#stake-root h3,#conv h3{margin:22px 0 10px;font-size:26px}
#cbtn{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:90;font:400 15px 'Bowlby One',Impact,sans-serif;text-transform:uppercase;background:var(--lime);color:var(--tar);border:3px solid var(--tar);box-shadow:4px 4px 0 var(--pink);padding:10px 14px;cursor:pointer}
#cbox{position:fixed;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:95;width:min(94vw,390px);height:min(78vh,560px);display:flex;flex-direction:column;background:var(--tar);color:var(--chalk);border:3px solid var(--lime);box-shadow:6px 6px 0 var(--pink)}
.chd{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--lime);color:var(--tar);font:400 16px 'Bowlby One',Impact,sans-serif;text-transform:uppercase}
.chd button{background:none;border:0;font-size:26px;line-height:1;cursor:pointer;color:var(--tar)}
#cmsgs{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.cb{max-width:88%;padding:8px 11px;font-size:14px;line-height:1.4;white-space:pre-wrap}
.cb.bot{background:var(--chalk);color:var(--tar);align-self:flex-start}.cb.me{background:var(--lime);color:var(--tar);align-self:flex-end;font-weight:700}
#cchips{max-height:34%;overflow-y:auto;padding:6px 10px;display:flex;flex-wrap:wrap;gap:6px;border-top:2px solid #f1eee333}
#cchips button{font:700 12px Archivo,Arial,sans-serif;background:transparent;color:var(--lime);border:2px solid var(--lime);padding:5px 8px;cursor:pointer;text-align:left}
#cform{display:flex;gap:6px;padding:8px 10px;border-top:2px solid #f1eee333}
#cform input{margin:0;padding:8px;font-size:15px}
#cform button{background:var(--lime);color:var(--tar);border:3px solid var(--tar);font:400 14px 'Bowlby One',Impact,sans-serif;padding:0 12px;cursor:pointer}
.hsum b{font-size:clamp(16px,5.4vw,30px)!important;white-space:nowrap}

/* ===== PREMIUM LAYER: glass, glow, motion. Everything below only restyles; all features stay as they are. ===== */
:root{--bg:#07070b;--glass:rgba(255,255,255,.05);--line:rgba(255,255,255,.11);--lime2:#9be000;--vio:#8c6eff}
html{background:var(--bg)}
body{background:transparent;font:400 16px/1.6 Sora,Archivo,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:
 radial-gradient(42% 36% at 14% 8%,rgba(204,255,0,.17),transparent 70%),
 radial-gradient(36% 30% at 88% 18%,rgba(255,61,129,.15),transparent 70%),
 radial-gradient(46% 40% at 62% 92%,rgba(140,110,255,.15),transparent 70%)}
@keyframes aur{to{transform:translate3d(3%,-2%,0) scale(1.09) rotate(2deg)}}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at 50% 15%,#000 0%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 15%,#000 0%,transparent 72%)}
canvas#fx{position:fixed;inset:0;width:100%;height:100%;z-index:-1;border:0;box-shadow:none;margin:0;pointer-events:none}
#prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:120;background:linear-gradient(90deg,var(--lime),var(--pink),var(--vio));transform-origin:0 50%;transform:scaleX(0);box-shadow:0 0 12px rgba(204,255,0,.7)}
.spot{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(420px circle at var(--sx,50%) var(--sy,30%),rgba(204,255,0,.065),transparent 62%)}

#home{overflow-x:clip}
/* nav + wallet bar */
nav{background:rgba(9,9,14,.92);border-bottom:1px solid var(--line);transition:box-shadow .3s,background .3s}
nav.sc{background:rgba(9,9,14,.82);box-shadow:0 12px 40px -18px #000}
nav b{background:linear-gradient(120deg,#e9ff7a,var(--lime) 55%,var(--lime2));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.04em}
nav a.l{position:relative;opacity:.82;transition:opacity .2s}
nav a.l:hover{opacity:1}
nav a.l::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--lime),var(--pink));transform:scaleX(0);transform-origin:0 50%;transition:transform .3s}
nav a.l:hover::after{transform:scaleX(1)}
#snd{border:1px solid var(--line);border-radius:12px;background:var(--glass);transition:transform .2s,border-color .2s}
#snd:hover{transform:scale(1.08);border-color:var(--lime)}
#lbar{background:linear-gradient(90deg,rgba(204,255,0,.15),rgba(255,61,129,.09));color:var(--chalk);border-bottom:1px solid var(--line);}
#lbar b{color:var(--lime);font-size:15px;text-shadow:0 0 18px rgba(204,255,0,.45)}
.lerr{color:#ff7aa8}

/* buttons */
.btn{position:relative;overflow:hidden;border:0;border-radius:14px;background:linear-gradient(135deg,#dcff3d,#9be000);color:#0b0b10;letter-spacing:.02em;box-shadow:0 0 0 1px rgba(204,255,0,.55),0 12px 30px -10px rgba(204,255,0,.6);transform:translate(var(--bx,0px),var(--by,0px));transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-130%);transition:transform .75s}
.btn:hover{transform:translate(var(--bx,0px),calc(var(--by,0px) - 2px));box-shadow:0 0 0 1px rgba(204,255,0,.8),0 18px 40px -10px rgba(204,255,0,.75)}
.btn:hover::after{transform:translateX(130%)}
.btn:active{transform:translateY(1px) scale(.97);box-shadow:0 0 0 1px rgba(204,255,0,.6),0 6px 16px -8px rgba(204,255,0,.6)}
.btn.o{background:var(--glass);color:var(--chalk);box-shadow:0 0 0 1px var(--line);}
.btn.o:hover{box-shadow:0 0 0 1px rgba(204,255,0,.7),0 14px 34px -12px rgba(204,255,0,.5)}
nav .btn,#lbar .btn,.task .btn{box-shadow:0 0 0 1px rgba(204,255,0,.5),0 8px 20px -10px rgba(204,255,0,.6)}
nav .btn.o,#lbar .btn.o{box-shadow:0 0 0 1px var(--line)}
.hs{border:0;border-radius:12px;background:linear-gradient(135deg,#dcff3d,#9be000)}

/* inputs */
input{background:rgba(255,255,255,.06);color:var(--chalk);border:1px solid var(--line);border-radius:12px;transition:border-color .2s,box-shadow .2s,background .2s}
input::placeholder{color:rgba(241,238,227,.45)}
input:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(204,255,0,.18);background:rgba(255,255,255,.09)}
#lbar input{border-color:var(--line)}
#q{background:rgba(255,255,255,.07);color:var(--chalk);border:1px solid var(--line);border-radius:12px}
.chip{border:1px solid var(--line);border-radius:999px;background:var(--glass)}
.chip.on{background:var(--lime);color:#0b0b10;border-color:var(--lime);box-shadow:0 0 18px rgba(204,255,0,.4)}

/* hero */
.hero{padding-top:54px}
.hero::before{content:"";position:absolute;inset:-6% -12% auto;height:78%;z-index:-1;pointer-events:none;background:radial-gradient(48% 58% at 28% 38%,rgba(204,255,0,.2),transparent 70%);animation:breathe 7s ease-in-out infinite alternate}
@keyframes breathe{from{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.06)}}
.pill{display:inline-flex;align-items:center;gap:9px;font:600 12px Sora,sans-serif;letter-spacing:.09em;text-transform:uppercase;padding:7px 14px 7px 12px;border-radius:999px;border:1px solid rgba(204,255,0,.35);background:rgba(204,255,0,.08);color:#e9ff8f;margin-bottom:18px;}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(204,255,0,.7);animation:ping 1.8s infinite}
@keyframes ping{70%{box-shadow:0 0 0 10px rgba(204,255,0,0)}100%{box-shadow:0 0 0 0 rgba(204,255,0,0)}}
.hero h1{color:var(--lime);text-shadow:0 0 36px rgba(204,255,0,.4),0 0 90px rgba(204,255,0,.18);animation:glow 4.5s ease-in-out infinite alternate}
.hero h1 span{color:var(--chalk);text-shadow:0 0 40px rgba(255,255,255,.12)}
@keyframes glow{from{text-shadow:0 0 28px rgba(204,255,0,.3),0 0 70px rgba(204,255,0,.12)}to{text-shadow:0 0 46px rgba(204,255,0,.55),0 0 120px rgba(204,255,0,.26)}}
.hero p{color:rgba(241,238,227,.82)}
.hero>.btn{margin:0 10px 12px 0}
html.pm:not(.go) .hero .ent{opacity:0}
html.go .hero .ent{animation:enter .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--ed,0ms)}
html.go .hero h1.ent{animation:enter 1s cubic-bezier(.2,.8,.2,1) both,glow 4.5s ease-in-out 1s infinite alternate}
@keyframes enter{from{opacity:0;transform:translateY(34px) scale(.98)}to{opacity:1;transform:none}}

/* headings */
h2{letter-spacing:.005em}
h2::after{content:"";display:block;width:64px;height:4px;border-radius:4px;margin-top:14px;background:linear-gradient(90deg,var(--lime),var(--pink));box-shadow:0 0 16px rgba(204,255,0,.5);transition:width .9s cubic-bezier(.2,.8,.2,1) .2s}
.pm .rv h2::after,.pm h2.rv::after{width:0}
.pm .rv.in h2::after,.pm h2.rv.in::after{width:64px}
section>p{color:rgba(241,238,227,.8)}

/* marquee */
.mq{transform:none;margin:34px 0;border:0;border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(204,255,0,.07),rgba(255,61,129,.08),rgba(140,110,255,.07));color:var(--lime);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mq div{font-size:19px;letter-spacing:.07em;animation-duration:34s}
.mq:hover div{animation-play-state:paused}

/* slabs */
.slab{background:linear-gradient(135deg,rgba(204,255,0,.1),rgba(255,61,129,.06) 55%,rgba(140,110,255,.09));color:var(--chalk);border-block:1px solid var(--line);position:relative;overflow:hidden}
.slab::before{content:"";position:absolute;inset:-40% auto auto -10%;width:60%;height:200%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.06),transparent);transform:rotate(12deg);animation:sweep 9s ease-in-out infinite}
@keyframes sweep{0%{transform:translateX(-30%) rotate(12deg)}100%{transform:translateX(260%) rotate(12deg)}}
.slab h2{background:linear-gradient(100deg,#fff1a8,#ffcf3a 40%,#ff9d00 60%,#ffe27a);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gold 6s linear infinite;filter:drop-shadow(0 0 22px rgba(255,190,0,.28))}
@keyframes gold{to{background-position:-220% 0}}
.slab h2::after{background:linear-gradient(90deg,#ffcf3a,#ff9d00)}
.slab p{color:rgba(241,238,227,.88)}

/* glass cards */
.st div,.hsum div,.tbox,.chk,details,.task{background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 44px -26px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.07);color:var(--chalk)}
.st div,.hsum div{position:relative;overflow:hidden;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease,border-color .3s,box-shadow .3s}
.st div::after,.hsum div::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(204,255,0,.16),transparent 62%)}
.st div:hover,.hsum div:hover{border-color:rgba(204,255,0,.5);box-shadow:0 26px 50px -24px rgba(204,255,0,.35),inset 0 1px 0 rgba(255,255,255,.1)}
.st div:hover::after,.hsum div:hover::after{opacity:1}
.st b{background:linear-gradient(120deg,#f4ffb0,var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:32px}
.hsum div{background:linear-gradient(160deg,rgba(204,255,0,.12),rgba(255,255,255,.03));border-color:rgba(204,255,0,.28)}
.hsum b{text-shadow:0 0 22px rgba(204,255,0,.5)}
.tbox{}
.tbox .note{opacity:.6}
details{transition:border-color .3s,background .3s}
details:hover{border-color:rgba(204,255,0,.35)}
details[open]{border-color:rgba(204,255,0,.5);background:linear-gradient(160deg,rgba(204,255,0,.08),rgba(255,255,255,.03))}
summary{list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 26px/1 Sora,sans-serif;color:var(--lime);transition:transform .3s;flex-shrink:0}
details[open] summary::after{transform:rotate(45deg)}
details[open] p{animation:fadeup .4s ease both}
@keyframes fadeup{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
details a{color:var(--lime)}

/* tier bars */
.tier i{border:0;border-radius:999px;height:14px;box-shadow:0 0 16px -2px var(--c);background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,#fff));transition:width 1.3s cubic-bezier(.2,.8,.2,1) .15s}
.pm .tier.rv:not(.in) i{width:0}
.bchip{border:1px solid color-mix(in srgb,var(--c) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--chalk);box-shadow:0 0 18px -6px var(--c)}

/* leaderboard */
.lbt{border-collapse:separate;border-spacing:0 6px}
.lbt th{border-bottom:0;opacity:.7;letter-spacing:.06em;font-size:12px}
.lbt td{background:rgba(255,255,255,.04);border-bottom:0!important;transition:background .2s}
.lbt td:first-child{border-radius:12px 0 0 12px}.lbt td:last-child{border-radius:0 12px 12px 0}
.lbt tr:hover td{background:rgba(204,255,0,.09)}
.lbt tr.top td{background:rgba(204,255,0,.1)}
.lbt tr.top td:first-child{box-shadow:inset 3px 0 0 var(--lime)}
.lbt a{text-decoration:none}.lbt a:hover{color:var(--lime)}

/* punk cards (My Punks) */
.hc{position:relative;overflow:hidden;background:linear-gradient(170deg,rgba(255,255,255,.09),rgba(255,255,255,.03));color:var(--chalk);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 36px -22px rgba(0,0,0,.9);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease,border-color .3s,box-shadow .3s,translate .3s}
.hc:hover{border-color:rgba(204,255,0,.65);box-shadow:0 26px 54px -20px rgba(204,255,0,.45);translate:0 -5px}
.hc:active{scale:.985}
.hc::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(204,255,0,.2),transparent 62%)}
.hc:hover::after{opacity:1}
.hc img{border-radius:0;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hc:hover img{transform:scale(1.06)}
.hc>a{display:block;overflow:hidden}
.hc>a>img,.hc>a>div{border-bottom:1px solid var(--line)}
.hc span{color:rgba(241,238,227,.92)}
.hc b{color:#fff}
.hc .go{display:block;margin-top:7px;font:600 11px Sora,sans-serif;letter-spacing:.05em;color:var(--lime);opacity:.85;transition:opacity .2s,transform .2s}
.hc:hover .go{opacity:1;transform:translateX(3px)}
.hc a>div[style*="aspect-ratio"]{background:linear-gradient(110deg,#13131b 30%,#23232f 50%,#13131b 70%)!important;background-size:220% 100%;color:rgba(204,255,0,.6)!important;animation:sk 1.4s linear infinite}
@keyframes sk{to{background-position:-220% 0}}

/* Check Punk result */
.chk{position:relative;overflow:hidden;border-color:rgba(204,255,0,.35);box-shadow:0 30px 70px -30px rgba(204,255,0,.35),inset 0 1px 0 rgba(255,255,255,.08);animation:pop .55s cubic-bezier(.2,.9,.2,1) both}
.chk::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(204,255,0,.9),rgba(255,61,129,.5),rgba(140,110,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.7}
@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.chk .pimg{display:block;flex-shrink:0;border-radius:14px;overflow:hidden;line-height:0}
.chk img{border:1px solid var(--line);border-radius:14px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.chk .pimg:hover img{transform:scale(1.06)}
.chk .tag{color:#0b0b10;border:0!important;border-radius:999px;box-shadow:0 0 18px -2px currentColor}
.chk h3{color:#fff}
.chk a:not(.btn):not(.pimg){color:var(--lime)}
.chk .btn{margin-top:6px;font-size:15px;padding:10px 18px}
.chk.err{border-color:rgba(255,61,129,.6);box-shadow:none;animation:none}
.chk.err::before{display:none}

/* modal + chat */
#m>div{background:rgba(18,18,26,.94);color:var(--chalk);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px -20px #000,0 0 40px -10px rgba(204,255,0,.3);animation:pop .35s cubic-bezier(.2,.9,.2,1) both}
#cbtn{background:linear-gradient(135deg,#dcff3d,#9be000);border:0;border-radius:999px;box-shadow:0 10px 30px -8px rgba(204,255,0,.7);animation:pulse 3.2s ease-in-out infinite;transition:transform .2s}
#cbtn:hover{transform:translateY(-3px) scale(1.04)}
@keyframes pulse{0%,100%{box-shadow:0 10px 30px -8px rgba(204,255,0,.6),0 0 0 0 rgba(204,255,0,.35)}50%{box-shadow:0 10px 30px -8px rgba(204,255,0,.8),0 0 0 12px rgba(204,255,0,0)}}
#cbox{background:rgba(11,11,17,.97);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 40px 90px -20px #000,0 0 50px -16px rgba(204,255,0,.35);animation:pop .35s cubic-bezier(.2,.9,.2,1) both}
.chd{background:linear-gradient(90deg,rgba(204,255,0,.95),rgba(155,224,0,.95))}
.cb{border-radius:16px}.cb.bot{background:rgba(255,255,255,.09);color:var(--chalk);border-bottom-left-radius:5px}.cb.me{background:linear-gradient(135deg,#dcff3d,#9be000);border-bottom-right-radius:5px}
#cchips button{border-radius:999px;border:1px solid rgba(204,255,0,.4);transition:background .2s,color .2s}
#cchips button:hover{background:var(--lime);color:#0b0b10}
#cform button{border:0;border-radius:12px;background:linear-gradient(135deg,#dcff3d,#9be000)}

/* gate */
#gate{background:radial-gradient(55% 48% at 50% 42%,rgba(204,255,0,.2),transparent 70%),radial-gradient(40% 30% at 85% 85%,rgba(255,61,129,.16),transparent 70%),#07070b;color:var(--chalk);overflow:hidden}
#gate h1{color:var(--lime);text-shadow:0 0 40px rgba(204,255,0,.5),0 0 110px rgba(204,255,0,.25);animation:float 5s ease-in-out infinite alternate}
@keyframes float{from{transform:translateY(-6px)}to{transform:translateY(8px)}}
#gate p{color:rgba(241,238,227,.85)}
#gate .btn{font-size:20px;padding:15px 30px;animation:pulse 2.6s ease-in-out infinite}
#gate::before{content:"";position:absolute;width:min(90vw,640px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(204,255,0,.2);box-shadow:0 0 80px rgba(204,255,0,.12) inset;animation:spin 24s linear infinite}
#gate::after{content:"";position:absolute;width:min(66vw,440px);aspect-ratio:1;border-radius:50%;border:1px dashed rgba(255,61,129,.3);animation:spin 36s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
#gate>div{position:relative;z-index:1}

footer{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(204,255,0,.04))}
footer a{text-decoration:none;opacity:.85;transition:opacity .2s,color .2s}footer a:hover{opacity:1;color:var(--lime)}
.err{color:#ff7aa8}
a{transition:color .2s}
::selection{background:var(--lime);color:#0b0b10}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b0b10}::-webkit-scrollbar-thumb{background:linear-gradient(var(--lime),var(--pink));border-radius:10px}

/* scroll reveal (only active when the premium script is running) */
.pm .rv{opacity:0;translate:0 28px;scale:.985;transition:opacity .85s cubic-bezier(.2,.7,.2,1) var(--d,0ms),translate .85s cubic-bezier(.2,.7,.2,1) var(--d,0ms),scale .85s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.pm .rv.in{opacity:1;translate:none;scale:none}

@media(prefers-reduced-motion:reduce){
 body::before,.hero::before,.hero h1,.pill i,.slab::before,.slab h2,#gate h1,#gate::before,#gate::after,#gate .btn,#cbtn,.mq div{animation:none!important}
 .pm .rv{opacity:1;translate:none;scale:none;transition:none}html.pm:not(.go) .hero .ent{opacity:1}
 .hc,.st div,.hsum div{transform:none!important}
}

/* ===== MULTI-PAGE SITE: menu, page headers, quests, leaderboard names, admin ===== */
nav{gap:12px}
nav a.l{display:none}
@media(min-width:1020px){nav a.l{display:inline}.mbtn{display:none!important}}
.mbtn{background:var(--glass);border:1px solid var(--line);color:var(--chalk);width:42px;height:40px;border-radius:12px;font-size:20px;cursor:pointer;line-height:1}
nav .mp{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;gap:2px;padding:10px 12px 14px;background:rgba(9,9,14,.97);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -20px #000}
nav.open .mp{display:flex;animation:fadeup .25s ease both}
nav .mp a{padding:13px 12px;border-radius:12px;text-decoration:none;font-weight:700;font-size:17px;color:var(--chalk)}
nav .mp a:hover,nav .mp a.on{background:rgba(204,255,0,.1);color:var(--lime)}
nav a.l.on{opacity:1;color:var(--lime)}
nav a.l.on::after{transform:scaleX(1)}
.ph{padding-bottom:6px}
.ph h1{font-size:clamp(40px,12vw,96px)!important;margin:6px 0 0}
.ph p{max-width:52ch}
.wrap{max-width:1100px;margin:auto;padding:12px 16px 56px}
.cta{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:760px){.cta{grid-template-columns:repeat(3,1fr)}}
.cc{display:block;position:relative;overflow:hidden;text-decoration:none;color:var(--chalk);padding:22px 20px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:0 22px 44px -26px #000,inset 0 1px 0 rgba(255,255,255,.07);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.cc:hover{transform:translateY(-6px);border-color:rgba(204,255,0,.6);box-shadow:0 30px 60px -24px rgba(204,255,0,.4)}
.cc b{display:block;font:400 26px 'Bowlby One',Impact,sans-serif;color:var(--lime);text-transform:uppercase;margin:6px 0 8px}
.cc span{display:block;opacity:.85;line-height:1.5}
.cc u{display:inline-block;margin-top:14px;text-decoration:none;font-weight:800;color:var(--lime);letter-spacing:.04em}
.cc i{font-style:normal;font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.cc::before{content:"";position:absolute;inset:auto -30% -60% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(204,255,0,.22),transparent 65%);transition:transform .6s}
.cc:hover::before{transform:scale(1.4)}
/* address form (My Punks) */
.af{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0 6px}
.af input{flex:1 1 260px;margin:0}
.af .who{font:400 18px 'Bowlby One',Impact,sans-serif;color:var(--lime);flex:1 1 200px;text-shadow:0 0 18px rgba(204,255,0,.4);word-break:break-all}
.msg{min-height:1.5em;font-weight:700;color:#ff7aa8;margin:4px 0}
.msg.ok{color:var(--lime)}
/* leaderboard */
.lbt .nm{display:block;font-weight:800;color:var(--lime)}
.lbt .ad{display:block;font-size:13px;opacity:.75}
.lbt tr.me td{background:rgba(255,61,129,.16)}
.lbt a{color:inherit}
.tools{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.note2{font-size:13px;opacity:.7}
/* quests */
.qc{position:relative;border-radius:22px;border:1px solid var(--line);padding:20px 18px;margin:0 0 22px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 26px 54px -30px #000,inset 0 1px 0 rgba(255,255,255,.07)}
.qc.ended{opacity:.78}
.qh{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.qc h3{font:400 clamp(24px,6vw,34px) 'Bowlby One',Impact,sans-serif;color:var(--lime);text-transform:uppercase;margin:0;line-height:1.1}
.bd{display:inline-block;font:700 11px Sora,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--glass)}
.bd.live{color:#0b0b10;background:var(--lime);border-color:var(--lime);box-shadow:0 0 18px rgba(204,255,0,.5)}
.bd.upcoming{color:#a66bff;border-color:#a66bff}.bd.ended{color:#ff9f1c;border-color:#ff9f1c}.bd.paused{color:#bdbdbd}
.qd{opacity:.88;margin:10px 0 4px;white-space:pre-line}
.qn{margin:8px 0 0;padding:10px 12px;border-radius:12px;border:1px dashed rgba(204,255,0,.4);background:rgba(204,255,0,.06);font-weight:700}
.qbar{height:12px;border-radius:999px;background:rgba(255,255,255,.09);overflow:hidden;margin:16px 0 4px}
.qbar i{display:block;height:100%;border-radius:999px;width:0;background:linear-gradient(90deg,var(--lime),var(--pink));box-shadow:0 0 14px rgba(204,255,0,.6);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.qpts{display:flex;justify-content:space-between;font-weight:700;font-size:14px;opacity:.9}
.xbox{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0;padding:12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.xbox b{flex:1 1 180px}
.xbox input{flex:1 1 200px;margin:0}
.qt{display:flex;gap:12px;align-items:flex-start;padding:14px 12px;margin:10px 0;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035);transition:border-color .3s,background .3s}
.qt.done{border-color:rgba(204,255,0,.5);background:rgba(204,255,0,.07)}
.qt .no{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font:400 15px 'Bowlby One',Impact,sans-serif;border:2px solid var(--line);color:var(--chalk)}
.qt.done .no{background:var(--lime);color:#0b0b10;border-color:var(--lime);box-shadow:0 0 16px rgba(204,255,0,.55)}
.qt .tx{flex:1;min-width:0}
.qt .tt{font-weight:800;line-height:1.35}
.qt .pt{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;background:rgba(204,255,0,.14);color:var(--lime);font-size:12px;font-weight:800;white-space:nowrap}
.qt .sm{font-size:13px;opacity:.75;margin-top:3px}
.qt .ac{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.qt .btn{padding:8px 14px;font-size:14px}
.sub{margin-top:16px;padding:14px;border-radius:16px;border:1px solid rgba(204,255,0,.35);background:rgba(204,255,0,.05)}
.sub h4{margin:0 0 8px;font:400 18px 'Bowlby One',Impact,sans-serif;color:var(--lime);text-transform:uppercase}
.sub .af{margin:6px 0}
.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);z-index:130;max-width:min(92vw,460px);padding:12px 16px;border-radius:14px;background:rgba(14,14,20,.96);border:1px solid var(--lime);color:var(--chalk);font-weight:700;box-shadow:0 20px 50px -10px #000,0 0 30px -8px rgba(204,255,0,.5);opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.bad{border-color:#ff7aa8}
.empty{padding:30px 16px;text-align:center;opacity:.8;border:1px dashed var(--line);border-radius:18px}
/* admin */
.adm{max-width:980px;margin:auto;padding:18px 16px 70px}
.adm h1{font:400 clamp(30px,8vw,52px) 'Bowlby One',Impact,sans-serif;color:var(--lime);text-transform:uppercase;margin:8px 0 4px;text-shadow:0 0 30px rgba(204,255,0,.35)}
.adc{border-radius:20px;border:1px solid var(--line);padding:18px;margin:16px 0;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 22px 44px -28px #000}
.adc h2{font-size:22px!important;margin:0 0 10px}.adc h2::after{display:none}
.adc label{display:block;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;opacity:.8;margin:12px 0 4px}
.adc input,.adc select,.adc textarea{width:100%;margin:0;background:rgba(255,255,255,.07);color:var(--chalk);border:1px solid var(--line);border-radius:12px;padding:11px;font:600 16px Sora,system-ui,sans-serif}
.adc select option{background:#14141c;color:var(--chalk)}
.adc textarea{min-height:84px;resize:vertical}
.g2{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:700px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}
.g3{display:grid;grid-template-columns:1fr;gap:10px}
.row2{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.kpi{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:700px){.kpi{grid-template-columns:repeat(4,1fr)}}
.kpi div{padding:14px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.kpi b{display:block;font:400 30px 'Bowlby One',Impact,sans-serif;color:var(--lime);line-height:1.1}
.kpi .ok{color:var(--lime)}.kpi .no{color:#ff9f1c}
.te{border-radius:16px;border:1px solid var(--line);padding:12px;margin:10px 0;background:rgba(255,255,255,.035)}
.te .top{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.te .top b{font:400 15px 'Bowlby One',Impact,sans-serif;color:var(--lime)}
.mini{background:var(--glass);border:1px solid var(--line);color:var(--chalk);border-radius:10px;padding:6px 11px;cursor:pointer;font:700 13px Sora,sans-serif}
.mini:hover{border-color:var(--lime);color:var(--lime)}.mini.red:hover{border-color:#ff7aa8;color:#ff7aa8}
.chk2{display:flex;gap:8px;align-items:center;margin-top:10px;font-weight:700}.chk2 input{width:auto;accent-color:#CCFF00}
.ctable{width:100%;border-collapse:collapse;font-size:14px}
.ctable th{text-align:left;opacity:.7;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:8px 6px;border-bottom:1px solid var(--line)}
.ctable td{padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.07);word-break:break-all;vertical-align:top}
.scr{overflow-x:auto}
.danger{border-color:rgba(255,122,168,.45)}
.hide{display:none!important}
.help{font-size:13px;opacity:.75;margin:4px 0 0}
.help code{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:6px;word-break:break-all}
.qbanner{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:22px;border:1px solid var(--line);margin:0 0 22px;box-shadow:0 26px 54px -30px #000}
.qcover{display:block;width:calc(100% + 36px);max-width:none;margin:-20px -18px 16px;max-height:260px;object-fit:cover;border-radius:22px 22px 0 0}
.imgpv{display:block;max-width:100%;max-height:170px;border-radius:12px;border:1px solid var(--line);margin:8px 0}
.pg{display:flex;gap:10px;align-items:center;justify-content:center;margin:12px 0;flex-wrap:wrap}

/* ---- collections, giveaway winners ---- */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 4px}
.rt{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);font-size:12px;font-weight:700}
.rt b{color:var(--lime)}
.g3{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(min-width:700px){.g3{grid-template-columns:repeat(3,1fr)}}
.sub.win{border-color:rgba(255,159,28,.55);background:rgba(255,159,28,.07)}
.sub.win h4{color:#ff9f1c}
.wl{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.wl li{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-weight:700}
.wl li .n{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#ff9f1c;color:#0b0b10;font:400 13px 'Bowlby One',Impact,sans-serif}
.wl li .u{flex:1;min-width:0;word-break:break-all}
.wl li .w{opacity:.65;font-size:13px;font-weight:600}
.wl li.me{border-color:var(--lime);background:rgba(204,255,0,.1)}
.youwon{margin:6px 0 10px;padding:10px 12px;border-radius:12px;background:var(--lime);color:#0b0b10;font-weight:800}
.mc{margin:14px 0 0}.mc h4{margin:0 0 6px;font:400 17px 'Bowlby One',Impact,sans-serif;color:var(--lime);text-transform:uppercase}

.tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.tb{font:inherit;font-weight:700;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#f1eee3;cursor:pointer}.tb.on{background:#ccff00;color:#0a0f00;border-color:#ccff00}

/* speed: keep expensive layers off small / low-power screens */
body::before,body::after,canvas#fx,.spot{contain:strict;will-change:auto}
@media (max-width:700px){canvas#fx,.spot{display:none!important}.hero h1{animation:none!important}.mq div{animation-duration:40s}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
#hgate{position:fixed;inset:0;z-index:99999;background:#07070b;display:flex;align-items:center;justify-content:center;padding:20px}
#hgate .hbox{text-align:center;max-width:360px}#hgate h2{font:400 34px 'Bowlby One',sans-serif;color:#ccff00;margin:0 0 10px}#hgate p{color:#f1eee3;margin:0 0 18px}#hgate #hts{display:flex;justify-content:center;min-height:70px}#hgate .hmsg{color:#ff6b81;margin-top:12px;min-height:1em}