.vfd{--vfd-mint:#33ffa6;--vfd-mint-2:#0fc;--vfd-amber:#f90;--vfd-red:#ff4b3e;--vfd-hot:#eafff8;--vfd-black:#04040a;--vfd-panel:#0a0d10;--vfd-ink:#060a09;--vfd-dim:#0e3a2e;--ch:var(--vfd-mint);--vfd-glow:1;color:var(--ch);font-family:var(--mono,"JetBrains Mono", ui-monospace, monospace)}.vfd--lite{--vfd-glow:0}.vfd-ch-mint{--ch:var(--vfd-mint)}.vfd-ch-amber{--ch:var(--vfd-amber)}.vfd-ch-red{--ch:var(--vfd-red)}.vfd-glow,.vfd-txt{color:color-mix(in srgb, var(--ch) 80%, var(--vfd-hot));text-shadow:0 0 1px color-mix(in srgb, var(--ch) 45%, var(--vfd-hot)), 0 0 calc(6px * var(--vfd-glow)) color-mix(in srgb, var(--ch) 62%, transparent)}.vfd-txt{font-family:var(--mono,monospace);letter-spacing:.04em;text-transform:uppercase}.vfd-txt--strong{font-weight:700}.vfd-txt--label{letter-spacing:.14em;color:color-mix(in srgb, var(--ch) 62%, var(--vfd-hot));font-size:11px}.vfd-txt--label:before{content:"// ";opacity:.7}.vfd-txt--slash:before{content:"/ ";opacity:.7}.vfd-segment{font-family:var(--mono,monospace);font-variant-numeric:tabular-nums;letter-spacing:0;gap:.06em;font-style:italic;font-weight:700;display:inline-flex}.vfd-seg-cell{place-items:center;min-width:.62em;display:inline-grid;position:relative}.vfd-seg-ghost{color:var(--vfd-dim);opacity:.5;grid-area:1/1}.vfd-seg-lit{color:color-mix(in srgb, var(--ch) 82%, var(--vfd-hot));text-shadow:0 0 calc(5px * var(--vfd-glow)) color-mix(in srgb, var(--ch) 65%, transparent);grid-area:1/1}.vfd-segment--lg{font-size:30px}.vfd-segment--xl{font-size:44px}.vfd-meter{flex-direction:column;gap:5px;display:inline-flex}.vfd-meter-track{align-items:stretch;gap:2px;display:flex}.vfd-meter--v .vfd-meter-track{flex-direction:column-reverse;width:22px;height:120px}.vfd-meter--h .vfd-meter-track{flex-direction:row;min-width:120px;height:16px}.vfd-meter-seg{background:var(--vfd-dim);border-radius:1px;flex:1 1 0;min-width:3px}.vfd-meter-seg.on{background:color-mix(in srgb, var(--ch) 78%, transparent);box-shadow:0 0 calc(5px * var(--vfd-glow)) color-mix(in srgb, var(--ch) 55%, transparent)}.vfd-meter-seg.bonus.on{background:color-mix(in srgb, var(--vfd-amber) 80%, transparent);box-shadow:0 0 calc(5px * var(--vfd-glow)) color-mix(in srgb, var(--vfd-amber) 50%, transparent)}.vfd-meter-readout{align-items:baseline;gap:6px;display:flex}.vfd-chip{font-family:var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;border:1.5px solid color-mix(in srgb, var(--ch) 70%, transparent);color:color-mix(in srgb, var(--ch) 82%, var(--vfd-hot));background:color-mix(in srgb, var(--ch) 10%, transparent);box-shadow:0 0 calc(7px * var(--vfd-glow)) color-mix(in srgb, var(--ch) 30%, transparent);align-items:center;gap:8px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.vfd-chip--solid{background:var(--ch);color:var(--vfd-ink);text-shadow:none;border-color:var(--ch)}.vfd-chip-code{opacity:.85;letter-spacing:.06em;font-weight:500}.vfd-bracket{--b:2px;--len:13px;--bc:color-mix(in srgb, var(--ch) 75%, transparent);background:linear-gradient(var(--bc), var(--bc)) 0 0 / var(--len) var(--b) no-repeat, linear-gradient(var(--bc), var(--bc)) 0 0 / var(--b) var(--len) no-repeat, linear-gradient(var(--bc), var(--bc)) 100% 0 / var(--len) var(--b) no-repeat, linear-gradient(var(--bc), var(--bc)) 100% 0 / var(--b) var(--len) no-repeat, linear-gradient(var(--bc), var(--bc)) 0 100% / var(--len) var(--b) no-repeat, linear-gradient(var(--bc), var(--bc)) 0 100% / var(--b) var(--len) no-repeat, linear-gradient(var(--bc), var(--bc)) 100% 100% / var(--len) var(--b) no-repeat, linear-gradient(var(--bc), var(--bc)) 100% 100% / var(--b) var(--len) no-repeat;position:relative}.vfd-housing{background:linear-gradient(var(--vfd-panel), #06090b);border:1px solid color-mix(in srgb, var(--ch) 26%, #1a2420);border-radius:3px;padding:14px 16px;position:relative;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 6px -2px #000000b3,inset 0 0 0 1px #0006}.vfd-housing--bolts:before,.vfd-housing--bolts:after{content:"";background:radial-gradient(circle at 40% 35%,#2a332f,#05080a 75%);border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:inset 0 0 0 1px #0009}.vfd-housing--bolts:before{top:6px;left:6px;box-shadow:74px 0 #05080a08,inset 0 0 0 1px #0009}.vfd-housing--bolts:after{bottom:6px;right:6px}.vfd-icon{width:44px;height:44px;color:color-mix(in srgb, var(--ch) 84%, var(--vfd-hot));filter:drop-shadow(0 0 calc(4px * var(--vfd-glow)) color-mix(in srgb, var(--ch) 45%, transparent));place-items:center;padding:7px;display:inline-grid;position:relative}.vfd-icon svg{width:100%;height:100%;display:block}.vfd-icon--sm{width:30px;height:30px;padding:4px}.vfd-icon-hint{min-width:14px;height:14px;font-family:var(--mono,monospace);color:var(--vfd-ink);background:var(--ch);border-radius:2px;place-items:center;padding:0 2px;font-size:9px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px}.vfd-card{position:relative}.vfd-card-tab{font-family:var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--vfd-ink);background:color-mix(in srgb, var(--ch) 82%, var(--vfd-hot));clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);align-items:center;gap:8px;padding:4px 22px 4px 12px;font-size:12px;font-weight:700;display:inline-flex}.vfd-card-tab--ghost{color:color-mix(in srgb, var(--ch) 80%, var(--vfd-hot));background:color-mix(in srgb, var(--ch) 14%, var(--vfd-panel))}.vfd-card-body{border:1px solid color-mix(in srgb, var(--ch) 40%, #1a2420);background:linear-gradient(var(--vfd-panel), #06090b);margin-top:-1px;padding:14px 16px}.vfd-card-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.vfd-div{border:0;width:100%;height:2px;margin:0}.vfd-div--dashed{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--ch) 55%, transparent) 0 7px, transparent 7px 13px)}.vfd-div--ladder{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--ch) 60%, transparent) 0 3px, transparent 3px 9px);height:5px;box-shadow:0 0 calc(4px * var(--vfd-glow)) color-mix(in srgb, var(--ch) 30%, transparent)}.vfd-div--bracket{background:linear-gradient(var(--ch), var(--ch)) 0 0 / 3px 100% no-repeat, linear-gradient(var(--ch), var(--ch)) 100% 0 / 3px 100% no-repeat, linear-gradient(var(--ch), var(--ch)) 0 50% / 100% 2px no-repeat;opacity:.8;height:8px}.vfd-readout{font-family:var(--mono,monospace);letter-spacing:.08em;color:color-mix(in srgb, var(--ch) 45%, #6b7a74);text-transform:uppercase;flex-wrap:wrap;gap:4px 16px;font-size:10px;display:flex}.vfd-readout b{color:color-mix(in srgb, var(--ch) 62%, #8aa89e);font-weight:700}.vfd-actionbar{flex-wrap:wrap;align-items:center;gap:6px 20px;display:flex}.vfd-action{font-family:var(--mono,monospace);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--ch) 65%, var(--vfd-hot));align-items:center;gap:7px;font-size:12px;display:inline-flex}.vfd-action-glyph{min-width:18px;height:18px;color:var(--vfd-ink);background:color-mix(in srgb, var(--ch) 75%, transparent);border-radius:3px;place-items:center;padding:0 3px;font-size:11px;font-weight:700;display:grid}.vfd-screen{background:radial-gradient(120% 130% at 50% 42%, #0a0f0d 0%, var(--vfd-black) 78%);border:1px solid color-mix(in srgb, var(--ch) 22%, #10201a);contain:paint;border-radius:10px;padding:18px 20px;position:relative;overflow:hidden}.vfd-screen:before{content:"";z-index:5;pointer-events:none;opacity:.6;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.vfd-screen:after{content:"";z-index:6;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 60px 8px #0000008c,inset 0 0 12px 2px #0006}.vfd-screen>*{z-index:1;position:relative}.vfd-slotrow{flex-wrap:wrap;gap:8px;display:flex}.vfd-slot{flex-direction:column;gap:4px;min-width:68px;padding:7px 8px;display:flex}.vfd-slot-label{font-family:var(--mono,monospace);letter-spacing:.12em;color:color-mix(in srgb, var(--ch) 60%, var(--vfd-hot));font-size:10px;font-weight:700}.vfd-slot--empty .vfd-slot-body{font-family:var(--mono,monospace);color:color-mix(in srgb, var(--ch) 35%, #6b7a74);font-size:11px}.vfd-slot--empty .vfd-slot-body:before{content:"// "}.vfd-btn{font-family:var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--ch) 82%, var(--vfd-hot));background:color-mix(in srgb, var(--ch) 8%, transparent);border:1.5px solid color-mix(in srgb, var(--ch) 55%, transparent);cursor:pointer;text-shadow:0 0 calc(5px * var(--vfd-glow)) color-mix(in srgb, var(--ch) 50%, transparent);border-radius:2px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.vfd-btn:hover{background:color-mix(in srgb, var(--ch) 18%, transparent);border-color:var(--ch);box-shadow:0 0 calc(10px * var(--vfd-glow)) color-mix(in srgb, var(--ch) 35%, transparent)}.vfd-btn:focus-visible{outline:2px solid var(--ch);outline-offset:2px}.vfd-btn--primary{background:var(--ch);color:var(--vfd-ink);text-shadow:none;border-color:var(--ch)}.vfd-btn--primary:hover{background:color-mix(in srgb, var(--ch) 88%, #fff)}.vfd-btn-hint{opacity:.7;font-size:10px;font-style:normal}@media (prefers-reduced-motion:reduce){.vfd-btn{transition:none}}@media (prefers-reduced-motion:no-preference){.vfd:not(.vfd--lite) .vfd-fx-flicker{animation:4s step-end infinite vfd-flicker}.vfd:not(.vfd--lite) .vfd-fx-pulse{animation:2s ease-in-out infinite vfd-pulse}}@keyframes vfd-flicker{0%,97%,to{opacity:1}97.5%{opacity:.82}98.5%{opacity:1}99%{opacity:.9}}@keyframes vfd-pulse{0%,to{opacity:1}50%{opacity:.72}}
