:root{--page:#140b06;--page-hi:#1f110a;--wood:#3a1a0b;--wood-deep:#1e0d06;--felt:#17432c;--gold:#e2bd63;--gold-hi:#f6e2a6;--gold-lo:#8a6420;--gold-line:#e2bd6347;--text-hi:#fbf3df;--text:#eadfc6;--text-muted:#b9ab89;--display:"Playfair Display", Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--gutter:clamp(16px, 4vw, 48px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 75% -10%, #17432c8c, transparent 70%), radial-gradient(900px 500px at -10% 30%, #6e121840, transparent 70%), var(--page);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--gold);text-underline-offset:3px}a:hover{color:var(--gold-hi)}code,kbd{font-family:var(--mono);font-size:.9em}kbd{border:1px solid var(--gold-line);color:var(--text-hi);border-bottom-width:2px;border-radius:5px;padding:1px 6px}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}h1,h2,h3{color:var(--text-hi);font-family:var(--display);text-wrap:balance;margin:0;font-weight:700;line-height:1.1}h1{letter-spacing:-.01em;font-size:clamp(40px,6vw,72px)}h2{font-size:clamp(30px,4vw,44px)}h3{font-size:21px}.bar,main>section,footer{width:min(1240px,100%);padding-inline:var(--gutter);margin-inline:auto}.bar{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.brand{color:var(--text-hi);font:700 20px var(--display);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand svg{fill:none;width:26px;height:26px;stroke:var(--gold);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.bar nav{gap:clamp(14px,3vw,32px);display:flex}.bar nav a{color:var(--text-muted);font-size:15px;text-decoration:none}.bar nav a:hover{color:var(--gold-hi)}.hero{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(32px,7vw,96px);display:grid}.eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:13px;font-weight:600}.lede{max-width:34em;color:var(--text);margin:24px 0 0;font-size:18px}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.cta{background:linear-gradient(180deg, var(--gold-hi), var(--gold) 45%, #b8892f);color:#2a1606;font:700 19px var(--display);cursor:pointer;border:0;border-radius:999px;padding:15px 30px;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 0 0 1px #fff0c866,0 10px 30px -8px #e2bd638c}.cta:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fff0c880,0 14px 36px -8px #e2bd63b3}.cta:active{transform:translateY(1px)}.install{border:1px solid var(--gold-line);background:#00000059;border-radius:999px;align-items:center;min-width:0;display:flex}.install code{color:var(--text-hi);white-space:nowrap;text-overflow:ellipsis;padding:0 6px 0 18px;overflow:hidden}.copy{color:var(--gold-hi);font:600 13px var(--sans);cursor:pointer;background:#e2bd6324;border:0;border-radius:999px;margin:4px;padding:8px 14px}.copy:hover{background:#e2bd633d}.tune{flex-wrap:wrap;gap:10px 20px;margin-top:28px;display:flex}.tune label{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.tune select{border:1px solid var(--gold-line);background:var(--page-hi);color:var(--text-hi);font:inherit;border-radius:8px;padding:6px 10px}.hint{color:var(--text-muted);margin:14px 0 0;font-size:14px}.frame{background:linear-gradient(160deg, #4a2614, var(--wood-deep));box-shadow:0 0 0 1px var(--gold-lo), 0 0 0 4px #2a140a, 0 0 0 5px var(--gold-line), 0 40px 80px -30px #000000e6;border-radius:22px;margin:0;padding:10px;position:relative}.frame img{border-radius:14px;width:100%;height:auto;display:block}.hero-shot{transform:perspective(1600px)rotateY(-6deg)rotateX(2deg)}.hero-shot:before{content:"";background:radial-gradient(circle, var(--gold-hi) 0 1.2px, transparent 2px) 0 0 / 14px 14px;opacity:.55;pointer-events:none;border-radius:20px;padding:4px;position:absolute;inset:3px;-webkit-mask:linear-gradient(#000 0 0),linear-gradient(#000 0 0) content-box;-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) exclude,linear-gradient(#000 0 0) content-box}.games,.features{padding-block:clamp(48px,8vw,104px)}.section-lede{max-width:44em;color:var(--text-muted);margin:14px 0 0;font-size:17px}.game-grid,.feature-grid{gap:20px;margin:40px 0 0;padding:0;list-style:none;display:grid}.game-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.game{border:1px solid var(--gold-line);width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:linear-gradient(#2a140a,#1a0c06);border-radius:18px;flex-direction:column;padding:0;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.game:hover{border-color:var(--gold);transform:translateY(-3px)}.game img{aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--gold-line);width:100%;height:auto;display:block}.game span{color:var(--text-muted);padding:16px 18px 20px;font-size:15px}.game b,.extras b{color:var(--gold-hi);font:700 21px var(--display);margin-bottom:4px;display:block}.extras{border:1px dashed var(--gold-line);border-radius:18px;align-content:center;gap:18px;padding:22px;display:grid}.extras p{color:var(--text-muted);margin:0;font-size:15px}.extras b{font-size:17px}.feature-grid{border-top:1px solid var(--gold-line);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0}.feature-grid li{border-bottom:1px solid var(--gold-line);padding:28px 28px 28px 0}.feature-grid p{color:var(--text-muted);margin:8px 0 0}.feature-grid h3:before{content:"♣";color:var(--gold);margin-right:10px;font-size:.8em}.start{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(32px,5vw,64px);padding-block:clamp(48px,8vw,104px);display:grid}.links{flex-wrap:wrap;gap:10px;margin:28px 0 0;display:flex}.links a{border:1px solid var(--gold-line);border-radius:999px;padding:9px 16px;font-size:15px;text-decoration:none}.links a:hover{border-color:var(--gold)}.code{color:var(--text);font:14px/1.65 var(--mono);background:#0e0704;padding:24px 26px;overflow-x:auto}.code .k{color:#e59a7a}.code .s{color:#b5d48a}.code .c{color:#8a7d62}footer{border-top:1px solid var(--gold-line);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:32px 48px;font-size:14px;display:flex}footer p{margin:0}@media (width<=900px){.hero,.start{grid-template-columns:minmax(0,1fr)}.hero-shot{transform:none}}@media (width<=560px){.bar nav a:not(:last-child){display:none}.lede{font-size:17px}.actions{flex-direction:column;align-items:stretch}.install{justify-content:space-between}.feature-grid{grid-template-columns:minmax(0,1fr)}.feature-grid li{padding-right:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}.hero-shot{transform:none}}
