*{box-sizing:border-box}:root{--min-width: 320px}html,body,#app{margin:0;min-width:var(--min-width);min-height:100%}body{background:#12130f;color:#e6e2d6;font-family:Georgia,Iowan Old Style,Palatino,Palatino Linotype,serif}a{color:inherit}.shell{min-height:100vh;display:flex;flex-direction:column;padding-top:calc(30px + env(safe-area-inset-top,0px))}.shell-page{flex:1;display:flex;flex-direction:column;min-height:0}.missing{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:16px;max-width:36rem;margin:0 auto;padding:48px 24px}.missing p{margin:0;letter-spacing:.08em;text-transform:uppercase;font-family:Segoe UI,sans-serif;font-size:.78rem;color:#a39e90}.missing h1{margin:0;font-weight:500;font-size:clamp(2rem,5vw,3.25rem);line-height:1.15}.missing a{align-self:flex-start;margin-top:8px;padding:10px 16px;border:1px solid #3d4634;color:#d6f5c8;background:#1a2216;font-family:Segoe UI,sans-serif;font-size:.95rem;letter-spacing:.04em;text-decoration:none}.missing a:hover,.missing a:focus-visible{background:#24301d;outline:2px solid #8dca78;outline-offset:2px}.gate-panel{box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:24px max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.gate-panel.is-centered{justify-content:center;gap:18px}.gate-ring{--ring-radius: min(148px, 36vw);position:relative;width:1px;height:1px;transform-style:preserve-3d}.gate-anchor{position:absolute;top:0;left:0;width:0;height:0;transform-style:preserve-3d}.gate-letter{position:absolute;top:0;left:0;translate:-50% -50%;color:#8dff78;font-size:clamp(1rem,2.4vw,1.7rem);line-height:1;transform-origin:center;text-shadow:0 0 10px rgba(121,245,106,.55)}.gate-actions{min-height:104px;display:flex;flex-direction:column;align-items:center;gap:14px;visibility:hidden}.gate-actions.is-ready{visibility:visible;animation:gate-rise .4s ease}.gate-login,.gate-confirm{font:inherit;color:inherit;background:transparent;border:1px solid rgba(121,245,106,.55);padding:10px 18px;letter-spacing:.14em;cursor:pointer;text-shadow:inherit}.gate-login:disabled,.gate-confirm:disabled{cursor:default;opacity:.6}.gate-login:disabled{border-color:transparent;opacity:.9}.gate-login.is-locked{animation:gate-shake .4s linear}.gate-login:not(:disabled):hover,.gate-login:not(:disabled):focus-visible,.gate-confirm:not(:disabled):hover,.gate-confirm:not(:disabled):focus-visible,.gate-change:hover,.gate-change:focus-visible{background:#79f56a;color:#041204;text-shadow:none;outline:none}.gate-granted,.gate-chosen,.gate-handle label,.gate-error{margin:0;letter-spacing:.08em}.gate-change{font:inherit;color:inherit;background:transparent;border:none;padding:0;letter-spacing:.14em;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.gate-handle{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(100%,22rem)}.gate-input{width:100%;font:inherit;color:inherit;text-align:center;letter-spacing:.16em;background:transparent;border:none;border-bottom:1px solid rgba(121,245,106,.45);padding:8px 4px;caret-color:#79f56a}.gate-input:focus{outline:none;border-bottom-color:#79f56a}.gate-error{min-height:1.2em;color:#d7ffb0}.is-leaving{animation:gate-leave var(--gate-tween, .28s) ease forwards;pointer-events:none}.is-entering{animation:gate-enter var(--gate-tween, .28s) ease}.ascii-wash{position:absolute;z-index:4;inset:0;box-sizing:border-box;margin:0;overflow:hidden;padding:0;background:#071207;font-family:Consolas,Cascadia Mono,Courier New,monospace;font-size:13px;line-height:15px;letter-spacing:0;white-space:pre;color:#8dff78}@keyframes gate-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes gate-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-18px)}}@keyframes gate-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes gate-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(prefers-reduced-motion:reduce){.gate-actions.is-ready,.gate-login.is-locked,.is-leaving,.is-entering{animation:none}}@media(max-width:720px){.gate-login,.gate-confirm{letter-spacing:.08em;padding:10px 14px}}.monitor{position:fixed;z-index:4;inset:0;min-width:var(--min-width);overflow:hidden;background:#080808;color:#79f56a;color-scheme:dark;font-family:Consolas,Cascadia Mono,Courier New,monospace;font-size:16px;line-height:1.35;text-shadow:0 0 6px rgba(121,245,106,.28);-webkit-user-select:none;user-select:none;touch-action:manipulation}.monitor ::selection{background:#79f56a;color:#041204}.crt-filter{position:absolute;width:0;height:0}.crt-shell{position:absolute;inset:0;border-radius:10px;transform-origin:center}.crt-shell.is-cutting{animation:crt-cut var(--crt-cut, .42s) linear forwards;pointer-events:none}.crt-shell:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background-image:radial-gradient(ellipse at 50% 50%,rgba(0,0,0,.28),transparent 68%)}.crt-glass{position:absolute;inset:0;overflow:hidden;border-radius:10px;filter:url(#crt-curve);background:#071207;box-shadow:inset 0 0 80px #00000059}.crt-mount{position:absolute;inset:0;overflow:auto;scrollbar-color:rgba(121,245,106,.4) transparent}.crt-mount:focus{outline:none}.crt-stage{position:absolute;z-index:1;inset:0;display:grid;place-items:center;padding-bottom:10vh;pointer-events:none;perspective:980px}.crt-overlay{position:absolute;z-index:2;inset:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.28) 0 1px,transparent 1px 3px);animation:crt-drift 3s linear infinite,crt-glitch 11s linear infinite}@keyframes crt-cut{0%{transform:scaleY(1);filter:brightness(1)}35%{transform:scaleY(1);filter:brightness(2.4)}55%{transform:scaleY(.015);filter:brightness(3)}70%,to{transform:scaleY(.015);filter:brightness(0)}}@keyframes crt-drift{0%{background-position-y:0}to{background-position-y:30px}}@keyframes crt-glitch{0%,72%,74%,89%,91%,to{transform:none;opacity:1}73%{transform:translate(-10px);opacity:.65}90%{transform:translate(6px);opacity:.8}}@media(prefers-reduced-motion:reduce){.crt-overlay,.crt-shell.is-cutting{animation:none}}@media(max-width:720px){.crt-glass{filter:none;border-radius:0}.crt-shell{border-radius:0}.crt-stage{padding-bottom:16vh}}.term{min-height:100%;color:inherit;font:inherit;outline:none}.term:focus{outline:none}.term-screen{margin:0;padding:28px 24px 40px}.term-banner,.term-log-text{margin:0;font:inherit;color:inherit;white-space:pre-wrap}.term-banner{margin-bottom:18px;min-height:4.2em}.term-attempts,.term-status,.term-hint{margin:0 0 18px;letter-spacing:.04em}.term-status,.term-hint,.term-address{color:#4ea846}.term-body{display:grid;width:min(100%,60rem);margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,280px);gap:28px;align-items:start}.term-line{white-space:pre}.term-cell.is-token{cursor:pointer}.term-cell.is-cursor{background:#79f56a2e}.term-cell.is-selected{background:#79f56a;color:#041204;text-shadow:none}.term-log{min-height:12em;max-height:36em;overflow:auto;border-left:1px solid rgba(121,245,106,.25);padding-left:16px}.term-actions button{font:inherit;color:inherit;background:transparent;border:1px solid transparent;padding:4px 8px;text-align:left;cursor:pointer;text-shadow:inherit}.term-actions button:hover,.term-actions button:focus-visible{background:#79f56a;color:#041204;text-shadow:none;outline:none}.term-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}@media(max-width:720px){.term-screen{padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 16px max(12px,env(safe-area-inset-left))}.term-body{container-type:inline-size;grid-template-columns:max-content max-content;justify-content:space-between;gap:12px 10px}.term-column{font-size:min(16px,calc((100cqi - 10px) / 24))}.term-log{grid-column:1 / -1;min-height:6em;max-height:8em;border-left:none;border-top:1px solid rgba(121,245,106,.25);padding-left:0;padding-top:12px}.term-actions{position:sticky;bottom:0;z-index:1;margin-top:12px;padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#071207}}.gate-pair{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.gate-seal{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;min-height:1.2em;letter-spacing:.16em}.gate-pips{display:flex;gap:5px}.gate-pip{width:7px;height:7px;box-sizing:border-box;border:1px solid rgba(121,245,106,.45)}.gate-pip.is-lit{background:#79f56a;border-color:#79f56a;box-shadow:0 0 6px #79f56aa6}.gate-seal[data-tone=drift]{color:#e7ffb0}.gate-seal[data-tone=drift] .gate-pip.is-lit{background:transparent;box-shadow:none;border-color:#e7ffb0}.gate-seal[data-tone=lock] .gate-pip{background:#79f56a;border-color:#79f56a}.shell:has(.home){height:auto}.shell-page:has(.home){flex:1 0 auto;min-height:calc(100vh - 30px - env(safe-area-inset-top,0px));overflow:visible}.home{flex:1 0 auto;display:flex;flex-direction:column;width:100%;min-height:calc(100vh - 30px - env(safe-area-inset-top,0px));padding:18px max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}.home-wave{display:flex;align-items:center;justify-content:center;gap:2px;height:56px;margin:0}.home-wave-char{display:block;width:15px;height:21px;overflow:hidden;font-size:0;line-height:0;background-repeat:no-repeat;background-position:center;background-size:100% 100%;image-rendering:pixelated}.home-wave-char.is-space{width:10px;background:none}.board{position:relative;flex:1 0 auto;display:flex;min-width:0;min-height:0}.board.is-pending{visibility:hidden}.board-grid{position:relative;z-index:2;flex:1 0 auto;display:grid;gap:36px 28px;width:100%;min-width:0}.board-grid[data-mode=wide]{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(180px,1fr));min-height:100%}.board-grid[data-mode=wide] .widget[data-slot="0"],.board-grid[data-mode=wide] .widget[data-slot="1"],.board-grid[data-mode=wide] .widget[data-slot="2"],.board-grid[data-mode=wide] .widget[data-slot="5"],.board-grid[data-mode=wide] .widget[data-slot="6"],.board-grid[data-mode=wide] .widget[data-slot="7"]{grid-column:span 2}.board-grid[data-mode=wide] .widget[data-slot="3"],.board-grid[data-mode=wide] .widget[data-slot="4"]{grid-column:span 3}.board-grid[data-mode=mid]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(160px,1fr));min-height:100%}.board-grid[data-mode=narrow]{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(148px,auto)}.board-conduits{position:absolute;inset:0;z-index:1;overflow:visible;pointer-events:none}.conduit-wire{fill:none;stroke-width:2.5;stroke-linecap:butt;stroke-linejoin:round;opacity:.7}.conduit-tab{fill:#161616;stroke:none}.widget{position:relative;container-type:inline-size;display:flex;flex-direction:column;min-width:0;min-height:148px;padding:16px;overflow:hidden;color:#f3efe4;border-radius:18px;border:1px solid #314628;background:linear-gradient(180deg,#1c2418,#10140e);box-shadow:inset 0 0 28px #8dca7829,inset 0 1px #d6f5c847,0 1px #0c0d09}.widget-bezel{position:absolute;inset:0;pointer-events:none}.widget-bezel:before{content:"";position:absolute;inset:10px;border-radius:12px;border:1px solid rgba(141,202,120,.4);box-shadow:inset 0 0 18px #8dca781f}.widget-body{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;min-width:0}@container (max-width: 220px){.home-wave{height:44px}.home-wave-char{width:11px;height:15px}.home-wave-char.is-space{width:7px}}@media(prefers-reduced-motion:reduce){.widget{transition:none}}@font-face{font-family:Cozette;src:url(/assets/cozette-BTs8ATbc.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.here{display:flex;flex-direction:column;align-items:stretch;align-self:stretch;justify-content:flex-start;gap:16px;width:100%;height:100%;min-width:0;padding:8px 12px;color:#f3efe4;font-family:Cozette,monospace;font-size:13px;font-synthesis:none;line-height:1.2;letter-spacing:0;text-align:left;-webkit-font-smoothing:none;font-smooth:never}.here-greet{margin:0;color:#d6f5c8;text-align:center;overflow-wrap:anywhere}.here-stage{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px 20px;min-width:0}.here-readout{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;width:max-content;max-width:100%;min-width:0;margin:0;padding:4px 16px 8px}.here-row{display:grid;grid-template-columns:auto max-content;align-items:baseline;gap:8px;min-width:0}.here-row dt,.here-row dd{margin:0}.here-row dt{color:#c6d7b4;white-space:nowrap}.here-row dd{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.here-temp{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.here-unit{padding:1px 6px 2px;border:2px solid #8dca78;background:#161d12;color:#d6f5c8;font:inherit;line-height:1;cursor:pointer;box-shadow:2px 2px #0c0d09}.here-unit:hover,.here-unit:focus-visible{background:#24301d;outline:2px solid #8dca78;outline-offset:2px}.here-unit[aria-pressed=true]{background:#8dca78;color:#12180f}.obfuscated{color:#8dca78;white-space:nowrap}.set{position:relative;flex:0 0 auto;width:192px;height:144px}.set.is-leaving,.set.is-arriving{z-index:3;pointer-events:none}.set.is-leaving{position:absolute;top:50%;right:0;margin-top:-72px;animation:set-glitch-out .48s step-end both}.set.is-arriving{animation:set-glitch-in .48s step-end both}.set.is-hidden{display:none}.set.is-leaving .set-face,.set.is-arriving .set-face{animation:set-band-out .48s step-end both}.set.is-arriving .set-face{animation-name:set-band-in}.set.is-leaving .set-tear,.set.is-arriving .set-tear{visibility:visible;animation:set-ghost-out .48s step-end both}.set.is-arriving .set-tear{animation-name:set-ghost-in}.set.is-leaving .set-tear img,.set.is-arriving .set-tear img{filter:grayscale(1) sepia(1) hue-rotate(8deg) saturate(1.8) brightness(.95) contrast(1.6);animation:set-ghost-shift .48s step-end both}.set.is-arriving .set-tear img{animation-name:set-ghost-shift-in}.set-face,.set-tear img{image-rendering:pixelated}.set-tear{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none;visibility:hidden}.set-tear img{display:block;width:192px;height:144px}.set-face{position:relative;z-index:0;display:block;width:192px;height:144px}@keyframes set-glitch-out{0%{transform:translate(0) scaleY(1);filter:none;opacity:1}14%{transform:translate(-9px) scaleY(1);filter:drop-shadow(6px 0 0 #ff2a4a) drop-shadow(-6px 0 0 #2de2ff);opacity:1}28%{transform:translate(12px) scaleY(1);filter:brightness(1.7);opacity:.8}42%{transform:translate(-15px) scaleY(1);filter:drop-shadow(-9px 0 0 #ff2a4a) drop-shadow(9px 0 0 #2de2ff) brightness(1.5);opacity:1}56%{transform:translate(6px) scaleY(1);filter:none;opacity:.4}70%{transform:translate(-6px) scaleY(1);filter:drop-shadow(3px 0 0 #ff2a4a) drop-shadow(-3px 0 0 #2de2ff) brightness(2);opacity:1}84%{transform:translate(3px) scaleY(.08);filter:brightness(3);opacity:.9}to{transform:translate(0) scaleY(.02);filter:brightness(0);opacity:0}}@keyframes set-glitch-in{0%{transform:translate(12px) scaleY(.02);filter:brightness(3);opacity:0}14%{transform:translate(-9px) scaleY(.08);filter:drop-shadow(6px 0 0 #ff2a4a) drop-shadow(-6px 0 0 #2de2ff);opacity:.85}28%{transform:translate(15px) scaleY(1);filter:brightness(1.8);opacity:.35}42%{transform:translate(-12px) scaleY(1);filter:drop-shadow(-9px 0 0 #ff2a4a) drop-shadow(9px 0 0 #2de2ff);opacity:1}56%{transform:translate(6px) scaleY(1);filter:none;opacity:.5}70%{transform:translate(-6px) scaleY(1);filter:drop-shadow(3px 0 0 #ff2a4a) drop-shadow(-3px 0 0 #2de2ff) brightness(1.6);opacity:1}to{transform:translate(0) scaleY(1);filter:none;opacity:1}}@keyframes set-band-out{0%{clip-path:inset(0)}14%{clip-path:inset(24px 0 84px 0)}28%{clip-path:inset(78px 0 18px 0)}42%{clip-path:inset(6px 0 102px 0)}56%{clip-path:inset(42px 0 36px 0)}70%{clip-path:inset(96px 0 12px 0)}84%{clip-path:inset(60px 0 60px 0)}to{clip-path:inset(66px 0 72px 0)}}@keyframes set-band-in{0%{clip-path:inset(66px 0 72px 0)}14%{clip-path:inset(96px 0 12px 0)}28%{clip-path:inset(12px 0 96px 0)}42%{clip-path:inset(48px 0 48px 0)}56%{clip-path:inset(78px 0 18px 0)}70%{clip-path:inset(18px 0 78px 0)}to{clip-path:inset(0)}}@keyframes set-ghost-out{0%{clip-path:inset(0 0 144px 0)}14%{clip-path:inset(90px 0 18px 0)}28%{clip-path:inset(12px 0 96px 0)}42%{clip-path:inset(54px 0 42px 0)}56%{clip-path:inset(0 0 108px 0)}70%{clip-path:inset(72px 0 24px 0)}84%{clip-path:inset(30px 0 78px 0)}to{clip-path:inset(0 0 144px 0)}}@keyframes set-ghost-in{0%{clip-path:inset(72px 0 24px 0)}14%{clip-path:inset(12px 0 96px 0)}28%{clip-path:inset(90px 0 12px 0)}42%{clip-path:inset(36px 0 60px 0)}56%{clip-path:inset(6px 0 102px 0)}70%{clip-path:inset(60px 0 36px 0)}to{clip-path:inset(0 0 144px 0)}}@keyframes set-ghost-shift{0%{transform:translate(0)}14%{transform:translate(12px)}28%{transform:translate(-15px)}42%{transform:translate(9px)}56%{transform:translate(-18px)}70%{transform:translate(6px)}84%{transform:translate(-9px)}to{transform:translate(15px)}}@keyframes set-ghost-shift-in{0%{transform:translate(-15px)}14%{transform:translate(12px)}28%{transform:translate(-9px)}42%{transform:translate(18px)}56%{transform:translate(-6px)}70%{transform:translate(9px)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.set.is-leaving,.set.is-arriving,.set.is-leaving .set-face,.set.is-arriving .set-face,.set.is-leaving .set-tear,.set.is-arriving .set-tear,.set.is-leaving .set-tear img,.set.is-arriving .set-tear img{animation:none}}.pipboy{--pipboy-slide: .28s;position:fixed;top:0;right:0;left:0;min-width:var(--min-width);z-index:5;height:calc(30px + env(safe-area-inset-top,0px));transform:translateY(0);transition:transform var(--pipboy-slide) cubic-bezier(.22,.8,.3,1);padding:env(safe-area-inset-top,0px) max(4px,env(safe-area-inset-right,0px)) 0 max(4px,env(safe-area-inset-left,0px));overflow:hidden;background:radial-gradient(circle at 12% 30%,rgba(255,248,220,.16) 0 .6px,transparent .8px) 0 0 / 5px 4px,radial-gradient(circle at 70% 60%,rgba(0,0,0,.28) 0 .7px,transparent .9px) 2px 1px / 7px 5px,linear-gradient(180deg,#6a7048,#4a4e32 46%,#2c301c);box-shadow:inset 0 1px #e8e0b057,inset 0 -2px #14160e,0 2px #0c0d09}.pipboy.is-away{transform:translateY(-100%);pointer-events:none}.pipboy:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(0,0,0,.55) .5px,transparent .65px);background-size:3px 3px}.pipboy-row{position:relative;z-index:1;display:flex;align-items:center;height:30px;gap:6px;min-width:0}.pipboy-mutes{display:flex;flex:0 0 auto;align-items:center;gap:4px}.pipboy-mute{height:16px;padding:0 5px;border:0;border-radius:2px;background:#16180f;color:#d7d2a4;font:600 8px/16px ui-monospace,monospace;letter-spacing:.06em;cursor:pointer;box-shadow:inset 0 1px #fff4d229,0 1px #00000073}.pipboy-mute[aria-pressed=true]{color:#6d6a48;background:#10120c;box-shadow:inset 0 1px 2px #000000a6}.pipboy-mute:focus-visible{outline:2px solid #f0e2b0;outline-offset:1px}.pipboy-power{position:relative;flex:0 0 30px;width:30px;height:30px;margin-left:auto;padding:0;border:0;background:transparent;cursor:pointer}.pipboy-power:before{content:"";position:absolute;left:6px;top:6px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8d5c4e,#4a2c24 58%,#1c100e);box-shadow:inset 0 1px #ffd6ba6b,inset 0 -2px #00000094,0 1px #120e0a,0 0 0 1px #1a120c}.pipboy-power-icon{position:absolute;z-index:1;left:8px;top:8px;width:14px;height:14px;color:#f0e2b0;pointer-events:none}.pipboy-power-icon path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.pipboy-power:active:before{top:7px;background:radial-gradient(circle at 50% 55%,#3a221c,#1a0e0c 70%);box-shadow:inset 0 2px 3px #000000a6,0 0 0 1px #1a120c}.pipboy-power:active .pipboy-power-icon{top:9px}.pipboy-power:focus-visible{outline:2px solid #f0e2b0;outline-offset:1px}.pipboy-tape{flex:0 0 34px;width:34px;height:30px;margin-right:-4px;background:repeating-linear-gradient(135deg,#14120c 0 4px,#e6c200 4px 8px);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,4px 68%,0 36%);box-shadow:inset 0 0 0 1px #00000073,inset 3px 0 #0003}@media(prefers-reduced-motion:reduce){.pipboy{transition:none}}.pipboy-synth{display:flex;flex:0 0 50px;align-items:center;gap:3px;width:50px;height:22px;padding:3px 3px 3px 4px;border-radius:3px;background:linear-gradient(180deg,rgba(255,244,210,.08),transparent 42%),linear-gradient(180deg,#323528,#1a1c14);box-shadow:inset 0 1px 2px #000000b8,inset 0 -1px #fff4d21a,0 1px #00000059}.pipboy-bands{display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;gap:2px}.pipboy-band{width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,currentColor calc(var(--level, 0) * 100%),#14160f);box-shadow:inset 0 -1px 1px #0000008c,0 0 calc(var(--level, 0) * 3px) currentColor}.pipboy-band-low{color:#e2a322}.pipboy-band-mid{color:#9be38a}.pipboy-band-high{color:#ff6a56}.pipboy-scope{flex:1 1 auto;display:flex;align-items:center;gap:1px;width:100%;min-width:0;height:100%;padding:1px;border-radius:1px;background:linear-gradient(#1d3a22,#1d3a22) center / 100% 1px no-repeat,#050806;box-shadow:inset 0 0 0 1px #c6f5ae33,inset 0 2px 4px #00000073}.pipboy-scope span{flex:1 1 0;min-width:0;height:max(1px,calc(var(--level, 0) * 100%));border-radius:1px;background:#34502c}.pipboy-synth.is-live .pipboy-scope span{background:#c6f5ae}