:root{--ink:#0d0b09;--room:#15110d;--bench:#1d1710;--bench-hi:#2a2118;--film:#2b2018;--film-edge:#3c2d20;--perf-hole:#0b0907;--emulsion:#f2e5cd;--amber:#ffb14a;--amber-hot:#ffd79a;--red:#e0442c;--cyan:#57d7e8;--muted:#a08d76;--dim:#6f6050;--perf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='12'%3E%3Crect x='5' y='2' width='12' height='8' rx='2.5' fill='%230b0907'/%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");--ui:"Barlow Condensed", "Helvetica Neue", sans-serif;--display:"Bebas Neue", "Barlow Condensed", sans-serif;--hand:"Caveat", "Bradley Hand", cursive}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{background:var(--ink);color:var(--emulsion);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow:hidden}button{color:inherit;cursor:pointer;font-family:inherit}.room{background:radial-gradient(120% 90% at 50% -12%, #ffb14a29, transparent 62%), linear-gradient(180deg, #1a140f 0%, var(--room) 45%, #0e0b08 100%);grid-template-rows:62px minmax(0,1fr) 268px;grid-template-columns:198px minmax(0,1fr) 258px;height:100vh;display:grid;position:relative}.room__lamp{pointer-events:none;z-index:0;background:radial-gradient(46% 40% at 50% 34%,#ffbe6e33,#0000 70%),radial-gradient(80% 60% at 50% 0,#ff962817,#0000 65%);animation:7s step-end infinite lampflicker;position:absolute;inset:0}@keyframes lampflicker{0%,44%,47%,to{opacity:1}45%{opacity:.9}46%{opacity:.97}72%{opacity:.93}73%{opacity:1}}.room__grain{pointer-events:none;background-image:var(--grain);opacity:.055;mix-blend-mode:screen;z-index:6;animation:.7s steps(4,end) infinite grainshift;position:absolute;inset:-20%}@keyframes grainshift{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(0)}}.room__motes{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.room__motes i{background:var(--amber-hot);filter:blur(.4px);width:3px;height:3px;animation:mote var(--dur,12s) linear var(--dly,0s) infinite;border-radius:50%;position:absolute}@keyframes mote{0%{transform:translate(0)}50%{transform:translate(var(--drift,40px), -46vh)}to{opacity:0;transform:translateY(-92vh)}}.is-still .room__lamp,.is-still .room__grain,.is-still .room__motes i{animation:none!important}.rail{z-index:2;background:linear-gradient(180deg, var(--bench-hi), var(--bench));border:1px solid #ffb14a1a;position:relative}.rail--top{background:linear-gradient(#2c2219,#1b150f 78%,#120e0a);border-width:0 0 1px;grid-column:1/-1;align-items:center;gap:18px;padding:0 16px;display:flex;box-shadow:0 8px 24px #0000008c}.rail__title{font-family:var(--display);letter-spacing:.13em;color:var(--amber);margin:0;font-size:21px}.rail__sub{font-family:var(--display);letter-spacing:.2em;color:var(--dim);margin:14px 0 6px;font-size:14px}.rail__hint{font-family:var(--hand);color:var(--muted);margin:2px 0 12px;font-size:16px;line-height:1}.brand{align-items:baseline;gap:9px;display:flex}.brand__can{background:radial-gradient(circle at 34% 30%,#55402c,#23180f 70%);border:2px solid #6a4f34;border-radius:50%;align-self:center;place-items:center;width:26px;height:26px;animation:9s linear infinite spincan;display:grid;position:relative;box-shadow:inset 0 0 0 3px #0006,0 2px 8px #0009}.brand__can i{transform-origin:50% 11px;background:#16100b;border-radius:2px;width:3px;height:9px;position:absolute}.brand__can i:first-child{transform:rotate(0)translateY(-3px)}.brand__can i:nth-child(2){transform:rotate(120deg)translateY(-3px)}.brand__can i:nth-child(3){transform:rotate(240deg)translateY(-3px)}@keyframes spincan{to{transform:rotate(360deg)}}.is-still .brand__can{animation:none}.brand__name{font-family:var(--display);letter-spacing:.14em;color:var(--emulsion);text-shadow:0 0 18px #ffb14a66;font-size:30px}.brand__sub{font-family:var(--hand);color:var(--red);font-size:17px;transform:rotate(-4deg)}.slate{background:repeating-linear-gradient(115deg,#14100c 0 11px,#1c1710 11px 22px);border:1px solid #3a2c1e;border-radius:3px;align-items:center;gap:7px;padding:5px 13px;display:flex;box-shadow:inset 0 1px #ffffff0d}.slate__k{letter-spacing:.24em;color:var(--dim);font-size:10px}.slate b{font-family:var(--display);color:var(--amber);text-align:center;text-shadow:0 0 12px #ffb14a8c;min-width:34px;font-size:22px;line-height:1}.slate__div{background:#3a2c1e;width:1px;height:18px}.is-spliced .slate b#reelId{color:var(--cyan);text-shadow:0 0 12px #57d7e899}.toolset{align-items:center;gap:10px;margin-left:auto;display:flex}.btn{color:var(--emulsion);letter-spacing:.16em;background:linear-gradient(#2e2419,#1d1710);border:1px solid #483725;border-radius:3px;padding:9px 14px;font-size:12px;font-weight:600;transition:transform .12s,box-shadow .18s,background .18s,color .18s}.btn:hover:not(:disabled){color:var(--amber-hot);background:linear-gradient(#3b2d1e,#241c13);box-shadow:0 0 0 1px #ffb14a59,0 6px 18px #00000073}.btn:active:not(:disabled){transform:translateY(1px)scale(.985)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--sound{align-items:center;gap:7px;display:flex}.btn--sound .btn__icon{color:var(--cyan);letter-spacing:0;font-size:11px}.btn--sound.is-off,.btn--sound.is-off .btn__icon{color:var(--dim)}.btn--print{color:#fff3dd;text-shadow:0 1px #0006;background:linear-gradient(#a9601f,#6d3a12);border-color:#7a4a20;align-items:center;gap:9px;display:flex;box-shadow:0 0 22px #ff96323d,inset 0 1px #ffdcaa59}.btn--print:hover:not(:disabled){color:#fff;background:linear-gradient(#cd7524,#833f11)}.btn__reel{border:2px solid #fff0d2d9;border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 2px #00000059}.btn--print.is-rolling .btn__reel{animation:.5s linear infinite spincan}.focus{touch-action:none;-webkit-user-select:none;user-select:none;background:#16110c;border:1px solid #3a2c1e;border-radius:24px;align-items:center;gap:9px;padding:4px 10px 4px 4px;display:flex}.focus__dial{background:conic-gradient(from 0deg, #3a2c1e 0 2%, #241b13 2% 4%) padding-box, radial-gradient(circle at 35% 28%, #4a3826, #1b140e 72%);width:34px;height:34px;transform:rotate(var(--ang,0deg));border:1px solid #56412c;border-radius:50%;transition:transform .16s cubic-bezier(.2,.9,.3,1.4);position:relative;box-shadow:inset 0 2px 5px #000000a6,0 1px #ffc88c1a}.focus.is-turning .focus__dial{transition:none}.focus__nub{background:var(--amber);width:3px;height:11px;box-shadow:0 0 8px var(--amber);border-radius:2px;margin-left:-1.5px;position:absolute;top:4px;left:50%}.focus__read{font-family:var(--display);color:var(--emulsion);letter-spacing:.06em;font-size:19px}.focus__read i{color:var(--dim);font-size:11px;font-style:normal}.rail--bin{scrollbar-width:thin;scrollbar-color:#3a2c1e transparent;border-width:0 1px 0 0;grid-area:2/1;padding:14px 12px;overflow-y:auto}.trims{flex-direction:column;gap:8px;display:flex}.trim{border:1px solid var(--film-edge);background:linear-gradient(100deg, #241b13, var(--film) 42%, #35271a);text-align:left;transform-origin:12px;border-radius:2px;grid-template-columns:14px 26px 1fr 14px;align-items:stretch;gap:0;height:48px;padding:0;transition:transform .16s cubic-bezier(.2,.9,.3,1.5),box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden}.trim__perf{background-color:#1c140c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16'%3E%3Crect x='3' y='4' width='8' height='8' rx='2.2' fill='%230b0907'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat-y;width:100%;box-shadow:inset -1px 0 #00000080,inset 1px 0 #00000080}.trim__glyph{text-align:center;filter:drop-shadow(0 0 8px);font-size:18px;line-height:48px}.trim__label{letter-spacing:.17em;color:var(--muted);align-self:center;padding-left:2px;font-size:11px}.trim:hover{border-color:var(--tint);box-shadow:0 6px 20px #00000080, 0 0 0 1px color-mix(in srgb, var(--tint) 45%, transparent);transform:rotate(-1.6deg)translate(3px)}.trim:hover .trim__label{color:var(--emulsion)}.trim:active{transform:rotate(1deg)scale(.97)}.trim.is-clipped{animation:.44s cubic-bezier(.2,.9,.25,1.4) clipped}@keyframes clipped{0%{transform:rotate(0)scale(1)}22%{box-shadow:0 0 0 2px var(--tint);transform:rotate(-5deg)scale(1.06)}60%{transform:rotate(3deg)scale(.96)}to{transform:rotate(0)scale(1)}}.decals{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.decal{aspect-ratio:1;background:radial-gradient(circle at 34% 30%,#2f2519,#191209);border:1px dashed #4b3826;border-radius:50%;place-items:center;font-size:20px;transition:transform .16s cubic-bezier(.2,.9,.3,1.6),box-shadow .2s,border-color .2s;display:grid}.decal:hover{border-color:var(--amber);border-style:solid;transform:scale(1.16)rotate(-7deg);box-shadow:0 0 18px #ffb14a66}.decal:active{transform:scale(.92)}.gate{z-index:1;flex-direction:column;grid-area:2/2;min-width:0;padding:0;display:flex;position:relative}.gate__rail{background-color:#3a2b1d;background-image:var(--perf);background-repeat:repeat-x;flex:none;height:14px;box-shadow:inset 0 0 18px #0000008c}.gate__aperture{background:radial-gradient(68% 66% at 50% 40%,#ffbe7033,#0000 74%),#0b0908;border-radius:4px;flex:1;margin:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffb14a38,inset 0 0 60px #0000008c,0 22px 60px #0009}.gate__aperture:after{content:"";pointer-events:none;z-index:4;background:radial-gradient(82% 76% at 50% 44%,#0000 62%,#00000080);position:absolute;inset:0}.gate__aperture.is-flicker{animation:.42s ease-out gateflicker}@keyframes gateflicker{0%{filter:brightness(1.9)contrast(.8)}18%{filter:brightness(.55)}40%{filter:brightness(1.35)}70%{filter:brightness(.85)}to{filter:none}}.canvasHost{z-index:1;position:absolute;inset:10px}.canvasHost>*{display:block;width:100%!important;height:100%!important}.ghost{z-index:3;pointer-events:none;opacity:.9;filter:sepia(.5)contrast(1.06);width:84%;height:84%;animation:.18s ease-out ghostin;position:absolute;inset:8%;box-shadow:0 0 0 2px #ffb14a80,0 30px 60px #000000b3}@keyframes ghostin{0%{opacity:0;transform:scale(.97)}to{opacity:.9;transform:none}}.ghostTag{z-index:4;color:#fff;font-family:var(--display);letter-spacing:.2em;pointer-events:none;background:#e0442ceb;border-radius:2px;padding:3px 14px;font-size:15px;position:absolute;bottom:4%;left:50%;transform:translate(-50%)rotate(-1.5deg)}.cue{z-index:4;opacity:.35;pointer-events:none;border:2px solid #fff0d229;border-radius:50%;width:34px;height:34px;position:absolute;top:18px;right:20px}.cue.is-hot{animation:.62s ease-out cueflash}@keyframes cueflash{0%{opacity:1;background:#fff6e2;transform:scale(1.25);box-shadow:0 0 40px 12px #ffdca0bf}to{opacity:.35;box-shadow:none;background:0 0;transform:scale(1)}}.flare{z-index:5;pointer-events:none;opacity:0;background:radial-gradient(60% 60%,#fff6e2f2,#ffbe6e33 55%,#0000 75%);position:absolute;inset:0}.flare.is-hot{animation:.6s ease-out flare}@keyframes flare{0%{opacity:0}12%{opacity:1}to{opacity:0}}.grease{z-index:4;font-family:var(--hand);color:var(--red);text-shadow:0 0 12px #e0442c66;pointer-events:none;font-size:21px;position:absolute;bottom:12px;left:16px;transform:rotate(-2.5deg)}.toast{z-index:8;letter-spacing:.14em;border:1px solid var(--amber);color:var(--amber-hot);opacity:0;pointer-events:none;white-space:nowrap;background:#1d1710;border-radius:3px;padding:8px 18px;font-size:12px;font-weight:600;transition:opacity .24s,transform .24s cubic-bezier(.2,.9,.3,1.4);position:absolute;top:18px;left:50%;transform:translate(-50%,-14px);box-shadow:0 12px 34px #0009}.toast.is-in{opacity:1;transform:translate(-50%)}.toast[data-tone=cut]{border-color:var(--cyan);color:var(--cyan)}.toast[data-tone=warn]{border-color:var(--red);color:#ff9f8c}.screening{z-index:7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#090705db;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;animation:.24s ease-out fadein;display:flex;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.screen{background:linear-gradient(#241c14,#14100b);border:1px solid #4b3826;border-radius:4px;width:38%;min-width:240px;padding:10px;animation:.36s cubic-bezier(.2,.9,.25,1.3) backwards screenin;box-shadow:0 22px 50px #000000a6}.screen[data-reel="1"]{border-color:#57d7e873;animation-delay:70ms}@keyframes screenin{0%{opacity:0;transform:translateY(20px)rotate(-1.5deg)scale(.94)}to{opacity:1;transform:none}}.screen__hd{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.screen__hd b{font-family:var(--display);letter-spacing:.16em;color:var(--amber);font-size:20px}.screen[data-reel="1"] .screen__hd b{color:var(--cyan)}.screen__hd span{font-family:var(--hand);color:var(--muted);font-size:16px}.screen__lit{background-color:#33261a;background-image:var(--perf), var(--perf);background-position:0 0,0 100%;background-repeat:repeat-x,repeat-x;padding:11px 0;position:relative;box-shadow:0 0 40px #ffaa4638,inset 0 0 26px #00000080}.screen__cv{aspect-ratio:3/2;background:#0d0b09;width:100%;display:block;box-shadow:0 0 0 1px #0009}.screen__keep{letter-spacing:.2em;background:linear-gradient(#3a2d1e,#241c13);border:1px solid #6b4a2a;border-radius:3px;width:100%;margin-top:10px;padding:9px;font-size:12px;font-weight:600;transition:background .18s,color .18s,transform .12s}.screen__keep:hover{color:#fff3dd;background:linear-gradient(#b06a24,#6d3a12)}.screen__keep:active{transform:translateY(1px)}.screening__hint{text-align:center;width:100%;font-family:var(--hand);color:var(--muted);margin:0;font-size:19px}.rail--tray{scrollbar-width:thin;scrollbar-color:#3a2c1e transparent;border-width:0 0 0 1px;flex-direction:column;grid-area:2/3;gap:12px;padding:14px 14px 16px;display:flex;overflow-y:auto}.rail--tray[data-empty=true] .pencils,.rail--tray[data-empty=true] .dials,.rail--tray[data-empty=true] .trayActions{opacity:.55;filter:grayscale(.45);pointer-events:none}.rail__empty{font-family:var(--hand);color:var(--dim);text-align:center;margin:auto 0 0;font-size:18px;line-height:1.15;transform:rotate(-1.5deg)}.pencils{background:linear-gradient(#241b13,#17110c);border:1px solid #3a2c1e;border-radius:4px;grid-template-columns:repeat(5,1fr);gap:7px 5px;padding:9px 7px;display:grid;box-shadow:inset 0 3px 10px #0009}.pencil{height:52px;transform:rotate(calc((var(--i) - 4.5) * 1.6deg));background:0 0;border:0;flex-direction:column;align-items:center;padding:0;transition:transform .18s cubic-bezier(.2,.9,.3,1.6);display:flex;position:relative}.pencil__body{background:linear-gradient(90deg, #00000059, var(--c) 38%, #ffffff47 62%, var(--c));border-radius:3px 3px 0 0;flex:1;width:12px;box-shadow:0 2px 5px #00000080}.pencil__tip{border-left:6px solid #0000;border-right:6px solid #0000;border-top:11px solid var(--c);width:0;height:0;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--c) 60%, transparent))}.pencil:hover{transform:rotate(0)translateY(-7px)scale(1.06)}.pencil:active{transform:translateY(2px)scale(.96)}.pencil.is-used{animation:.42s ease-out pencilstroke}@keyframes pencilstroke{0%{transform:translateY(-9px)rotate(-8deg)}45%{transform:translateY(3px)rotate(9deg)}to{transform:none}}.dials{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dial{background:linear-gradient(#241b13,#17110c);border:1px solid #3a2c1e;border-radius:4px;outline:none;flex-direction:column;align-items:center;gap:6px;padding:9px 4px 7px;transition:border-color .2s,box-shadow .2s;display:flex}.dial:focus-visible,.dial.is-turning{border-color:var(--amber);box-shadow:0 0 0 1px #ffb14a59}.dial__knob{cursor:ns-resize;touch-action:none;background:repeating-conic-gradient(from 0deg, #3d2e20 0 3deg, #2a2017 3deg 9deg) padding-box, radial-gradient(circle at 34% 26%, #55402c, #191209 74%);border:1px solid #5b4429;border-radius:50%;width:46px;height:46px;position:relative;box-shadow:inset 0 3px 8px #000000b3,0 3px 8px #00000080}.dial__face{z-index:2;pointer-events:none;transform:rotate(var(--ang,0deg));border-radius:50%;transition:transform .18s cubic-bezier(.2,.9,.3,1.5);position:absolute;inset:0}.dial.is-turning .dial__face{transition:none}.dial__knob:after{content:"";background:radial-gradient(circle at 36% 30%,#4b3827,#1c150e 70%);border-radius:50%;position:absolute;inset:8px}.dial__nub{background:var(--amber);width:4px;height:13px;box-shadow:0 0 9px var(--amber);z-index:1;border-radius:2px;margin-left:-2px;position:absolute;top:3px;left:50%}.dial__meta{text-align:center;line-height:1.05}.dial__meta b{letter-spacing:.16em;color:var(--dim);font-size:9px;display:block}.dial__val{font-family:var(--display);color:var(--emulsion);letter-spacing:.05em;font-size:16px}.shapefx{background:#17110c;border:1px dashed #4b3826;border-radius:4px;grid-template-columns:40px 1fr 40px;align-items:center;gap:6px;padding:7px;display:grid}.step{background:linear-gradient(#33271b,#1d1610);border:1px solid #4b3826;border-radius:3px;height:34px;font-size:18px;line-height:1;transition:background .16s,transform .1s}.step:hover{color:var(--amber-hot);background:linear-gradient(#4a3823,#2a2016)}.step:active{transform:translateY(1px)scale(.95)}.step__read{text-align:center}.step__read b{font-family:var(--display);color:var(--amber);font-size:22px;line-height:1;display:block}.step__read span{letter-spacing:.2em;color:var(--dim);font-size:9px}.trayActions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.btn--tray{letter-spacing:.12em;padding:10px 4px;font-size:11px}.btn--danger:hover:not(:disabled){color:#ff9f8c;box-shadow:0 0 0 1px #e0442c80}.bench{z-index:3;background:linear-gradient(#20190f,#120e09),repeating-linear-gradient(90deg,#ffffff04 0 2px,#0000 2px 6px);border-top:1px solid #ffb14a29;flex-direction:column;grid-area:3/1/auto/-1;display:flex;position:relative;box-shadow:0 -14px 34px #0000008c}.bench__head{align-items:center;gap:18px;padding:9px 16px 7px;display:flex}.splicer{background:linear-gradient(#2a2017,#171109);border:1px solid #3f3020;border-radius:4px;gap:7px;padding:5px;display:flex;box-shadow:inset 0 1px #ffd2a014}.sbtn{background:#1f1811;border:1px solid #0000;border-radius:3px;flex-direction:column;align-items:center;gap:2px;min-width:62px;padding:5px 8px;transition:background .16s,color .16s,transform .1s,box-shadow .2s;display:flex}.sbtn__g{color:var(--amber);font-size:14px;line-height:1}.sbtn small{letter-spacing:.14em;color:var(--muted);font-size:9px}.sbtn:disabled .sbtn__g{color:var(--dim)}.sbtn:hover:not(:disabled){background:#2e2317;border-color:#56412c}.sbtn:hover:not(:disabled) .sbtn__g,.sbtn:hover:not(:disabled) small{color:var(--amber-hot)}.sbtn:active:not(:disabled){transform:translateY(1px)}.sbtn:disabled{opacity:.32;cursor:not-allowed}.sbtn--cut:hover:not(:disabled) .sbtn__g{color:var(--red);transform:rotate(-14deg)}.sbtn--cut .sbtn__g{transition:transform .18s cubic-bezier(.2,.9,.3,1.6)}.sbtn--screen:hover:not(:disabled) .sbtn__g{color:var(--cyan)}.sbtn--tape:hover:not(:disabled) .sbtn__g{color:#f6e27a}.is-spliced .sbtn--tape:not(:disabled){animation:1.9s ease-in-out infinite needstape;box-shadow:0 0 0 1px #f6e27a80}@keyframes needstape{0%,to{box-shadow:0 0 0 1px #f6e27a73}50%{box-shadow:0 0 14px 1px #f6e27a66}}.is-still .sbtn--tape{animation:none!important}.bench__scrawl{font-family:var(--hand);color:var(--muted);font-size:19px;transform:rotate(-.8deg)}.bench__scrawl.is-fresh{animation:.5s ease-out scrawlin}@keyframes scrawlin{0%{opacity:0;color:var(--red);transform:rotate(-3deg)translate(-8px)}to{opacity:1;transform:rotate(-.8deg)}}.reels{cursor:grab;flex:1;min-height:0;padding:6px 0 12px;position:relative;overflow:hidden}.reels.is-scrubbing{cursor:grabbing}.gatebar{z-index:4;pointer-events:none;border-left:2px solid #e0442cb3;border-right:2px solid #e0442cb3;width:114px;transition:top .3s,bottom .3s;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 26px #e0442c33}.room:not(.is-spliced) .gatebar{top:calc(50% - 57px);bottom:calc(50% - 57px)}.gatebar:before,.gatebar:after{content:"";background:#e0442cb3;height:2px;position:absolute;left:-2px;right:-2px}.gatebar:before{top:0}.gatebar:after{bottom:0}.gatebar__tag{background:var(--red);color:#1a0e0a;font-family:var(--display);letter-spacing:.22em;padding:0 8px;font-size:10px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.lane{opacity:.45;filter:grayscale(.55)brightness(.8);align-items:center;height:50%;transition:opacity .32s,filter .32s,height .32s;display:flex;position:relative}.room:not(.is-spliced) .lane--a{height:100%}.lane.is-live{opacity:1;filter:none}.lane__badge{z-index:3;font-family:var(--display);letter-spacing:.24em;color:var(--dim);pointer-events:none;background:#0b0907d1;border-radius:2px;padding:1px 8px 0;font-size:11px;position:absolute;top:3px;left:10px}.lane--b .lane__badge{color:var(--cyan)}.lane.is-live .lane__badge{color:var(--amber)}.lane--b.is-live .lane__badge{color:var(--cyan)}.lane__view{flex:1;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.lane__view:before{content:"";background:var(--perf) top left / 22px 12px repeat-x, var(--perf) bottom left / 22px 12px repeat-x, linear-gradient(180deg, #241b13, #1a140e);opacity:.75;height:94px;margin-top:-47px;position:absolute;top:50%;left:0;right:0;box-shadow:inset 0 0 30px #0000008c}.lane__strip{z-index:1;will-change:transform;align-items:center;gap:0;padding:0;display:flex;position:relative}.lane__spacer{flex:none;height:1px;position:relative}.splicejoin{border-right:2px dashed var(--cyan);opacity:.75;width:22px;height:92px;position:absolute;top:-46px;right:-2px;transform:skew(-14deg)}.frame{transform-origin:50% 60%;background:linear-gradient(#2f2317,#221a12);border:0;border-radius:2px;flex-direction:column;flex:none;width:108px;margin-right:8px;padding:0;transition:transform .24s cubic-bezier(.2,.9,.3,1.5),box-shadow .24s,filter .24s;display:flex;position:relative;box-shadow:0 3px 10px #0000008c}.frame__perf{background-color:#17110b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9'%3E%3Crect x='4' y='2' width='10' height='5' rx='1.6' fill='%230b0907'/%3E%3C/svg%3E");background-repeat:repeat-x;flex:none;height:9px}.frame__cell{background:#0f0c09;border-top:1px solid #0009;border-bottom:1px solid #0009;width:100%;height:54px;display:block}.frame__no{z-index:2;font-family:var(--display);letter-spacing:.08em;color:#fff0d2bf;text-shadow:0 1px 3px #000;font-size:11px;position:absolute;top:10px;left:4px}.frame__label{height:16px;font-family:var(--hand);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-size:13px;line-height:16px;overflow:hidden}.frame:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:0 10px 22px #0009}.frame.is-past{filter:brightness(.72)saturate(.7)}.frame.is-head{box-shadow:0 0 0 2px var(--amber), 0 10px 26px #ff96323d;transform:translateY(-3px)scale(1.03)}.frame.is-head .frame__label{color:var(--amber-hot)}.lane--b .frame.is-head{box-shadow:0 0 0 2px var(--cyan), 0 10px 26px #57d7e838}.frame.is-scrub{box-shadow:0 0 0 2px var(--red), 0 10px 26px #e0442c4d}.frame.is-new{animation:.5s cubic-bezier(.2,.9,.25,1.45) framein}@keyframes framein{0%{opacity:0;transform:scale(.3)rotate(-12deg)translateY(30px)}60%{opacity:1;transform:scale(1.1)rotate(3deg)}to{transform:none}}.frame--stub{background:#57d7e80f;border:1px dashed #57d7e880;place-items:center;height:82px;display:grid}.frame__stubtext{font-family:var(--hand);text-align:center;color:var(--cyan);font-size:15px;line-height:1}.tapestrip{z-index:9;pointer-events:none;clip-path:polygon(0 8%,6% 0,100% 4%,96% 96%,40% 100%,0 92%);background:linear-gradient(#f6e27a9e,#d6bc6080);border-left:2px solid #ffffff59;border-right:2px solid #ffffff59;width:190px;height:44px;margin-left:-95px;animation:.85s cubic-bezier(.2,.9,.25,1.3) tapeslap;position:absolute;top:40%;left:50%}@keyframes tapeslap{0%{opacity:0;transform:translateY(-70px)rotate(-16deg)scaleX(.4)}35%{opacity:1;transform:translateY(0)rotate(4deg)scaleX(1.06)}55%{transform:rotate(-2deg)scaleX(1)}to{opacity:0;transform:rotate(-2deg)scaleX(1)}}.flyframe{z-index:60;width:62px;height:44px;color:var(--tint,#ffb14a);pointer-events:none;box-shadow:0 0 0 1px var(--tint,#ffb14a), 0 12px 28px #0009;background:linear-gradient(#35281a,#221a12);border-top:8px solid #17110b;border-bottom:8px solid #17110b;border-radius:2px;place-items:center;font-size:20px;display:grid;position:fixed}.leader{z-index:100;background:radial-gradient(60% 60% at 50% 45%, #3b2c1c, #0d0a07 78%), var(--ink);align-content:center;place-items:center;gap:20px;transition:opacity .6s,transform .6s,filter .6s;display:grid;position:absolute;inset:0}.leader.is-gone{opacity:0;filter:blur(6px);pointer-events:none;transform:scale(1.14)}.leader__ring{place-items:center;width:210px;height:210px;display:grid;position:relative}.leader__ring svg{width:100%;height:100%;position:absolute;inset:0}.leader__ring circle{fill:none;stroke:#ffdcaa59;stroke-width:2px}.leader__ring line{stroke:#ffdcaa47;stroke-width:2px}.leader__ring path{fill:#ffb14a29;transform-origin:100px 100px;animation:1s linear infinite sweep}@keyframes sweep{to{transform:rotate(360deg)}}.leader__ring b{font-family:var(--display);color:var(--amber-hot);text-shadow:0 0 40px #ffb14a99;font-size:120px;line-height:1}.leader__cap{font-family:var(--display);letter-spacing:.5em;color:var(--muted);text-indent:.5em;margin:0;font-size:17px}.is-still .leader__ring path{animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}