/* Bitcoin Studio V8.9 — single clear WebGL stage, no 2D cube / fallback rendering */
#network .live-block-card{grid-column:1/-1!important;border:1px solid #3f5368!important;background:linear-gradient(130deg,#111825 0%,#0d1420 59%,#101925 100%)!important;border-radius:25px!important;box-shadow:0 28px 85px #0009,inset 0 1px 0 #ffffff13!important;overflow:hidden}
#network .live-block-header{align-items:center;gap:18px}
#network .live-block-overline{color:#ffc478!important;letter-spacing:.14em;font-weight:850}
#network .live-block-header h3{font-size:clamp(26px,2.5vw,42px);letter-spacing:-.045em;color:#f7f9fd}
#network .live-block-header p{color:#b1c6d9;max-width:860px}
#network .live-block-grid{grid-template-columns:minmax(0,2.05fr) minmax(290px,.84fr);gap:20px;align-items:stretch}
#network .live-cube-viewport.voxel-viewport{min-width:0;display:flex;flex-direction:column;background:linear-gradient(160deg,#111926,#070c13);border:1px solid #38536b;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff18,0 26px 58px #0008}
#network .live-cube-viewport::before,#network .live-cube-viewport::after{display:none!important}
#network .voxel-viewport-top,#network .voxel-viewport-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;width:100%;padding:11px 15px;background:#101825;border-bottom:1px solid #2e4056;color:#b2c7dc;font-size:12px;font-weight:750}
#network .voxel-viewport-footer{border-top:1px solid #2e4056;border-bottom:0}
#network .voxel-eyebrow{color:#ffbe66;font-weight:850;letter-spacing:.11em}
#network .voxel-dot{display:inline-block;height:8px;width:8px;border-radius:50%;background:#59daa1;box-shadow:0 0 8px #45e9ae40;margin-right:5px}
#network .voxel-viewport-hint{color:#b9c9da}
#network .live-cube-scene.voxel-scene{position:relative;isolation:isolate;display:block;width:100%;height:clamp(530px,45vw,710px);min-height:0;padding:0;overflow:hidden;background:radial-gradient(ellipse at 53% 71%,#243146 0%,#111a2a 40%,#090e17 75%,#070b12 100%)}
/* Cinematic backlight / ambient studio wash behind the actual WebGL objects */
#network .live-cube-scene.voxel-scene::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 57% 58%,#f3a13d23 0,transparent 42%),radial-gradient(ellipse at 78% 31%,#a4d6ff14 0,transparent 40%)}
#network .live-cube-scene.voxel-scene::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#03071255 0%,transparent 27%,transparent 76%,#05090f77 100%)}
#network #live-voxel-canvas{position:relative;z-index:1;display:block;width:100%;height:100%;touch-action:none;cursor:grab;filter:contrast(1.12) saturate(1.22)}
#network #live-voxel-canvas:focus-visible{outline:2px solid #fbbd68;outline-offset:-3px}
#network #live-block-tiles{display:none!important}
#network .live-cube,.live-cube-front,.live-block-tile,.aggregate-mosaic{display:none!important}
#network .voxel-loader{position:absolute;z-index:3;left:50%;bottom:11%;transform:translateX(-50%);background:#101b2cf5;border:1px solid #465c77;padding:11px 15px;max-width:80%;text-align:center;border-radius:12px;color:#dae8f6;font-size:12px;pointer-events:none}
#network .voxel-loader[hidden],#network .voxel-tooltip[hidden]{display:none!important}
#network .voxel-tooltip{position:absolute;z-index:4;pointer-events:none;border:1px solid #f9be67;background:#121b29f7;color:#fff3dc;padding:9px 12px;max-width:245px;border-radius:12px;font-size:12px;box-shadow:0 16px 42px #000a}
#network .voxel-controls{display:grid;gap:10px;padding:16px;border:1px solid #3b4b61;background:linear-gradient(160deg,#162333,#0f1827);border-radius:15px}
#network .voxel-controls label{display:flex;gap:10px;align-items:center;justify-content:space-between;color:#c4d2e1;font-size:12px}
#network .voxel-controls output{color:#ffc46f;font-weight:800}
#network .voxel-controls input[type="range"]{width:100%;accent-color:#f3b259}
#network .voxel-loop-setting{padding:10px 12px;background:#101925;border:1px solid #394b61;border-radius:12px;cursor:pointer}
#network .voxel-loop-setting span{flex:1}
#network .voxel-loop-status{font-size:12px;color:#a8e0c1;min-height:18px}
#network .voxel-control-actions{display:flex;gap:9px;flex-wrap:wrap}
#network .voxel-mini-button{background:#1b2c42;border:1px solid #475e78;color:#e6eef8;font-size:12px;border-radius:10px;padding:9px 12px;cursor:pointer}
#network .live-block-kpis{gap:10px}
#network .live-block-kpis>div{border-radius:15px;padding:15px;border:1px solid #364b66;background:linear-gradient(150deg,#1a2638,#111b2c);box-shadow:inset 0 1px #ffffff0b}
#network .live-block-kpis>div:first-child{border-left:3px solid #feb651}
#network .live-block-kpis strong{font-size:clamp(23px,2vw,29px);color:#f6f9ff;font-variant-numeric:tabular-nums}
#network .live-block-kpis>div:first-child strong{color:#ffb451}
#network .live-block-progress-track{background:#0a111e;border-radius:20px;border:1px solid #35465d;overflow:hidden}
#network #live-block-progress{background:linear-gradient(90deg,#c97a23,#ffcf7b);box-shadow:0 0 14px #f4a64244}
#network .live-block-selection{background:#121e30;border:1px solid #3e536e;border-radius:12px;color:#e1ecf7;line-height:1.5}
#network .live-block-legend i.sm{background:#78899f}#network .live-block-legend i.md{background:#b5c4d6}#network .live-block-legend i.lg{background:#cc7e28}#network .live-block-legend i.xl{background:#ffbc4b}
#network .live-block-footnote{color:#acbed2;font-size:12px;line-height:1.65}
#network .live-block-actions .button.solid{background:linear-gradient(145deg,#ffd184,#eca03b);color:#251505;border-color:#f5b75a;font-weight:850}
@media(max-width:1180px){#network .live-block-grid{grid-template-columns:1fr}#network .live-cube-scene.voxel-scene{height:530px}}
@media(max-width:760px){#network .live-cube-scene.voxel-scene{height:410px}#network .live-block-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#network .voxel-viewport-hint{display:none}}
@media(max-width:480px){#network .live-cube-scene.voxel-scene{height:330px}#network .live-block-card{padding:14px!important}#network .voxel-viewport-top,#network .voxel-viewport-footer{padding:10px}#network .live-block-kpis>div{padding:11px}}
@media(prefers-reduced-motion:reduce){#network .voxel-dot{box-shadow:none}}

#network > .live-block-card{margin:22px 0 24px;position:relative}

/* V9.1: visual reference while live transactions are loading; actual 3D once available. */
#network .live-cube-scene.voxel-scene{background:#070b11 url("block-design-reference-hero.png") center 48% / min(92%,850px) auto no-repeat}
#network .live-cube-scene.voxel-scene.has-real-block{background:radial-gradient(ellipse at 50% 82%,#29313a 0%,#111720 39%,#070b11 80%)}
#network .live-cube-scene.voxel-scene:not(.has-real-block) #live-voxel-canvas{opacity:0}
#network .live-cube-scene.voxel-scene.has-real-block #live-voxel-canvas{opacity:1;filter:contrast(1.2) saturate(1.35) brightness(1.12)}
#network .live-cube-scene.voxel-scene::before{background:radial-gradient(ellipse at 50% 80%,#d8903120,transparent 43%)}
#network .live-cube-scene.voxel-scene::after{background:linear-gradient(180deg,#05080c22,transparent 28%,transparent 75%,#03060a44)}
#network .live-cube-viewport.voxel-viewport{border-color:#5e4b34;box-shadow:inset 0 1px #f6c97a22,0 25px 80px #000b}
