.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 12px}.status strong{font-size:16px}.status span{font-size:14px}.message{font-size:16px}#play-area{max-width:460px;margin:auto}#board-wrap{position:relative;line-height:0}#board{display:block;width:100%;--board-bg:var(--bg);--face-fill:#f0d8b7;--face-line:#49392e;--paper:#fffdf7}#board .guide{stroke:var(--line-strong);stroke-width:1;stroke-dasharray:5 6;fill:none}#board .cursor{pointer-events:none}#board[data-active="true"]{cursor:crosshair;touch-action:manipulation}#piece-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:56px;font-size:16px}#piece-icon{width:76px;height:64px;flex:none;--face-line:#49392e;--paper:#fffdf7}#piece-name{margin:0;font-weight:600}#angle{font-size:14px;margin:0}.controls{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.direction-row{display:flex;justify-content:center;gap:8px}.direction-row .btn{min-width:44px;min-height:44px;padding:8px}#action-row{justify-content:center}#place{min-width:120px}#rotation-row{justify-content:center}.tiny-note{font-size:14px;color:var(--ink-sub);margin:8px 0}#result{padding:12px;border:2px solid var(--accent);border-radius:6px;margin:12px 0}#result h2{font-size:20px;margin:0 0 8px}#result-text{margin:8px 0}#ranking{margin:8px 0;padding-left:24px;font-size:16px}#view-player{max-width:100%;min-height:44px}#record{min-height:2.8em;font-size:14px;margin:8px 0}.ad-gap{height:160px}.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}.article figure{margin:24px 0}.howto img{max-width:520px;height:auto}.article h2{font-size:22px}.site-footer{margin-top:32px}#rotation-row[hidden],#piece-preview[hidden],#action-row [hidden],#result[hidden],#direction-row[hidden]{display:none}button svg.arrow{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2.5}@media(max-width:420px){.article{padding:16px}.article td,.article th{padding:6px}.stage{padding:10px}.controls .btn{font-size:17px;padding:8px 10px}}@media(prefers-reduced-motion:no-preference){.face-part{animation:appear .18s ease-out}@keyframes appear{from{opacity:0}to{opacity:1}}}
.field select,#view-player{font:inherit;font-size:16px;min-height:44px;}