:root{font-family:Arial,Helvetica,sans-serif;color:#222a2e;background:#25292c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit;touch-action:manipulation}button{cursor:pointer;color:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #f7b94b;outline-offset:3px}.app-shell{width:min(100%,520px);height:var(--app-height,100dvh);margin-inline:auto;container-type:size}main{display:flex;justify-content:center;height:100%;min-height:500px}.device{--side: clamp(14px,4.5vw,27px);--view-height: max(500px,var(--app-height,100dvh));--top: max(18px,env(safe-area-inset-top));--bottom: max(16px,env(safe-area-inset-bottom));--brand-height: clamp(42px,calc(var(--view-height) * .08),70px);--power-height: clamp(44px,calc(var(--view-height) * .06),54px);--proximity-height: clamp(46px,calc(var(--view-height) * .07),62px);--display-min-height: 32px;--display-preferred-height: clamp(40px,calc(var(--view-height) * .075),64px);--pulse-height: clamp(82px,calc(var(--view-height) * .15),126px);--battery-height: clamp(72px,calc(var(--view-height) * .12),106px);--footer-height: 42px;--row-gap: clamp(6px,calc(var(--view-height) * .011),11px);--reserved-height: calc(var(--brand-height) + var(--power-height) + var(--proximity-height) + var(--display-min-height) + var(--pulse-height) + var(--battery-height) + var(--footer-height) + var(--row-gap) * 7 + 4px);--dial-height: min(calc((100cqw - var(--side) * 2 - 4px) * .467742),calc(var(--view-height) - var(--top) - var(--bottom) - var(--reserved-height)));--display-height: clamp(var(--display-min-height),calc(var(--view-height) - var(--top) - var(--bottom) - var(--reserved-height) - var(--dial-height) + var(--display-min-height)),var(--display-preferred-height));width:100%;max-width:520px;height:100%;position:relative;isolation:isolate;display:grid;grid-template-rows:var(--brand-height) var(--power-height) var(--dial-height) var(--proximity-height) var(--display-height) var(--pulse-height) var(--battery-height) var(--footer-height);align-content:space-between;gap:var(--row-gap);padding:var(--top) var(--side) var(--bottom);border:2px solid #41484c;border-radius:18px;background:linear-gradient(115deg,#ffffff4a,transparent 27%,#0000001c 60%,#ffffff24 80%,#0000002d),repeating-linear-gradient(0deg,#ffffff18 0 1px,#00000008 1px 2px,transparent 2px 4px),linear-gradient(90deg,#afb7bb,#c4c9ca 12%,#b1b8bb,#a1aaaf 88%,#899399);box-shadow:inset 0 0 0 2px #e7ebec,inset 0 0 0 5px #737d83,inset 5px 0 14px #fff5,inset -5px 0 12px #151b2455}.device>*{min-height:0}.device:before{content:"";position:absolute;inset:7px;border:1px solid #f5f8fa55;border-radius:12px;pointer-events:none}.screw{position:absolute;width:12px;height:12px;border-radius:50%;z-index:1;background:radial-gradient(circle at 30% 25%,#f3f5f6,#8a9398 48%,#333d44 60%,#c4cbd0 78%,#4d565c);box-shadow:0 1px 2px #000a}.screw:after{content:"";position:absolute;top:5px;left:2px;right:2px;height:2px;background:#3f474d;transform:rotate(-30deg);box-shadow:0 1px #fff6}.top-left,.top-right{top:8px}.bottom-left,.bottom-right{bottom:8px}.top-left,.bottom-left{left:8px}.top-right,.bottom-right{right:8px}.brand-plate{display:flex;align-items:center;justify-content:center;position:relative;padding:5px 16px;border:1px solid #535e65;border-radius:5px;background:repeating-linear-gradient(0deg,#ffffff20 0 1px,transparent 1px 3px),linear-gradient(115deg,#dce1e4,#929da4 12%,#c1c9ce 52%,#7b888f 96%);box-shadow:inset 0 1px #fffa,inset 0 -1px #40494f,0 2px 4px #0007}.brand-plate:after{content:"";position:absolute;inset:3px;border:1px solid #505c6645;border-radius:3px;pointer-events:none}.plate-rivet{position:absolute;top:50%;width:7px;height:7px;margin-top:-3px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#8a969f 50%,#38444b 65%,#c4cdd2)}.plate-rivet:after{content:"";position:absolute;left:1px;right:1px;top:3px;height:1px;background:#34424c;transform:rotate(30deg)}.plate-rivet.left{left:5px}.plate-rivet.right{right:5px}.brand-icon{width:clamp(28px,9vw,42px);height:clamp(26px,calc(var(--view-height) * .05),43px);max-height:43px;flex-shrink:0;margin-left:0;color:inherit}.brand-icon svg{width:100%;height:100%}.brand-text{transform:translate(-6px);display:flex;align-items:center;gap:4px;color:#29343b}.brand-words{font-size:clamp(12px,3.9vw,19px);font-weight:900;letter-spacing:.4px;line-height:.95;max-width:100px;text-align:right}.brand-text strong{font-size:clamp(29px,9vw,45px);font-weight:900;font-style:italic;letter-spacing:-1.5px;line-height:1}.brand-stamp{display:none}.instrument-row{display:flex;align-items:center;gap:16px;justify-content:space-between}.speaker{flex:1;min-width:0;height:100%}.speaker-grille{height:100%;border:3px solid #485159;border-radius:7px;background:radial-gradient(circle,#131a20 1.7px,#121b23 2px,#c2cbd133 2.4px,transparent 2.8px) 0 0/7px 6px,linear-gradient(#697780,#3c4953);box-shadow:inset 0 2px 5px #0008,0 1px #fffa}.power-unit{flex-shrink:0;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:3px}.tiny-label{font:800 13px monospace;letter-spacing:.3px;color:#0b1114;white-space:nowrap}.power-switch{padding:2px 3px;background:transparent;border:0}.switch-track{display:block;position:relative;width:58px;height:25px;border:2px solid #424b52;border-radius:5px;overflow:hidden;background:#303a40;box-shadow:inset 0 2px 4px #0008,0 1px #fffa;transition:background .2s}.switch-track:before{content:"";position:absolute;inset:0 0 0 50%;background:linear-gradient(#a93d37,#63221f)}.power-switch.on .switch-track:before{inset:0 50% 0 0;background:linear-gradient(#529961,#25512f)}.switch-lever{position:absolute;left:0;top:0;width:27px;height:100%;border:1px solid #e0e4e6;border-radius:2px;background:repeating-linear-gradient(90deg,#bac2c7 0 2px,#6f7a82 2px 4px);box-shadow:1px 2px 3px #000a;transition:left .15s}.power-switch.on .switch-lever{left:calc(100% - 27px)}.meter-shell{position:relative;width:min(100%,calc(var(--dial-height) * 310 / 145));justify-self:center;aspect-ratio:310/145;align-self:center;border:4px solid #424c54;border-radius:10px;background:#424c54;box-shadow:0 1px #fff9,inset 0 0 5px #0009;overflow:hidden}.analog-meter{display:block;width:100%;height:100%;filter:brightness(.22) saturate(.55);transition:filter .18s ease-out}.meter-shell.lit .analog-meter{filter:brightness(1.04) saturate(.95)}.meter-light{position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% -3%,#fff8cbc4 0%,#ffedb870 22%,#ffdf9233 55%,transparent 88%)}.meter-light:before{content:"";position:absolute;top:-5px;left:33.333%;width:33.333%;height:13%;background:radial-gradient(ellipse at 50% 0%,#fffbe8ee 0%,#ffe6a699 35%,transparent 80%);filter:blur(3px)}.meter-shell.lit .meter-light{animation:meter-light-start 1.1s steps(1,end) 1,var(--light-flicker,none) 11.3s steps(1,end) 1.1s infinite;opacity:1}.meter-shell.lit .analog-meter{animation:meter-paper-start 1.1s steps(1,end) 1,var(--paper-flicker,none) 11.3s steps(1,end) 1.1s infinite}.meter-shell.flickering{--light-flicker: meter-light-flicker;--paper-flicker: meter-paper-flicker}@keyframes meter-light-start{0%,15%,31%{opacity:.5}7%,22%,38%,52%,66%,85%,to{opacity:1}44%{opacity:.55}58%{opacity:.5}76%{opacity:.8}}@keyframes meter-paper-start{0%,15%,31%{filter:brightness(.52) saturate(.85)}7%,22%,38%,52%,66%,85%,to{filter:brightness(1.04) saturate(.95)}44%{filter:brightness(.6) saturate(.85)}58%{filter:brightness(.52) saturate(.85)}76%{filter:brightness(.78) saturate(.9)}}@keyframes meter-light-flicker{0%,35%,37.5%,79%,82%,to{opacity:1}34%,36.5%,80.5%{opacity:max(0,calc(1 - .525 * var(--flicker-strength)))}36%,81%{opacity:calc(1 - .225 * var(--flicker-strength))}}@keyframes meter-paper-flicker{0%,35%,37.5%,79%,82%,to{filter:brightness(1.04) saturate(.95)}34%,36.5%,80.5%{filter:brightness(calc(1.04 - .21 * var(--flicker-strength))) saturate(calc(.95 - .075 * var(--flicker-strength)))}36%,81%{filter:brightness(calc(1.04 - .09 * var(--flicker-strength))) saturate(calc(.95 - .03 * var(--flicker-strength)))}}.section-label{display:flex;align-items:center;justify-content:space-between;font:800 14px/1.15 monospace;letter-spacing:.3px;color:#0b1114}.proximity-section{display:flex;flex-direction:column;justify-content:center;gap:6px}.led-array{display:flex;gap:0;justify-content:space-between}.led-cell{flex:1;min-width:0;display:flex;align-items:center;flex-direction:column;gap:4px}.led-cell>span{font:800 12px/1 monospace;color:#0b1114}.diode{--off: #3a5241;--core: #a7ff49;--light: #39ff0c;--body: #0ad000;--edge: #087000;--glow: #35ff0d;display:block;border:2px solid #414b53;border-radius:4px;box-shadow:inset 0 2px 3px #0009,0 1px #fff7;position:relative;background:var(--off)}.diode:after{content:"";position:absolute;top:2px;left:3px;right:3px;height:2px;background:#ffffff24;border-radius:3px}.diode.yellow{--off: #686032;--core: #fff991;--light: #ffe900;--body: #e6be00;--edge: #8a6900;--glow: #ffe500}.diode.orange{--off: #705438;--core: #ffde45;--light: #ff9600;--body: #ea5400;--edge: #8f3400;--glow: #ff8b00}.diode.red{--off: #6b3b37;--core: #ff8632;--light: #ff2507;--body: #dc0700;--edge: #840000;--glow: #ff2008}.diode.lit{background:radial-gradient(ellipse at 50% 42%,var(--core) 0%,var(--light) 25%,var(--body) 65%,var(--edge) 100%);box-shadow:inset 0 1px 2px var(--core),0 0 9px var(--glow),0 0 2px var(--light)}.led{width:100%;height:clamp(12px,calc(var(--view-height) * .02),19px);border-radius:0}.led-cell:first-child .led{border-radius:4px 0 0 4px}.led-cell:last-child .led{border-radius:0 4px 4px 0}.power-label{display:flex;align-items:center;gap:4px}.power-led{width:10px;height:10px;border-width:1px;border-radius:50%}.power-led:after{top:1px;left:1px;right:1px;height:1px}.display-frame{height:100%;padding:4px;background:#50595c;border-radius:7px;box-shadow:inset 0 1px 3px #0008,0 1px #fff9}.red-display{height:100%;background:linear-gradient(120deg,#ffffff07,transparent 45%),#170f0d;border:2px solid #28292a;border-radius:4px;padding:0 8px;position:relative;box-shadow:inset 0 0 12px #000;overflow:hidden}.red-display.powered:before{content:"";position:absolute;inset:0 8px;pointer-events:none;--matrix-step: clamp(1.3px,calc((var(--display-height) - 8px) * .05263),2.7px);background-image:radial-gradient(circle,#6b2922 0 .8px,transparent 1px);background-size:var(--matrix-step) var(--matrix-step);background-position:center;opacity:.8}.red-display svg{display:block;position:relative;z-index:1;width:100%;height:100%;filter:drop-shadow(0 0 .3px #ff382e)}.red-display:after{content:"";position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(transparent 0 2px,#0002 2px 3px);pointer-events:none}.red-display.blink svg{animation:display-blink var(--display-blink-duration,1.35s) steps(1,end) var(--display-blink-count,infinite);animation-delay:var(--display-blink-delay,0ms)}.display-arrow{animation:arrow-inward 2.4s steps(1,end) infinite}.display-arrow.arrow-1{animation-delay:.4s}.display-arrow.arrow-2{animation-delay:.8s}@keyframes arrow-inward{0%,37.5%,to{opacity:1}25%{opacity:.12}}.pulse-section{display:grid;grid-template-rows:auto clamp(12px,calc(var(--view-height) * .028),25px) 1fr;gap:5px}.armed-indicator{display:flex;align-items:center;gap:5px;font-size:13px;color:#0b1114}.armed-indicator i{width:10px;height:10px;border-radius:50%;border-width:1px}.armed-indicator i:after{top:1px;left:1px;right:1px;height:1px}.charge-meter{display:flex;gap:2px;padding:2px 4px;border:1px solid #384149;border-radius:5px;background:#27323b;box-shadow:inset 0 2px 5px #0008,0 1px #fff8}.charge-meter i{flex:1;min-width:0;height:100%;border-width:1px;border-radius:3px}.charge-meter i:after{top:1px;left:1px;right:1px;height:1px}.pulse-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}.charge-button,.detonate-button{height:100%;min-width:0;min-height:36px;position:relative;border:3px solid #465159;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px 3px;font-size:clamp(10px,3vw,14px);font-weight:800;letter-spacing:.2px;white-space:nowrap;touch-action:none;transition:transform .08s;color:#332600;text-shadow:none}.detonate-button{color:#380702}.pulse-buttons .diode{background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--off),#fff 12%) 0%,var(--off) 25%,color-mix(in srgb,var(--off),#000 10%) 65%,color-mix(in srgb,var(--off),#000 25%) 100%);box-shadow:inset 0 1px #ffffff30,inset 0 -1px #0004,0 1px 2px #303a43}.pulse-buttons .diode:after{top:3px;left:5px;right:5px;height:3px;pointer-events:none}.pulse-buttons .diode.lit{background:radial-gradient(ellipse at 50% 42%,var(--core) 0%,var(--light) 25%,var(--body) 65%,var(--edge) 100%);box-shadow:inset 0 1px 2px var(--core),inset 0 -1px #0003,0 0 9px var(--glow),0 1px 2px #303a43}.button-icon{display:block;width:24px;height:24px;font-size:25px;line-height:24px;font-weight:400;flex-shrink:0}.detonate-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.is-pressed{transform:translateY(2px);box-shadow:inset 0 2px 5px #0008!important}.pulse-buttons .is-pressed{transform:none}.battery-section{display:grid;grid-template-rows:auto 1fr;gap:5px}.battery-bay{display:flex;gap:8px;min-height:0}.battery-slot{flex:1;min-width:0;height:100%;position:relative;container-type:size;display:flex;align-items:center;justify-content:center;padding:19px 6px 6px;border:2px solid #4b555c;border-radius:6px;background:linear-gradient(110deg,#2d363d,#505b63 50%,#242e35);box-shadow:inset 0 3px 7px #0009,0 1px #fff8}.slot-label{position:absolute;top:3px;left:0;right:0;z-index:5;text-align:center;color:#f4f6f7;font:700 12px monospace;letter-spacing:.4px}.slot-bed{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;color:#f0f3f5;font:11px/1.05 monospace;letter-spacing:.3px;pointer-events:none}.slot-bed>span:first-of-type{font-size:clamp(12px,45cqh,20px)}.slot-outline{position:absolute;left:-7%;top:-3.7%;width:109%;height:107.4%;color:#b3bec780;overflow:visible}.battery-retainer{position:absolute;width:clamp(7px,14%,12px);height:clamp(5px,18%,8px);border:1px solid #46535c;border-radius:2px;background:linear-gradient(#c8d1d6,#667781 40%,#cbd4d9 60%,#43515c);box-shadow:0 1px 2px #0009;z-index:4;pointer-events:none}.battery-retainer.left{left:4%}.battery-retainer.right{right:4%}.battery-retainer.top{top:-3px}.battery-retainer.bottom{bottom:-3px}.battery-retainer:after{content:"";position:absolute;left:2px;right:2px;top:1px;height:1px;background:#263640}.bay-glow{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:90%;height:78%;opacity:0;pointer-events:none;z-index:3}.bay-glow.charged{--bay-light: #35ff0d;opacity:1}.bay-glow.spent{--bay-light: #ff2008;opacity:1}.bay-glow.charged,.bay-glow.spent{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--bay-light),transparent 15%) 0%,color-mix(in srgb,var(--bay-light),transparent 50%) 14%,color-mix(in srgb,var(--bay-light),transparent 85%) 42%,transparent 72%)}.battery-cradle{width:min(94px,calc(100cqw - 10px),185cqh);aspect-ratio:1.85;position:relative}.battery{display:block;container-type:size;width:100%;height:100%;padding:0;border:1px solid #9e9071;border-radius:3px;position:relative;z-index:2;touch-action:none;background:linear-gradient(0deg,#8c7c5e,#e5d5ad 13%,#f4e5ba 45%,#beab7e 90%,#e8d4a6);color:#302a20;box-shadow:2px 3px 5px #0009}.battery-terminals{position:absolute;left:-5px;top:-1px;bottom:-1px;width:6px}.battery-terminals i,.bay-contacts i{position:absolute;left:0;top:28%;transform:translateY(-50%);width:100%;height:clamp(4px,14%,7px);border:1px solid #59676f;border-radius:50%;background:linear-gradient(#89929a,#e6edf1 45%,#64747d)}.battery-terminals i:last-child,.bay-contacts i:last-child{top:72%;height:clamp(5px,18%,9px);border-radius:1px;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.battery-top{position:absolute;left:38%;right:4%;text-align:center;top:18%;line-height:1;font-size:clamp(5px,11cqw,9px);letter-spacing:0;font-weight:900}.battery-pattern{position:absolute;left:7%;top:0;bottom:0;width:27%;background:repeating-linear-gradient(-40deg,#813e33 0 5px,#b7714f 5px 8px)}.battery strong{position:absolute;left:38%;right:4%;text-align:center;top:40%;font-size:clamp(13px,54cqh,22px);line-height:1;letter-spacing:-1px}.cell-B{color:#eff3e3;background:linear-gradient(0deg,#3f565b,#749799 13%,#9eb9b7 45%,#4a6c71 90%,#99b5b4);border-color:#7b969a}.cell-B .battery-pattern{background:repeating-linear-gradient(0deg,#334e53 0 3px,#8aa9a8 3px 4px)}.battery.dragging,.battery.returning{z-index:15;cursor:grabbing;pointer-events:none;box-shadow:6px 8px 12px #0009}.battery-slot:has(.dragging,.returning){z-index:10}.bay-contacts{position:absolute;left:-8px;top:0;bottom:0;width:7px;z-index:3;pointer-events:none}.bay-contacts:before{content:"";position:absolute;inset:12% 3px;border-radius:2px;background:#18242c;box-shadow:-2px 0 2px #0008}.bay-contacts i:after{content:"";position:absolute;inset:1px;border-radius:inherit;background:#26333b;box-shadow:inset 0 1px 1px #000}.bay-contacts.engaged{left:-6px}.bay-contacts.engaged i:after{background:linear-gradient(#afb9bf,#f0f3f5,#84929b)}.empty-slot{position:absolute;inset:20px 5px 4px;width:auto;height:auto;border:0;border-radius:3px;background:transparent;color:#f0f3f5;font:600 10px monospace;display:flex;align-items:end;justify-content:center;padding:0 0 2px;letter-spacing:1px;z-index:1}.empty-contact{display:none}.device-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font:10px monospace}.pejl-audio-unit{display:flex;align-items:center;gap:6px;margin-left:-3px}.pejl-audio-unit .tiny-label{line-height:1.15}.reset-unit{display:flex;align-items:center;gap:5px;position:relative}.reset-unit>span{font:800 13px/1.3 monospace;white-space:nowrap;text-align:right;color:#0b1114}.reset-button{width:34px;height:34px;padding:0;border:3px solid #555e64;border-radius:50%;display:flex;align-items:center;justify-content:center;touch-action:none;background:#7c858c;box-shadow:inset 0 2px 4px #0008,0 1px #fff8}.reset-button span{width:10px;height:10px;border-radius:50%;background:linear-gradient(#d4c48f,#958458);box-shadow:0 1px 2px #0005}.reset-button:disabled span{background:#8a9298}.energized{animation:charge-vibration .14s linear infinite}.pulse-flash{position:fixed;inset:0;pointer-events:none;z-index:25;opacity:0;background:radial-gradient(ellipse at 50% 58%,#fff 0% 42%,#e9fffffa 70%,#7feaffed 88%,#16cfffcc);mix-blend-mode:screen}.pulse-flash.active{animation:detonation var(--pulse-duration,3.8s) ease-out both}.reset-dialog{width:min(400px,calc(100% - 32px));padding:22px;border:1px solid #8998a4;border-radius:10px;background:#242d35;color:#f0f3f5;box-shadow:0 10px 50px #000a}.reset-dialog h2{font-size:22px;margin:0 0 12px}.reset-dialog p{font-size:16px;line-height:1.5;margin:0 0 20px}.reset-dialog form{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.reset-dialog button{min-height:44px;padding:10px 14px;border:1px solid #8998a4;border-radius:5px;background:#435361;color:#f0f3f5}.reset-dialog .confirm-reset{background:#754332;border-color:#b47d63}.settings-dialog{width:min(480px,calc(100% - 24px));max-height:calc(var(--app-height,100dvh) - 32px);padding:20px;border:1px solid #8998a4;border-radius:12px;background:#242d35;color:#e5e9ec;box-shadow:0 10px 50px #000a;overscroll-behavior:contain}.settings-dialog::backdrop,.reset-dialog::backdrop{background:#090e13e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-version{margin:5px 0 0;color:#d5dfe7;font:13px/1.4 monospace}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.settings-heading h2{margin:0;font-size:22px;font-weight:500}.settings-heading button{width:44px;height:44px;border:1px solid #8294a3;background:#435361;border-radius:6px;font-size:20px}.mode-picker{display:flex;width:100%;margin:0 0 18px;padding:4px;border:1px solid #697984;border-radius:6px;background:#1a232c}.mode-picker button{width:50%;font-size:15px;min-height:44px;border:0;border-radius:3px;background:transparent;color:#d4dfe7}.mode-picker button.active{color:#fff0bc;background:#52616e}.field-notes{font-size:14px;color:#e1e7eb}.notes-heading{display:flex;align-items:center;gap:6px;font:10px monospace;letter-spacing:.2px;color:#cbd4dc}.notes-heading>span:last-child{margin-left:auto}.status-dot{width:5px;height:5px;background:#79858c;border-radius:50%}.status-dot.online{background:#9be09e;box-shadow:0 0 5px #b5edaf}.demo-panel p,.gps-panel p{font-size:14px;line-height:1.6;color:#d7e1e7}.demo-panel label{display:flex;justify-content:space-between;font-size:14px;color:#eef0f1;margin:17px 0 8px}.demo-panel input{width:100%;height:34px;display:block;margin:0;accent-color:#d8b475}.demo-panel output{color:#ffda9b;font-family:monospace}.range-labels{display:flex;justify-content:space-between;font-size:11px;color:#b6c5d0}.gps-readout{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#c5d4de}.gps-readout>span{display:flex;flex-direction:column;gap:5px;min-width:60px}.gps-readout b{font:18px monospace;color:#ffe2b2}.sensor-note{font-size:13px!important;color:#c9d6de!important}.volume-control{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #ffffff20;margin-top:15px}.volume-control label,.volume-control output{font-size:14px}.volume-control input{flex:1;min-width:0;height:32px;accent-color:#d8b475}.volume-control output{font-family:monospace;width:32px}.settings-checkbox{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px}.settings-checkbox input{width:20px;height:20px;accent-color:#ddc685}.audio-test{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:-6px 0 16px}.audio-test button{background:#435563;border:1px solid #8b9ba9;border-radius:4px;color:#eef2f5;font-size:14px;padding:10px 12px;min-height:44px}.audio-test p{margin:0;font-size:13px;line-height:1.4;color:#d7e1e7}.compass-retry,.display-test button,.audio-error button{background:#435563;border:1px solid #8b9ba9;border-radius:4px;color:#eef2f5;font-size:14px;padding:10px 12px;min-height:44px}.audio-error{border:1px solid #d3a263;border-radius:4px;padding:10px;font-size:14px;color:#f2cf9d}.sensor-setup{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto;background:#10171de8;color:#eef3f6}.sensor-setup-panel{width:min(100%,420px);max-height:100%;overflow-y:auto;padding:24px 20px;border:1px solid #81939f;border-radius:10px;background:#263139;box-shadow:0 16px 50px #000b}.sensor-setup h1{margin:0 0 12px;font:800 clamp(18px,5vw,23px)/1.2 monospace;letter-spacing:.3px;color:#ffdda4}.sensor-setup p{margin:0 0 18px;font-size:15px;line-height:1.45}.sensor-setup-status{display:grid;gap:10px;margin-bottom:20px}.sensor-setup-status>div{display:grid;gap:5px;padding:12px;border:1px solid #62727b;border-radius:5px;background:#1a242b}.sensor-setup-status strong{font:800 13px monospace;color:#ffe0a9}.sensor-setup-status span{font-size:14px;line-height:1.4}.sensor-setup button{width:100%;min-height:48px;border-radius:5px;font-weight:700}.sensor-setup-primary{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #edc67f;background:#b77c39;color:#14171a}.sensor-setup-primary.checking{animation:access-checking 1.2s ease-in-out infinite}.sensor-setup-primary:disabled{cursor:wait}.sensor-access-spinner{width:16px;height:16px;flex:0 0 16px;border:2px solid #14171a55;border-top-color:#14171a;border-radius:50%;animation:access-spin .8s linear infinite}@keyframes access-spin{to{transform:rotate(360deg)}}@keyframes access-checking{0%,to{filter:brightness(1);box-shadow:0 0 #edc67f00}50%{filter:brightness(1.18);box-shadow:0 0 12px 2px #edc67f66}}@media(prefers-reduced-motion:reduce){.sensor-setup-primary.checking,.sensor-access-spinner{animation-duration:3s}}.sensor-setup .sensor-setup-help{margin:14px 0 0;font-size:13px;color:#d7e1e7}.sensor-setup-test{margin-top:14px;border:1px solid #73838d;background:#394a55;color:#eef3f6}.needle-flutter{transform-origin:155px 149px}.needle-flutter.active{animation:needle-flutter 1.31s linear infinite}@keyframes needle-flutter{0%,to{transform:rotate(calc(var(--flutter) * -.65))}4%{transform:rotate(calc(var(--flutter) * .25))}9%{transform:rotate(calc(var(--flutter) * .9))}16%{transform:rotate(calc(var(--flutter) * -.35))}23%{transform:rotate(calc(var(--flutter) * .55))}27%{transform:rotate(calc(var(--flutter) * -.95))}35%{transform:rotate(calc(var(--flutter) * .25))}42%{transform:rotate(calc(var(--flutter) * -.5))}48%{transform:rotate(var(--flutter))}56%{transform:rotate(calc(var(--flutter) * -.2))}61%{transform:rotate(calc(var(--flutter) * .7))}69%{transform:rotate(calc(var(--flutter) * -.8))}77%{transform:rotate(calc(var(--flutter) * .35))}84%{transform:rotate(calc(var(--flutter) * -.4))}89%{transform:rotate(calc(var(--flutter) * .85))}95%{transform:rotate(calc(var(--flutter) * -.15))}}@keyframes display-blink{0%,74%{opacity:1}75%,to{opacity:.12}}@keyframes charge-vibration{0%,to{transform:translate(0)}25%{transform:translate(var(--shake),calc(var(--shake)*-.5))}50%{transform:translate(calc(var(--shake)*-.7),var(--shake))}75%{transform:translate(calc(var(--shake)*-.4),calc(var(--shake)*-.7))}}@keyframes detonation{0%{opacity:1}8%{opacity:.98}28%{opacity:.9}55%{opacity:.55}80%{opacity:.2}to{opacity:0}}@container (max-height: 700px){.device{--top: max(15px,env(safe-area-inset-top));--bottom: max(13px,env(safe-area-inset-bottom));--brand-height: 38px;--power-height: 44px;--proximity-height: 46px;--display-min-height: 30px;--display-preferred-height: 48px;--pulse-height: 78px;--battery-height: 76px;--footer-height: 34px;--row-gap: 6px}.brand-text strong{font-size:32px}.brand-icon{max-height:31px}.brand-words,.section-label{font-size:13px}.proximity-section{gap:3px}.led{height:12px}.led-cell{gap:2px}.power-switch{padding:0 3px}.pulse-section{gap:4px}.pulse-buttons>button{flex-direction:row;gap:4px}.pulse-buttons .button-icon{width:18px;height:18px;font-size:20px;line-height:18px}}@container (max-height: 600px){.device{--top: max(12px,env(safe-area-inset-top));--bottom: max(10px,env(safe-area-inset-bottom));--brand-height: 34px;--power-height: 40px;--proximity-height: 45px;--display-min-height: 28px;--display-preferred-height: 40px;--pulse-height: 72px;--battery-height: 74px;--footer-height: 32px;--row-gap: 6px}.brand-text strong{font-size:28px}.brand-icon{max-height:26px}.brand-words{font-size:12px}.power-unit{gap:3px}.switch-track{height:22px}.proximity-section{gap:3px}.led{height:11px}.led-cell{gap:2px}.pulse-section{grid-template-rows:18px 14px 1fr;gap:4px}.charge-meter{padding:1px 4px}.battery-section{gap:3px}.battery-slot{padding-top:17px;padding-bottom:4px}.slot-label{font-size:11px}.empty-slot{inset-block-start:18px}.reset-unit>span{font-size:12px}.reset-button{width:30px;height:30px}}.portrait-notice{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#141817;color:#edf1f3;text-align:center}.portrait-notice svg{width:52px;height:65px;fill:none;stroke:#e6c47a;stroke-width:3}.portrait-notice h1{margin:0;font:800 20px/1.3 monospace}.portrait-notice p{margin:0;font-size:16px;line-height:1.4}.mobile-required{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:#141817;color:#edf1f3;text-align:center}.mobile-required>div{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:32rem}.mobile-required svg{width:52px;height:65px;fill:none;stroke:#e6c47a;stroke-width:3}.mobile-required h1{margin:0;font:800 20px/1.3 monospace}.mobile-required p{margin:0;font-size:16px;line-height:1.4}@media(orientation:landscape){body{overflow:hidden}}@media(prefers-reduced-motion:reduce){.energized,.red-display.blink svg,.pulse-flash.active,.needle-flutter.active{animation:none}.analog-meter g{transition:none!important}}@media(prefers-reduced-motion:reduce){.display-arrow,.meter-shell.lit .meter-light,.meter-shell.lit .analog-meter{animation:none}.analog-meter{transition:none}.detonate-button.armed.flash-off{background:radial-gradient(ellipse at 50% 42%,var(--core) 0%,var(--light) 25%,var(--body) 65%,var(--edge) 100%);box-shadow:inset 0 1px 2px var(--core),inset 0 -1px #0003,0 0 9px var(--glow),0 1px 2px #303a43}}.display-test{margin-bottom:14px}.display-test p{font-size:13px;line-height:1.5;color:#d7e1e7}.display-test button[aria-pressed=true]{border-color:#ffd17a}.display-test button:disabled{opacity:.5}.demo-overlay{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:3px 7px;border:1px solid #aab8b855;border-radius:4px;background:#152122e8;color:#eef4f1;font:700 10px/1.3 monospace;white-space:nowrap;pointer-events:none}.demo-overlay span{display:flex;align-items:center;gap:5px}.demo-overlay b{font-size:12px;color:#fff2c8}.demo-panel select{width:100%;min-height:44px;padding:8px 10px;border:1px solid #8b9ba9;border-radius:4px;background:#435563;color:#eef2f5;font-size:16px}