.stage{max-width:640px;margin:auto}.turnbar{--tb-msg-lines:3;--tb-st-lines:2;--tb-rt:0px}.status{display:flex;flex-wrap:wrap;gap:0 10px}.status strong{font-size:16px}.status span{font-size:14px}.message{font-size:16px}#play-area{max-width:520px;margin:auto}#board{display:block;width:100%;touch-action:none;user-select:none}#board-wrap{line-height:0}.waypoint.passed{fill:var(--ok)}#pad{display:flex;align-items:center;justify-content:center;min-height:64px;margin:8px 0;border:2px solid var(--line-strong);border-radius:6px;background:var(--bg);color:var(--ink);font-size:16px;touch-action:none;user-select:none}#pad.active{border-color:var(--accent)}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.directions{display:flex;justify-content:center;gap:8px}.directions .btn{min-width:44px;min-height:44px;padding:8px}button svg.arrow{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;display:block}#input-note,#record{font-size:14px;color:var(--ink-sub);margin:8px 0;min-height:1.4em}#result{border:2px solid var(--accent);border-radius:6px;padding:12px;margin:12px 0}#result h2{font-size:20px;margin:0}#result[hidden]{display:none}.ad-gap{height:160px}.article h2{font-size:22px}.article table{width:100%;border-collapse:collapse;font-size:14px}.article td,.article th{border:1px solid var(--line);padding:8px;text-align:left;overflow-wrap:anywhere}.howto img{width:100%;max-width:520px;height:auto}.site-footer{margin-top:32px}@media(max-width:420px){.stage{padding:10px}.article{padding:16px}.article td,.article th{padding:6px}.controls .btn{padding:8px 10px;font-size:17px}}