@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/space-grotesk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#fdf0d5;--bg-soft:#f6e3bd;--bg-card:#fffaf0;--text:#3a2417;--text-muted:#7a5741;--border:#3a2417;--shadow-col:#3a2417;--accent:#c2410c;--accent-ink:#fff7ec;--accent-2:#d81159;--cyan:#0d8f86;--pop:#ffb703;--good:#0f9d6b;--radius:16px;--radius-sm:10px;--maxw:1080px;--shadow:4px 4px 0 0 var(--shadow-col);--shadow-lg:7px 7px 0 0 var(--shadow-col);--shadow-sm:3px 3px 0 0 var(--shadow-col);--border-w:2.5px;--font:"Space Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display:"Space Grotesk", var(--font);color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#201509;--bg-soft:#2b1d0e;--bg-card:#2f2010;--text:#fde7cf;--text-muted:#c9a983;--border:#6b4a2a;--shadow-col:#000;--accent:#ff7a33;--accent-ink:#201509;--accent-2:#ff4d80;--cyan:#2dd4bf;--pop:#ffc23d;--good:#35e0a1;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1.5px);background-size:22px 22px;position:fixed;inset:0}a{color:var(--accent);font-weight:600;text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline 2px}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--pop);color:#2a1608;border:var(--border-w) solid var(--border);padding:8px 12px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{text-decoration:none;transform:translateY(0)}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;line-height:1.05}h1{font-size:clamp(2.1rem,6vw,3.4rem)}h2{margin-top:1.4em;font-size:clamp(1.5rem,3.5vw,2.1rem)}h3{font-size:1.2rem}p{margin:0 0 1em}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:var(--border-w) solid var(--border);position:sticky;top:0}.site-header .inner{justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding-block:8px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.brand .logo{background:var(--pop);color:#2a1608;border:var(--border-w) solid var(--border);width:34px;height:34px;box-shadow:var(--shadow-sm);border-radius:10px;place-items:center;font-weight:900;display:inline-grid;transform:rotate(-4deg)}.site-nav{flex-wrap:wrap;gap:6px;display:flex}.site-nav a{color:var(--text);border:2px solid #0000;border-radius:999px;padding:7px 13px;font-size:.95rem;font-weight:700}.site-nav a:hover{background:var(--bg-soft);border-color:var(--border);text-decoration:none}.site-nav a[aria-current=page]{background:var(--accent);color:var(--accent-ink);border-color:var(--border);box-shadow:var(--shadow-sm)}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.hero{padding:44px 0 10px}.hero h1{max-width:16ch}.hero h1:after{content:"";background:linear-gradient(90deg, var(--accent) 0 34%, var(--accent-2) 34% 67%, var(--cyan) 67% 100%);border-radius:999px;width:96px;height:10px;margin-top:14px;display:block}.hero p.lede{color:var(--text-muted);max-width:58ch;font-size:1.15rem}.hero .lede strong{color:var(--text)}.game-wrap{border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#15100a;margin:24px 0 8px;overflow:hidden}.game-wrap iframe{background:#15100a;border:0;width:100%;display:block}.game-frame{width:min(100%, max(1px, calc((100vh - var(--site-header-height,63px) - var(--game-controls-height,0px) - 32px) * var(--game-ratio))));width:min(100%, max(1px, calc((100dvh - var(--site-header-height,63px) - var(--game-controls-height,0px) - 32px) * var(--game-ratio))));scroll-margin-top:calc(var(--site-header-height,63px) + 16px);margin-inline:auto}.game-modes{background:var(--bg-card);border-bottom:var(--border-w) solid var(--border);justify-content:center;gap:8px;padding:8px;display:flex}.game-modes button{border:2px solid var(--border);background:var(--bg-card);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:700}.game-modes button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.game-modes button:focus-visible{outline:3px solid var(--text);outline-offset:2px}.game-help{max-width:72ch;margin:16px auto 24px;font-size:.9rem}.game-load-status{margin-bottom:8px}.game-recovery summary{cursor:pointer;color:var(--accent);font-weight:700}.game-recovery[open]{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-sm);padding:16px}.game-recovery[open] summary{margin-bottom:12px}.game-recovery .btn-row{align-items:center}.game-recovery .btn{font:inherit;cursor:pointer;font-weight:700}.game-retry[hidden]{display:none}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:8px;display:grid}.card{background:var(--bg-card);color:var(--text);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:20px;transition:transform .12s,box-shadow .12s;display:flex}.card:hover{box-shadow:var(--shadow-lg);text-decoration:none;transform:translate(-2px,-2px)}.card:active{box-shadow:var(--shadow-sm);transform:translate(1px,1px)}.card .card-emoji{background:var(--bg-soft);border:2px solid var(--border);border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.card h3{color:var(--text);margin:0}.card p{color:var(--text-muted);margin:0;font-size:.95rem}.card .play-cta{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-top:auto;font-size:.9rem;font-weight:700}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.feature{background:var(--bg-card);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.feature .ico{font-size:1.5rem}.feature h3{margin:6px 0 4px}.feature p{color:var(--text-muted);margin:0;font-size:.95rem}.prose{max-width:72ch}.prose ul,.prose ol{padding-left:1.2em}.prose li{margin-bottom:.4em}.prose li::marker{color:var(--accent-2);font-weight:700}.callout{border:var(--border-w) solid var(--border);background:var(--bg-soft);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left-width:8px;margin:10px 0 4px;padding:16px 20px}.callout p:last-child{margin-bottom:0}.controls-table{border-collapse:collapse;width:100%;margin:8px 0}.controls-table td{border-bottom:2px solid var(--border);vertical-align:top;padding:9px 12px}.controls-table td:first-child{white-space:nowrap;color:var(--accent);width:1%;font-weight:700}.crumbs{color:var(--text-muted);margin:22px 0 6px;font-size:.85rem;font-weight:600}.crumbs a{color:var(--text-muted)}.crumbs a:hover{color:var(--text)}.faq .faq-list{gap:14px;display:grid}.faq .faq-item{border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--bg-card);box-shadow:var(--shadow-sm);padding:16px 20px}.faq .faq-q{align-items:baseline;gap:10px;margin:0 0 6px;font-size:1.05rem;display:flex}.faq .faq-q:before{content:"Q";font-family:var(--font-display);color:var(--accent-ink);background:var(--accent);border:2px solid var(--border);border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-grid}.faq .faq-a{color:var(--text-muted);margin:0;padding-left:34px}.tips{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.tip{background:var(--bg-card);border:var(--border-w) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.tip h3{margin:0 0 6px;font-size:1rem}.tip p{color:var(--text-muted);margin:0;font-size:.95rem}.site-footer{border-top:var(--border-w) solid var(--border);background:var(--bg-soft);color:var(--text-muted);margin-top:64px;font-size:.9rem}.site-footer a{color:var(--text-muted);font-weight:600}.site-footer a:hover{color:var(--text)}.foot-cols{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding:36px 0 20px;display:grid}.foot-brand{max-width:34ch}.foot-brand strong{font-family:var(--font-display);color:var(--text);font-size:1.05rem}.foot-col{flex-direction:column;gap:8px;display:flex}.foot-col h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:0 0 4px;font-size:.78rem}.foot-col a{font-size:.9rem}.foot-copy{padding-bottom:24px;display:block}@media (width<=720px){.foot-cols{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}@media (width<=420px){.foot-cols{grid-template-columns:1fr}}.section{margin-top:8px}.muted{color:var(--text-muted)}.badge{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:var(--pop);color:#2a1608;border:var(--border-w) solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;margin-bottom:14px;padding:6px 12px;font-size:.74rem;font-weight:700;display:inline-block}.btn-row{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.btn{font-family:var(--font-display);letter-spacing:-.01em;background:var(--accent);color:var(--accent-ink);border:var(--border-w) solid var(--border);box-shadow:var(--shadow);border-radius:999px;padding:12px 22px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-block}.btn:hover{box-shadow:var(--shadow-lg);text-decoration:none;transform:translate(-2px,-2px)}.btn:active{box-shadow:var(--shadow-sm);transform:translate(1px,1px)}.btn.secondary{background:var(--bg-card);color:var(--text)}@media (width<=560px){.site-header .inner{flex-direction:column;align-items:flex-start}.hero{padding-top:28px}}.page-jump-links,.home-jump-links{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.page-jump-links a,.home-jump-links a{border:2px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700}.page-jump-links a:hover,.home-jump-links a:hover{background:var(--bg-soft);text-decoration:none}main [id]{scroll-margin-top:calc(var(--site-header-height,63px) + 16px)}.prose table{border-collapse:collapse;max-width:100%;margin-block:16px;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:2px solid var(--border);text-align:left;vertical-align:top;padding:10px}.prose th{font-family:var(--font-display)}.game-screenshot{width:100%;max-width:640px;margin:24px 0}.game-screenshot img{border-radius:var(--radius);border:var(--border-w) solid var(--border);width:100%;height:auto;box-shadow:var(--shadow);display:block}.game-screenshot figcaption{color:var(--text-muted);margin-top:12px;font-size:.9rem}.game-placeholder{text-align:center;background:var(--bg-soft);place-items:center;padding:28px;display:grid}.game-placeholder .ph-title{margin:0 0 8px}.game-placeholder .ph-text{color:var(--text-muted);max-width:42ch;margin:0 0 16px}
