:root{--paper:#eceae4;--ink:#272c34;--orange:#d97934;--line:#c7c6bf;--muted:#555a60;--white:#f7f6f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;border:1px solid var(--line);background:transparent;padding:11px 15px;border-radius:5px;cursor:pointer}button:hover{background:#e2dfd6}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a95521;outline-offset:3px}header{position:sticky;top:14px;z-index:10;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);margin:14px 28px 0;padding:15px 24px;border-radius:10px;box-shadow:0 4px 8px #272c3410}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1.1px}.brand span{font-size:9px;font-weight:400;letter-spacing:1.3px;border-left:1px solid #666a6e;margin-left:11px;padding-left:17px;max-width:145px;line-height:1.6}nav{display:flex;align-items:center;gap:25px;font-size:12px}nav button{border:0;color:var(--paper);padding:5px}.nav-download{border:1px solid #6b7075;padding:10px 15px;border-radius:4px}main{max-width:1450px;margin:auto}.bench{padding:32px 40px 0}.bench-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}h1{font-size:35px;line-height:1.1;letter-spacing:-1.3px;margin:10px 0 0}.project-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:#52705b}.opening{height:76px;background:#e4e0d5;display:flex;align-items:center;gap:25px;padding:10px 20px;margin-bottom:18px;border:1px solid #c9c4b8;border-radius:8px;overflow:hidden}.opening[hidden]{display:none}.opening p{font-family:Georgia,serif;font-style:italic;font-size:17px;margin:5px 0}.opening button{margin-left:auto;white-space:nowrap}.intro-objects{position:relative;width:190px;height:52px;flex-shrink:0}.plate{position:absolute;width:45px;height:11px;background:var(--ink);bottom:4px;animation:snap 1.3s both}.p1{left:5px}.p2{left:70px;bottom:16px;animation-delay:.8s}.p3{left:135px;animation-delay:1.4s}.intro-runner{position:absolute;left:12px;bottom:15px;width:20px;height:20px;display:grid;place-items:center;background:var(--orange);animation:hop 3s 2s both}@keyframes snap{0%{transform:translateY(-50px) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}@keyframes hop{0%{transform:translate(0)}45%{transform:translate(65px,-30px)}65%{transform:translate(65px,-12px)}85%{transform:translate(130px,-26px)}to{transform:translate(130px)}}.toolbar{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--white);border-radius:9px 9px 0 0;padding:10px 14px}.mode-tabs{display:flex;gap:4px;margin-right:auto}.mode-tabs button{border:0;font-size:11px;display:flex;gap:10px;align-items:center}.mode-tabs b{font-size:13px}.mode-tabs [aria-pressed=true]{background:var(--ink);color:var(--paper)}.history{display:flex;gap:5px}.history button{padding:9px 11px;font-size:12px}.history #undo,.history #redo{font-size:21px;line-height:16px}.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.dark:hover{background:#414752}.work-area{display:grid;grid-template-columns:140px 1fr;border:1px solid var(--line);border-top:0;background:var(--white)}.toolrail{border-right:1px solid var(--line);padding:19px 10px;display:flex;flex-direction:column;gap:6px}.rail-title{font-size:9px;letter-spacing:1.5px;margin:0 8px 7px}.toolrail button{position:relative;text-align:left;min-height:58px;padding:10px 7px 10px 43px;border-color:transparent;border-radius:5px}.toolrail button[aria-pressed=true]{background:#eadacb;border:1px solid #b88a63}.toolrail b{font-size:12px;font-weight:600;display:block}.toolrail small{font-size:9px;display:block;margin-top:4px;color:#555a60}.part{width:23px;height:23px;position:absolute;left:9px;top:15px;display:grid;place-items:center;font-size:25px}.solid{background:var(--ink);height:14px;top:21px;border-top:3px solid #7e8184}.spike{color:#974428}.washer{color:#88521e}.start{background:var(--orange);font-size:21px}.exit{font-size:27px}.eraser{font-size:23px}.canvas-frame{padding:14px 20px 10px;min-width:0}.canvas-caption,.canvas-bottom{display:flex;justify-content:space-between;color:var(--muted);font:9px/1.5 Courier New,monospace;letter-spacing:1px;margin:0 0 10px}.canvas-bottom{letter-spacing:0;font-family:Arial;font-size:10px;margin:10px 0 0}.board-wrap{position:relative;isolation:isolate;aspect-ratio:24/14;background:#e5e3dc;border:1px solid #b9b9b1;overflow:hidden}.board-label{position:absolute;left:12px;top:12px;font:12px Courier New;color:#a0a19c;pointer-events:none;z-index:-1}#board{display:grid;grid-template-columns:repeat(24,1fr);grid-template-rows:repeat(14,1fr);height:100%;width:100%;touch-action:none;outline:0}.cell{min-width:0;min-height:0;position:relative;border:0;border-bottom:1px solid #c8c9c16b;border-right:1px solid #c8c9c16b;padding:0;border-radius:0;background:transparent;display:grid;place-items:center;font-size:clamp(9px,1.7vw,24px);line-height:1;outline-offset:-2px!important}.cell:hover{background:#d9793445}.cell:focus-visible{z-index:2;outline:2px solid #974428}.cell[data-type="1"]{background:var(--ink);border-bottom:2px solid #10151c;border-right:1px solid #62676b;border-top:2px solid #777c7f}.cell[data-type="1"]:after{content:"";width:50%;height:1px;background:#71757a;position:absolute;top:35%;left:20%}.cell[data-type="2"]{color:#954127}.cell[data-type="5"]{color:#a55c20;font-weight:700}.cell[data-type="3"]{color:var(--ink);background:#d9793473}.cell[data-type="4"]{color:#345c49;background:#55726028}.cell.collected{color:transparent;background:transparent}.cell.route:before{content:"";position:absolute;width:5px;height:5px;background:#d97934;border-radius:50%}#player{position:absolute;width:4.16667%;height:7.14286%;left:0;top:0;pointer-events:none;display:none;padding:3px;z-index:3}#player span{display:block;height:100%;background:var(--orange);border:2px solid var(--ink);border-radius:3px;position:relative;box-shadow:0 2px #272c34}#player span:after{content:"";position:absolute;top:25%;left:20%;height:3px;width:60%;background:var(--ink)}.inspection{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-top:0;padding:15px 20px;background:var(--white);border-radius:0 0 8px 8px;min-height:86px}.inspection-icon{font-size:26px;color:#a95521}.inspection-copy{margin-right:auto;max-width:610px}.inspection-copy b{font-size:13px}.inspection-copy p{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.5}.inspection button{font-size:11px;white-space:nowrap;padding:9px 12px}.bench-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-size:10px;color:var(--muted)}.bench-footer button{font-size:11px;border:0;padding:5px 9px;text-decoration:underline}.play-controls{padding:16px;border:1px solid var(--line);margin-top:10px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;gap:12px}.play-controls[hidden]{display:none}.play-controls span{font-size:12px}.play-controls button{font-size:22px;min-width:45px;padding:8px}.story{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;margin:65px 40px 55px;padding-top:45px;border-top:1px solid #babbb5;align-items:center}.story h2{font-size:clamp(40px,5vw,70px);font-weight:500;letter-spacing:-3px;line-height:.97;margin:23px 0}.story p{font-family:Georgia,serif;font-size:19px;line-height:1.6;max-width:420px}.story a{display:inline-block;border-bottom:1px solid var(--ink);padding:10px 0;margin-top:12px;font-size:12px}.assembly-art{position:relative;border:1px solid #babbaf;background:#e4e1d7;transform:rotate(-2deg);padding:20px;box-shadow:8px 9px #d7d5cd}.assembly-art svg{display:block;width:100%}.art-caption{font:9px Courier New;letter-spacing:1.3px}.art-sticker{position:absolute;right:12px;bottom:20px;transform:rotate(7deg);background:var(--orange);padding:13px;font-size:9px;font-weight:700;line-height:1.5}.manual{margin:65px 40px;max-width:1100px}.manual>.eyebrow{display:block;margin-bottom:28px}.manual-row{display:grid;grid-template-columns:30% 1fr;border-top:1px solid var(--line);padding:22px 0;gap:35px}.manual-row b{font-size:16px;font-weight:500}.manual-row p{margin:0;line-height:1.7;color:var(--muted);max-width:620px}.manual details{border-block:1px solid var(--line);padding:20px 0;margin-top:20px}.manual summary{font-size:18px;cursor:pointer}.manual summary span{float:right}.manual details div{max-width:670px;padding:10px 0;line-height:1.8}footer{display:flex;gap:30px;justify-content:space-between;align-items:center;margin:0 40px;padding:30px 0;border-top:1px solid #babbaf;font-size:11px}footer .brand{font-size:23px}dialog{color:var(--ink);background:var(--paper);border:1px solid #93958e;border-radius:12px;padding:38px;max-width:600px;width:calc(100% - 30px);box-shadow:0 30px 100px #1115}dialog::backdrop{background:#272c3477;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font-size:39px;letter-spacing:-1.5px;font-weight:500;line-height:1.08;margin:20px 0}dialog p{line-height:1.7;color:var(--muted)}dialog .close{position:absolute;right:12px;top:10px;font-size:26px;padding:3px 11px;border:0}dialog label{display:block;font-size:12px;margin:24px 0 9px}textarea{display:block;width:100%;resize:vertical;background:var(--white);color:var(--ink);border:1px solid #a4a59d;padding:13px;font:12px/1.5 Courier New;border-radius:5px}textarea:focus{outline:2px solid #a95521}.dialog-actions{display:flex;gap:10px}.noscript{padding:20px;background:var(--orange)}[hidden]{display:none!important}@media(min-width:1450px){.board-wrap{max-height:565px;aspect-ratio:auto}}@media(max-width:800px){header{margin:10px 14px 0;padding:12px 16px;top:10px}.brand span{display:none}nav{gap:14px}nav a:first-child{display:none}.bench{padding:26px 18px 0}.project-note{display:none}.canvas-frame{padding:10px}.work-area{grid-template-columns:105px 1fr}.toolrail{padding:10px 5px}.toolrail button{padding-left:36px;min-height:45px}.toolrail small{display:none}.part{left:5px;top:12px}.solid{top:17px}.toolrail b{font-size:11px}.inspection{flex-wrap:wrap}.inspection-copy{width:calc(100% - 50px)}.inspection button{margin-left:0}.history #example{display:none}.opening{gap:10px}.intro-objects{width:110px;transform:scale(.7);transform-origin:left center;margin-right:-35px}.opening p{font-size:14px}.opening .eyebrow{font-size:8px}.story{gap:30px;margin:45px 22px}.story p{font-size:17px}.manual{margin:45px 22px}.play-controls{flex-direction:column}.canvas-bottom #selection{display:none}footer{margin:0 22px;flex-wrap:wrap}footer>span{display:none}}@media(max-width:540px){body{font-size:13px}header{margin-inline:10px;padding:12px}.brand{font-size:23px}nav{gap:8px}nav .nav-download{font-size:10px;padding:8px}nav #reopen{font-size:10px}.bench{padding:24px 10px 0}h1{font-size:30px}.bench-heading{margin-bottom:18px}.toolbar{flex-wrap:wrap;padding:8px;gap:6px}.mode-tabs button{padding:10px 8px}.toolbar>.dark{width:100%;padding:10px}.work-area{display:flex;flex-direction:column}.toolrail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;gap:2px;padding:8px 4px}.rail-title{display:none}.toolrail button{flex:1;padding:32px 0 5px;text-align:center;min-height:53px}.part{left:calc(50% - 11px);top:4px}.solid{top:10px}.toolrail b{font-size:9px}.canvas-frame{padding:9px 5px}.cell{font-size:14px}#player{padding:1px}#player span{border-width:1px}#player span:after{height:2px}.canvas-caption{font-size:8px}.canvas-bottom{font-size:9px}.opening{height:96px;padding:10px;position:relative}.opening>div:nth-child(2){flex:1;padding-bottom:24px}.opening p{font-size:13px}.opening button{position:absolute;right:10px;bottom:7px;padding:4px 8px;font-size:10px}.intro-objects{flex-shrink:0}.inspection{padding:14px 10px;gap:9px}.inspection-copy b{font-size:12px}.inspection-copy p{font-size:11px}.inspection button{font-size:10px}.story{grid-template-columns:1fr;margin-top:38px;padding-top:30px}.story h2{font-size:49px;letter-spacing:-2px}.assembly-art{margin-top:15px}.manual-row{grid-template-columns:1fr;gap:10px}.play-controls button{min-width:40px;padding:7px}.bench-footer{font-size:9px}.bench-footer button{font-size:10px;padding:5px}dialog{padding:30px 23px}.board-label{font-size:8px;top:7px;left:7px}footer .brand{font-size:20px}footer a:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}