:root{font-family:Songti SC,STSong,"Noto Serif CJK SC",Georgia,serif;color:#27231e;background:#e7e0d1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#e7e0d1;background-image:linear-gradient(rgba(65,55,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(65,55,42,.025) 1px,transparent 1px);background-size:24px 24px}button{font:inherit}button:focus-visible{outline:3px solid #256e66;outline-offset:3px}.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:54px 0 70px;display:grid;grid-template-columns:1fr 2.15fr;gap:36px 48px}.masthead{grid-column:1;padding-top:12px}.issue{font:700 12px/1.2 system-ui,sans-serif;letter-spacing:.22em;color:#a43a2d;padding-bottom:17px;border-bottom:2px solid #27231e}h1{margin:25px 0 20px;font-size:clamp(50px,6vw,82px);line-height:.98;letter-spacing:-.08em;font-weight:800}h1 em{color:#a43a2d;font-style:normal}.intro{max-width:330px;font-size:17px;line-height:1.85;margin:0;color:#625b50}.workbench{grid-column:2;grid-row:1 / span 2;background:#f8f4ea;border:1px solid #c9bfad;box-shadow:12px 12px #27231e;padding:clamp(24px,4vw,48px);position:relative;overflow:hidden}.workbench:before{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(164,58,45,.18);border-radius:50%;right:-50px;top:-55px;box-shadow:0 0 0 13px #a43a2d0d,0 0 0 25px #a43a2d09}.work-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.eyebrow{font:700 11px/1 system-ui,sans-serif;letter-spacing:.18em;color:#a43a2d}h2{margin:8px 0 0;font-size:32px;letter-spacing:.08em}.counter{display:flex;align-items:baseline;white-space:nowrap;font-family:system-ui,sans-serif;color:#777064}.counter strong{font-size:28px;color:#27231e;margin-right:4px}.counter span{font-size:12px}.progress-track{height:3px;background:#d9d0c0;margin:22px 0 30px;overflow:hidden}.progress-track span{display:block;height:100%;background:#256e66;transition:width .35s ease}.piece-list{display:flex;flex-direction:column}.piece-wrap{position:relative}.piece{min-height:82px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;border:1px solid #bdb4a5;background:#fffdf7;padding:15px 17px;cursor:grab;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.piece:hover{transform:translate(4px);border-color:#756b5d;box-shadow:-4px 0 #256e66}.piece.dragging{opacity:.42;transform:scale(.98)}.solved .piece{cursor:default;border-color:#6e9284;background:#f1f7ef}.number{font:800 12px/1 system-ui,sans-serif;color:#a43a2d;border-right:1px solid #d8cfc0;align-self:stretch;display:flex;align-items:center}.piece p{margin:0;font-size:clamp(17px,2.1vw,21px);line-height:1.55;letter-spacing:.02em}.move-control{display:flex;gap:5px}.move-control button{width:32px;height:32px;border:1px solid #bcb2a2;background:transparent;color:#4b443a;cursor:pointer;font-family:system-ui,sans-serif}.move-control button:hover:not(:disabled){background:#27231e;color:#fff}.move-control button:disabled{opacity:.22;cursor:default}.seam{height:28px;display:flex;align-items:center;margin-left:60px;border-left:1px dashed #988f82}.seam span{margin-left:12px;padding:2px 8px;font:700 10px/1.5 system-ui,sans-serif;letter-spacing:.08em}.relation-good .seam{border-color:#256e66}.relation-good .seam span{color:#256e66;background:#dfece6}.relation-bad .seam{border-color:#b13b30}.relation-bad .seam span{color:#a52e24;background:#f5dfda}.relation-bad .piece{border-color:#c86a60}.status{min-height:25px;margin:24px 0 20px;font:600 13px/1.7 system-ui,sans-serif;color:#6e665a}.status.success{color:#256e66}.actions{display:flex;justify-content:flex-end;gap:12px}.actions button{min-height:48px;padding:0 23px;cursor:pointer;border:1px solid #27231e;font:700 14px/1 system-ui,sans-serif;letter-spacing:.06em}.actions button:disabled{opacity:.35;cursor:default}.secondary{background:transparent;color:#27231e}.primary{background:#27231e;color:#fffdf7;box-shadow:4px 4px #a43a2d}.primary:hover{background:#a43a2d;box-shadow-color:#27231e}.index-panel{grid-column:1;align-self:start}.index-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font:700 12px/1 system-ui,sans-serif;letter-spacing:.12em}.index-title button{border:0;background:transparent;padding:6px 0;color:#8b3b32;cursor:pointer;font:500 11px/1 system-ui,sans-serif}.puzzle-tabs{border-top:1px solid #aaa092}.puzzle-tabs button{width:100%;border:0;border-bottom:1px solid #aaa092;padding:13px 4px;display:grid;grid-template-columns:35px 1fr auto;text-align:left;align-items:center;background:transparent;cursor:pointer;color:#5b544a}.puzzle-tabs button:hover,.puzzle-tabs button.active{background:#fffdf7b3;color:#27231e}.puzzle-tabs button>span{font:700 10px/1 system-ui,sans-serif;color:#a43a2d}.puzzle-tabs button>i{font: 10px/1 system-ui,sans-serif;color:#847c70}.puzzle-tabs button.done>i{color:#256e66;font-weight:700}@media(max-width:760px){.page-shell{width:min(100% - 28px,620px);padding:28px 0 50px;display:block}.masthead{padding:0 4px 28px}h1{font-size:clamp(48px,15vw,68px)}.intro{font-size:15px}.workbench{padding:24px 18px;box-shadow:7px 7px #27231e}.work-top{align-items:start}h2{font-size:25px}.counter{flex-direction:column;align-items:end}.piece{min-height:88px;grid-template-columns:28px 1fr;gap:10px;padding:13px 10px}.piece:hover{transform:none;box-shadow:none}.piece p{font-size:17px}.move-control{grid-column:2;justify-content:flex-end;margin-top:-4px}.move-control button{width:40px;height:34px}.seam{margin-left:39px}.actions{display:grid;grid-template-columns:1fr 1.3fr}.actions button{padding:0 12px}.index-panel{margin-top:45px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}