/* Hallmark · macrostructure: Letter (single column) · tone: soft/austere · anchor hue: none (mono 5-tone, matches Pixel Pastoral)
 * nav: none (2 pages, wordmark link only) · footer: one-line colophon · enrichment: real game screenshot */
:root{
  --g0:#f2f2ef; --g1:#dcdcd8; --g2:#a9a9a5; --g3:#6b6b68; --g4:#2a2a29;
  --font: ui-rounded, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;
  --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:32px; --space-xl:64px;
  --measure:34rem;
}
*{box-sizing:border-box}
html,body{overflow-x:clip}
body{margin:0;background:var(--g0);color:var(--g4);font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased}
main{max-width:var(--measure);margin:0 auto;padding:var(--space-lg) var(--space-md) var(--space-xl)}
a{color:var(--g4);text-underline-offset:3px;text-decoration-thickness:2px}
a:hover{background:var(--g1)}
a:focus-visible,.btn:focus-visible{outline:2px dashed var(--g4);outline-offset:3px}
h1,h2,h3{font-style:normal;line-height:1.25;margin:0;overflow-wrap:anywhere}
h1{font-size:2.25rem;font-weight:800;letter-spacing:-.01em}
h2{font-size:1.375rem;font-weight:800;margin-top:var(--space-xl)}
h3{font-size:1.0625rem;font-weight:700;margin-top:var(--space-lg)}
p,ul{margin:var(--space-md) 0 0}
ul{padding-left:1.2em}
li+li{margin-top:var(--space-xs)}
.lede{color:var(--g3)}
.rule{border:0;border-top:2px dashed var(--g2);margin:var(--space-lg) 0}
.mark{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:800;text-decoration:none}
.mark img{width:28px;height:28px;image-rendering:pixelated;border:2px solid var(--g4)}
figure{margin:var(--space-lg) 0 0;max-width:300px;border:2px solid var(--g4);box-shadow:4px 4px 0 var(--g2);background:var(--g0)}
figure img{display:block;width:100%;height:auto;image-rendering:pixelated}
.btn{display:inline-block;margin-top:var(--space-md);padding:10px 20px;font-weight:700;white-space:nowrap;
  color:var(--g0);background:var(--g4);border:2px solid var(--g4);box-shadow:0 3px 0 var(--g3);text-decoration:none}
.btn:hover{background:var(--g3)}
.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--g3)}
.small{font-size:.875rem;color:var(--g3)}
footer{max-width:var(--measure);margin:0 auto;padding:0 var(--space-md) var(--space-lg);font-size:.875rem;color:var(--g3)}
footer a{color:var(--g3);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.btn:active{transform:none}}