.bench-section{background:#e8ede8;padding:50px max(24px,calc((100% - 1280px)/2)) 0;color:#203b40;font-family:Arial,sans-serif;scroll-margin-top:85px}.bench-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.bench-kicker,.quest-kicker{font:10px 'Courier New',monospace;letter-spacing:2px;color:#536b67}.bench-heading h1{font:normal clamp(36px,3.9vw,58px)/1.08 Georgia,serif;letter-spacing:-2px;margin:17px 0 0}.bench-heading h1 em{color:#936740}.bench-heading>p{font-size:14px;color:#607370;line-height:1.8;margin-bottom:4px}.bench-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);border:1px solid #bbc9c1;border-radius:8px;overflow:hidden;box-shadow:0 20px 55px #273d3c0d;background:#f6f7ee}.diorama-wrap{min-width:0;background:radial-gradient(ellipse at 50% 25%,#edf3e9,#c0d1c8);position:relative}.scene-bar{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;font:9px monospace;letter-spacing:1px;color:#4b6662;position:relative;z-index:2}.scene-bar>span{display:flex;align-items:center;gap:8px}.scene-bar i{width:5px;height:5px;background:#497d6a;border-radius:100%}.scene-bar button,.bench-controls button{font:11px Arial,sans-serif;background:#ffffff70;color:#385551;border:1px solid #90a99e;border-radius:4px;padding:8px 10px;cursor:pointer}.viewport{height:440px;position:relative;perspective:1000px;overflow:hidden;touch-action:pan-y;cursor:grab}.viewport:active{cursor:grabbing}.world{position:absolute;left:50%;top:65%;width:0;height:0;transform-style:preserve-3d;transform:scale(.60) rotateX(58deg) rotateZ(calc(var(--angle,-32deg) + 180deg));transition:filter .6s;filter:drop-shadow(12px 25px 20px #27483f30)}.world *{transform-style:preserve-3d}.solid{position:absolute;width:var(--w);height:var(--d);transform-origin:0 0}.face{position:absolute;background:var(--c);backface-visibility:hidden;outline:1px solid #00000004}.face.top{width:var(--w);height:var(--d);transform:translateZ(var(--h));filter:brightness(1.09)}.face.bottom{width:var(--w);height:var(--d);transform:rotateX(180deg)}.face.front{width:var(--w);height:var(--h);transform-origin:top;transform:rotateX(90deg);filter:brightness(.8)}.face.back{width:var(--w);height:var(--h);top:var(--d);transform-origin:top;transform:rotateX(90deg) rotateY(180deg);filter:brightness(.88)}.face.left{width:var(--d);height:var(--h);transform-origin:top left;transform:rotateZ(90deg) rotateX(90deg);filter:brightness(.72)}.face.right{width:var(--d);height:var(--h);left:var(--w);transform-origin:top left;transform:rotateZ(90deg) rotateX(90deg) rotateY(180deg);filter:brightness(.95)}.equipment{position:absolute;transform-style:preserve-3d}.equipment.chosen{filter:drop-shadow(0 0 5px #f7ce77)}.model-hotspot{position:absolute;left:18px;top:10px;transform:translateZ(152px) rotateZ(-148deg) rotateX(-58deg);border:0;background:none;cursor:pointer;color:#284b51;display:flex;flex-direction:column;align-items:center;white-space:nowrap;font:10px Arial,sans-serif;z-index:5;transform-style:flat}.controller-model .model-hotspot{transform:translate3d(7px,-25px,60px) rotateZ(-136deg) rotateX(-58deg)}.model-hotspot span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f7f6eb;border:1px solid #8caa9c;box-shadow:0 3px 9px #203d3b20;font-size:19px}.model-hotspot b{display:block;background:#fff9e8;padding:6px 9px;margin-top:4px;border-radius:3px;box-shadow:0 3px 8px #263e3c20;font-weight:500}.model-hotspot:hover span,.model-hotspot.selected span{background:#efcb83}.model-hotspot:focus-visible{outline:3px solid #d3993b;outline-offset:4px}.decal{position:absolute;text-align:center;backface-visibility:hidden}.wall-sign{width:250px;height:44px;transform:rotateX(-90deg);transform-origin:top;top:0;left:0;line-height:44px;color:#e9cf94;font:15px/44px Georgia,serif;letter-spacing:2px}.station-display{width:65px;transform:rotateX(-90deg);transform-origin:top;color:#97d9be;font:12px/30px monospace}.symbol{width:8px;font:8px Arial,sans-serif;color:#28434a;transform:translateZ(4px)}.lamp-glow{position:absolute;left:45px;top:-30px;width:180px;height:130px;border-radius:50%;background:#ffe6a626;transform:translateZ(133px);pointer-events:none}.scene-hint,.scene-caption{position:absolute;bottom:34px;left:0;width:100%;text-align:center;font:8px monospace;letter-spacing:1.4px;color:#4c6962;pointer-events:none}.scene-caption{bottom:16px;font:9px Arial,sans-serif;letter-spacing:0;color:#627a70}.bench-controls{position:relative;padding:4px 20px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.bench-controls>span{font:8px monospace;letter-spacing:1.5px;color:#627a70}.bench-controls>div{display:flex;gap:6px}.bench-controls>div button{font-size:15px;padding:4px 10px}.object-choices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #90aa9c60;background:#dce6dc}.object-choices button{background:none;border:0;padding:20px;color:#31524e;font:13px Arial,sans-serif;text-align:left;cursor:pointer;display:flex;gap:13px;align-items:center}.object-choices button+button{border-left:1px solid #90aa9c60}.object-choices span{font:10px monospace;color:#6d857a}.object-choices b{margin-left:auto}.object-choices button:hover,.object-choices button.selected{background:#f4e6bf;box-shadow:inset 0 -3px #a57e40}.quest-panel{padding:25px 30px 30px;background:#f8f4e8;border-left:1px solid #bbc9c1;min-height:590px}.quest-progress{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #d8cfb6;padding-bottom:18px;margin-bottom:29px;font:9px Arial,sans-serif;color:#8b8d7a}.quest-progress span.current{color:#335e58;font-weight:700}.quest-kicker{font-size:9px;color:#8a744e;margin:0 0 14px}.quest-panel h2{font:normal 36px/1.12 Georgia,serif;letter-spacing:-1px;margin-bottom:18px}.quest-panel p{font:14px/1.7 Arial,sans-serif;color:#637067}.empty-illustration{font:82px Georgia,serif;text-align:center;color:#af8f55;padding:25px;margin:24px 0;background:radial-gradient(ellipse,#e8ddbd88,transparent 65%)}.didactic{background:#eae7d5;border-left:2px solid #a58e58;padding:13px 14px;margin:20px 0}.didactic b{font:11px Arial,sans-serif;color:#5c614b}.didactic p{font-size:11px;margin:5px 0 0;line-height:1.65}.change-equipment{font:11px Arial,sans-serif;background:none;color:#446e64;border:0;padding:0 0 14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}#bench-form label{display:block;font:12px Arial,sans-serif;color:#47594e;margin:14px 0 7px}#bench-form label span{font-size:10px;color:#737e6c}#bench-form input,#bench-form select,#bench-form textarea{display:block;width:100%;font:13px Arial,sans-serif;padding:11px;border:1px solid #bfc4ae;background:#fffdf4;color:#344d43;border-radius:3px;min-width:0}#bench-form textarea{resize:vertical}.bench-primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #285950;border-radius:3px;background:#285950;color:#fff9e5;font:12px Arial,sans-serif;padding:15px 17px;cursor:pointer;min-height:47px}.bench-primary:hover{background:#367369}.bench-primary span{font-size:17px}.quest-panel .bench-note{font-size:10px;line-height:1.6;text-align:center;color:#75806e;margin-bottom:0}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.8 Arial,sans-serif;background:#eae7d5;border:1px solid #d3cbb2;padding:20px;margin:22px 0}.bench-bottom{display:flex;justify-content:space-between;gap:20px;padding:25px 0 32px;font:11px Arial,sans-serif;color:#567067}.bench-bottom a{color:#2d5c52;text-decoration:underline;text-underline-offset:4px}.night .diorama-wrap{background:radial-gradient(ellipse at 50% 30%,#416170,#142c39)}.night .world{filter:brightness(.7) drop-shadow(10px 20px 20px #00000050)}.night .lamp-glow{background:#ffcf6e80;box-shadow:0 0 55px #ffda85a0}.night .scene-bar,.night .scene-hint,.night .scene-caption,.night .bench-controls>span{color:#c6d9d2}.night .object-choices{background:#2c474c}.night .object-choices button{color:#e5e7d6}.night .object-choices button.selected{color:#31524e}.night .scene-bar button,.night .bench-controls button{background:#e8efe6cc}.bench-section button:focus-visible,.bench-section a:focus-visible{outline:3px solid #996c2e;outline-offset:3px}
@media(max-width:1050px){.bench-section{padding:36px 24px 0}.bench-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}.world{transform:scale(.52) rotateX(58deg) rotateZ(calc(var(--angle) + 180deg))}.viewport{height:400px}.quest-panel{padding:23px}.quest-panel h2{font-size:31px}.scene-bar{padding:17px 14px}.scene-bar>span{font-size:8px}.bench-controls>span{display:none}}
@media(max-width:760px){.bench-heading{display:block;margin-bottom:25px}.bench-heading h1{font-size:40px;letter-spacing:-1.4px}.bench-heading>p{font-size:13px;margin-top:18px}.bench-heading>p br{display:none}.bench-section{padding:28px 16px 0}.bench-layout{grid-template-columns:1fr}.viewport{height:330px}.world{top:67%;transform:scale(.39) rotateX(58deg) rotateZ(calc(var(--angle) + 180deg))}.scene-bar>span{font-size:8px;letter-spacing:.7px}.scene-bar button{font-size:10px;padding:7px}.quest-panel{border-left:0;border-top:1px solid #bbc9c1;min-height:0;padding:25px}.quest-progress{margin-bottom:23px}.quest-panel h2{font-size:33px}.empty-illustration{padding:5px;margin:10px}.bench-bottom{flex-wrap:wrap;gap:14px;font-size:10px;padding:22px 5px 28px}.object-choices button{font-size:12px;padding:16px 12px;gap:8px}.bench-controls{padding-inline:14px}.scene-hint{font-size:7px;letter-spacing:1px}.model-hotspot{font-size:12px}.model-hotspot span{width:33px;height:33px}.model-hotspot b{padding:7px 10px}.didactic p{font-size:12px}}
@media(max-width:380px){.world{transform:scale(.35) rotateX(58deg) rotateZ(calc(var(--angle) + 180deg))}.viewport{height:300px}.bench-heading h1{font-size:36px}.scene-bar>span{font-size:7px}.object-choices button{font-size:11px}}
.world,.night .world{filter:none}.equipment.chosen{filter:none}.equipment.chosen .face.top{box-shadow:inset 0 0 0 2px #d4ae66}.floor>.face.top{box-shadow:15px 25px 35px #27483f30}.night .wall-back .face,.night .wall-side .face{background:#314851}.night .floor .face{background:#786f5e}
@media(prefers-reduced-motion:reduce){.world{transition:none}}



.wall-sign,.station-display{transform:rotateX(90deg)}.controller-model .face.top,.controller-model .face.bottom{border-radius:7px}.controller-model .stick .face.top{border-radius:50%}.symbol{left:0;top:0;line-height:8px}.scene-hint,.scene-caption{text-shadow:0 1px 3px #edf3e9;background:#e4ece2b0;left:12%;width:76%;border-radius:3px}.night .scene-hint,.night .scene-caption{background:#142c39a0;text-shadow:none}
.wall-sign{transform:translateZ(44px) rotateX(90deg) rotateZ(180deg)}.station-display{transform:translateZ(30px) rotateX(90deg) rotateZ(180deg)}
.controller-shell{position:absolute;left:0;top:0;width:144px;height:96px;transform-origin:72px 48px;pointer-events:none}.controller-shell svg{display:block;width:100%;height:100%;overflow:visible}.controller-stick{position:absolute;pointer-events:none}.stick-disc{position:absolute;inset:0;background:#25343d;border:1px solid #13232c;border-radius:50%}.stick-disc:last-child{background:radial-gradient(circle at 35% 30%,#516168,#2b3b43 65%);border:1px solid #778680}.controller-model.chosen .controller-shell:last-of-type{outline:none}.controller-model .model-hotspot{left:36px;top:16px;transform:translate3d(7px,-25px,66px) rotateZ(-136deg) rotateX(-58deg)}.controller-detail{max-width:230px;margin:12px auto 20px;padding:18px;background:radial-gradient(ellipse,#dce7d9,transparent 72%)}.controller-detail svg{width:100%;display:block}
.world{user-select:none}.face,.decal{pointer-events:none}.projected-label{transform:translateX(-50%)!important;z-index:5;user-select:none}.projected-label span{width:25px;height:25px}.projected-label b{font-size:9px}.controller-detail{max-width:190px;margin:8px auto 16px;padding:10px}