:root{font-family:Arial,Helvetica,sans-serif;color:#203c35;background:#f4f1e9;font-synthesis:none;--green:#214d40;--gold:#b77f38}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid #c9cdbf;border-radius:6px;background:transparent;padding:10px 13px;transition:background .15s,transform .15s}button:hover{background:#e3e6d9}button:focus-visible,a:focus-visible{outline:3px solid #d28d34;outline-offset:3px}button:disabled{opacity:.4;cursor:default}header{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:auto;padding:25px 5%;border-bottom:1px solid #d8dacd}.brand{font-size:14px;letter-spacing:2px;font-weight:bold;text-decoration:none;color:inherit}.mark{font-size:27px;color:#b17c3b;vertical-align:middle;margin-right:9px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#667568}header button{font-size:12px;border:0}header button span{display:inline-block;border:1px solid #9ca697;border-radius:50%;width:18px;margin-left:9px}main{max-width:1260px;margin:auto;padding:0 42px}.intro{display:flex;justify-content:space-between;align-items:center;margin:32px 0 28px}h1{font-family:Georgia,serif;font-size:52px;font-weight:400;line-height:1.02;margin:10px 0 15px;letter-spacing:-2px}h1 em{font-weight:400;color:#7b8c68}p{line-height:1.6}.intro p{font-size:13px;color:#6c776a;margin:0}.collection{display:flex;flex-direction:column;align-items:flex-end}.collection>span{font-family:Georgia,serif;font-size:34px}.collection small{font-size:8px;letter-spacing:2px;margin:7px 0 13px}.collection button{font-size:11px;border:none;padding-right:0}.workbench{display:grid;grid-template-columns:minmax(400px,1.45fr) minmax(290px,1fr);background:#e7e9dd;border:1px solid #d5d7c9;border-radius:12px;overflow:hidden;box-shadow:0 14px 40px #3146300a}.board-wrap{padding:23px;background:linear-gradient(#153e33dd,#183d35ee),url('valley.webp') center/cover}.tray-label{display:flex;justify-content:space-between;color:#d1d9bd;font-size:9px;letter-spacing:2px;margin-bottom:16px}.tray-label span:last-child{font-size:8px;color:#9bac92}#board{position:relative;width:100%;aspect-ratio:1;border:9px solid #5b4b39;outline:1px solid #998069;border-radius:8px;background:#806247;box-shadow:0 7px 24px #061f1dcc;overflow:hidden;touch-action:manipulation}#specimen{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}#cells{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr)}.cell{border:1px solid #4f392a3d;border-radius:0;padding:0;position:relative;display:flex;justify-content:center;align-items:center;gap:3px;min-width:0;color:#f8ead8;background:#99734e;background-image:radial-gradient(ellipse at 20% 15%,#bd987344,transparent 70%),linear-gradient(40deg,#80603d44,#c19a5c33);box-shadow:inset 1px 1px 4px #e1bb7d33;transition:background .22s,opacity .22s}.cell[data-layer="4"]{background-color:#69513d}.cell[data-layer="3"]{background-color:#8e6948}.cell[data-layer="1"]{background:#b18e687a;box-shadow:none}.cell[data-layer="0"]{background:transparent;box-shadow:none;border-color:transparent}.cell:hover{background-color:#c39d6e}.cell[data-layer="0"]:hover{background:#ffffff15}.dot{width:4px;height:4px;border-radius:50%;background:#f9e4bd99;pointer-events:none}.cell.fragile:after{content:'';width:58%;height:58%;border:1px solid #f9e9cb55;border-radius:50%;position:absolute;pointer-events:none}.scan-off .cell.fragile:after{display:none}.cell.preview{outline:2px solid #d9edd8;outline-offset:-3px;z-index:1;background-color:#a6a97a}.cell.danger{outline-color:#ff9984;background-color:#b56a54}.cell.selected{box-shadow:inset 0 0 0 3px #fff0bb;z-index:2}.cell.suggest{animation:pulse 1s infinite}.cell.broken:before{content:'╱';position:absolute;color:#ffbaa0;font-size:33px;font-weight:bold;pointer-events:none}@keyframes pulse{50%{outline:3px solid #ffe1a1;outline-offset:-4px}}.board-footer{color:#bfcbb4;font-size:8px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.board-footer button{font-size:9px;color:#c8d2ba;border-color:#61765f;padding:6px 8px}.board-footer button:hover{background:#436651}aside{padding:28px 26px}h2{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:8px 0 9px;letter-spacing:-.8px}.specimen-note{font-size:12px;color:#75806b;margin:0 0 19px}.stats{display:flex;justify-content:space-between;gap:10px}.stats div{display:flex;flex-direction:column;gap:7px}.stats strong{font-size:23px;font-family:Georgia,serif;font-weight:400}.stats small{font-size:8px;letter-spacing:1.5px;color:#737c68}.progress{height:3px;background:#cfd5c2;margin:15px 0 22px}.progress span{height:100%;display:block;background:#7e8f5f;transition:width .3s}.tools{display:grid;gap:7px}.tool{display:flex;text-align:left;align-items:center;padding:10px 12px;gap:12px;border-color:#c6ccba}.tool.active{background:var(--green);color:#f4eedc;border-color:var(--green)}.tool-icon{width:26px;font-size:30px;text-align:center;color:#b68e50}.tool.active .tool-icon{color:#d6bc7a}.tool b{font-size:12px;font-weight:500}.tool small{display:block;font-size:9px;margin-top:5px;opacity:.65}.tool kbd{margin-left:auto;font-size:10px;opacity:.6}.tool i{font-size:10px;border:1px solid currentColor;border-radius:3px;padding:0 4px;font-style:normal;margin-left:4px}#tool-help{font-size:10px;color:#67715f;min-height:32px;margin:12px 0}.actions{display:flex;gap:5px}.actions button{padding:8px 7px;font-size:10px;border-color:#c8cfbb;flex:1}#notice{font-size:11px;line-height:1.5;background:#f1f0e3;border-left:2px solid #b89a5e;margin-top:16px;padding:10px 11px;min-height:53px}.goal{font-size:9px;color:#7c8370;margin:13px 0 0}.bottom-note{display:flex;align-items:center;gap:30px;padding:21px 0;border-bottom:1px solid #d5d9ca}.bottom-note>span{font-size:8px;letter-spacing:1.6px;white-space:nowrap;color:#6b7c63}.bottom-note p{font-size:11px;color:#7b8373;margin:0;max-width:550px}.bottom-note>span:last-child{margin-left:auto;font-size:7px}footer{display:flex;justify-content:space-between;max-width:1260px;margin:0 auto;padding:19px 42px;font-size:9px;color:#8a9081}footer button{border:none;font-size:9px;padding:0}dialog{border:1px solid #d2d5c3;border-radius:12px;background:#f6f2e7;color:#254539;max-width:620px;width:calc(100% - 28px);padding:32px;box-shadow:0 25px 100px #001e19aa}dialog::backdrop{background:#102c26b0;backdrop-filter:blur(4px)}dialog p,dialog li{font-size:13px;line-height:1.7}dialog li{margin:12px 0}dialog ol{padding-left:20px}.close{position:absolute;right:13px;top:10px;border:none;font-size:24px}.primary{background:var(--green);color:#fff6de;border:0;padding:13px 19px}.primary:hover{background:#376651}.close-guide{margin-top:10px}#tray-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}#tray-list button{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px;text-align:left;padding:9px}#tray-list img{width:64px;border-radius:5px}#tray-list b{font-family:Georgia,serif;font-size:15px;font-weight:400}#tray-list small{display:block;font-size:10px;margin-top:7px;color:#927638}#finish{background:#d3debe;padding:14px;margin-top:14px;border-radius:6px}#rating{color:#95622d;letter-spacing:4px}#finish p{font-size:12px;margin:6px 0 12px}#finish button{width:100%;font-size:12px}[hidden]{display:none!important}
@media(min-width:1400px){main{max-width:1300px}.intro{margin-top:37px}.board-wrap{padding:26px}aside{padding:32px}.tool{padding:13px}}@media(max-width:850px){main{padding:0 20px}header{padding:18px 20px}header>.eyebrow{display:none}.intro{margin:25px 0}.intro h1{font-size:42px}.workbench{grid-template-columns:1fr}.board-wrap{padding:20px}aside{padding:22px}.stats{max-width:400px}.tools{grid-template-columns:repeat(3,1fr)}.tool{padding:10px 8px;gap:7px;align-items:flex-start}.tool-icon{display:none}.tool small{font-size:8px;line-height:1.4}.tool kbd{display:none}.bottom-note{gap:15px}.bottom-note>span:last-child{display:none}footer{padding:18px 20px;gap:20px}.collection>span{font-size:27px}.collection small{font-size:6px}.collection button{font-size:9px}#tray-list{grid-template-columns:1fr 1fr}}@media(max-width:420px){h1{font-size:34px!important}.intro .eyebrow{font-size:7px;letter-spacing:1.5px}.intro p{font-size:11px}.brand{font-size:11px;letter-spacing:1.4px}.board-wrap{padding:14px}.board-footer>span{font-size:7px}.board-footer button{font-size:8px}.tray-label{font-size:8px}.tray-label span:last-child{font-size:6px}main{padding:0 12px}.collection small{letter-spacing:1px}#tray-list{grid-template-columns:1fr}.cell{gap:2px}.dot{width:3px;height:3px}dialog{padding:25px 20px}}

#specimen-thumb{float:right;width:66px;height:66px;object-fit:cover;border-radius:50%;border:3px solid #d3c9ac;margin:0 0 10px 8px;box-shadow:0 4px 14px #163b321a}

#board.prepared .cell:after{display:none}#board.prepared .cell{box-shadow:none;outline:none}