:root{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#b5b1a9;background:#101010;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:2px solid #fa5143;outline-offset:5px}button{-webkit-tap-highlight-color:transparent}.scene{position:relative;min-height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 47%,#302822 0,#1a1715 33%,#101010 70%);isolation:isolate}.room-grid{position:absolute;inset:0;background-image:linear-gradient(#a38b7310 1px,transparent 1px),linear-gradient(90deg,#a38b7310 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(ellipse at center,#0009,transparent 65%);mask-image:radial-gradient(ellipse at center,#0009,transparent 65%);pointer-events:none}.ambient-glow{position:absolute;width:650px;height:500px;max-width:90vw;top:50%;left:50%;transform:translate(-50%,-56%);background:radial-gradient(ellipse,#9f3c181a,transparent 65%);filter:blur(40px)}.device{position:relative;width:min(800px,95vw);height:min(640px,76vw);min-height:320px;flex-shrink:0;margin-top:-35px}.wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(2px 6px 3px #0009)}.wire,.wire-shadow path{fill:none;stroke-linecap:round;stroke-linejoin:round}.wire-shadow path{stroke:#070707;stroke-width:8}.wire{stroke-width:4}.red-wire{stroke:#b53b2d}.yellow-wire{stroke:#b29342}.black-wire{stroke:#41413c}.blue-wire{stroke:#416876}.dynamite{position:absolute;width:500px;height:400px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg)}.bundle-shadow{position:absolute;inset:35px 10px -25px 20px;border-radius:35%;background:#000b;filter:blur(25px);transform:translate(10px,15px)}.sticks{position:absolute;inset:30px 35px 15px;display:flex;gap:0;align-items:center;justify-content:center}.stick{position:relative;width:63px;height:335px;flex-shrink:0;border-radius:27px 27px 23px 23px;background:linear-gradient(90deg,#531b15 0,#8b2c20 12%,#af4030 28%,#c34d36 40%,#a53424 64%,#6b211a 85%,#451914);border:1px solid #4b1c15;box-shadow:inset 0 8px 9px #f0864940,inset 0 -10px 12px #230b08,5px 5px 8px #0008;transform:translateY(calc((var(--i) - 3) * -4px));overflow:hidden}.stick:nth-child(2n){background:linear-gradient(90deg,#501b16,#9a3527 20%,#bd4d37 40%,#a23c2b 65%,#582019 95%);height:350px}.stick-top,.stick-bottom{position:absolute;left:3px;right:3px;border-radius:50%;height:29px;background:radial-gradient(ellipse at 50% 35%,#bc6045,#8c3929 65%,#502017);border:1px solid #dc88663b;box-shadow:inset 0 4px 7px #30110a}.stick-top{top:3px}.stick-top:after{content:"";position:absolute;width:6px;height:7px;background:#30180e;border-radius:50%;left:50%;top:10px;box-shadow:0 0 2px #d79971}.stick-bottom{bottom:-10px;background:#571d15;box-shadow:inset 0 -3px 6px #260d08}.paper-crease{position:absolute;left:14px;top:24px;bottom:0;width:1px;background:#f4ac7730;box-shadow:2px 0 2px #581e1533}.stick:after{content:"";position:absolute;inset:30px 0 15px;opacity:.19;background:repeating-linear-gradient(3deg,transparent 0 16px,#381912 17px,transparent 18px 39px),repeating-linear-gradient(90deg,transparent 0 5px,#e88053 6px,transparent 7px 15px);mix-blend-mode:multiply}.strap{position:absolute;left:29px;right:27px;height:43px;background:linear-gradient(#171714,#393a32 18%,#20221d 60%,#111410 90%);border-top:1px solid #62635266;border-bottom:2px solid #090b08;box-shadow:0 5px 7px #0008;transform:rotate(-1deg);z-index:2}.strap-top{top:92px}.strap-bottom{bottom:53px}.strap:after{content:"";position:absolute;inset:4px 0;background:repeating-linear-gradient(90deg,#7879670c 0 1px,transparent 1px 4px)}.strap span{position:absolute;right:43px;top:-2px;width:28px;height:47px;border:4px solid #4c4e41;border-radius:3px;box-shadow:2px 2px 4px #0009,inset 1px 1px 2px #000;z-index:1}.detonator{position:absolute;left:123px;top:140px;width:253px;height:145px;z-index:4;background:linear-gradient(130deg,#3c4037,#252b24 45%,#151b16);border:1px solid #6c716055;border-radius:6px;box-shadow:0 11px 12px #0009,inset 0 1px 1px #a5b2914a;padding:22px 17px 10px;transform:rotate(3deg)}.screw{position:absolute;width:7px;height:7px;background:linear-gradient(130deg,#828375,#34372f);border-radius:50%;box-shadow:1px 1px 2px #000}.screw:after{content:"";position:absolute;width:5px;height:1px;background:#11140e;top:3px;left:1px;transform:rotate(-35deg)}.top-left{left:7px;top:7px}.top-right{right:7px;top:7px}.bottom-left{left:7px;bottom:7px}.bottom-right{right:7px;bottom:7px}.led-bezel{background:#060706;padding:7px;border-radius:5px;border:1px solid #4d5042;box-shadow:0 1px #60655344,inset 0 2px 5px #000}.led-display{height:62px;display:flex;justify-content:center;align-items:center;gap:8px;background:radial-gradient(ellipse,#320c09 0,#190807 60%,#110606);padding:8px 10px;border-radius:2px;position:relative}.led-display:after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,#ffffff0c,transparent 35%,#ffffff04 70%,transparent);pointer-events:none}.led-digit{position:relative;width:31px;height:48px;transform:skew(-5deg)}.segment{position:absolute;background:#44130d;opacity:.4}.segment.lit{background:#ff392a;opacity:1;filter:drop-shadow(0 0 3px #ff2a1c) drop-shadow(0 0 8px #ff251b60)}.segment.a,.segment.g,.segment.d{left:4px;width:23px;height:5px;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}.segment.a{top:0}.segment.g{top:21px}.segment.d{bottom:0}.segment.b,.segment.c,.segment.e,.segment.f{width:5px;height:20px;clip-path:polygon(50% 0,100% 13%,100% 87%,50% 100%,0 87%,0 13%)}.segment.f{left:0;top:3px}.segment.b{right:0;top:3px}.segment.e{left:0;bottom:3px}.segment.c{right:0;bottom:3px}.led-colon{display:flex;flex-direction:column;gap:15px;margin:0 -2px;width:4px}.led-colon i{width:4px;height:4px;background:#ff392a;box-shadow:0 0 6px #ff251b;transform:skew(-5deg)}.connector{position:absolute;top:52px;display:flex;flex-direction:column;gap:3px;padding:3px;background:#0f1410;box-shadow:0 1px 3px #000}.connector-left{left:-9px}.connector-right{right:-9px}.connector i{width:7px;height:5px;background:#978451;border-right:2px solid #443a27}.circuit{display:flex;align-items:center;gap:13px;height:27px;padding:7px 8px 0}.indicator{width:5px;height:5px;border-radius:50%;background:#5b2018;box-shadow:inset 0 1px 2px #000}.indicator.active{background:#ff392a;box-shadow:0 0 7px #ff392a;animation:indicator 1s steps(1) infinite}.circuit-lines{height:10px;flex:1;border-top:1px solid #6b775139;border-bottom:1px solid #6b775139;background:linear-gradient(90deg,transparent 35%,#6b775139 36% 37%,transparent 38%)}.microchip{position:relative;width:25px;height:13px;background:#111711;border:2px solid #57604a;border-radius:1px;box-shadow:0 2px 3px #0008}.microchip:after{content:"";position:absolute;inset:-3px 1px;border-top:2px dashed #9a9576;border-bottom:2px dashed #9a9576}.capacitor{width:7px;height:13px;background:linear-gradient(90deg,#6d6f5e,#b1b296 30%,#555b4b);border-radius:2px;border-top:2px solid #afb098;box-shadow:1px 1px 2px #000}.capacitor.small{height:10px;margin-left:-7px}.front-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;filter:drop-shadow(2px 3px 2px #0009)}.front-wires .wire{stroke-width:3}.front-wires .wire-shadow path{stroke-width:5}.loose-wire{position:absolute;z-index:3;border:3px solid #393f37;width:65px;height:130px;left:70px;top:16px;border-radius:60% 30% 0 20%;border-bottom:0;transform:rotate(-24deg);box-shadow:-2px 0 1px #0009}.loose-wire-two{left:auto;right:42px;top:17px;width:76px;height:165px;transform:rotate(30deg);border-color:#a58843;border-width:3px}.controls{position:relative;z-index:20;display:flex;align-items:center;gap:10px;margin-top:-9px;padding:7px;border:1px solid #48423a66;border-radius:12px;background:#191816cc;box-shadow:0 10px 30px #0003;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.select-wrap{position:relative;display:flex;align-items:center;gap:10px;padding-left:12px}.select-wrap>svg{width:17px;height:17px;fill:none;stroke:#a09a8f;stroke-width:1.5;pointer-events:none}.select-wrap .chevron{position:absolute;right:9px;width:14px;height:14px}.select-wrap select{appearance:none;cursor:pointer;background:transparent;color:#c9c2b8;border:0;font-size:14px;letter-spacing:2px;padding:12px 28px 12px 0;min-width:93px;outline-offset:0}.select-wrap select:disabled{opacity:.4;cursor:not-allowed}.select-wrap option{background:#1e1c19;color:#e1d8ca}.controls button{width:43px;height:43px;border:1px solid #484038;border-radius:7px;display:grid;place-items:center;background:#25211d;color:#afa698;transition:background .2s,transform .2s}.controls button:hover{background:#383029;transform:translateY(-1px)}.controls button svg{width:18px;height:18px}.controls .play-button{border-color:#9e3b2c;background:#9b3124;color:#ffdfca;box-shadow:inset 0 1px #fa9a7140}.controls .play-button:hover{background:#b23c2b}.reset-button svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.urgent .detonator{animation:detonator-shake .12s infinite}.urgent .ambient-glow{background:radial-gradient(ellipse,#ff221a30,transparent 65%);animation:danger-glow .55s ease-in-out infinite alternate}.urgent .indicator.active{animation-duration:.2s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.exploded{animation:page-shake .65s linear}.exploded .device{animation:device-destroy .35s both;pointer-events:none}.exploded .room-grid{animation:grid-destroy .65s both}.exploded .ambient-glow{opacity:0}.exploded .controls{animation:controls-return 2.8s both}.page-explosion{position:fixed;inset:0;z-index:10;pointer-events:none;overflow:hidden}.blast-light{position:absolute;inset:0;background:#fff2cf;animation:blast-light .85s both}.blast-core{position:absolute;width:35vmax;height:35vmax;left:50%;top:48%;border-radius:50%;background:radial-gradient(circle,#fffbea 0,#ffe49d 20%,#ffac41 40%,#f75d1b 55%,#9b2e11 65%,transparent 72%);filter:blur(7px);animation:blast-core 1.5s ease-out both}.shockwave{position:absolute;left:50%;top:48%;width:20vmax;height:20vmax;border:4px solid #ffddacb3;border-radius:50%;box-shadow:0 0 30px #ffa74d,inset 0 0 30px #ffa74d;animation:shockwave 1s ease-out both}.shockwave.second{animation-delay:.12s;border-width:1px;opacity:.6}.fire-cloud{position:absolute;inset:-30%;background:radial-gradient(ellipse at 45% 48%,#ffdc8ebf 0,#e75c26a6 14%,#bc421a73 27%,transparent 50%);filter:blur(20px);animation:fire-cloud 2s both}.smoke{position:absolute;width:40vmax;height:40vmax;left:50%;top:48%;border-radius:50%;background:radial-gradient(ellipse,#292422e6 10%,#4d3931cc 35%,#6150434d 55%,transparent 70%);filter:blur(20px);animation:smoke-burst 4s var(--delay) ease-out both;mix-blend-mode:normal}.debris{position:absolute;left:50%;top:48%;width:var(--size);height:calc(var(--size) * .6);background:var(--color);clip-path:polygon(0 10%,80% 0,100% 80%,25% 100%);animation:debris 2.1s var(--delay) cubic-bezier(.1,.5,.5,1) both}.debris.ember{width:3px;height:3px;background:#ffb450;clip-path:none;border-radius:50%;box-shadow:0 0 8px 2px #ff681b;animation-duration:3.5s}.scorched-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#41150c55,transparent 60%);animation:scorched 4s both}.ash{position:absolute;inset:0;background-image:radial-gradient(circle,#c7906033 1px,transparent 1px),radial-gradient(circle,#8a77632e 1px,transparent 1px);background-size:113px 97px,71px 137px;background-position:13px 25px,53px 64px;animation:ash 10s linear both}@keyframes indicator{50%{opacity:.25}}@keyframes danger-glow{to{opacity:.3}}@keyframes detonator-shake{25%{transform:rotate(3.4deg) translate(1px)}75%{transform:rotate(2.6deg) translate(-1px)}}@keyframes page-shake{0%,to{transform:translate(0)}10%,30%,50%{transform:translate(-8px,5px)}20%,40%,60%{transform:translate(8px,-5px)}70%{transform:translate(-4px,3px)}80%{transform:translate(4px,-3px)}90%{transform:translate(-2px,1px)}}@keyframes device-destroy{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0;filter:blur(10px)}}@keyframes grid-destroy{to{transform:scale(1.1);opacity:0}}@keyframes controls-return{0%,65%{opacity:0;transform:translateY(20px);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:auto}}@keyframes blast-light{0%{opacity:1}15%{opacity:.95}to{opacity:0}}@keyframes blast-core{0%{transform:translate(-50%,-50%) scale(.1);opacity:1}35%{opacity:1}to{transform:translate(-50%,-50%) scale(5);opacity:0}}@keyframes shockwave{0%{transform:translate(-50%,-50%) scale(.1);opacity:1}to{transform:translate(-50%,-50%) scale(10);opacity:0}}@keyframes fire-cloud{0%{transform:scale(.1);opacity:0}20%{opacity:1}to{transform:scale(2);opacity:0}}@keyframes smoke-burst{0%{transform:translate(-50%,-50%) scale(.15);opacity:0}18%{opacity:.9}to{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.7);opacity:0}}@keyframes debris{0%{transform:translate(0) rotate(0);opacity:1}75%{opacity:1}to{transform:translate(var(--x),var(--y)) rotate(var(--spin));opacity:0}}@keyframes scorched{0%{opacity:0}50%,to{opacity:1}}@keyframes ash{0%{opacity:0;transform:translateY(-80px)}20%{opacity:.7}to{opacity:0;transform:translateY(120px)}}@media(min-width:1600px){.device{transform:scale(1.15);margin-bottom:30px}.controls{margin-top:15px}}@media(max-width:850px){.dynamite{transform:translate(-50%,-50%) rotate(-7deg) scale(.85)}.device{height:580px;max-height:78vw}.controls{margin-top:5px}}@media(max-width:650px){.dynamite{transform:translate(-50%,-50%) rotate(-7deg) scale(.65)}.device{height:470px;max-height:none;min-height:0;width:100%;margin-top:-35px}.wires{left:50%;top:50%;width:600px;height:480px;transform:translate(-50%,-50%) scale(.85)}.controls{margin-top:-10px}.ambient-glow{width:100%;height:400px}}@media(max-width:400px){.dynamite{transform:translate(-50%,-50%) rotate(-7deg) scale(.57)}.device{height:410px}.wires{transform:translate(-50%,-50%) scale(.72)}}@media(max-height:650px)and (min-width:651px){.device{height:440px;max-height:75vh;margin-top:-15px}.dynamite{transform:translate(-50%,-50%) rotate(-7deg) scale(.8)}.wires{transform:scale(.85)}.controls{margin-top:-10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}.blast-light,.blast-core,.shockwave,.fire-cloud,.smoke,.debris,.ash{display:none}.exploded .device,.exploded .room-grid{opacity:0}.exploded .controls,.exploded{animation:none}}.sticks{inset:40px auto auto 15px;width:478px;height:310px;display:block}.stick,.stick:nth-child(2n){position:absolute;left:0;top:calc(var(--i) * 58px);width:478px;height:77px;border-radius:14px 12px 13px 15px;transform:translate(calc((var(--i) - 2) * 3px));background:linear-gradient(180deg,#901419,#d72429 7%,#fa4140 17%,#ed302f 29%,#e92327,#d11b22 67%,#a8151c 85%,#600e15);border:1px solid #b02327;box-shadow:inset 0 2px 2px #ff8f7666,inset 0 -5px 8px #430a16aa,0 8px 10px #1001009c;overflow:hidden}.stick:nth-child(2n){width:487px;background:linear-gradient(180deg,#a61920,#f9433f 15%,#ef322f 31%,#e3272b 50%,#c91b26 77%,#710e19)}.stick:after{inset:0;opacity:.35;background:linear-gradient(174deg,transparent 9%,#ffa58b33 10%,transparent 12% 62%,#520d1826 63%,transparent 65%),repeating-linear-gradient(0deg,transparent 0 12px,#ff82651c 13px,transparent 14px 27px);mix-blend-mode:normal;pointer-events:none}.stick-top{left:-4px;right:auto;top:1px;width:32px;height:73px;border-radius:45% 32% 35% 45%;border:1px solid #ff716044;background:conic-gradient(from 25deg at 30% 50%,#8b131b,#ee3c36 15%,#aa1922 28%,#fb5345 34%,#d4262b 48%,#8c1520 59%,#ef4139 72%,#bd2329 87%,#8b131b);box-shadow:inset 4px 0 4px #ff6b5266,inset -3px 0 6px #790f2099;z-index:2}.stick-top:after{width:8px;height:11px;left:7px;top:31px;background:#510f18;border:1px solid #f0796266;box-shadow:-2px 0 2px #34050c}.stick-bottom{inset:0 -6px auto auto;width:24px;height:75px;background:linear-gradient(90deg,#a81824,#eb3636 45%,#b81b28);border-radius:25% 45% 42% 20%;border:1px solid #ff6f5644;box-shadow:inset -4px 0 4px #6e112277}.stick-bottom:after{content:"";position:absolute;top:31px;left:11px;width:7px;height:10px;border-radius:50%;background:#510f18;border:1px solid #f0796255;box-shadow:inset 1px 0 2px #210207}.paper-crease{top:10px;bottom:auto;left:28px;width:calc(100% - 45px);height:1px;background:#ff9d7955;box-shadow:0 1px 1px #790d2222;transform:rotate(-.5deg)}.stick-print{position:absolute;left:117px;top:10px;width:276px;color:#270909;font-family:Georgia,Times New Roman,serif;font-weight:900;line-height:1;transform:scaleY(.92) skew(-2deg);opacity:.92;text-shadow:1px 0 #500d12}.stick-name{display:block;font-size:39px;letter-spacing:-1.6px;background:repeating-linear-gradient(106deg,#240808 0 11px,#762020 12px,#240808 13px 29px);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.stick-warning{display:block;margin-top:1px;font-size:12px;letter-spacing:-.25px}.stick-fineprint{display:block;margin-top:4px;font-size:6px;letter-spacing:1.05px}.strap{inset:35px auto auto 79px;width:48px;height:317px;border-radius:12px 7px 10px 5px;transform:rotate(-1.5deg);background:linear-gradient(90deg,#0a0b0b,#212222 12%,#393937 31%,#252625 49%,#131414 78%,#080a09);border:1px solid #0e1010;border-left-color:#53534c88;box-shadow:5px 0 7px #36040a66,inset 1px 0 2px #9a978644}.strap-bottom{left:405px;width:50px;transform:rotate(-2.5deg)}.strap:after{inset:0;opacity:.65;border-radius:inherit;background:linear-gradient(176deg,transparent 0 25%,#74746b16 26%,transparent 28% 61%,#0004 62%,transparent 64%),repeating-linear-gradient(0deg,#78796708 0 1px,transparent 1px 3px)}.strap span{display:none}.bundle-shadow{top:70px;bottom:13px}.detonator{left:139px;top:142px}.loose-wire{display:none}.dynamite .wires-back{inset:0;width:100%;height:100%;transform:none;overflow:visible}.front-wires{overflow:visible}