body{margin:0;background:#0a0a0c}
.pg{box-sizing:border-box;background:#0a0a0c;color:#f4f4f6;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.55;overflow:hidden;position:relative}
.pg *{box-sizing:border-box}
.pg a{color:inherit;text-decoration:none}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:2}
.brand{display:flex;gap:14px;align-items:center;font:700 14px/1 'Space Grotesk',sans-serif;letter-spacing:.22em}
.brand img{width:28px;height:26px}
.brand .sep{width:1px;height:18px;background:rgba(255,255,255,.2)}
.brand .by{font:500 10px/1 'Space Grotesk',sans-serif;letter-spacing:.24em;color:#9a9ca8}
.links{display:flex;gap:36px;align-items:center}
.links a{font:500 12px/1 'Space Grotesk',sans-serif;letter-spacing:.2em;color:#9a9ca8;position:relative;padding:6px 0}
.links a i{font-style:normal;font-family:Silkscreen,monospace;font-size:9px;color:#5f6170;margin-right:6px;letter-spacing:.1em}
.links a.on{color:#f4f4f6}
.links a.on::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#ffc53d}
.navr{display:flex;gap:18px;align-items:center}
.navr .sign{font:500 12px/1 'Space Grotesk',sans-serif;letter-spacing:.2em;color:#f4f4f6}
.btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border-radius:2px;font:700 12px/1 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;border:1px solid transparent;cursor:pointer}
.btn.y{background:#ffc53d;color:#140c05}
.btn.o{border-color:rgba(255,255,255,.28);color:#f4f4f6;background:transparent}
.btn.g{color:#f4f4f6;background:rgba(255,255,255,.06)}
.btn svg{width:14px;height:14px}
.px{font-family:Silkscreen,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#ffc53d}
.px.m{color:#8b8d99}
.h1{font:700 96px/.9 'Space Grotesk',sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:0}
.h2{font:700 64px/.95 'Space Grotesk',sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:0}
.h3{font:700 26px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.01em;text-transform:uppercase;margin:0}
.lede{font-size:19px;line-height:1.55;color:#c9cad3;margin:0}
.dim{color:#9a9ca8}
.sec{padding:120px 128px;border-top:1px solid rgba(255,255,255,.08);position:relative}
.sechd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;gap:40px}
.num{font:500 12px/1 'Space Grotesk',sans-serif;letter-spacing:.24em;color:#8b8d99;margin-bottom:22px;display:flex;gap:12px;align-items:center}
.num b{color:#ffc53d;font-weight:500}
.shot{display:block;width:100%;height:100%;object-fit:cover}
.frame{position:relative;background:#000;border:1px solid rgba(255,255,255,.12)}
.tick{position:absolute;width:18px;height:18px;border-color:#ffc53d;border-style:solid;border-width:0}
.tick.tl{left:-9px;top:-9px;border-left-width:2px;border-top-width:2px}
.tick.tr{right:-9px;top:-9px;border-right-width:2px;border-top-width:2px}
.tick.bl{left:-9px;bottom:-9px;border-left-width:2px;border-bottom-width:2px}
.tick.br{right:-9px;bottom:-9px;border-right-width:2px;border-bottom-width:2px}
.key{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.22);border-bottom-width:3px;border-radius:4px;font:600 11px/1 'Space Grotesk',sans-serif;letter-spacing:.14em;color:#f4f4f6;background:#131318}
.key.w{min-width:120px}
.pill{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border:1px solid rgba(255,255,255,.18);border-radius:14px;font:500 11px/1 'Space Grotesk',sans-serif;letter-spacing:.16em;color:#c9cad3;text-transform:uppercase}
.pill.y{border-color:#ffc53d;color:#ffc53d}
.foot{padding:64px 128px 56px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:flex-end}
.foot .fl{display:flex;gap:28px}
.foot .fl a{font:500 11px/1 'Space Grotesk',sans-serif;letter-spacing:.2em;color:#9a9ca8}
.arrow{display:inline-flex;gap:10px;align-items:center;font:700 12px/1 'Space Grotesk',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f4f4f6;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px}
.arrow svg{width:14px;height:14px}
/* HOVERS (Chris, 30 Sep): nav links + cards = ARCADE, buttons = CLEAN (text goes dark on the light fill) */
.links a{z-index:0;padding:8px 10px;margin:0 -10px;transition:color .15s}
.links a::before{content:'';position:absolute;inset:0;background:#ffc53d;transform:skewX(-14deg) scaleX(0);transform-origin:left;z-index:-1;transition:transform .22s cubic-bezier(.16,1.02,.3,1)}
.pg .links a:hover,.pg .links a:hover i{color:#140c05}
.links a:hover::before{transform:skewX(-14deg) scaleX(1)}
.links a.on::after{left:10px;right:10px;bottom:-4px}
.btn{overflow:hidden;transition:background .35s cubic-bezier(.22,.61,.36,1),color .35s,border-color .35s}
.btn .roll{display:block;height:12px;overflow:hidden}
.btn .roll span{display:block;height:12px;line-height:12px;white-space:nowrap;transition:transform .45s cubic-bezier(.76,0,.24,1)}
.btn:hover .roll span{transform:translateY(-12px)}
.pg .btn:hover{background:#f4f4f6;color:#0a0a0c;border-color:#f4f4f6}
.pg .btn:hover span[style]{background:#ff4b3e}
.btn .go{transition:transform .45s cubic-bezier(.16,1.02,.3,1)}
.btn:hover .go{transform:translateX(5px)}
.arrow svg{transition:transform .45s cubic-bezier(.16,1.02,.3,1)}
.arrow{transition:border-color .2s}
.pg .arrow:hover{border-color:#ffc53d}.arrow:hover svg{transform:translateX(6px)}
.fcard{transition:transform .28s cubic-bezier(.16,1.02,.3,1)}
.fcard .im{transition:border-color .2s,box-shadow .28s}
.fcard:hover{transform:translateY(-8px) rotate(-1deg)}
.fcard:hover .im{border-color:#ffc53d;box-shadow:8px 10px 0 #000}
.stk{position:absolute;right:14px;top:14px;background:#ffc53d;color:#140c05;font:400 22px/1 Bangers,'Space Grotesk',sans-serif;letter-spacing:.06em;padding:6px 10px 4px;transform:rotate(8deg) scale(0);transition:transform .32s cubic-bezier(.34,1.8,.5,1);z-index:2}
.fcard:hover .stk,.item:hover .stk,.emcard:hover .stk{transform:rotate(8deg) scale(1)}
.item,.emcard{transition:transform .28s cubic-bezier(.16,1.02,.3,1),border-color .2s,box-shadow .28s}
.item:hover,.emcard:hover{transform:translateY(-6px) rotate(-1deg);border-color:#ffc53d;box-shadow:8px 10px 0 #000}
/* SLAM (Chris, 30 Sep): each page's title slams in, the lines under it rise */
@keyframes pslam{0%{transform:scale(2.1) rotate(-3deg);opacity:0}55%{opacity:1}100%{transform:none;opacity:1}}
@keyframes prise{0%{transform:translateY(34px);opacity:0}100%{transform:none;opacity:1}}
.h1,.giant{transform-origin:left center;animation:pslam .55s cubic-bezier(.34,1.56,.5,1) both}
.phead .lede,.phead .tabs,.phead .fidx,.ahero .lede,.ahero .facts,.hero .game,.hero .meta{animation:prise .55s .22s cubic-bezier(.16,1.02,.3,1) both}
/* THE GAME'S OWN PAD LOOK (the phone touch pad, 13-touchpad / index.html) */
.mp-well{position:relative;border-radius:50%;border:1px solid rgba(239,233,206,.35);flex-shrink:0}
.mp-well svg{position:absolute;inset:9%;width:82%;height:82%;overflow:visible}
.mp-well .outer{fill:#0b0b0d;stroke:#efe9ce;stroke-width:2.2}
.mp-well .inner{fill:none;stroke:#efe9ce;stroke-width:1.1;opacity:.55}
.mp-well .hub{fill:none;stroke:#efe9ce;stroke-width:1.6;opacity:.8}
.mp-face{border-radius:50%;background:#8d2b4a;color:#f6efe0;display:flex;align-items:center;justify-content:center;font:700 16px/1 'Space Grotesk',sans-serif;box-shadow:0 4px 0 rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.22);flex-shrink:0}
.mp-caps{position:relative;border:1px solid rgba(239,233,206,.55);background:rgba(239,233,206,.035);border-radius:999px;transform:rotate(-30deg);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.mp-caps .mp-face span{transform:rotate(30deg);display:block}
.mp-slot{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}
.mp-slot i{display:block;width:64px;height:20px;border:1px solid #efe9ce;border-radius:999px;background:#0b0b0d;transform:rotate(-18deg)}
.mp-slot em{font:600 10px/1 'Space Grotesk',sans-serif;font-style:normal;letter-spacing:.3em;color:#efe9ce}
.mp-sh{height:26px;min-width:72px;padding:0 12px;border:1px solid #efe9ce;border-radius:999px;background:#0b0b0d;display:flex;align-items:center;justify-content:center;font:600 11px/1 'Space Grotesk',sans-serif;letter-spacing:.2em;color:#efe9ce;flex-shrink:0}
.mp-ic{width:44px;display:flex;justify-content:center;flex-shrink:0}

/* ---- Main.dc.html ---- */
.p-main .hero{padding:40px 128px 0;position:relative}
.p-main .hero .glow{position:absolute;left:0;right:0;top:0;height:900px;background:radial-gradient(60% 60% at 50% 35%,rgba(255,197,61,.07),transparent 70%);pointer-events:none}
.p-main .herotop{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.p-main .game{width:1184px;height:666px}
.p-main .playov{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:44px}
.p-main .playbtn{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 28px;background:#ffc53d;color:#140c05;font:700 13px/1 'Space Grotesk';letter-spacing:.22em;border-radius:2px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.p-main .playbtn svg{width:14px;height:14px}
.p-main .meta{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.p-main .meta .l,.p-main .meta .r{display:flex;gap:10px;align-items:center}
.p-main .stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:72px;border-top:1px solid rgba(255,255,255,.08)}
.p-main .stats div{padding:26px 0 0;border-left:1px solid rgba(255,255,255,.08);padding-left:24px}
.p-main .stats div:first-child{border-left:0;padding-left:0}
.p-main .stats b{display:block;font:700 44px/1 'Space Grotesk';letter-spacing:-.02em}
.p-main .stats span{font:500 11px/1 'Space Grotesk';letter-spacing:.22em;color:#9a9ca8}
.p-main .strip{display:flex;gap:16px;margin:96px 0 0 -128px;width:1700px}
.p-main .strip .t{width:392px;height:221px;flex-shrink:0;position:relative}
.p-main .strip .t span{position:absolute;left:14px;bottom:12px}
.p-main .ctl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.p-main .cbox{border:1px solid rgba(255,255,255,.1);padding:28px;background:#0f0f13;min-height:250px}
.p-main .crow{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:14px;color:#c9cad3}
.p-main .crow .key{flex-shrink:0}
.p-main .fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.p-main .fcard{display:flex;flex-direction:column;gap:18px}
.p-main .fcard .im{height:170px;overflow:hidden;border:1px solid rgba(255,255,255,.1);position:relative}
.p-main .fcard p{margin:0;font-size:14px;color:#9a9ca8;line-height:1.55}
.p-main .fcard .tag{position:absolute;top:12px;left:12px;background:#0a0a0c;padding:6px 8px}
.p-main .idband{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.p-main .perk{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}
.p-main .perk svg{width:16px;height:16px;flex-shrink:0;margin-top:4px;color:#ffc53d}
.p-main .about{display:grid;grid-template-columns:420px minmax(0,1fr) 380px;gap:56px;align-items:stretch}
.p-main .ph{background:repeating-linear-gradient(45deg,#15151b 0 12px,#111116 12px 24px);border:1px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}
.p-main .emcard{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.p-main .emcard .cap{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.85))}
/* ---- Ride.dc.html ---- */
.p-ride .phead{padding:96px 128px 80px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;align-items:end}
.p-ride .tabs{display:flex;gap:0;border:1px solid rgba(255,255,255,.14);width:max-content;margin-top:40px}
.p-ride .tabs a{padding:14px 22px;font:600 12px/1 'Space Grotesk';letter-spacing:.2em;color:#9a9ca8;border-right:1px solid rgba(255,255,255,.14)}
.p-ride .tabs a:last-child{border-right:0}
.p-ride .tabs a.on{background:#f4f4f6;color:#0a0a0c}
.p-ride .kb{background:#0f0f13;border:1px solid rgba(255,255,255,.1);padding:48px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px}
.p-ride .keys{display:flex;flex-direction:column;gap:10px}
.p-ride .kr{display:flex;gap:10px}
.p-ride .kk{height:58px;min-width:58px;border:1px solid rgba(255,255,255,.14);border-bottom-width:4px;border-radius:6px;background:#131318;display:flex;align-items:flex-end;padding:8px 10px;font:600 10px/1 'Space Grotesk';letter-spacing:.14em;color:#5f6170}
.p-ride .kk.hot{border-color:#ffc53d;color:#140c05;background:#ffc53d}
.p-ride .kk.hot2{border-color:#39e0ff;color:#39e0ff;background:rgba(57,224,255,.08)}
.p-ride .legend{display:flex;flex-direction:column;gap:18px}
.p-ride .lg{display:flex;gap:16px;align-items:flex-start}
.p-ride .lg .sw{width:14px;height:14px;margin-top:5px;flex-shrink:0}
.p-ride .lg b{display:block;font:700 15px/1.2 'Space Grotesk';letter-spacing:.08em;text-transform:uppercase}
.p-ride .lg span{font-size:14px;color:#9a9ca8}
.p-ride .tricks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.p-ride .dirgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:28px}
.p-ride .dg{border:1px solid rgba(255,255,255,.1);background:#0f0f13;height:104px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}
.p-ride .dg .ar{font:600 18px/1 'Space Grotesk';color:#ffc53d}
.p-ride .dg b{font:700 17px/1 'Space Grotesk';letter-spacing:.04em}
.p-ride .dg.c{background:#16161c;border-color:rgba(255,197,61,.4)}
.p-ride .tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.p-ride .tip{border-top:2px solid #ffc53d;padding-top:22px}
.p-ride .tip p{margin:12px 0 0;color:#9a9ca8;font-size:15px}
.p-ride .gp{position:relative;width:660px;height:360px;margin:0 auto}
.p-ride .gpb{position:absolute;left:0;right:0;top:70px;height:270px;border:2px solid rgba(255,255,255,.18);border-radius:130px 130px 170px 170px;background:#131318}
.p-ride .sh{position:absolute;top:34px;width:150px;height:40px;border:2px solid rgba(255,255,255,.18);background:#131318;display:flex;align-items:center;justify-content:center;font:700 12px/1 'Space Grotesk';letter-spacing:.14em}
.p-ride .sh.t{top:0;height:34px;width:120px;border-radius:16px 16px 4px 4px}
.p-ride .sh.l{left:70px;border-radius:24px 10px 4px 4px}
.p-ride .sh.r{right:70px;border-radius:10px 24px 4px 4px}
.p-ride .sh.t.l{left:85px}
.p-ride .sh.t.r{right:85px}
.p-ride .bt{position:absolute;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 17px/1 'Space Grotesk';color:#140c05}
.p-ride .dp{position:absolute;left:92px;top:150px;width:112px;height:112px}
.p-ride .dp i{position:absolute;background:#f4f4f6;border-radius:4px}
.p-ride .dp i.h{left:0;right:0;top:38px;height:36px}
.p-ride .dp i.v{top:0;bottom:0;left:38px;width:36px}
.p-ride .stick{position:absolute;width:74px;height:74px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#0f0f13;display:flex;align-items:center;justify-content:center}
.p-ride .stick::after{content:'';width:40px;height:40px;border-radius:50%;background:#26262e}
.p-ride .mid{position:absolute;top:150px;height:22px;width:62px;border-radius:11px;background:#2b2b33;font:600 9px/22px 'Space Grotesk';letter-spacing:.12em;text-align:center;color:#c9cad3}
.p-ride .ph2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.p-ride .phone{height:250px;border:2px solid rgba(255,255,255,.18);border-radius:40px;background:#131318;position:relative}
.p-ride .phone .scrn{position:absolute;left:120px;right:120px;top:22px;bottom:22px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12)}
/* ---- Features.dc.html ---- */
.p-features .phead{padding:96px 128px 72px}
.p-features .fidx{display:flex;gap:0;margin-top:48px;border-top:1px solid rgba(255,255,255,.1)}
.p-features .fidx a{flex:1;padding:18px 0 0;font:600 12px/1.4 'Space Grotesk';letter-spacing:.18em;color:#9a9ca8;border-right:1px solid rgba(255,255,255,.08);padding-left:18px}
.p-features .fidx a:first-child{padding-left:0}
.p-features .fidx a i{display:block;font-style:normal;font-family:Silkscreen;font-size:10px;color:#5f6170;margin-bottom:6px}
.p-features .fidx a.on{color:#f4f4f6}
.p-features .fr{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:80px;align-items:center;padding:110px 128px;border-top:1px solid rgba(255,255,255,.08)}
.p-features .fr.flip{grid-template-columns:520px minmax(0,1fr)}
.p-features .fr.flip .txt{order:2}
.p-features .txt p{margin:24px 0 0;font-size:18px;color:#c9cad3;line-height:1.6}
.p-features .bul{margin:28px 0 0;padding:0;list-style:none}
.p-features .bul li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px;color:#c9cad3;display:flex;gap:14px}
.p-features .bul li b{font:600 12px/1.9 'Space Grotesk';letter-spacing:.2em;color:#ffc53d;min-width:88px}
.p-features .stack{position:relative;height:500px}
.p-features .stack .a{position:absolute;left:0;top:0;width:88%;height:74%}
.p-features .stack .b{position:absolute;right:0;bottom:0;width:62%;height:62%;box-shadow:0 30px 60px rgba(0,0,0,.6)}
.p-features .recdot{display:inline-flex;align-items:center;gap:8px;background:#ff4b3e;color:#fff;font:700 11px/1 'Space Grotesk';letter-spacing:.2em;padding:7px 10px;position:absolute;top:16px;left:16px}
.p-features .recdot i{width:7px;height:7px;border-radius:50%;background:#fff}
.p-features .codebox{display:flex;gap:10px;margin-top:28px}
.p-features .codebox span{width:58px;height:70px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font:700 34px/1 'Space Grotesk';background:#131318}
.p-features .codebox span.f{border-color:#ffc53d;color:#ffc53d}
/* ---- StreetID.dc.html ---- */
.p-streetid .phead{padding:96px 128px 80px;display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:80px;align-items:center}
.p-streetid .tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.p-streetid .tier{border:1px solid rgba(255,255,255,.12);padding:40px;background:#0f0f13;display:flex;flex-direction:column;gap:22px;position:relative}
.p-streetid .tier.crew{border-color:#ffc53d;background:linear-gradient(180deg,rgba(255,197,61,.06),rgba(255,197,61,0) 60%),#0f0f13}
.p-streetid .price{font:700 60px/1 'Space Grotesk';letter-spacing:-.02em}
.p-streetid .price small{font:500 14px/1 'Space Grotesk';letter-spacing:.12em;color:#9a9ca8;margin-left:8px}
.p-streetid .tl{margin:0;padding:0;list-style:none}
.p-streetid .tl li{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px;color:#c9cad3}
.p-streetid .tl li svg{width:16px;height:16px;color:#ffc53d;flex-shrink:0;margin-top:4px}
.p-streetid .badge{position:absolute;top:-14px;right:32px;background:#ffc53d;color:#140c05;font:700 11px/1 'Space Grotesk';letter-spacing:.2em;padding:8px 12px}
.p-streetid .shop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.p-streetid .item{border:1px solid rgba(255,255,255,.1);padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:190px;background:#0f0f13}
.p-streetid .item.pack{grid-column:span 4;flex-direction:row;align-items:center;min-height:120px;border-color:rgba(255,255,255,.22)}
.p-streetid .item b{font:700 22px/1.1 'Space Grotesk';text-transform:uppercase}
.p-streetid .item .pr{font:700 26px/1 'Space Grotesk';color:#ffc53d}
.p-streetid .shots3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.p-streetid .shots3 .frame{height:260px}
.p-streetid .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.p-streetid .q{border-top:1px solid rgba(255,255,255,.1);padding:24px 0}
.p-streetid .q b{display:block;font:700 17px/1.3 'Space Grotesk'}
.p-streetid .q p{margin:10px 0 0;color:#9a9ca8;font-size:15px}
/* ---- About.dc.html ---- */
.p-about .ahero{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:0;min-height:720px;border-bottom:1px solid rgba(255,255,255,.08)}
.p-about .ahero .l{padding:96px 80px 80px 128px;display:flex;flex-direction:column;justify-content:space-between}
.p-about .giant{font:700 168px/.84 'Space Grotesk';letter-spacing:-.04em;text-transform:uppercase;margin:0}
.p-about .ph{background:repeating-linear-gradient(45deg,#15151b 0 12px,#111116 12px 24px);border-left:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}
.p-about .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.1)}
.p-about .facts div{padding:22px 24px 0 0}
.p-about .facts b{display:block;font:700 15px/1.3 'Space Grotesk';letter-spacing:.1em;text-transform:uppercase}
.p-about .facts span{font-size:14px;color:#9a9ca8}
.p-about .story{display:grid;grid-template-columns:320px minmax(0,1fr);gap:80px}
.p-about .story p{margin:0 0 22px;font-size:20px;line-height:1.65;color:#c9cad3;max-width:720px}
.p-about .em{position:relative;height:720px;overflow:hidden}
.p-about .em .ov{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,12,.92) 0,rgba(10,10,12,.55) 45%,rgba(10,10,12,0) 75%);padding:120px 128px;display:flex;flex-direction:column;justify-content:center}
.p-about .emh{font:700 120px/.86 'Space Grotesk';letter-spacing:.02em;margin:0}
/* ---- the real site (2026-09-30): fluid up to 1440, game iframe, scroll reveal ---- */
html{background:#0a0a0c;scroll-behavior:smooth}
body{margin:0;background:#0a0a0c}
.pg{width:auto;max-width:1440px;margin:0 auto;min-height:100vh}
.pg .hero,.pg .sec,.pg .phead,.pg .foot{padding-left:clamp(24px,8.9vw,128px);padding-right:clamp(24px,8.9vw,128px)}
.pg .ahero .l{padding-left:clamp(24px,8.9vw,128px)}
/* the game at its own size, 960 x 540 + the 1px frame (Chris, 30 Sep): scaled up, the scanlines went muddy */
.pg .game{width:min(962px,100%);height:auto;aspect-ratio:962/542;margin:0 auto}
.p-main .herotop,.p-main .meta{max-width:962px;margin-left:auto;margin-right:auto}
.game iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .5s}
.game.live iframe{opacity:1}
.game.live .playov,.game.live>img{opacity:0;pointer-events:none}
.game .playov,.game>img{transition:opacity .4s}
.game:fullscreen{border:0}
.pg .strip{width:calc(100% + 2 * clamp(24px,8.9vw,128px) + 400px);margin-left:calc(-1 * clamp(24px,8.9vw,128px))}
.nav{position:sticky;top:0;background:rgba(10,10,12,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:20;padding:0 clamp(24px,3.9vw,56px)}
/* (no clip-path on the waiting state: Chrome's IntersectionObserver counts a fully clipped element as unseen) */
.rv{opacity:0;transform:translateY(34px)}
.rv.in{animation:rvIn .75s cubic-bezier(.22,.61,.36,1) both}
@keyframes rvIn{0%{opacity:0;transform:translateY(34px);clip-path:inset(0 0 100% 0)}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,20px);opacity:0;background:#f4f4f6;color:#0a0a0c;font:700 12px/1 'Space Grotesk',sans-serif;letter-spacing:.2em;padding:14px 18px;transition:.3s;z-index:50;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
body.leave .pg{opacity:0;transform:translateY(-8px);transition:opacity .17s,transform .17s}
@media (prefers-reduced-motion: reduce){.h1,.giant,.phead .lede,.hero .game,.hero .meta{animation:none!important}.rv{opacity:1;transform:none;animation:none!important}}
@media (max-width: 1100px){.pg .fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg .fr,.pg .fr.flip{grid-template-columns:minmax(0,1fr)}.pg .fr.flip .txt{order:0}.links{gap:22px}}