:root{--jade:#DCE4DD;--slate:#24323D;--paper:#F4F6F0;--cinnabar:#C9302C;--cinnabar-deep:#8F1F1D;--mist:#9AAAA6;--cell:min(13.5vw,76px);color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--jade);color:var(--slate);font:17px/1.6 "Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;overflow-x:hidden}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--cinnabar);outline-offset:3px}
.rs{display:grid;gap:20px;width:min(100% - 32px,1040px);margin:0 auto;padding:24px 0 8px}
.rs:focus{outline:none}
.rs-title{display:flex;align-items:center;gap:16px;margin:0;font-size:inherit}
.seal-mark{display:grid;grid-template-columns:repeat(2,1fr);place-items:center;width:72px;height:72px;padding:6px;background:var(--cinnabar);color:var(--paper);border-radius:9px 7px 10px 6px;font:800 24px/1 "Apple Myungjo","Nanum Myeongjo","Batang",serif;box-shadow:inset 0 0 0 3px var(--cinnabar),inset 0 0 0 5px var(--paper);transform:rotate(-4deg)}
.rs-name{font:800 clamp(30px,6vw,46px)/1.1 "Apple Myungjo","Nanum Myeongjo","Batang",Georgia,serif;letter-spacing:-.01em}
.rs-lead{margin:14px 0 0;max-width:34em}
.rs-modes{display:flex;gap:8px;margin:18px 0 0}
.rs-modes button,.rs-tools button,.rs-win button{min-height:44px;padding:8px 16px;border:2px solid var(--slate);border-radius:6px;background:transparent;cursor:pointer}
.rs-modes button[aria-pressed=true]{background:var(--slate);color:var(--paper)}
.rs-date{margin:10px 0 0;color:#4C5B62;font-size:15px}
.rs-facts{display:flex;gap:28px;margin:16px 0 0}
.rs-facts dt{font-size:14px;color:#4C5B62}
.rs-facts dd{margin:0;font-weight:700}
.rs-stage{display:grid;justify-items:center;gap:14px}
.rs-board{position:relative;display:grid;gap:6px;padding:10px;background:var(--slate);border-radius:12px;touch-action:none;user-select:none;-webkit-user-select:none}
.rs-row{display:grid;grid-template-columns:repeat(5,var(--cell));gap:6px}
.cell{position:relative;width:var(--cell);height:var(--cell);background:var(--paper);border-radius:4px}
.cell.target::before{content:"";position:absolute;inset:18%;border:2px dashed var(--cinnabar);border-radius:3px;opacity:.75}
.cell.stamped::after,.cell.blot::after{content:"";position:absolute;inset:14%;border-radius:4px 3px 5px 3px;background:var(--cinnabar);box-shadow:inset 0 0 0 3px var(--cinnabar),inset 0 0 0 5px var(--paper),inset 0 0 0 9px var(--cinnabar)}
.cell.blot{background:#C9CFCB}
.cell.blot::after{background:var(--cinnabar-deep);box-shadow:none;inset:24%;border-radius:50% 40% 55% 45%}
.cell.press::after{animation:press .32s ease-out}
@keyframes press{from{transform:scale(1.25);opacity:.4}to{transform:none;opacity:1}}
.block{--x:2;--y:2;position:absolute;left:10px;top:10px;width:var(--cell);height:var(--cell);transform:translate(calc(var(--x)*(var(--cell) + 6px)),calc(var(--y)*(var(--cell) + 6px)));transition:transform .16s cubic-bezier(.3,.7,.4,1);pointer-events:none}
.block::before{content:"";position:absolute;inset:9%;background:#E9C891;border-radius:8px;box-shadow:0 5px 0 #A5824C,0 8px 14px rgba(20,30,36,.35)}
.block::after{content:"";position:absolute;background:var(--cinnabar);border-radius:3px}
.block.ink-t::after{inset:30%;border-radius:4px}
.block.ink-n::after{left:20%;right:20%;top:9%;height:10%}
.block.ink-s::after{left:20%;right:20%;bottom:9%;height:10%}
.block.ink-w::after{top:20%;bottom:20%;left:9%;width:10%}
.block.ink-e::after{top:20%;bottom:20%;right:9%;width:10%}
.block.ink-b::after{inset:30%;background:transparent;border:3px solid var(--cinnabar);border-radius:50%}
.rs-board.bump{animation:bump .18s}
@keyframes bump{50%{transform:translateX(3px)}}
.rs-board.sealed{animation:seal .8s ease-out}
@keyframes seal{30%{box-shadow:0 0 0 8px var(--cinnabar)}}
.rs-status{margin:0;min-height:1.6em;text-align:center;font-weight:600}
.rs-win{display:grid;justify-items:center;gap:10px;padding:16px 20px;background:var(--paper);border-left:6px solid var(--cinnabar);border-radius:6px}
.rs-win p{margin:0;font-weight:700}
.rs-win button{background:var(--cinnabar);border-color:var(--cinnabar);color:var(--paper)}
.rs-win[hidden]{display:none}
.rs-pad{display:grid;grid-template-areas:". up ." "left . right" ". down .";grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,56px);gap:4px}
.pad{display:grid;place-items:center;border:0;border-radius:10px;background:var(--slate);color:var(--paper);cursor:pointer}
.pad svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pad:active{background:var(--cinnabar)}
.up{grid-area:up}.down{grid-area:down}.left{grid-area:left}.right{grid-area:right}
.rs-tools{display:flex;gap:10px}
.rs-tools button:disabled{opacity:.45;cursor:default}
.rs-keys{margin:0;font-size:14px;color:#4C5B62;text-align:center}
@media (max-width:420px){.rs-keys{display:none}}
@media (min-width:900px){:root{--cell:76px}.rs{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:56px;padding-top:56px}.rs-side{padding-top:12px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
body>.ludeme-guide{margin-top:40px}