:root{color-scheme:dark;--night: #101119;--case: #191c29;--recess: #10131d;--edge: #41475d;--line: #2e3549;--ink: #f0f4fa;--soft: #b0bbd0;--cyan: #67f4dc;--acid: #e5fb67;--pink: #ffa4ca;--mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--display: "Archivo Black", "Arial Black", system-ui, sans-serif;color:var(--ink);background:var(--night);font:15px/1.4 DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}img{image-rendering:pixelated}h1,h2,h3,p{margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.49}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:2px;z-index:2}[hidden]{display:none!important}.shell{width:min(1140px,calc(100% - 48px));margin-inline:auto}header{background:#0c0e15;border-bottom:1px solid var(--edge)}.nav,.brand,.nav-actions,.floor-title,.floor-title>div,.ticket-title,.toolhead,.toolhead>div,.energy>div,.bridge-top,.bridge-meta,.savebar,.foot,.modal-head{display:flex;align-items:center}.nav{height:55px;gap:12px}.brand{gap:8px;font:900 17px/1 var(--display);letter-spacing:-.6px;text-decoration:none;color:var(--ink)}.brand img{width:30px;filter:saturate(.7) drop-shadow(0 0 3px #64ecc857)}.brand-sub,.serial,.floor-key,.foot,.bridge small,.tile-label,.toolhead h3{font:600 10px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.09em}.brand-sub{color:var(--cyan);border-left:1px solid var(--edge);padding-left:12px}.nav-actions{margin-left:auto;gap:16px}.help,.toolhead button,.savebar button,.bridge-meta button{background:none;color:var(--soft);font:600 12px var(--mono)}.help b,kbd{border:1px solid var(--edge);font:10px var(--mono);padding:1px 4px;color:var(--soft)}.wallet,.start,.deliver{font:800 13px var(--mono);letter-spacing:.02em;text-transform:uppercase;padding:10px 15px}.wallet{color:var(--cyan);border:1px solid #518b82;background:#172b2b}.wallet:hover,.help:hover,.savebar button:hover,.bridge-meta button:hover,.toolhead button:hover{color:#fff}.intro{isolation:isolate;position:relative;overflow:hidden;border:1px solid var(--edge);border-left:3px solid var(--acid);background:#161a2b url(/art/night-wheel.webp) center 48% / cover no-repeat;margin:18px 0 14px;padding:20px clamp(16px,3vw,38px);min-height:161px;display:flex;flex-direction:column;justify-content:center;gap:12px;align-items:flex-start}.intro:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#10121bf5 0%,#111320e6 26%,#11132083 49%,transparent 76%)}h1{font:950 italic clamp(39px,5vw,66px)/.98 var(--display);text-transform:uppercase;letter-spacing:-.075em;color:#f5f6ee}h1 span{color:var(--acid)}.intro p{margin-top:8px;color:#e2e7eb;font-size:13px}.switch{display:inline-flex;border:1px solid #647084;background:#0c0f1a}.switch button,.levels button{padding:6px 14px;background:transparent;color:var(--soft);font:700 12px var(--mono)}.switch button[aria-pressed=true],.levels button[aria-pressed=true]{background:var(--cyan);color:#102323}.workshop{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start;gap:16px}.panel{border:1px solid var(--edge);background:var(--case);border-radius:3px;overflow:hidden;min-width:0}.floor-title,.ticket-title{padding:12px 17px;gap:10px;border-bottom:1px solid var(--edge);background:#202437}.floor-title>div{gap:10px}.floor-title h2,.ticket-title h2,.bridge h2,.modal-head h2{font:850 18px/1.2 var(--display);letter-spacing:-.035em}.lamp,.dot-orange{display:inline-block;width:8px;height:8px;transform:rotate(45deg);background:var(--cyan)}.lamp{box-shadow:0 0 8px #55e0bd55}.dot-orange{background:var(--acid)}.serial{margin-left:auto;color:#b4c0d4;font-size:10px}.board-frame{background:#111622;padding:8px clamp(14px,4.3vw,68px) 11px;border-bottom:1px solid var(--edge)}.board-labels,.row-labels{font:11px var(--mono);color:#a9b7c9}.board-labels{display:grid;grid-template-columns:20px repeat(5,1fr);text-align:center;align-items:center;height:22px}.board-wrap{display:grid;grid-template-columns:20px 1fr}.row-labels{display:grid;grid-template-rows:repeat(5,1fr);align-items:center}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));aspect-ratio:1.48;background:#3c4d61;gap:1px;border:2px solid #526174;box-shadow:0 3px #080a10}.cell{position:relative;padding:0;min-width:0;min-height:0;display:grid;place-items:center;background:#212b3b;color:#d8eff4;border:0}.cell:nth-child(2n){background:#253040}.cell.empty:after{content:"+";font:16px var(--mono);color:#61738a}.cell.fixed{background:#253e41}.cell.rock{background:#302e40}.cell.rock:before{content:"◆";font-size:clamp(17px,2vw,27px);color:#877f9a;text-shadow:3px 3px #50465c}.cell img{width:67%;height:74%;object-fit:contain;filter:drop-shadow(1px 2px 0 #111525)}.cell.fixed img{transform:translateY(-4%)}.cell .tile-label{position:absolute;bottom:2px;background:#102227e6;color:#b1f8e8;padding:0 3px;font-size:clamp(7px,.74vw,10px);letter-spacing:.015em}.cell .dir{position:absolute;right:4px;top:1px;font-weight:900;color:var(--cyan);line-height:1}.cell:not([aria-disabled=true]):hover{box-shadow:inset 0 0 0 2px var(--cyan);background:#31424e}.cell.flow{background:#285b53;box-shadow:inset 0 -3px var(--cyan)}.cell.bottleneck{outline:3px dashed var(--pink);outline-offset:-4px}.floor-key{display:flex;justify-content:space-between;gap:5px;margin:8px 0 0 20px;color:#a8b8ca;font-size:9px}.toolhead,.bridge-top,.bridge-meta,.energy>div,.savebar,.foot,.modal-head{justify-content:space-between;gap:10px}.toolhead{padding:11px 16px 8px}.toolhead h3{color:var(--soft)}.toolhead>div{gap:10px}.toolhead button{padding:4px 0}.tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0 16px}.tool{border:1px solid var(--edge);background:#202637;color:#dae2eb;font:600 11px var(--mono);display:grid;justify-items:center;align-content:center;padding:5px 2px;gap:3px}.tool img,.tool .erase{width:33px;height:30px;object-fit:contain}.tool .erase{font:25px/30px var(--mono)}.tool[aria-pressed=true]{border-color:var(--cyan);background:#1f393b;color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}.tool-tip{padding:8px 16px 12px;font-size:11px;color:var(--soft)}.desk{display:grid;gap:14px}.ticket-title{border-top:2px solid var(--acid)}.ticket-body{padding:15px 17px}.foreman{display:flex;align-items:center;gap:13px;margin-bottom:14px}.foreman img{width:67px;height:67px;object-fit:contain;flex:none;background:#263444;border:1px solid #516575}.foreman p{font-size:13px;line-height:1.5;color:#d6deec}.items{display:grid;gap:5px}.items>div{display:flex;align-items:center;gap:11px;padding:3px 10px;background:#252b3d;border-left:2px solid #69758e;font-weight:650;font-size:13px}.items img{width:30px;height:29px;object-fit:contain}.items strong,.energy strong{margin-left:auto;font:700 16px var(--mono)}.energy{margin:15px 0}.energy>div{color:var(--acid);font:700 12px var(--mono);text-transform:uppercase}.energy small{font:10px/1.4 var(--mono);color:var(--soft)}progress{appearance:none;display:block;border:0;background:#30384a;width:100%;height:7px;margin:8px 0 4px;accent-color:var(--acid)}progress::-webkit-progress-bar{background:#30384a}progress::-webkit-progress-value{background:var(--acid)}progress::-moz-progress-bar{background:var(--acid)}.bridge progress{accent-color:var(--cyan)}.bridge progress::-webkit-progress-value{background:var(--cyan)}.bridge progress::-moz-progress-bar{background:var(--cyan)}.start,.deliver{display:block;width:100%;background:var(--acid);color:#151b13;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);padding:13px 8px;font-size:15px}.start:hover,.deliver:hover{filter:brightness(1.09)}.start:focus-visible,.deliver:focus-visible{outline:2px solid #13161c;outline-offset:-5px}.deliver{margin-top:7px;background:var(--cyan)}.feedback{margin-top:11px;color:var(--soft);font:12px/1.5 var(--mono);overflow-wrap:anywhere}.levels{display:flex;gap:4px;margin-bottom:10px}.levels button{flex:1;border:1px solid var(--edge);padding:6px 3px;font-size:11px}.bridge{padding:14px 17px;border-left:3px solid var(--pink)}.bridge small{color:var(--pink)}.bridge h2{margin-top:3px}.bridge-art{font:bold 29px var(--mono);color:var(--pink)}.bridge-meta{font:11px var(--mono);color:var(--soft)}.bridge-meta button{color:var(--cyan)}.savebar{padding:10px 0;margin-top:6px;border-bottom:1px solid var(--line);font-size:12px;color:var(--soft);flex-wrap:wrap}.savebar button{padding:6px 8px}.foot{padding:10px 0 18px;color:#a5b2c8;font-size:9px}dialog{background:var(--case);color:var(--ink);border:1px solid var(--cyan);border-top:3px solid var(--cyan);padding:22px;max-width:min(460px,92vw)}dialog::backdrop{background:#05080dd9}.modal-head button{background:transparent;font:24px var(--mono)}dialog p{font-size:14px;line-height:1.6;color:#d7dfec;margin:12px 0}dialog form{margin-top:16px}@media(max-width:820px){.shell{width:calc(100% - 26px)}.workshop{grid-template-columns:minmax(0,1.32fr) minmax(254px,1fr);gap:10px}.board-frame{padding:5px 9px 10px}.ticket-body{padding:12px}.tools{gap:3px;padding:0 8px}.toolhead,.tool-tip{padding-left:9px;padding-right:9px}.foreman{gap:8px}.foreman img{width:48px;height:48px}}@media(max-width:650px){.shell{width:calc(100% - 20px)}.nav{height:51px;gap:4px}.brand-sub,.help b{display:none}.brand{font-size:14px;gap:3px}.brand img{width:24px}.nav-actions{gap:3px}.help{font-size:11px}.wallet{font-size:11px;padding:8px}.intro{min-height:157px;margin:10px 0;padding:16px 12px;background-position:62% center}.intro:before{background:linear-gradient(90deg,#10121bec,#10121bc9 46%,#10121b44)}.intro p{max-width:235px;font-size:12px}.workshop{grid-template-columns:1fr}.board{aspect-ratio:1.4}.board-frame{padding:5px 13px 10px}.floor-title,.ticket-title{padding:10px 13px}.cell .tile-label{font-size:8px}.tool{min-height:44px}.tool-tip{line-height:1.45}.desk{gap:10px}.foot{align-items:start;flex-wrap:wrap}.savebar{gap:3px}.savebar button{padding:7px 5px}}
