*{box-sizing:border-box}body{margin:0;background:#e9ede6;color:#254747;font:16px/1.55 system-ui}main{max-width:1120px;margin:auto;padding:30px 20px}h1,h2,h3{font-family:Georgia,serif;line-height:1.15}h1{font-size:clamp(48px,8vw,88px);margin:12px 0}h2{font-size:27px}.eyebrow{font-size:12px;letter-spacing:.16em}section{background:#fffdf6;border:1px solid #c9d4c9;border-radius:18px;padding:24px;margin:22px 0}button,select{font:inherit;color:#254747;background:#fffef7;border:1px solid #9cafa0;border-radius:9px;padding:12px;cursor:pointer}button:hover,button:focus-visible{background:#e1ecda;outline:2px solid #2d7068}button:disabled{opacity:.5;cursor:default}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{display:grid;gap:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:16px;background:#d9e3d6;border-radius:12px}.stat strong{display:block;font:700 28px Georgia}.stat small{font-size:11px}#feedback{border-left:4px solid #b97d42;background:#e2e7d4;padding:15px}.order-panel{display:flex;gap:24px}.art{display:block;background-image:url('quay.webp');background-size:200% 200%;border-radius:12px}.booth{width:120px;height:140px;flex-shrink:0;background-position:100% 100%}.book{display:grid;grid-template-columns:1fr 1fr;gap:24px}.row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:10px;margin:7px 0;background:#edf0e5;border-radius:7px}.row.mine{border:2px solid #b57b35;background:#f5e7be}.row small{font-size:12px}.note,footer{font-size:13px;color:#5b6e61}.tape{padding:10px;border-bottom:1px solid #d7dfd0}.tape.mine{background:#e4ecd7}#cargo{display:flex;flex-wrap:wrap;gap:10px}.cargo{width:80px;height:80px;background-position:100% 0}.empty{background-position:0 0;opacity:.4}#resting{margin:14px 0}.result{padding:20px;background:#e2edda;border-radius:12px;margin-top:20px}footer{padding:24px 0}#advance,#post{background:#2b655d;color:white}@media(max-width:650px){main{padding:20px 12px}section{padding:17px}.stats{grid-template-columns:1fr 1fr}.book{grid-template-columns:1fr}.order-panel{display:block}.booth{width:85px;height:85px;float:right}.controls label{flex:1;min-width:100px}.controls button{flex:1}.cargo{width:63px;height:63px}}