:root{color-scheme:light;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:#322c25;background:#f3eee2;line-height:1.55}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;padding:clamp(12px,3vw,36px)}.workshop{max-width:950px;margin:auto;background:#fffdf7;border:2px solid #dbcdb5;border-radius:16px;box-shadow:0 8px 30px #49361d16;overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:clamp(20px,4vw,36px);background:#e9d6b2;border-bottom:2px solid #c8ae83}h1,h2,h3,p{margin:0 0 .6em}h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.15}h2{font-size:1.5rem}.eyebrow{font-size:.94rem;font-weight:700;color:#674628}.parcel-art{width:clamp(95px,20vw,160px);flex:none}section{padding:clamp(18px,4vw,36px)}fieldset{border:0;padding:0;margin:1.2em 0}legend{font-size:1.08rem;font-weight:700;margin-bottom:.5em}.choices,.actions{display:flex;gap:10px;flex-wrap:wrap}button{font:inherit;min-height:48px;min-width:48px;border:2px solid #72563a;border-radius:8px;padding:9px 14px;background:#fffdf7;color:#322c25;cursor:pointer;font-weight:650}button:hover:not(:disabled){background:#f0e1c5}button:focus-visible,a:focus-visible{outline:4px solid #195b80;outline-offset:3px}button[aria-pressed=true]{background:#e5c078;border-color:#563b22;box-shadow:inset 0 0 0 2px #fffdf7}button:disabled{cursor:default;opacity:.65}.primary{background:#335d4c;color:#fff;border-color:#264538}.primary:hover:not(:disabled){background:#254637}.stage-head{display:flex;gap:12px;justify-content:space-between;align-items:start;flex-wrap:wrap}.stage-head p{font-weight:700}.box-area{padding:16px;background:#ead9bb;border:2px solid #a98459;border-radius:10px}.board-scroll{overflow-x:auto;max-width:100%}.board{min-width:calc(var(--size)*47px + 12px);display:grid;grid-template-columns:repeat(var(--size),minmax(44px,1fr));width:min(100%,390px);gap:3px;background:#806343;padding:6px;border-radius:5px}.cell{position:relative;aspect-ratio:1;padding:0;min-width:44px;min-height:44px;border:1px solid #9b7953;border-radius:2px;background:#f8e7c7}.cell.target .marker{position:absolute;inset:34%;border-radius:50%;background:#664022;border:2px solid #fff}.cell.covered{background:repeating-linear-gradient(135deg,#557c66 0 5px,#759c80 5px 10px);transition:background-color .25s}.cell.covered.target .marker{background:#fff;border-color:#284c38}.cell.overlap{background:repeating-linear-gradient(45deg,#8c4337 0 5px,#c57261 5px 10px)}.status{min-height:2.3em;background:#edf3ec;border-left:5px solid #335d4c;padding:10px 12px;margin:18px 0;font-weight:650}footer{padding:20px 30px;background:#f2ebdd;border-top:1px solid #dacfbf;font-size:.95rem}a{color:#244f70;font-weight:700}@media(max-width:380px){body{padding:6px}header,section{padding:16px}.board{gap:2px;padding:4px}.parcel-art{width:80px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}