/* The drawing is the entrance. Controls live around its edges. */
.bench.hero{position:relative;display:block;max-width:none;margin:0;padding:0;min-height:620px;height:calc(100svh - 76px);max-height:1050px;background:#fcfdfe;overflow:hidden;border-bottom:1px solid var(--ink)}
.bench-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.bench-art>svg,.bench-art>img{width:100%;height:100%;object-fit:cover}.bench-art .pen-marker{fill:var(--accent);stroke:white;stroke-width:.3}.bench-art:after{content:'';position:absolute;inset:18px;pointer-events:none;border:1px solid #11131612}
.bench-top{position:absolute;z-index:2;top:22px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.bench h1{font:700 13px var(--font-mono);letter-spacing:-.3px;margin:0;background:#fcfdfef0;padding:8px}.bench h1 span{font-weight:400}.bench-top button,.bench-bottom{font:11px var(--font-mono)}.bench-top button{background:#fcfdfef0;padding:12px}
.bench-label{position:absolute;left:36px;bottom:108px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#fcfdfef0;padding:13px 17px;border-left:3px solid var(--ink);max-width:calc(100% - 230px)}.bench-label>span{font:9px var(--font-mono);letter-spacing:.5px}.bench-label strong{font-size:26px;letter-spacing:-1px;line-height:1.1}.bench-label a{font:11px var(--font-mono);margin-top:7px;min-height:28px;display:flex;align-items:center}
.again{position:absolute;top:100px;right:40px;transform:rotate(9deg);background:var(--accent);color:white;font:900 23px/1 Arial,sans-serif;text-align:left;padding:18px 22px;box-shadow:4px 4px 0 var(--ink);border:2px solid var(--ink);transition:transform .15s}.again:hover{transform:rotate(-4deg)}.again:active{transform:translate(3px,3px) rotate(-4deg);box-shadow:1px 1px 0 var(--ink)}
.scraps{position:absolute;right:28px;bottom:116px;width:145px}.scraps>span{display:inline-block;background:var(--yellow);padding:3px 7px;font:10px var(--font-mono);transform:rotate(-5deg)}#scrap-rack{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:15px}#scrap-rack button{width:100px;height:100px;background:white;padding:5px;border:1px solid #b9bec6;box-shadow:3px 4px 0 #11131616;transform:rotate(-8deg);margin-top:-22px;transition:transform .2s}#scrap-rack button:nth-child(2){transform:rotate(9deg)}#scrap-rack button:nth-child(3){transform:rotate(-3deg)}#scrap-rack button:hover,#scrap-rack button:focus-visible{transform:translateX(-20px) rotate(0);z-index:2}#scrap-rack img{height:100%;width:100%;object-fit:contain}
.bench-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;gap:24px;align-items:center;background:#fcfdfef5;border-top:1px solid var(--ink);padding-top:12px}.transport{display:flex;gap:8px;align-items:center;flex:1;max-width:600px}.bench-bottom button{min-height:44px;white-space:nowrap;padding:8px}.transport input{min-width:35px;flex:1;width:100%;accent-color:var(--accent);cursor:ew-resize}.transport output{font:10px var(--font-mono);width:40px;text-align:right}.bench-bottom>a{margin-left:auto;white-space:nowrap}.hero-minimized p{font:14px var(--font-mono)}
.section-heading h2{font-size:clamp(30px,4vw,52px)}.closing{background:transparent;border-top:1px solid var(--ink);padding:20px 5%;text-align:left}.closing button{font:15px var(--font-mono);letter-spacing:0;margin:0}.world{border-top:1px solid var(--ink)}.world-cover{background:#fff}.world-label h3{font-family:var(--font-mono);letter-spacing:-1px}.world-count{background:var(--ink);color:white}.section-heading{align-items:end}
@media(max-width:760px){.bench.hero{height:calc(100svh - 66px);min-height:650px}.bench-top{left:12px;right:12px;top:12px}.bench h1{font-size:10px}.bench h1 span{display:none}.bench-top button{font-size:10px}.again{top:82px;right:24px;font-size:18px;padding:13px 16px}.bench-label{left:18px;bottom:142px;max-width:calc(100% - 112px);padding:10px}.bench-label strong{font-size:22px}.bench-label a{font-size:10px}.scraps{right:10px;bottom:144px;width:88px}.scraps>span{font-size:8px;padding:2px 4px}#scrap-rack button{width:68px;height:74px;margin-top:-18px}.bench-bottom{left:18px;right:18px;bottom:12px;flex-wrap:wrap;gap:0 15px;padding-top:5px}.transport{flex-basis:100%;max-width:none}.bench-bottom>button,.bench-bottom>a{font-size:10px;min-height:44px;display:flex;align-items:center}.bench-label>span{font-size:8px}.bench-art:after{inset:10px}.world-label h3{font-size:19px}}

/* Quiet repeated actions; the studio link remains beside the title. */
.world-count{background:#eef0f1;color:#515b62;border:1px solid #c6cdd1}
.world-count:hover{background:#e1e6e8;color:#303c44}
.studio-open{background:#eef0f1;color:#515b62;border-color:#c6cdd1}
.studio-open:hover{background:#e1e6e8;color:#303c44;border-color:#a2adb4}
.world-number{background:transparent}