.blast{color:#edf6fc;outline:none;max-width:1240px;margin:auto;padding:30px 5% 60px}.blast nav{justify-content:space-between;font-size:13px;display:flex}.blast a,.blast header span,.blast-details>div>span{color:#08b5ef}.blast header{margin:35px 0}.blast header span,.blast-details>div>span{letter-spacing:.1em;font:12px monospace}.blast h1{letter-spacing:-.06em;margin:14px 0;font-size:clamp(42px,7vw,76px);font-weight:750;line-height:1.1}.blast h1 em{color:#08b5ef;font-style:normal}.blast p{color:#adc1d1;line-height:1.7}.blast-layout{border:1px solid #284659;border-radius:16px;grid-template-columns:1.3fr 1fr;display:grid;overflow:hidden}.blast-stage{perspective:1100px;background:radial-gradient(#183a46,#031321 75%);flex-direction:column;justify-content:center;align-items:center;gap:40px;min-height:560px;display:flex}.blast-device{width:320px;height:410px;transform-style:preserve-3d;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:linear-gradient(120deg,#78282a,#321c27);border:3px solid #ce5150;border-radius:14px;flex-shrink:0;padding:28px;position:relative;box-shadow:0 5px #391a25,0 10px #391a25,0 15px #391a25,0 20px #391a25,15px 30px 35px #0007}.blast-device:active{cursor:grabbing}.blast-label{color:#ecc7bb;letter-spacing:.6px;font:8px monospace;position:absolute;top:10px;left:26px}.blast-screen{border:6px solid #121c24;border-radius:5px;width:252px;height:252px;position:relative;transform:translateZ(8px);box-shadow:0 4px #000}.blast-screen canvas{width:240px;height:240px;image-rendering:pixelated;display:block}.blast-overlay{background:#000d;flex-direction:column;justify-content:center;align-items:center;gap:20px;font:12px monospace;display:flex;position:absolute;inset:0}.blast-overlay strong{color:#08b5ef;font-size:21px}.blast-overlay span{font-size:11px}.blast-board{justify-content:space-between;align-items:center;margin-top:26px;display:flex}.blast-board span{background:#10202a;border:3px dashed #9eaaa9;padding:13px 5px;font:11px monospace}.blast-board i{background:#172834;border:2px solid #829aab;border-radius:50%;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.blast-pins{color:#e6b6af;margin-top:15px;font:9px monospace}.blast-stage>p{text-align:center;font:10px monospace}.blast aside{background:#071d30;padding:30px}.blast-stats{color:#abc3d2;gap:60px;font:11px monospace;display:flex}.blast-stats strong{color:#08b5ef;font-size:40px;display:block}.blast-stats small{color:#7c9bb0;font-size:16px}.blast button{color:#eaf9ff;cursor:pointer;background:#0b293c;border:1px solid #577487;border-radius:6px;padding:10px 16px}.blast button:focus-visible{outline-offset:4px;outline:2px solid #08b5ef}.blast button:disabled{opacity:.4;cursor:default}.blast-actions{gap:10px;margin:20px 0 30px;display:flex}.blast-actions button:first-child{color:#001724;background:#08b5ef}.blast h2{margin:16px 0 10px;font-size:23px}.blast aside p{font-size:14px}.blast-controls{gap:18px;margin:25px 0;display:flex}.blast-controls button{touch-action:none;-webkit-user-select:none;user-select:none;width:90px;height:58px;font-size:28px}.blast .lit{color:#001724;background:#08b5ef;box-shadow:0 0 15px #08b5ef55}.blast aside .blast-note{font-size:12px}.blast-reset{margin-top:12px}.blast-details{grid-template-columns:1fr 1fr;gap:40px;margin-top:40px;display:grid}.blast-details p{font-size:14px}@media (max-width:780px){.blast-layout{grid-template-columns:1fr}.blast-stage{gap:0;min-height:405px}.blast-stage>p{margin-top:25px;font-size:9px}.blast aside{padding:20px}.blast-details{grid-template-columns:1fr;gap:20px}.blast header{margin:24px 0}.blast-controls{margin:15px 0}.blast aside{grid-template-columns:1fr auto;gap:8px 12px;display:grid}.blast-stats{gap:24px}.blast-stats strong{font-size:28px}.blast aside>p[role=status]{grid-column:1;margin:0;font-size:12px}.blast-actions{flex-wrap:wrap;grid-column:1;margin:0}.blast-controls{grid-area:1/2/4;align-self:center;gap:8px;margin:0}.blast-controls button{width:52px;height:52px;padding:6px}.blast aside h2{display:none}.blast aside>p:not([role=status]),.blast-reset{grid-column:1/-1}.blast aside>p{margin:5px 0}.blast-stage{min-height:375px}.blast-device{margin:-42px 0;scale:.76}}.blast-device{width:400px;height:560px;box-shadow:none;background:0 0;border:0;padding:0}.blast-breadboard{filter:drop-shadow(0 12px #88918b)drop-shadow(12px 24px 15px #0008);width:400px;height:560px;position:absolute;inset:0}.blast-screen{position:absolute;top:20px;left:74px;transform:translateZ(12px);box-shadow:0 0 0 8px #92363c,0 7px 0 8px #491e26}.blast-label{z-index:1;color:#263e46;font:9px monospace;top:4px;left:120px}.blast-stage{gap:40px;min-height:690px}.blast-breadboard text{pointer-events:none}@media (max-width:780px){.blast-stage{gap:0;min-height:480px}.blast-device{margin:-60px 0;scale:.76}.blast-stage>p{margin-top:25px}}@media (max-width:400px){.blast-device{margin:-90px 0;scale:.66}.blast-stage{min-height:420px}}.blast-screen,.blast-screen canvas{background:#000}.blast-wiring{background:#071d30;border:1px solid #284659;border-radius:16px;margin-top:36px;padding:26px}.blast-wiring>span{letter-spacing:.1em;color:#08b5ef;font:12px monospace}.blast-wiring-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.blast-wiring h3{margin:18px 0 12px;font-size:16px}.blast-wiring table{border-collapse:collapse;width:100%;font:13px monospace}.blast-wiring th,.blast-wiring td{text-align:left;border-bottom:1px solid #284659;padding:10px 6px}.blast-wiring th{color:#9bbbd0;font-weight:400}.blast-wiring i{border-radius:50%;width:9px;height:9px;margin-right:9px;display:inline-block}.blast-wiring p{font-size:13px}@media (max-width:780px){.blast-wiring-grid{grid-template-columns:1fr;gap:12px}.blast-wiring{padding:20px}}