.topnav{gap:8px;display:flex}.hero{max-width:760px;padding-block:clamp(18px,5vw,48px) 8px}.hero h1{font:900 clamp(32px, 7vw, 54px)/.95 var(--f-display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0}.hero h1 span{color:var(--brass)}.hero .tag{font:800 clamp(15px, 3.6vw, 18px)/1.3 var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--brass-2);margin:12px 0 0}.hero p{color:var(--ink-2);max-width:56ch;margin:8px 0 0}.library{margin-top:22px}.library h2,.how h2,.doc h2{font:900 26px/1 var(--f-display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px}.games{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px;display:grid}.gcard{background:var(--room-2);border:1px solid var(--line);color:inherit;border-radius:16px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid;overflow:hidden}.gcard:hover{border-color:var(--brass-dim);transform:translateY(-2px)}.gfelt{background:linear-gradient(180deg, var(--rail-hi), var(--rail) 18%, var(--rail-lo));border-radius:16px 16px 40% 40%/16px 16px 22% 22%;height:150px;margin:10px 10px 0;padding:7px;position:relative}.gfelt>div{background:radial-gradient(120% 90% at 50% 25%, var(--felt-hi), var(--felt) 52%, var(--felt-lo));border-radius:11px 11px 40% 40%/11px 11px 22% 22%;position:absolute;inset:7px;overflow:hidden;box-shadow:inset 0 0 0 2px #d9b46473,inset 0 0 40px #0006}.gfelt .row{gap:5px;display:flex;position:absolute;top:38px;left:50%;transform:translate(-50%)}.gfelt .mc{background:var(--card);width:30px;height:42px;color:var(--card-blk);font:800 13px/1 var(--f-display);border-radius:4px;place-items:center;display:grid;box-shadow:0 2px 5px #00000059}.gfelt .mc.r{color:var(--card-red)}.gfelt .mc.gap{visibility:hidden;width:10px}.gfelt .mc.dice{color:#c4122f;place-items:center;width:42px;height:42px;font-size:38px;line-height:1;display:grid}.gfelt .led.bjled{color:var(--brass-2);text-shadow:none;font-family:var(--f-display);letter-spacing:.08em;font-weight:800}.gfelt .circ{border:2px solid #d9b46499;border-radius:50%;width:34px;height:34px;position:absolute;bottom:18px}.gfelt .circ.a{left:calc(50% - 44px)}.gfelt .circ.b{left:calc(50% + 10px)}.gfelt .circ:after{content:"";background:radial-gradient(circle,#2d5fb5 0 40%,#ffffffd9 41% 46%,#2d5fb5 47%);border-radius:50%;position:absolute;inset:7px}.gfelt .led{background:var(--led-bg);font:600 10px/1 var(--f-mono);color:var(--led);text-shadow:0 0 6px #ff5b4999;border:1px solid #4a1712;border-radius:6px;padding:3px 6px;position:absolute;top:10px;left:10px}.gbody{gap:8px;padding:14px 16px 16px;display:grid}.gbody h3{font:900 24px/1 var(--f-display);letter-spacing:.03em;text-transform:uppercase;margin:0}.gbody>p{color:var(--ink-2);margin:0}.gbody ul{color:var(--ink);gap:2px;margin:0;padding-left:18px;display:grid}.gbody .btn{margin-top:6px}.how{margin-top:34px}.how ol{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.how li{background:var(--room-2);border:1px solid var(--line);counter-increment:s;border-radius:14px;align-content:start;gap:6px;padding:14px 16px;display:grid}.how li:before{content:counter(s);width:32px;height:32px;font:900 16px/1 var(--f-display);color:var(--brass-ink);background:var(--brass);border-radius:50%;place-items:center;display:grid}.how li b{font:800 18px/1.1 var(--f-display);letter-spacing:.05em;text-transform:uppercase}.how li span{color:var(--ink-2)}.rg-line{color:var(--ink-2);margin:22px 0 0;font-size:14px}.doc{max-width:72ch;padding-block:clamp(14px,4vw,34px) 0}.doc h1{font:900 clamp(30px, 6vw, 46px)/.95 var(--f-display);letter-spacing:.01em;text-transform:uppercase;margin:0 0 6px}.doc .meta{color:var(--ink-3);margin:0 0 18px;font-size:13px}.doc h2{margin:26px 0 8px;font-size:22px}.doc p,.doc li{color:var(--ink-2)}.doc p{margin:0 0 12px}.doc ul{gap:4px;margin:0 0 12px;padding-left:20px;display:grid}.doc strong{color:var(--ink)}.callout{background:var(--room-2);border:1px solid var(--brass-dim);border-radius:14px;margin:16px 0;padding:14px 16px}.callout p:last-child{margin:0}.callout .big{font:900 28px/1 var(--f-display);letter-spacing:.03em;color:var(--brass-2);margin:4px 0 8px}.lost{text-align:center;padding-block:clamp(40px,12vw,110px) 20px}.lost .code{font:900 clamp(80px, 22vw, 150px)/.85 var(--f-display);color:var(--brass)}.lost h1{font:900 clamp(26px, 5vw, 38px)/1 var(--f-display);text-transform:uppercase;margin:8px 0}.lost p{color:var(--ink-2);max-width:44ch;margin:0 auto 20px}.lost .btns{max-width:520px;margin:0 auto}