/* SPARK CITY · pixel arcade look (option 4). Shared by the home page and the claim page. Built on /kit/term.css parts. */
:root{--bg:#07090e;--pane:#0c1018;--pane2:#101622;--line:#1d2532;--line2:#273142;--tx:#eef2f7;--mut:#8f9aab;--dim:#566070;--gold:#ffd23f;--gold2:#e7c33a}
html{scroll-behavior:smooth}
body.px-site{background:#07090e;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:16px 16px;font:16px/1.55 Inter,system-ui,sans-serif}
.px-site h1,.px-site h2,.pbtn,.chip,.nl,.ph,.hud small,.hud b,.tile b,.lv b,.lv .n,.quest summary,.end h2,.foot,.logo span,.get small,.get b,.steps,.safe b{font-family:Pixel,monospace;text-transform:uppercase}
/* pixel frame + buttons */
.pf{border:4px solid var(--gold2);box-shadow:6px 6px 0 #000,inset 0 0 0 3px #07090e;border-radius:0}
.pbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 26px;background:var(--gold);color:#120d02;font-weight:700;font-size:17px;box-shadow:0 6px 0 #9a7a10,6px 12px 0 #000;transition:transform .08s,box-shadow .08s;white-space:nowrap}
.pbtn:hover{transform:translateY(2px);box-shadow:0 4px 0 #9a7a10,6px 10px 0 #000}.pbtn:active{transform:translateY(6px);box-shadow:0 0 0 #9a7a10,6px 6px 0 #000}
.pbtn.k{background:#141a24;color:#fff;box-shadow:0 6px 0 #05070a,6px 12px 0 #000}.pbtn.sm{padding:10px 16px;font-size:13px;box-shadow:0 4px 0 #9a7a10,4px 8px 0 #000}
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:#0f2a1a;border:2px solid var(--gr);color:var(--gr);font-weight:700;font-size:12px}.chip i{width:8px;height:8px;background:var(--gr);animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:.25}}
/* nav */
.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:26px;padding:16px 44px;border-bottom:4px solid #141a24;background:rgba(10,13,20,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.logo{display:flex;align-items:center;gap:10px}.logo img{image-rendering:pixelated}.logo span{font-weight:700;font-size:17px;letter-spacing:.02em}.logo i{font-style:normal;color:var(--gold)}
.nl{font-weight:700;font-size:13px;color:#9aa6b6}.nl:hover{color:var(--gold)}.sp{flex:1}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:52px;padding:64px 44px 56px;align-items:center;max-width:1440px;margin:0 auto}
.hero h1{font-weight:700;font-size:clamp(40px,5vw,72px);line-height:1.06;margin:18px 0 22px;letter-spacing:.01em}.hero h1 b,.px-site h2 b,.end h2 b{color:var(--gold);font-weight:700}
.hero p{font-size:19px;color:#b9c3d0;margin:0 0 34px;max-width:520px}.hero .row{display:flex;gap:18px;flex-wrap:wrap}
.shot{position:relative}.shot .pf{overflow:hidden;background:#0f1610;aspect-ratio:768/658}.shot video{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}
.bubble{position:absolute;padding:12px 15px;background:#0c1018;border:3px solid #fff;box-shadow:5px 5px 0 #000;font-size:14px;max-width:300px;color:#dfe6ee}.bubble b{display:block;font:700 12px Pixel,monospace;color:var(--gold);margin-bottom:4px}
.bubble.b1{left:-34px;top:44px}.bubble.b2{right:22px;bottom:30px}
/* numbers */
.hud{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 44px 20px;max-width:1440px;margin:0 auto}.hud div{padding:16px 20px;background:var(--pane);border:3px solid var(--line)}.hud small{display:block;font-size:11px;color:#7d8899}.hud b{display:block;font-size:30px;font-weight:700;color:#fff;margin-top:4px}.hud .g b{color:var(--gold)}
/* sections */
.sec{padding:90px 44px 20px;max-width:1440px;margin:0 auto}.px-site h2{font-weight:700;font-size:clamp(28px,3.4vw,46px);line-height:1.1;margin:0 0 12px}.sub{color:#a9b4c2;font-size:18px;max-width:720px;margin:0 0 34px}
/* live city */
.live{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.live2{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;margin-top:20px}
.px-site .pane{background:var(--pane);border:3px solid var(--line);border-radius:0;box-shadow:6px 6px 0 #000}
.px-site .pane.pf{border:4px solid var(--gold2)}
.px-site .ph{background:#101622;border-bottom:3px solid var(--line);font-size:12px;letter-spacing:.06em;padding:10px 14px}.px-site .ph b{color:var(--gold);letter-spacing:.06em}.px-site .ph span{font-family:Inter,sans-serif;text-transform:none;letter-spacing:0;font-size:13px}
.px-site .cam{height:560px}.px-site .detail{height:560px}
.camb button{border:2px solid var(--line2);background:#07090e;border-radius:0;padding:3px 10px;font:700 11px Pixel,monospace}.camb button:hover{border-color:var(--gold);color:var(--gold)}
.camempty b{font:700 22px Pixel,monospace;text-transform:uppercase}.camempty .pbtn{margin-top:10px}
.px-site .agents{max-height:520px}.px-site .arrivals{max-height:520px}.arr{overflow:auto}
.tools input,.seg{border-radius:0}.tools input{border:2px solid var(--line2)}.seg{border:2px solid var(--line2)}.seg button{font:700 10px Pixel,monospace}
.dh canvas{border-radius:0}.dk,.dnow,.dg span,.arr .av{border-radius:0}.dh h2{font-family:Grotesk,sans-serif;text-transform:none}
/* what + how */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tile{background:var(--pane);border:3px solid var(--line);box-shadow:6px 6px 0 #000}.tile img{display:block;width:100%;height:190px;object-fit:cover;border-bottom:3px solid var(--line);image-rendering:pixelated}.tile div{padding:18px 20px}.tile b{display:block;font-weight:700;font-size:18px;color:var(--gold);margin-bottom:8px}.tile p{margin:0;color:#a9b4c2;font-size:15px}
.path{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.lv{padding:28px;background:var(--pane);border:3px solid var(--line);position:relative}.lv .n{position:absolute;top:-16px;left:22px;padding:5px 12px;background:var(--gold);color:#120d02;font-weight:700;font-size:12px}.lv b{display:block;font-weight:700;font-size:21px;margin:6px 0 10px}.lv p{margin:0;color:#a9b4c2}
/* questions */
.quest{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin-top:34px}.quest details{background:var(--pane);border:3px solid var(--line)}.quest details[open]{border-color:var(--gold)}
.quest summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:12px;padding:20px 22px;font-weight:700;font-size:15px}.quest summary::-webkit-details-marker{display:none}.quest summary:after{content:"▸";color:var(--gold)}.quest details[open] summary:after{content:"▾"}.quest details p{margin:0;padding:0 22px 20px;color:#b3bdca}
/* closing call */
.end{margin:90px auto 60px;max-width:1352px;padding:70px 30px;text-align:center;background:var(--pane)}.end h2{font-size:clamp(26px,3.6vw,50px)}.end p{color:#a9b4c2;margin:0 0 34px;font-size:18px}
.foot{display:flex;justify-content:space-between;padding:22px 44px;border-top:4px solid #141a24;font-size:12px;color:#566070;font-weight:700}.foot a{color:var(--gold)}
/* ---------------- claim page */
.claim{max-width:1240px;margin:0 auto;padding:48px 44px 40px}
.chd h1{font-weight:700;font-size:clamp(34px,4.4vw,60px);line-height:1.05;margin:0 0 14px}.chd p{color:#b9c3d0;font-size:18px;max-width:720px;margin:0 0 34px}
.cg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.px-site .term{box-shadow:6px 6px 0 #000,0 0 80px -20px rgba(255,210,63,.35);min-height:560px}.px-site .term>.ph{background:#191405}
.px-site .term .tbody{padding:16px 18px}.px-site .log{max-height:none;min-height:180px;font-size:13.5px}
.px-site .prompt{border-radius:0;border:3px solid var(--line2)}.px-site .prompt button,.px-site .exec{border-radius:0;font-family:Pixel,monospace;text-transform:uppercase;font-weight:700}.px-site .exec{box-shadow:0 4px 0 #9a7a10}.px-site .exec.x{box-shadow:0 4px 0 #9aa6b6}.px-site .exec.ghost{box-shadow:none;border:2px solid var(--line2)}
.side{display:grid;gap:20px}.get{padding:20px 22px;background:#0f0d05}.get small{display:block;font-size:11px;color:var(--mut)}.get b{display:block;font-size:34px;font-weight:700;color:var(--gold);margin:6px 0 4px}.get span{color:#d9dfd1;font-size:15px}
.px-site .mine{min-height:240px}.mempty .sil{border-radius:0}.mempty b{font-family:Pixel,monospace;font-size:14px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;font-weight:700}.steps li{padding:12px;background:var(--pane);border:2px solid var(--line);display:flex;gap:8px;align-items:center;color:#c3ccd7}.steps b{color:var(--gold)}
.px-site .watch{height:420px;margin-top:24px}
.safe{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.safe div{padding:18px 20px;background:var(--pane);border:3px solid var(--line)}.safe b{display:block;font-size:13px;font-weight:700;color:var(--gold);margin-bottom:6px}.safe p{margin:0;color:#a9b4c2;font-size:14.5px}.safe a{color:var(--gold)}
.px-site .sent .box{border-radius:0;border:4px solid var(--gr);box-shadow:8px 8px 0 #000}
.px-site .sent h2{text-transform:none;font-family:Grotesk,sans-serif}
/* phones and tablets */
@media (max-width:1100px){.live,.live2{grid-template-columns:1fr}.px-site .detail{height:auto;max-height:560px}.tiles{grid-template-columns:1fr 1fr}.cg{grid-template-columns:1fr}}
@media (max-width:860px){.nav{padding:12px 16px;gap:16px}.nl{display:none}.nav .chip{display:none}.claim .nav .nl{display:inline}.hero{grid-template-columns:1fr;padding:34px 16px 30px;gap:34px}.bubble.b1{left:8px;top:8px}.bubble.b2{right:8px;bottom:8px}.bubble{max-width:230px;font-size:12.5px}
  .hud{grid-template-columns:1fr 1fr;padding:0 16px 10px;gap:10px}.hud b{font-size:22px}.sec{padding:60px 16px 10px}.px-site .cam{height:56vh}.path{grid-template-columns:1fr;gap:28px}.quest{grid-template-columns:1fr}.end{margin:60px 16px 40px;padding:44px 18px}.foot{padding:18px 16px}
  .claim{padding:28px 16px}.px-site .watch{height:52vh}.safe{grid-template-columns:1fr}.pbtn{padding:14px 18px;font-size:14px}}
@media (max-width:520px){.tiles{grid-template-columns:1fr}.tile img{height:170px}.hero .row .pbtn{flex:1}.bubble.b1{display:none}}
.hero .row{flex-wrap:nowrap}.hero .row .pbtn{font-size:14px;padding:15px 20px}
@media (max-width:520px){.hero .row{flex-direction:column}.hero .row .pbtn{width:100%}}
.px-site .dh h2{font:700 22px Grotesk,sans-serif;margin:0;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-site .dh>div{min-width:0}
body.claimed .steps{display:none}
@media (max-width:860px){.px-site .term{min-height:0}.px-site .log{min-height:90px}body[data-page=claim] .nav .nl{display:inline;font-size:11px}}
/* full city view page */
body.cityview{overflow:hidden}.cityview .nav{position:relative}
.full{position:relative;height:calc(100vh - 68px);height:calc(100dvh - 68px)}.full iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0f1610 url(/media/city-poster.webp) center/cover}
.loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(7,9,14,.55);pointer-events:none}.loading b{font:700 18px Pixel,monospace;color:var(--gold);animation:blink 1s steps(1) infinite}
@media (max-width:860px){.cityview .nav .chip{display:none}.cityview .nav .nl{display:inline}.full{height:calc(100dvh - 60px)}}
.more{margin:-14px 0 26px}.more .pbtn{font-size:13px;padding:12px 18px}
/* ---- claim form (v5): three parts and one button */
.form{padding:0}.form .guide{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:3px solid var(--line);background:#0f0d05}.form .guide canvas{width:56px;height:68px;flex:none}.form .guide p{margin:0;font:13.5px/1.6 Mono,monospace;color:var(--gold);min-height:44px;display:flex;align-items:center}
.q{padding:20px 22px;border-bottom:2px dashed var(--line2)}.q label{display:flex;align-items:center;gap:10px;font:700 14px Pixel,monospace;text-transform:uppercase;margin-bottom:12px;color:#fff}
.qn{width:28px;height:28px;display:grid;place-items:center;background:#141a24;border:2px solid var(--line2);color:var(--gold);font:700 13px Pixel,monospace;flex:none}.q.ok .qn{background:var(--gr);border-color:var(--gr);color:#05200f;font-size:0}.q.ok .qn:after{content:"✓";font:700 16px Inter,sans-serif}
.q small{display:block;margin-top:9px;color:var(--mut);font-size:13px}.q small a{color:var(--gold)}
.field{display:flex;align-items:center;gap:8px;padding:0 14px;border:3px solid var(--line2);background:#05080b}.field:focus-within{border-color:var(--gold)}.field span{color:var(--gold);font:700 16px Mono,monospace}.field input{flex:1;min-width:0;padding:15px 0;background:none;border:0;outline:0;color:var(--tx);font:16px Mono,monospace}
.tasks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task{display:flex;align-items:center;gap:10px;padding:13px 14px;background:#fff;color:#000;font-weight:700;font-size:14px;box-shadow:0 4px 0 #8f99a6}.task span{flex:1}.task b{font:700 11px Pixel,monospace}
.task.wait{background:var(--line2);color:var(--tx);box-shadow:none}.task.done{background:#0f2a1a;color:var(--gr);box-shadow:none;border:2px solid var(--gr);pointer-events:none}
.err{margin:0;padding:12px 22px;color:var(--rd);font-weight:600;background:rgba(255,93,108,.08)}
.go{display:flex;width:calc(100% - 44px);margin:20px 22px 24px;font-size:18px;padding:18px}.go:disabled{background:#2a2f38;color:#7d8899;box-shadow:0 6px 0 #161a20;cursor:not-allowed;transform:none}
.next{padding:0}.next ol{list-style:none;margin:0;padding:6px 18px 14px}.next li{padding:12px 0;border-bottom:1px solid var(--line)}.next li:last-child{border:0}.next li b{display:block;font:700 13px Pixel,monospace;text-transform:uppercase;color:var(--gold);margin-bottom:3px}.next li span{color:#a9b4c2;font-size:14px}
/* ---- after the claim */
.seqbox{margin-bottom:22px}.seq{list-style:none;margin:0;padding:14px 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.seq li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px}.seq li i{width:20px;height:20px;flex:none;border:3px solid var(--line2);margin-top:2px;position:relative}.seq li b{display:block;color:var(--mut);font-weight:600}.seq li span{display:block;font:11.5px Mono,monospace;color:var(--dim);word-break:break-word}.seq li span a{color:var(--gold)}
.seq li.ok i{background:var(--gr);border-color:var(--gr)}.seq li.ok i:after{content:"✓";position:absolute;inset:-3px 0 0;text-align:center;font:700 13px Inter;color:#05200f}.seq li.ok b{color:var(--tx)}.seq li.ok span{color:var(--mut)}.seq li.wait i{border-color:var(--gold);animation:blink 1s steps(1) infinite}.seq li.wait b{color:var(--gold)}.seq li.bad i{border-color:var(--rd)}.seq li.bad b{color:var(--rd)}
.ag{display:grid;grid-template-columns:420px minmax(0,1fr);gap:22px;align-items:start}.px-site .mycard{min-height:560px}.px-site .ag .cam{height:auto;display:flex;flex-direction:column}.ag .camwrap{height:470px;flex:none}
.camfoot{display:flex;gap:12px;padding:12px 14px;border-top:3px solid var(--line);flex-wrap:wrap}.camfoot .pbtn{font-size:12px}
.goal{margin:10px 0;padding:12px 14px;background:#0f0d05;border-left:3px solid var(--gold)}.goal small{display:block;font:700 10px Pixel,monospace;color:var(--gold);margin-bottom:4px}.goal p{margin:0;font-size:13.5px;color:#d9dfd1}
.own-h{margin:14px 0 0;font:700 11px Pixel,monospace;color:var(--mut)}
.moves{margin-top:22px}.moves ol{list-style:none;margin:0;padding:0;max-height:330px;overflow:auto}.moves li{display:grid;grid-template-columns:64px 190px 1fr;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:14px}.moves time{font:12px Mono,monospace;color:var(--dim)}.moves li b{color:var(--cy)}.moves li span{color:#a9b4c2}.moves .empty{display:block;color:var(--mut)}
/* ---- the arrival moment */
.arrive{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,rgba(255,210,63,.08),transparent 60%),#05070b;padding:20px;overflow:auto}body.noscroll{overflow:hidden}
.ar-in{width:100%;max-width:620px;text-align:center}.ar-k{font:700 13px Pixel,monospace;color:var(--gr);letter-spacing:.1em;margin:0 0 16px}
.ar-l{list-style:none;margin:0 auto 6px;padding:0;text-align:left;max-width:480px;font:14px Mono,monospace}.ar-l li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;color:#c8d4e0;visibility:hidden}.ar-l li.on{visibility:visible}
.ar-l li i{width:16px;height:16px;flex:none;margin-top:2px;border:2px solid var(--gold);animation:blink .6s steps(1) infinite}.ar-l li.ok i{border-color:var(--gr);background:var(--gr);animation:none;position:relative}.ar-l li.ok i:after{content:"✓";position:absolute;inset:-4px 0 0;text-align:center;color:#05200f;font:700 12px Inter}.ar-l li span{word-break:break-word}
.ar-bot{height:200px;display:flex;align-items:flex-end;justify-content:center;visibility:hidden}.ar-bot.on{visibility:visible;animation:arDrop .75s steps(8) both}.ar-bot canvas{width:160px;height:190px;image-rendering:pixelated}
.ar-end{visibility:hidden}.ar-end.on{visibility:visible;animation:arPop .35s steps(4) both}
.arrive h2{font:700 clamp(18px,5vw,32px)/1.25 Pixel,monospace;margin:10px 0 2px}.ar-h{font:700 clamp(20px,6vw,36px) Pixel,monospace;color:var(--gold);margin:0 0 10px;word-break:break-all}.ar-s{color:#b9c3d0;margin:0 0 24px}
@keyframes arDrop{0%{transform:translateY(-260px)}75%{transform:translateY(14px)}100%{transform:translateY(0)}}@keyframes arPop{0%{transform:scale(1.25);opacity:0}100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){.ar-bot.on,.ar-end.on{animation:none}}
@media (max-width:1100px){.seq{grid-template-columns:1fr 1fr}.ag{grid-template-columns:1fr}.px-site .mycard{min-height:0}}
@media (max-width:860px){.tasks{grid-template-columns:1fr}.seq{grid-template-columns:1fr}.ag .camwrap{height:56vh}.moves li{grid-template-columns:52px 1fr}.moves li span{grid-column:2}.q{padding:16px}.go{width:calc(100% - 32px);margin:16px}}
@media (max-width:520px){.nav{gap:10px}.nav .pbtn.sm{font-size:10px;padding:8px 10px}.logo span{font-size:14px}.logo img{width:24px;height:24px}.cityview .nav .nl,body[data-page=claim] .nav .nl+.nl{display:none}}
.need{margin:-10px 22px 18px;font:12.5px Mono,monospace;color:var(--mut);text-align:center}.need:empty{display:none}
body.cityview{display:flex;flex-direction:column;height:100vh;height:100dvh}.cityview .full{flex:1;height:auto;min-height:0}
@media (max-width:860px){.camb button{min-height:38px;min-width:42px}.seg button{min-height:40px}.foot a,.foot span{padding:12px 0}.nav .nl{padding:12px 4px}.q small a{display:inline-block;padding:8px 0}.tools input{min-height:42px}}
.nav .logo{padding:6px 0;min-height:40px}@media (min-width:861px){.nav .nl{padding:10px 6px;display:inline-block}}.q small a{display:inline-block;padding:8px 0}
@media (max-width:520px){.tools{flex-wrap:wrap}.tools input{flex:1 1 100%}.tools .seg{flex:1 1 100%}.tools .seg button{flex:1}}
/* ---- claim page v6: early adopter, one question at a time */
.ea{max-width:820px;margin:0 auto;text-align:center}
.ea-h h1{font:700 clamp(30px,4.6vw,58px)/1.08 Pixel,monospace;margin:16px 0 12px}.ea-h h1 b{color:var(--gold)}.ea-h p{color:#b9c3d0;font-size:18px;margin:0 auto 26px;max-width:600px}.ea-h p b{color:var(--gold);font-weight:700}
.story{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin:0 0 26px}
.story>div{display:grid;justify-items:center;gap:4px;padding:14px 10px;background:var(--pane);border:3px solid var(--line)}.story canvas{width:72px;height:88px}.story b{font:700 12px Pixel,monospace;color:var(--gold)}.story span{font-size:13px;color:#a9b4c2}.story>i{font:700 26px Pixel,monospace;color:var(--gold);font-style:normal}
.wiz{text-align:left;background:var(--pane);padding:0 0 4px}.wbar{height:6px;background:#141a24}.wbar i{display:block;height:100%;width:8%;background:var(--gold);transition:width .35s steps(6)}
.wq{padding:22px 24px 20px}.wq .say{display:flex;gap:14px;align-items:center;margin-bottom:18px}.wq .say canvas{width:58px;height:72px;flex:none}.wq .say p{margin:0;position:relative;padding:12px 16px;background:#0f0d05;border:2px solid var(--gold2);font:14px/1.55 Mono,monospace;color:#f3e7b6}
.field.big input{font-size:19px;padding:17px 0}.wq .go{display:flex;width:100%;margin:16px 0 0;font-size:17px;padding:17px}
.wnav{display:flex;gap:12px;align-items:center;margin-top:16px}.wnav .go{flex:1;margin:0}.lnk{background:none;border:0;color:var(--mut);font:700 12px Pixel,monospace;padding:14px 10px;cursor:pointer}.lnk:hover{color:var(--gold)}
.wq .tasks{grid-template-columns:1fr}.wq .task b{font-size:12px}.tiny{margin:10px 2px 0;font-size:13px}.tiny a{color:var(--gold)}
.trust{margin:16px 0 0;font:12px Mono,monospace;color:var(--mut)}
.pass{display:flex;gap:22px;align-items:center;padding:20px 24px;margin-bottom:22px;background:linear-gradient(135deg,#1a1505,#0c1018 60%)}.pass canvas{width:96px;height:114px;flex:none}.pass small{display:block;font:700 12px Pixel,monospace;color:var(--gr);letter-spacing:.06em}.pass h1{margin:6px 0 2px;font:700 clamp(30px,5vw,52px) Pixel,monospace;color:var(--gold)}.pass p{margin:0 0 4px;font:700 20px Grotesk,sans-serif;color:#fff}.pass span{color:#b9c3d0}
@media (max-width:640px){.story{grid-template-columns:1fr}.story>i{transform:rotate(90deg);line-height:.6}.story>div{grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:12px}.story canvas{grid-row:span 2;width:52px;height:64px}.wq{padding:18px 16px}.pass{gap:14px;padding:16px}.pass canvas{width:70px;height:84px}}