:root{--paper:#f5f2ea;--sheet:#fdfcf8;--ink:#2f2a21;--ink-2:#6e6553;--ink-3:#9d947c;--line:#e8e2d2;--rule:#4a4232;--pen:#1d6b66;--shadow:0 1px 2px rgba(74,66,50,.07),0 8px 24px rgba(74,66,50,.08);color-scheme:light}
@media (prefers-color-scheme:dark){:root{--paper:#15130e;--sheet:#1e1b14;--ink:#e4dcc6;--ink-2:#a1987f;--ink-3:#6e6752;--line:#322d22;--rule:#8d8266;--pen:#72c4bb;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 "IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
a{color:var(--pen)}
.wrap{max-width:560px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-left)) 32px;display:grid;gap:24px}
.logo{margin:0;font:700 34px/1.2 "Gowun Batang",serif;letter-spacing:-.01em}
.tag{margin:4px 0 0;color:var(--ink-2)}
.games{display:grid;gap:12px}
.game{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:16px;background:var(--sheet);border-radius:14px;box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:transform .12s}
a.game:active{transform:scale(.98)}
.game__art{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:var(--rule);color:var(--sheet)}
.game__art svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}
.game__art text{fill:currentColor;stroke:none;font:500 7px system-ui;text-anchor:middle}
.game__body{display:grid;gap:2px;min-width:0}
.game__name{font-weight:600;font-size:17px}
.game__name em{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;margin-left:6px;border-radius:999px;background:var(--line);color:var(--ink-2);vertical-align:2px}
.game__desc{font-size:14px;color:var(--ink-2)}
.game--soon{opacity:.6}
.foot{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-3)}
.foot a{color:var(--ink-2)}
.doc{gap:4px}
.doc h1{font:700 26px/1.3 "Gowun Batang",serif;margin:8px 0 0}
.doc h2{font-size:16px;margin:18px 0 0}
.doc p{margin:4px 0}
.muted{color:var(--ink-3);font-size:13px}
.todo{background:#f7e3a1;color:#5a4400;padding:0 4px;border-radius:3px}