/* Latom LLC pages: an ivory sheet with black ink and brass rules, the same type as the game */
:root{--paper:#f6f1e6;--ink:#17181f;--ink-2:#4b4a52;--brass:#8c6a2c;--rule:#d9cdb3;--card:#fffaf0;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--paper:#0c0d12;--ink:#f1e9d6;--ink-2:#c7bfae;--brass:#d6ae63;--rule:#2c2d38;--card:#15161d;color-scheme:dark}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 "Jost","Futura","Avenir Next",system-ui,sans-serif}
main{max-width:680px;margin:0 auto;padding:48px 20px 64px}
h1,h2{font-family:"Bodoni Moda","Bodoni 72","Didot",Georgia,serif;font-weight:700;line-height:1.1;text-wrap:balance;margin:0}
h1{font-size:clamp(34px,8vw,48px);font-style:italic}
h2{font-size:24px;margin-top:36px;padding-top:20px;border-top:1px solid var(--rule)}
p,ul{margin:14px 0 0}
ul{padding-left:22px}
li+li{margin-top:6px}
a{color:var(--brass);text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.lede{font-size:19px;color:var(--ink-2)}
.meta{font-size:14px;color:var(--ink-2);margin-top:8px}
.game{margin-top:32px;padding:22px 22px 24px;background:var(--card);border:1px solid var(--rule);border-radius:10px}
.game h2{margin:0;padding:0;border:0}
footer{margin-top:48px;padding-top:18px;border-top:1px solid var(--rule);font-size:14px;color:var(--ink-2)}

/* Game page (added Oct 24, 2026) */
main.wide{max-width:760px}
.crumb{margin:0 0 18px;font-size:14px}
.hero{display:grid;gap:12px;justify-items:start}
.hero .icon{display:block;width:88px;height:88px;border-radius:20px;border:1px solid var(--rule)}
.hero .lede{margin:0}
.play{display:inline-block;padding:12px 22px;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:600;line-height:1.2;text-decoration:none}
.play:hover{opacity:.92}
.play:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.feature{display:block;width:100%;height:auto;margin-top:28px;border-radius:10px;border:1px solid var(--rule)}
.shots{display:flex;gap:12px;overflow-x:auto;margin-top:16px;padding:2px 0 12px;scroll-snap-type:x mandatory}
.shots figure{flex:0 0 auto;width:min(44vw,210px);margin:0;scroll-snap-align:start}
.shots img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--rule)}
.shots figcaption{font-size:13px;color:var(--ink-2);margin-top:6px}
details{margin-top:12px;padding:12px 14px;background:var(--card);border:1px solid var(--rule);border-radius:8px}
summary{cursor:pointer;font-weight:600}
details p{margin-top:8px}