/* growblocks.xyz homepage v3: games + GrowBlocks City. Standalone (no launch-ui.css / key-art skin). */
@font-face{font-family:'Lilita One';src:url('assets/ui-fonts/LilitaOne.ttf');font-display:swap}
@font-face{font-family:Nunito;src:url('assets/ui-fonts/Nunito.ttf');font-weight:200 1000;font-display:swap}
:root{
 --night:#0A1236;--deep:#0E1844;--panel:#152350;--line:#2A3D8F;
 --lime:#BAFF38;--cyan:#3FE8FF;--violet:#6155D9;--pink:#FF4FD8;--gold:#FFD84A;
 --ink:#F4F7FF;--soft:#B9C6EE;--dim:#8796C8;
 --display:'Lilita One',system-ui,sans-serif;--body:Nunito,system-ui,sans-serif;
 --pad:clamp(16px,5vw,72px);--r:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--night);color:var(--ink);font:600 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--lime);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--lime);color:var(--night);padding:8px 14px;border-radius:8px;font-weight:900}
.skip:focus{left:8px}
.lime{color:var(--lime)}.cyan{color:var(--cyan)}.pink{color:var(--pink)}

/* buttons */
.btn{--bg:var(--panel);--fg:var(--ink);--edge:#060b24;display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:14px;border:0;background:var(--bg);color:var(--fg);font:400 18px/1 var(--display);letter-spacing:.4px;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 var(--edge);transition:transform .12s,box-shadow .12s,filter .12s}
.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--edge);filter:brightness(1.06)}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--edge)}
.btn-lime{--bg:var(--lime);--fg:#0E1844;--edge:#5E8E10}
.btn-pink{--bg:var(--pink);--fg:#fff;--edge:#8E1F79}
.btn-white{--bg:#fff;--fg:#0E1844;--edge:#7C8AC4}
.btn-ghost{--bg:rgba(255,255,255,.1);--edge:rgba(0,0,0,.35);backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.28)}
.btn-sm{padding:9px 16px;font-size:15px;box-shadow:0 4px 0 var(--edge)}
.btn-xl{padding:18px 30px;font-size:23px;border-radius:18px;box-shadow:0 7px 0 var(--edge)}

/* top bar */
.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:24px;padding:12px var(--pad);transition:background .25s,box-shadow .25s}
.top.solid{background:rgba(10,18,54,.88);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.top-brand img{height:34px;width:auto}
.top-nav{display:flex;gap:4px;margin-left:auto}
.top-nav a{padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:800;font-size:15px;color:var(--soft)}
.top-nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.12);flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.menu-btn span{width:20px;height:2.5px;background:#fff;border-radius:2px}
.mobile-nav{position:fixed;inset:68px 12px auto;z-index:49;display:grid;gap:2px;padding:10px;border-radius:18px;background:rgba(14,24,68,.97);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.mobile-nav[hidden]{display:none}
.mobile-nav a{padding:13px 14px;border-radius:10px;text-decoration:none;font:400 20px var(--display)}
.mobile-nav a:hover{background:rgba(255,255,255,.08)}

/* type */
.mega{font:400 clamp(46px,min(7.2vw,11.5vh),116px)/.9 var(--display);letter-spacing:.5px;margin:0;text-transform:uppercase}
.mega span{display:block;text-shadow:0 2px 0 #9fb0ff33,0 6px 0 #0A1236,0 7px 0 #0A1236,0 14px 30px rgba(0,0,0,.45)}
.mega .lime{text-shadow:0 6px 0 #4D7A0C,0 7px 0 #36580A,0 16px 36px rgba(186,255,56,.25)}
.mega.sm{font-size:clamp(40px,7vw,96px)}
.big{font:400 clamp(40px,6vw,82px)/.95 var(--display);letter-spacing:.4px;margin:0;text-transform:uppercase;text-shadow:0 5px 0 rgba(0,0,0,.35)}

/* hero */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;overflow:hidden;padding:120px var(--pad) 0}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;background:#0A1236 url('assets/home/home-reel-poster.webp') center/cover}
.hero-fade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,18,54,.88) 0%,rgba(10,18,54,.55) 45%,rgba(10,18,54,.05) 75%),linear-gradient(0deg,var(--night) 0%,rgba(10,18,54,0) 38%),linear-gradient(180deg,rgba(10,18,54,.7),rgba(10,18,54,0) 22%)}
.hero-in{max-width:1080px;padding-bottom:clamp(40px,7vh,90px)}
.hero-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:7px 14px 7px 8px;border-radius:999px;background:rgba(10,18,54,.6);border:1px solid rgba(255,255,255,.18);font-weight:800;font-size:14px;color:var(--soft);backdrop-filter:blur(6px)}
.hero-sub{max-width:560px;margin:22px 0 26px;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#DCE4FF}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.reel-toggle{position:absolute;right:var(--pad);bottom:86px;z-index:2;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(10,18,54,.55);color:#fff;font:800 13px var(--body);cursor:pointer;backdrop-filter:blur(6px)}
.ticker{margin:0 calc(var(--pad)*-1);border-block:2px solid #0A1236;background:var(--lime);color:#0E1844;overflow:hidden;transform:rotate(-1.2deg) translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.ticker-track{display:flex;width:max-content;animation:tick 48s linear infinite}
.ticker span{font:400 22px/1 var(--display);padding:14px 22px;white-space:nowrap;display:flex;align-items:center;gap:22px}
.ticker span::after{content:'';width:14px;height:14px;background:#0E1844;transform:rotate(45deg);border-radius:3px}
@keyframes tick{to{transform:translateX(-50%)}}

/* sections */
.sec{position:relative;padding:clamp(70px,10vw,130px) var(--pad)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}
.sec-head p{max-width:440px;margin:0;color:var(--soft);font-size:17px}
.sec-head.center{flex-direction:column;align-items:center;text-align:center}
.sec-head.center p{max-width:620px}
.sec-foot{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:36px}
.sec-foot p{margin:0;color:var(--dim)}
.sec-foot.center{justify-content:center}

/* games */
.games{background:radial-gradient(1200px 600px at 85% 0%,rgba(97,85,217,.35),transparent 60%),var(--night)}
.games::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;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:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 70%)}
.g-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;grid-auto-flow:dense;gap:16px}
.g-card{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--r);background:var(--panel);text-decoration:none;color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.07),0 14px 30px rgba(0,0,0,.35);transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,box-shadow .2s}
.g-card:hover{box-shadow:0 0 0 3px var(--lime),0 20px 44px rgba(0,0,0,.5)}
.g-hero{grid-column:span 2;grid-row:span 2}
.g-wide{grid-column:span 2}
.g-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.g-card:hover>img{transform:scale(1.07)}
.g-card::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,12,40,.95) 0%,rgba(8,12,40,.5) 36%,transparent 65%)}
.g-info{position:absolute;left:0;right:0;bottom:0;padding:16px 18px}
.g-info h3{margin:0;font:400 24px/1 var(--display);letter-spacing:.4px;text-shadow:0 3px 0 rgba(0,0,0,.5)}
.g-hero .g-info{padding:28px}
.g-hero .g-info h3{font-size:clamp(34px,4vw,56px)}
.g-info p{margin:8px 0 0;max-width:460px;color:#DCE4FF;font-size:15px;line-height:1.5}
.g-meta{display:inline-block;margin-top:8px;font-size:12px;font-weight:900;letter-spacing:.3px;color:var(--lime)}
.g-badge{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:10px;font:400 16px/1 var(--display);background:var(--pink);color:#fff;box-shadow:0 4px 0 #8E1F79;transform:rotate(-4deg)}
.g-play{position:absolute;top:14px;right:14px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#0E1844;box-shadow:0 4px 0 #5E8E10;transform:scale(.6);opacity:0;transition:transform .2s,opacity .2s}
.g-card:hover .g-play,.g-card:focus-visible .g-play{transform:scale(1);opacity:1}

/* city */
.city{background:linear-gradient(180deg,var(--night),#0C1A4E 30%,#0C1A4E 70%,var(--night));clip-path:polygon(0 3vw,100% 0,100% calc(100% - 3vw),0 100%);margin:-3vw 0}
.c-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-areas:"mine deep deep" "mine top town" "party party town";gap:16px}
.c-mine{grid-area:mine}.c-deep{grid-area:deep}.c-top{grid-area:top}.c-town{grid-area:town}.c-party{grid-area:party}
.c-tile{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:var(--deep);box-shadow:0 0 0 2px rgba(63,232,255,.16),0 18px 40px rgba(0,0,0,.35)}
.c-media{position:relative;flex:1;min-height:220px;overflow:hidden;background:#071030}
.c-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s,transform 6s ease-out}
.c-media img.on{opacity:1;transform:scale(1)}
.c-mine .c-media{min-height:420px}
.c-deep{flex-direction:row}
.c-deep .c-media{flex:1.1;min-height:300px}
.c-deep .c-body{flex:1}
.c-top .c-media{min-height:180px}
.c-top .c-media img{object-position:center 40%}
.c-town .c-media{min-height:340px}
.c-party{flex-direction:row}
.c-party .c-media{flex:1.5;min-height:260px}
.c-party .c-body{flex:1}
.c-body{padding:22px 24px 24px}
.c-body h3{margin:0 0 8px;font:400 clamp(22px,2vw,28px)/1.05 var(--display);letter-spacing:.3px}
.c-body p{margin:0;color:var(--soft);font-size:15px;line-height:1.6}
.c-dots{display:flex;gap:6px;margin-top:16px}
.c-dots button{width:30px;height:8px;border-radius:6px;border:0;padding:0;background:rgba(255,255,255,.18);cursor:pointer;transition:background .2s,width .2s}
.c-dots button[aria-selected=true]{background:var(--cyan);width:44px}
.mon-row{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:16px 0 0}
.mon-row li{border-radius:12px;overflow:hidden;background:#120c26;text-align:center;font-size:11px;font-weight:900;color:var(--soft)}
.mon-row img{aspect-ratio:1.4;object-fit:cover;width:100%;transition:transform .25s}
.mon-row li:hover img{transform:scale(1.12) rotate(-3deg)}
.mon-row span{display:block;padding:5px 2px 7px}

/* SEED */
.seed{background:radial-gradient(800px 500px at 20% 40%,rgba(186,255,56,.16),transparent 65%),radial-gradient(700px 500px at 90% 80%,rgba(97,85,217,.3),transparent 60%),var(--night)}
.seed-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center}
.seed-left>p{max-width:460px;color:var(--soft);font-size:17px;margin:22px 0 0}
.pod{position:relative;width:180px;height:180px;margin:34px 0 10px;animation:bob 3.2s ease-in-out infinite}
.pod img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5))}
.pod-glow{position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,rgba(186,255,56,.55),transparent 62%);animation:pulse 3.2s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-12px) rotate(4deg)}}
@keyframes pulse{50%{opacity:.55;transform:scale(.9)}}
.pod-count{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0}
.pod-count b{font:400 clamp(44px,5vw,64px)/1 var(--display);color:var(--lime);text-shadow:0 4px 0 #36580A}
.pod-count span{color:var(--soft);font-weight:800}
.hud{border-radius:24px;padding:10px 26px 22px;background:linear-gradient(180deg,rgba(21,35,80,.92),rgba(14,24,68,.92));box-shadow:0 0 0 2px rgba(186,255,56,.25),0 0 0 7px rgba(10,18,54,.8),0 24px 60px rgba(0,0,0,.5)}
.hud-row{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:end;padding:18px 0 14px;border-bottom:1px dashed rgba(255,255,255,.12)}
.hud-l b{display:block;font:400 21px/1.1 var(--display);letter-spacing:.3px}
.hud-l span{font-size:13px;color:var(--dim)}
.hud-v{font:400 30px/1 var(--display);color:var(--lime);text-align:right}
.hud-v small{font:800 12px var(--body);color:var(--dim);margin-left:4px}
.bar{grid-column:1/-1;height:12px;margin-top:10px;border-radius:8px;background:#0A1236;box-shadow:inset 0 2px 0 rgba(0,0,0,.4);overflow:hidden}
.bar i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#7FD11B,var(--lime));box-shadow:inset 0 -3px 0 rgba(0,0,0,.18),0 0 14px rgba(186,255,56,.55);transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.hud.go .bar i{width:var(--w)}
.hud-row:nth-child(2) .bar i{transition-delay:.12s}.hud-row:nth-child(3) .bar i{transition-delay:.24s}.hud-row:nth-child(4) .bar i{transition-delay:.36s}.hud-row:nth-child(5) .bar i{transition-delay:.48s}
.hud-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding-top:18px}
.hud-foot small{flex:1;min-width:220px;color:var(--dim);font-size:12px;line-height:1.5}

/* NFTs */
.nfts{overflow:hidden;background:radial-gradient(900px 520px at 50% 55%,rgba(255,79,216,.22),transparent 65%),linear-gradient(180deg,var(--night),#160E45 60%,var(--night))}
.deck{position:relative;height:clamp(340px,40vw,460px);margin:10px auto 30px;max-width:1100px;perspective:1400px}
.card{--spread:clamp(70px,11vw,140px);position:absolute;left:50%;top:50%;width:clamp(170px,19vw,240px);margin:0;transform:translate(-50%,-50%) translateX(calc(var(--i)*var(--spread))) translateY(calc(var(--i)*var(--i)*7px)) rotate(calc(var(--i)*6deg));z-index:calc(10 - var(--i)*var(--i));transition:transform .45s cubic-bezier(.2,.8,.2,1),z-index 0s .1s}
.card-in{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#111;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 0 0 7px #0A1236,0 24px 50px rgba(0,0,0,.6);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s ease-out}
.card-in img{width:100%;height:100%;object-fit:cover}
.foil{position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.0;background:linear-gradient(115deg,transparent 20%,rgba(255,80,220,.55) 36%,rgba(80,240,255,.55) 48%,rgba(186,255,56,.5) 60%,transparent 76%);background-size:250% 250%;background-position:var(--fx,50%) var(--fy,50%);transition:opacity .25s}
.card figcaption{margin-top:16px;text-align:center;font-size:12px;font-weight:800;color:var(--dim);opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s}
.card figcaption b{display:block;font:400 18px/1.1 var(--display);color:#fff;margin-bottom:2px}
.card:hover,.card.lift{z-index:20;transition:transform .45s cubic-bezier(.2,.8,.2,1),z-index 0s}
.card:hover,.card.lift{transform:translate(-50%,-56%) translateX(calc(var(--i)*var(--spread))) rotate(0deg) scale(1.12)}
.card:hover .foil,.card.lift .foil{opacity:.9}
.card:hover figcaption,.card.lift figcaption{opacity:1;transform:none}
.deck.idle .card{animation:float 5s ease-in-out infinite;animation-delay:calc(var(--i)*.35s)}
@keyframes float{50%{margin-top:-10px}}
.nft-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 auto;padding:0}
.nft-steps li{padding:20px 22px;border-radius:18px;background:rgba(21,35,80,.7);border:1px solid rgba(255,79,216,.25);color:var(--soft);font-size:15px}
.nft-steps b{display:block;font:400 24px/1 var(--display);color:#fff;margin-bottom:6px}

/* build */
.build{background:var(--violet);background:linear-gradient(135deg,#5244C9,#6E5BEA 55%,#3F8CFF);clip-path:polygon(0 0,100% 3vw,100% 100%,0 calc(100% - 3vw));margin:-1px 0}
.build-in{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.build p{max-width:500px;color:#EEEAFF;font-size:17px;margin:20px 0 26px}
.term{border-radius:18px;background:#0A1236;box-shadow:0 0 0 2px rgba(255,255,255,.2),0 30px 60px rgba(10,18,54,.5);overflow:hidden;transform:rotate(1.5deg)}
.term-bar{display:flex;gap:7px;padding:12px 14px;background:#152350}
.term-bar i{width:11px;height:11px;border-radius:50%;background:#FF5F7A}.term-bar i:nth-child(2){background:var(--gold)}.term-bar i:nth-child(3){background:var(--lime)}
.term pre{margin:0;padding:20px 22px 24px;font:600 15px/1.9 ui-monospace,Consolas,monospace;color:#DCE4FF;white-space:pre-wrap}
.term .c{color:var(--cyan)}.term .k{color:var(--lime)}

/* last call */
.last{position:relative;isolation:isolate;padding:clamp(90px,12vw,150px) var(--pad);text-align:center;overflow:hidden}
.last-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.last::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(10,18,54,.55),rgba(10,18,54,.92) 75%)}
.last-in{display:flex;flex-direction:column;align-items:center;gap:26px}
.last-in>img{width:min(260px,60vw);height:auto}
.foot{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;padding:28px var(--pad);border-top:1px solid rgba(255,255,255,.08);color:var(--dim);font-size:14px}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.foot a{text-decoration:none}.foot a:hover{color:#fff}

/* dialogs */
dialog{max-width:min(720px,calc(100vw - 24px));max-height:88vh;overflow:auto;border:0;border-radius:24px;padding:30px;background:#111C4E;color:var(--ink);box-shadow:0 0 0 2px rgba(186,255,56,.3),0 40px 90px rgba(0,0,0,.6)}
dialog::backdrop{background:rgba(5,9,30,.75);backdrop-filter:blur(4px)}
dialog .close{position:sticky;top:0;float:right;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}
dialog .eyebrow{display:block;color:var(--lime);font-weight:900;font-size:13px}
dialog h2{font:400 40px/1 var(--display);margin:8px 0 18px}
.xp-table h3{font:400 20px var(--display);color:var(--lime);margin:22px 0 6px}
.xp-table p{display:flex;justify-content:space-between;gap:16px;margin:0;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.xp-table p b{font-weight:700}.xp-table p span{color:var(--lime);font-weight:900;text-align:right;white-space:nowrap}
dialog .notice{margin:20px 0;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);color:var(--soft);font-size:14px}
dialog>p{color:var(--soft)}
dialog .button{display:inline-flex;padding:13px 22px;border-radius:14px;background:var(--lime);color:#0E1844;font:400 18px var(--display);text-decoration:none;box-shadow:0 5px 0 #5E8E10}

/* responsive */
@media(max-width:1100px){
 .top-nav{display:none}.menu-btn{display:flex}.top .btn{margin-left:auto}
 .g-grid{grid-template-columns:repeat(3,1fr)}
 .c-grid{grid-template-columns:1fr 1fr;grid-template-areas:"mine mine" "deep deep" "top town" "party party"}
 .seed-wrap,.build-in{grid-template-columns:1fr}
}
@media(max-width:760px){
 .top{gap:10px;padding:10px 16px}.top-brand img{height:28px}
 .hero{padding-top:100px}
 .hero-fade{background:linear-gradient(0deg,var(--night) 8%,rgba(10,18,54,.75) 50%,rgba(10,18,54,.35))}
 .reel-toggle{top:76px;bottom:auto;right:16px}
 .btn-xl{font-size:20px;padding:16px 22px}
 .ticker span{font-size:18px;padding:11px 16px}
 .sec-head{flex-direction:column;align-items:flex-start;gap:16px}
 .g-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:10px}
 .g-hero{grid-row:span 2}
 .g-info{padding:12px}.g-info h3{font-size:18px}
 .g-hero .g-info{padding:16px}.g-hero .g-info h3{font-size:30px}
 .g-wide .g-info p,.g-hero .g-info p{font-size:13px}
 .g-play{display:none}
 .c-grid{grid-template-columns:1fr;grid-template-areas:"mine" "deep" "top" "town" "party"}
 .c-deep,.c-party{flex-direction:column}
 .c-mine .c-media{min-height:260px}.c-deep .c-media,.c-town .c-media,.c-party .c-media{min-height:220px}
 .deck{height:330px}
 .card{--spread:44px;width:150px}
 .nft-steps{grid-template-columns:1fr}
 .term{transform:none}
 .hud{padding:6px 18px 18px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .ticker-track,.pod,.pod-glow,.deck.idle .card{animation:none}
 .c-media img,.card,.card-in,.g-card,.g-card>img,.bar i{transition:none}
}