:root{--paper:#f1efe7;--ink:#1b1b19;--muted:#706f68;--line:#c9c5ba;--viewer-bg:#dedbd1;--grid-glow:rgba(27,27,25,.035);--node:rgba(27,27,25,.08);--node-edge:rgba(27,27,25,.16);--wall-top:#42423e;--wall-side-a:#373733;--wall-side-b:#2d2d2a;--goal-top:rgba(255,88,67,.12);--goal-side-a:rgba(255,88,67,.28);--crate-top:#f65b47;--crate-side-a:#df4e3c;--crate-side-b:#c94434;--player-top:#e9c84a;--player-side-a:#d7b738;--player-side-b:#c3a42e}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:"Courier New",Courier,monospace}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E")}button,.viewer,.voxel-face,.plate-face{image-rendering:pixelated}button,a{-webkit-tap-highlight-color:transparent}.app{width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:30px 0 22px}.game-shell{display:flex;flex-direction:column;gap:18px}.title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;border-bottom:1px solid var(--line);padding-bottom:18px}h1,p{margin:0}h1{margin:2px 0 -8px;font:900 clamp(44px,7vw,82px)/.9 Arial,Helvetica,sans-serif;letter-spacing:-.09em}h1 span{color:var(--crate-top)}.eyebrow{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.22em}.top-actions,.utility-actions{display:flex;align-items:center;gap:8px}button{border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);padding:9px 13px;font:700 11px/1 "Courier New",monospace;text-transform:uppercase;cursor:pointer;transition:background .16s,color .16s,transform .16s}button:hover,button:focus-visible{background:var(--ink);color:var(--paper);outline:none;transform:translateY(-1px)}button.primary{background:var(--ink);color:var(--paper);padding:12px 17px}button.primary:hover{background:var(--crate-top);border-color:var(--crate-top)}button.primary span{margin-left:9px;color:#a9a79f}button:disabled{opacity:.3;cursor:default;transform:none}
.viewer-wrap{min-width:0;background:var(--viewer-bg);border:1px solid var(--ink)}.viewer{width:100%;min-height:min(68vh,690px);position:relative;overflow:hidden;touch-action:none;user-select:none;cursor:grab;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.6),transparent 42%),linear-gradient(160deg,#e8e5dc,#d4d1c8)}.viewer:active{cursor:grabbing}.viewer:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(rgba(27,27,25,.13) .7px,transparent .7px);background-size:16px 16px}.viewer-topbar,.viewer-help{position:absolute;z-index:5;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.08em;pointer-events:none}.viewer-topbar{top:17px}.plane-readout{position:absolute;left:50%;transform:translateX(-50%);color:var(--muted)}.plane-readout b{color:var(--ink)}.viewer-help{bottom:17px;justify-content:flex-start;gap:22px;color:var(--muted)}.viewer-help b{color:var(--ink)}.status-text{color:var(--muted)}.status-text.win{color:#16845b}.progress{color:var(--muted)}.progress i{color:var(--ink);font-style:normal;font-weight:700}.scene-stage{position:relative;width:100%;min-height:min(68vh,690px);display:grid;place-items:center;perspective:1200px;perspective-origin:50% 46%}.scene{position:relative;width:0;height:0;transform-style:preserve-3d}.scene:before{content:"";position:absolute;width:620px;height:620px;margin-left:-310px;margin-top:-40px;border-radius:50%;background:radial-gradient(circle,var(--grid-glow),transparent 65%);transform:rotateX(90deg) translateZ(-4px)}
.voxel,.node,.goal-plate,.frame-edge{position:absolute;transform-style:preserve-3d}.voxel,.node,.goal-plate{width:var(--size);height:var(--size);margin-left:calc(var(--size)/-2);margin-top:calc(var(--size)/-2)}.voxel-face,.plate-face{position:absolute;inset:0;backface-visibility:hidden}.front{transform:translateZ(calc(var(--size)/2))}.back{transform:rotateY(180deg) translateZ(calc(var(--size)/2))}.right{transform:rotateY(90deg) translateZ(calc(var(--size)/2))}.left{transform:rotateY(-90deg) translateZ(calc(var(--size)/2))}.top{transform:rotateX(90deg) translateZ(calc(var(--size)/2))}.bottom{transform:rotateX(-90deg) translateZ(calc(var(--size)/2))}.node .plate-face{border:1px solid var(--node-edge);background:var(--node)}.node-dot{border:1px solid var(--node-edge);border-radius:50%;background:rgba(27,27,25,.14);box-shadow:0 0 0 2px rgba(241,239,231,.3);backface-visibility:visible}.goal-plate .top{background:var(--goal-top);box-shadow:inset 0 0 0 3px #f65b47,0 0 18px rgba(246,91,71,.16)}.goal-plate .front,.goal-plate .back,.goal-plate .left,.goal-plate .right,.goal-plate .bottom{background:var(--goal-side-a);box-shadow:inset 0 0 0 2px rgba(246,91,71,.65)}.wall{--top:var(--wall-top);--side-a:var(--wall-side-a);--side-b:var(--wall-side-b)}.crate{--top:var(--crate-top);--side-a:var(--crate-side-a);--side-b:var(--crate-side-b)}.player{--top:var(--player-top);--side-a:var(--player-side-a);--side-b:var(--player-side-b)}.wall .top,.crate .top,.player .top{background:var(--top)}.wall .front,.crate .front,.player .front,.wall .back,.crate .back,.player .back{background:var(--side-a)}.wall .right,.crate .right,.player .right,.wall .left,.crate .left,.player .left,.wall .bottom,.crate .bottom,.player .bottom{background:var(--side-b)}.player .voxel-face.expression:before,.player .voxel-face.expression:after{display:none}.face-art{position:absolute;inset:0;transform-origin:center;transform-style:preserve-3d;pointer-events:none}.player .voxel-face.expression .face-art:before,.player .voxel-face.expression .face-art:after{content:"";position:absolute;background:var(--ink)}.player .voxel-face.expression .face-art:before{width:12%;aspect-ratio:1;left:25%;top:27%;box-shadow:calc(var(--size)*.38) 0 0 var(--ink);transform:translateZ(.6px)}.player .voxel-face.expression .face-art:after{width:42%;height:max(1.5px,6%);left:29%;top:69%;transform:translateZ(.6px)}.frame-edge{color:rgba(27,27,25,.28);background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 10px);box-shadow:none;opacity:.48;transform-origin:center;transition:color .2s,opacity .2s}.frame-edge.active-face{color:rgba(168,82,66,.72);background:repeating-linear-gradient(90deg,currentColor 0 4px,transparent 4px 10px);box-shadow:none;opacity:.72}.wall-face{position:absolute;transform-style:preserve-3d;backface-visibility:visible;background:rgba(48,48,44,.14);border:1px solid rgba(27,27,25,.1);box-shadow:inset 0 0 8px rgba(0,0,0,.025)}.wall-face-x{background:rgba(45,45,42,.16)}.wall-face-y{background:rgba(55,55,51,.13)}.wall-face-z{background:rgba(64,64,59,.11)}
.meta-row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.puzzle-meta{display:flex;gap:20px}.puzzle-meta b{color:var(--ink)}.credit{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:2px}.credit:hover{color:var(--crate-top);border-color:var(--crate-top)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.app{width:min(100% - 22px,1180px);padding-top:18px}.title-row{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}.viewer,.scene-stage{min-height:520px}}@media(max-width:520px){.title-row{display:block}.top-actions{margin-top:20px;align-items:stretch}.utility-actions{display:grid;grid-template-columns:repeat(3,1fr)}.utility-actions button{width:100%}.viewer,.scene-stage{min-height:470px}.viewer-help span:nth-child(4){display:none}.meta-row{align-items:flex-end}.puzzle-meta{flex-direction:column;gap:5px}}



.volume-box,.volume-union{position:absolute;transform-style:preserve-3d;color:#4b4a45;pointer-events:none}.volume-union{--beam-size:2.5px}.volume-union .volume-edge{--beam-size:2.5px}.volume-depth-face{position:absolute;background:rgba(55,54,50,var(--depth-face-opacity,0));backface-visibility:hidden}.volume-hallway .volume-depth-face{background:rgba(71,69,63,var(--depth-face-opacity,0))}.volume-edge{--beam-size:2px;position:absolute;height:var(--beam-size);margin-top:calc(var(--beam-size)/-2);transform-origin:center center;transform-style:preserve-3d}.volume-edge>span{position:absolute;inset:0;background:currentColor;transform:rotateX(var(--beam-turn)) translateZ(calc(var(--beam-size)/2));backface-visibility:hidden;border-radius:1px}.volume-collar-edge{color:rgba(75,73,67,.52);--beam-size:1.5px}.volume-collar-edge>span{background:repeating-linear-gradient(90deg,currentColor 0 3px,transparent 3px 8px)}.volume-room{color:#4b4a45}.volume-room .volume-edge{--beam-size:2.5px}.volume-hallway{color:#69675f}.volume-hallway .volume-edge>span{background:repeating-linear-gradient(90deg,currentColor 0 7px,transparent 7px 12px)}