.backroom{--wall: #0d0a11;--wall2: #141019;--box: #171320;--box2: #211a2e;--box3: #2b2340;--paper: #e7dcc3;--paper2: #d8cba8;--paper3: #c9b98f;--ink: #3a3226;--ink2: #6e5f45;--tape: rgba(233, 214, 138, .55);--st-red: #a83a2e;--st-amber: #a8762a;--st-blue: #31637e;--st-green: #2f7d4e;--warm: #ffd196;--exit: #2f7d4e}html.backroom{background:var(--wall)}.backroom body{background:radial-gradient(52% 34% at 50% 0%,#ffc56e21,#ffc56e00 72%),linear-gradient(180deg,var(--wall) 0%,var(--wall2) 100%);background-attachment:fixed;color:#cfc8e0;font-family:var(--sans);overflow-x:clip}.backroom body>*{position:relative;z-index:1}.wall{position:fixed;inset:0;z-index:0;pointer-events:none}.wall .bulb{position:absolute;left:50%;top:0;width:3px;height:74px;margin-left:-1.5px;background:linear-gradient(180deg,#000,#241d2e);transform-origin:50% 0;animation:sway 7s ease-in-out infinite}.wall .bulb:after{content:"";position:absolute;left:50%;bottom:-14px;width:18px;height:22px;margin-left:-9px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 38% 32%,#fff8e8,var(--warm) 42%,#b06a1e 88%);box-shadow:0 0 34px 12px #ffc56e57,0 0 90px 40px #ffc56e1f}.wall .cable{position:absolute;left:7%;top:120px;width:30px;height:58px;border:6px solid #241d2e;border-bottom:0;border-radius:16px 16px 0 0;opacity:.5}.wall .cable:after{content:"";position:absolute;left:8px;top:52px;width:14px;height:10px;background:#241d2e;border-radius:2px 2px 4px 4px}@keyframes sway{0%,to{transform:rotate(-1.1deg)}50%{transform:rotate(1.1deg)}}.door{max-width:min(100% - 2 * var(--gut),880px);margin:0 auto;padding:96px 0 30px;text-align:center;font-family:var(--hd)}.staff{position:relative;display:inline-block;margin:0 auto 26px;padding:9px 22px 8px;font:700 10px/1 var(--px);letter-spacing:.32em;text-indent:.32em;color:var(--paper);background:linear-gradient(180deg,#8e4b1e,#6d3512);border-radius:3px;box-shadow:0 3px 10px #0000008c,inset 0 1px #ffffff2e;transform-origin:50% 0;animation:sway 9s ease-in-out infinite}.staff:before,.staff:after{content:"";position:absolute;top:-22px;width:2px;height:22px;background:#241d2e;box-shadow:0 0 0 1px #0006}.staff:before{left:18%;transform:rotate(6deg)}.staff:after{right:18%;transform:rotate(-6deg)}.kicker{margin:0;font:700 11px var(--hd);letter-spacing:.5em;text-indent:.5em;color:#c98a3e}.door h1{margin:10px 0 0;font:900 clamp(30px,6vw,62px)/1 var(--hd);letter-spacing:.03em;color:#d8cfb8;text-shadow:0 0 26px rgba(255,197,110,.3),0 0 2px #000}.door .sub{max-width:640px;margin:18px auto 0;font:400 14px/1.7 var(--sans);color:#a79fbc}.exits{margin:26px 0 0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.exit{display:inline-block;padding:9px 16px 8px;text-decoration:none;border-radius:4px;font:700 10px/1 var(--px);letter-spacing:.14em;color:#d9f5e3;background:var(--exit);box-shadow:0 0 20px #2f7d4e59,inset 0 0 0 2px #00000040}.exit span{margin-right:8px}.exit:hover,.exit:focus-visible{background:#3b9a61;color:#fff}.exit.dim{background:#23233246;color:#a79fbc;box-shadow:inset 0 0 0 2px #33324a}.exit.dim:hover,.exit.dim:focus-visible{color:#e5dfc8;background:#2c2b42}.rules{max-width:min(100% - 2 * var(--gut),720px);margin:44px auto 0;padding:26px 30px 22px;background:linear-gradient(180deg,var(--paper),var(--paper2));color:var(--ink);border-radius:2px;box-shadow:0 14px 34px #0000008c,0 1px 0 var(--paper3);transform:rotate(-.4deg);font:400 12.5px/1.75 ui-monospace,SFMono-Regular,Menlo,monospace;position:relative}.rules .clip{position:absolute;top:-12px;left:50%;width:88px;height:24px;margin-left:-44px;background:linear-gradient(180deg,#9a96a8,#5d5a68);border-radius:5px 5px 0 0;box-shadow:0 2px 5px #0006,inset 0 1px #fff6}.rules .clip:before,.rules .clip:after{content:"";position:absolute;top:6px;width:14px;height:14px;border-radius:50%;border:3px solid #4b4855;background:var(--paper2)}.rules .clip:before{left:12px}.rules .clip:after{right:12px}.paper-h{margin:0 0 12px;font:700 11px/1 var(--px);letter-spacing:.22em;color:var(--ink)}.rules p{margin:0 0 12px}.stages{list-style:none;margin:14px 0 12px;padding:14px 0 0;border-top:1px dashed var(--paper3)}.stages li{display:flex;gap:12px;align-items:baseline;margin:0 0 9px}.stages li:last-child{margin:0}.st{flex:0 0 auto;min-width:88px;font:700 8px/1 var(--px);letter-spacing:.06em;text-align:center;padding:5px 6px 4px;border:2px solid currentColor;border-radius:2px;transform:rotate(-1.4deg);opacity:.92}.st-built{color:var(--st-amber)}.st-review,.st-fixing{color:var(--st-red)}.st-retest{color:var(--st-blue)}.st-ready{color:var(--st-green)}.rules-foot{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--paper3);font-size:12px}.rules a{color:#7a3018;text-decoration-thickness:1px;text-underline-offset:2px}.rules a:hover{color:var(--st-red)}.row{max-width:min(100% - 2 * var(--gut),1180px);margin:58px auto 0;padding:0 0 8px}.row-head{display:flex;align-items:center;gap:18px;margin:0 0 6px;border-bottom:1px solid #262038;padding-bottom:12px}.row-head h2{margin:0;font:800 21px var(--hd);letter-spacing:.12em;color:#cfc8e0}.lamp{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 auto;padding:7px 12px 6px;font:700 8px/1 var(--px);letter-spacing:.14em;color:#ff8a7a;background:#2a0f10;border:1px solid rgba(168,58,46,.45);border-radius:3px}.lamp i{width:8px;height:8px;border-radius:50%;background:#ff4b33;box-shadow:0 0 10px #ff4b33;animation:blink 1.7s steps(2,jump-none) infinite}@keyframes blink{0%{opacity:1}50%{opacity:.35}}.row-sub{max-width:640px;margin:10px 0 0;font:400 12.5px/1.7 var(--sans);color:#8e86a0}.dock .row-head h2{color:#8e86a0}.dock .row-head{border-bottom-color:#1e1a2c}.rack{display:grid;grid-template-columns:repeat(auto-fill,minmax(304px,1fr));gap:34px 28px;margin:26px 0 0}.ns{grid-column:1 / -1;font:700 11px/1.8 var(--px);color:#a79fbc;padding:30px 0}.ns a{color:var(--warm)}.crates{position:relative;height:86px;margin:8px 8px 0 auto;width:130px;opacity:.55}.crates i{position:absolute;width:86px;height:34px;background:linear-gradient(180deg,#3f3122,#31251a);border:1px solid #2a2036;border-radius:2px}.crates i:nth-child(1){right:0;bottom:0;transform:rotate(2deg)}.crates i:nth-child(2){right:38px;bottom:22px;transform:rotate(-3deg);width:78px}.crates i:nth-child(3){right:10px;bottom:48px;transform:rotate(1deg);width:62px;height:30px}.crates i:after{content:"";position:absolute;inset:6px 8px auto;height:4px;background:#e9d68a29}.cab{transform:rotate(var(--tilt, 0deg));padding:14px 10px 0;position:relative}.cab .pallet{height:12px;margin:0 6px;background:repeating-linear-gradient(90deg,#3a2c1e 0 14px,#2c2115 14px 17px);border-radius:2px;box-shadow:0 6px 14px #00000080}.cab .pallet i{display:block;width:26px;height:8px;margin:0 auto;background:#241a10;border-radius:0 0 4px 4px}.box{background:linear-gradient(180deg,var(--box2),var(--box) 30%);border:1px solid #322a48;border-radius:6px 6px 3px 3px;box-shadow:0 16px 34px #0009,inset 0 1px #3a3156;padding:0 12px 12px}.marq{margin:0 -12px 12px;padding:10px 12px 8px;background:linear-gradient(180deg,var(--paper),var(--paper2));border-radius:6px 6px 0 0;text-align:center;color:var(--ink);position:relative}.marq:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--paper3) 22%,var(--paper3) 78%,transparent)}.marq b{display:block;font:800 17px/1.1 var(--hd);letter-spacing:.08em;color:#2c251b}.marq span{display:block;margin-top:5px;font:700 6.5px/1 var(--px);letter-spacing:.14em;color:var(--ink2)}.screen{position:relative;aspect-ratio:4 / 3;background:#08060c;border:1px solid #000;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 3px #0e0b14,inset 0 0 26px #000000d9}.screen img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) brightness(.78) contrast(1.08);transition:filter .3s}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(205deg,#ffffff1a,#fff0 36%,#00000057 82%);pointer-events:none}.cab:hover .screen img,.cab:focus-within .screen img{filter:saturate(.95) brightness(.95) contrast(1.05)}.screen .tape{position:absolute;left:-6%;right:-6%;bottom:10px;height:13px;transform:rotate(-1.6deg);background:repeating-linear-gradient(45deg,#d8b23a 0 10px,#171320 10px 20px);opacity:.28;pointer-events:none}.screen .wip{position:absolute;right:8px;top:8px;padding:4px 7px 3px;font:700 7px/1 var(--px);letter-spacing:.1em;color:var(--ink);background:var(--tape);border-radius:2px;transform:rotate(3deg);pointer-events:none}.screen .off{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;font:700 10px/1 var(--px);letter-spacing:.2em;color:#2a2438;text-shadow:0 1px 0 #000}.dock .screen{background:radial-gradient(60% 46% at 50% 42%,#100c16,#08060c 78%)}.sheet{position:relative;margin:12px 2px 0;padding:12px 14px 10px;background:linear-gradient(180deg,var(--paper),var(--paper2) 85%);color:var(--ink);border-radius:2px;box-shadow:0 4px 12px #0006;font:400 11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.sheet:before,.sheet:after{content:"";position:absolute;top:-7px;width:34px;height:15px;background:var(--tape);border-radius:2px;box-shadow:0 1px 2px #00000040}.sheet:before{left:16px;transform:rotate(-4deg)}.sheet:after{right:16px;transform:rotate(3deg)}.stamp{display:block;width:max-content;margin:2px 0 10px auto;padding:6px 9px 5px;font:700 10px/1 var(--px);letter-spacing:.1em;border:3px double currentColor;border-radius:3px;transform:rotate(-6deg);opacity:.9;mix-blend-mode:multiply}[data-stage=built] .stamp{color:var(--st-amber)}[data-stage=in-review] .stamp,[data-stage=fixing] .stamp{color:var(--st-red)}[data-stage=retest] .stamp{color:var(--st-blue)}[data-stage=ready] .stamp{color:var(--st-green)}.sheet h3{margin:0 0 8px;font:700 9px/1 var(--px);letter-spacing:.18em;color:var(--ink)}.sheet ul{list-style:none;margin:0;padding:8px 0 0;border-top:1px dashed var(--paper3)}.sheet li{display:flex;gap:8px;align-items:baseline;margin:0 0 5px}.sheet li:last-child{margin:0}.sheet li i{flex:0 0 9px;height:9px;border:2px solid var(--ink2);border-radius:1px;margin-top:2px;position:relative}.sheet li.done i{background:var(--ink);border-color:var(--ink)}.sheet li.done i:after{content:"";position:absolute;left:1px;top:1px;width:5px;height:3px;border-left:2px solid var(--paper);border-bottom:2px solid var(--paper);transform:rotate(-45deg)}.sheet li.done span{color:var(--ink2)}.sheet .meta{margin:9px 0 0;padding-top:7px;border-top:1px dashed var(--paper3);font-size:9.5px;line-height:1.7;color:var(--ink2);text-transform:uppercase}.sheet .meta b{color:var(--ink);font-weight:600}.sheet .prop{margin:7px 0 0;font-size:8px;letter-spacing:.1em;color:var(--paper3);text-align:right;text-transform:uppercase}.coinrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 2px 0}.coin{display:inline-block;padding:11px 16px 10px;text-decoration:none;border-radius:3px;font:700 11px/1 var(--px);letter-spacing:.1em;color:#140a02;background:linear-gradient(180deg,#ffa23e,#e07a10);border:1px solid #b05e08;box-shadow:0 3px #8a4a08,0 6px 14px #00000080,inset 0 1px #fff6}.coin span{margin-left:8px}.coin:hover,.coin:focus-visible{background:linear-gradient(180deg,#ffb65e,#f08a1a);color:#140a02}.coin:active{transform:translateY(2px);box-shadow:0 1px #8a4a08,0 3px 8px #00000080}.coin.off{background:none;border:1px dashed #3a3350;box-shadow:none;color:#8e86a0;padding:10px 14px 9px;font-size:9.5px;cursor:default}.coin.off b{color:#a79fbc;font-weight:700;letter-spacing:.06em}.chip{padding:5px 8px 4px;font:700 7px/1 var(--px);letter-spacing:.12em;color:#8e86a0;border:1px solid #322c48;border-radius:2px;text-transform:uppercase}.chip.warn{color:#d8b23a;border-color:#6a5a1e}.chip.live{color:#6be38a;border-color:#2f5a3e}.installed .coin.off{display:none}.installed .screen .off{color:#2f7d4e}.backroom footer{margin:70px 0 0;padding:22px var(--gut) 30px;border-top:1px solid #201b30;text-align:center;font:700 9px/2 var(--px);letter-spacing:.14em;color:#6e6782;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}.backroom footer a{color:#a79fbc;text-decoration:none}.backroom footer a:hover,.backroom footer a:focus-visible{color:var(--warm)}@media(max-width:700px){.door{padding-top:84px}.staff{font-size:8px;padding:8px 16px 7px}.rules{padding:22px 18px 18px;margin-top:34px}.stages li{display:block}.st{display:inline-block;margin:0 0 5px}.cab{padding:10px 4px 0}.crates,.wall .cable{display:none}.row{margin-top:44px}.lamp{margin-left:0}.row-head{flex-wrap:wrap;gap:10px}.backroom footer{padding:18px 16px 26px;font-size:8px}}@media(prefers-reduced-motion:reduce){.wall .bulb,.staff{animation:none}.lamp i{animation:none;opacity:.85}.screen img{transition:none}}
