:root{--bg:#05080a;--panel:#0b1013;--line:#30383d;--text:#eef2f4;--muted:#9ca8b0;--amber:#ff9b00;--blue:#16a9ff;--red:#e22;--green:#36ff42}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020304;color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}#viewport{position:relative;width:100vw;height:100vh;overflow:hidden;background:#020304}#uiScale{position:absolute;left:0;top:0;width:1280px;height:800px;transform-origin:0 0;will-change:transform}.chassis{width:1280px;height:800px;padding:12px;display:grid;grid-template-columns:292px 188px 590px 174px;grid-template-rows:48px 184px 292px 110px 38px 48px;gap:8px;background:linear-gradient(145deg,#171b1e,#080a0c 55%,#16191b);border:2px solid #252b2f;border-radius:20px;box-shadow:0 18px 60px #000,inset 0 0 40px #000}.panel{background:linear-gradient(180deg,#0d1216,#070a0c);border:1px solid #343c41;border-radius:5px;box-shadow:inset 0 0 0 1px #050607,inset 0 8px 20px rgba(255,255,255,.015)}.panel-header{grid-column:1/5;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid #31383d;border-radius:5px;background:linear-gradient(#111519,#080a0c)}.brand{letter-spacing:2px;font-size:18px}.brand b{font-family:Georgia,serif;font-size:25px;margin-right:18px}.brand span{font-size:25px;color:var(--amber);font-weight:800;margin-right:18px}.brand small{font-size:12px;color:#c7ced2}.status-lamps{display:flex;gap:16px}.lamp{min-width:76px;padding:8px 12px;text-align:center;border:1px solid #3a1d10;border-radius:4px;background:#110f0e;color:#8f7770;font-weight:800}.lamp.on-cat{color:#56ff65;border-color:#168923;box-shadow:0 0 12px #0f5}.lamp.on-audio{color:#ff9e16;border-color:#9b4d00}.lamp.on-tx,.lamp.on-ptt{color:#ff4e4e;border-color:#a00;box-shadow:0 0 12px #f22}.meter-panel{grid-column:1;grid-row:2;padding:10px;position:relative}.meter-title{text-align:center;color:#5dbfff;font-size:13px;font-weight:700}.meter-face{height:112px;position:relative;overflow:hidden}.meter-ticks{position:absolute;left:50%;bottom:5px;width:1px;height:1px}.meter-ticks span{position:absolute;color:#e8ecef;font-size:11px;white-space:nowrap}.meter-needle-pivot{position:absolute;left:50%;bottom:6px;width:1px;height:118px;transform-origin:50% 100%;transform:translateX(-50%) rotate(-58deg)}.meter-needle{position:absolute;left:-1px;top:4px;width:2px;height:100px;background:#f22;box-shadow:0 0 5px #f22}.meter-cap{position:absolute;left:calc(50% - 7px);bottom:0;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#eee,#555 45%,#111)}.meter-select{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mini-btn,.std-btn,.cw-key-button{border:1px solid #41484d;color:#f1f3f4;background:linear-gradient(#2b3034,#111416);border-radius:4px;box-shadow:inset 0 1px #5a6268,0 2px 3px #000;font-weight:700}.mini-btn{height:29px}.mini-btn.active,.std-btn.active,.std-btn.engaged{background:linear-gradient(#ffb133,#d26a00);color:#111;border-color:#ffb22c}.meter-mode-label{text-align:center;margin-top:5px;color:#63c8ff;font-size:12px;font-weight:700}.display-unit{grid-column:2/4;grid-row:2;padding:12px 18px;position:relative}.indicator-strip{height:27px;display:flex;gap:25px;color:#b5c0c7;font-size:12px}.indicator-strip b{color:var(--amber);margin-left:5px}.lcd-freqs-row{display:grid;grid-template-columns:1fr 1px 1fr;gap:20px;align-items:center;height:112px}.lcd-divider{height:90px;background:#65727a}.vfo-name{font-size:13px;color:var(--blue);font-weight:700;margin-bottom:6px}.vfo-name em{font-style:normal;color:#111;background:#ffb100;padding:2px 5px;border-radius:2px}.lcd-row{display:flex;align-items:center;gap:18px}.vfo-tag,.lcd-mode{color:#ffb100;border:1px solid #cb7c00;padding:4px 7px;border-radius:2px;font-weight:800}.lcd-freq{font-family:Consolas,monospace;font-size:50px;letter-spacing:2px;text-shadow:0 0 12px #aef3ff}.dim .lcd-freq{color:#b7bdc3;text-shadow:none}.lcd-sub{display:flex;gap:16px;align-items:center;margin-top:10px;color:#28aaff;font-weight:700}.lcd-mode{font-size:13px}.lcd-txbar{display:flex;align-items:center;gap:12px}.lcd-bargraph{height:8px;flex:1;background:#010202;border:1px solid #111}.lcd-bargraph-fill{height:100%;background:#0aaeff;width:0}.tx-tag{color:#28aaff;font-weight:700}.ptt-block{grid-column:4;grid-row:2;padding:10px;display:flex;flex-direction:column;gap:9px}.section-label{font-size:13px;letter-spacing:1px;font-weight:800;color:#cbd3d8}.ptt-button{height:45px;border:1px solid #a22;background:linear-gradient(#e34438,#8f100b);color:white;font-size:21px;font-weight:800;border-radius:4px;box-shadow:inset 0 1px #ff766f,0 3px 5px #000}.ptt-button.active{box-shadow:0 0 18px red}.ptt-block .std-btn{height:37px}.cw-key-button{height:52px}.side-tone-toggle{font-size:11px}.mode-col{grid-column:1;grid-row:3;padding:10px}.mode-stack{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.mode-stack button,.band-grid button{height:38px;border:1px solid #40484d;background:linear-gradient(#2d3337,#101315);color:#f6f7f7;border-radius:4px;font-weight:800;box-shadow:inset 0 1px #5e676d,0 2px 3px #000}.mode-stack button.active,.band-grid button.active{background:linear-gradient(#ffb238,#d16800);color:#111}.band-col{grid-column:2;grid-row:3;padding:10px}.band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.vfo-col{grid-column:3;grid-row:3;padding:12px;display:grid;grid-template-columns:115px 1fr 115px;gap:8px;align-items:center;position:relative}.side-knobs{height:100%;display:flex;flex-direction:column;justify-content:space-around}.vfo-center{display:flex;flex-direction:column;align-items:center}.knob{position:relative;border-radius:50%;background:radial-gradient(circle at 38% 30%,#636a70 0,#30363a 28%,#0c0e10 66%,#000 70%);box-shadow:inset 0 0 0 3px #101315,inset 0 0 0 5px #737b80,0 5px 12px #000}.knob:after{content:"";position:absolute;inset:15%;border-radius:50%;background:repeating-radial-gradient(circle,#2b2f32 0 2px,#25292c 3px 4px);box-shadow:inset 0 0 25px #000}.knob-large{width:205px;height:205px;box-shadow:inset 0 0 0 4px #111,inset 0 0 0 8px #949ca1,0 7px 18px #000}.knob-small{width:64px;height:64px}.knob-needle{position:absolute;inset:0;z-index:2}.knob-marker{position:absolute;left:50%;top:10%;width:5px;height:24%;transform:translateX(-50%);border-radius:4px;background:var(--amber);box-shadow:0 0 6px #ff9b00}.knob-col{text-align:center;color:#e6e9eb;font-size:12px;font-weight:700}.knob-col output{display:block;color:var(--amber);font-size:14px;margin-top:4px}.vfo-sub-row{display:flex;gap:8px;align-items:center;margin-top:8px}.step-selector{display:flex;gap:5px;align-items:center;font-size:11px}.step-selector select{background:#111;color:white;border:1px solid #444;padding:6px}.vfo-buttons{display:flex;gap:6px}.vfo-buttons .std-btn{height:31px;padding:0 11px}.qso-block{grid-column:4;grid-row:3;padding:10px;position:relative}.qso-main{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}.qso-main label{font-size:10px;color:#d2d8dc;font-weight:700}.qso-main input{width:100%;height:34px;margin-top:3px;background:#060809;border:1px solid #505a60;color:white;padding:5px 8px;font-size:18px}.qso-esm-toggle{font-size:10px;display:block;margin:8px 0}.qso-fkeys{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.qso-fkeys button{height:39px;border:1px solid #1d6581;background:linear-gradient(#145d79,#083445);color:#fff;border-radius:3px;font-size:10px}.qso-fkeys .fk-num{display:block;color:#63cfff}.qso-stop{position:absolute;right:10px;bottom:10px;width:58px;height:32px;background:linear-gradient(#e64a3d,#8c100c)!important}.qso-status,.qso-log{font-size:9px;color:#8fcfff;max-height:16px;overflow:hidden}.knobs-block{grid-column:1/5;grid-row:4;padding:5px 18px;display:grid;grid-template-columns:repeat(4,1fr) 1px repeat(2,1fr);align-items:center;gap:20px}.knobs-block .knob-col{display:flex;flex-direction:column;align-items:center}.knobs-block .knob-small{width:56px;height:56px}.knob-separator{height:78px;background:#41484d}.function-block{grid-column:1/5;grid-row:5;padding:3px 10px;display:flex;align-items:center;gap:12px}.function-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;flex:1}.function-grid .std-btn{height:25px;font-size:11px}.audio-block{grid-column:1/5;grid-row:6;padding:5px 18px;display:flex;align-items:center;gap:18px}.audio-block .std-btn{height:29px;padding:0 18px}.audio-meters{display:flex;gap:30px;flex:1}.audio-meters label{display:flex;align-items:center;gap:10px;font-size:12px}.audio-meters meter{width:240px;height:14px}.hidden-controls{display:none}.overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center}.login-box{width:340px;padding:30px;background:#101417;border:1px solid #4b555b;border-radius:8px;text-align:center}.login-box h1 span{color:var(--amber)}.login-box input{width:100%;height:42px;margin:12px 0;background:#060809;border:1px solid #555;color:white;padding:8px}.login-box button{width:100%;height:42px;background:#ff9b00;border:0;font-weight:800}.error-text{color:#f66}

/* V0.4x layout/function corrections */
.chassis{grid-template-columns:280px 180px 580px 188px}
.qso-block{min-width:0;overflow:hidden}
.qso-main,.qso-main label,.qso-main input{min-width:0}
.qso-fkeys{width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.qso-fkeys button{min-width:0;width:100%;padding:0 1px;font-size:9px;overflow:hidden}
.qso-fkeys .fk-num,.qso-fkeys .fk-label{white-space:nowrap;overflow:hidden;text-overflow:clip}
.qso-stop-hidden{display:none!important}
#val-width.nar-active{color:#ffd24a;text-shadow:0 0 6px rgba(255,178,0,.55)}

/* V0.4x: zusätzliche PWR-/SWR-Skalen im Analogmeter */
.meter-face{height:112px}
.meter-tick-s{font-size:10px;color:#eef3f6;font-weight:700}
.meter-tick-pwr{font-size:9px;color:#ffb12d;font-weight:700}
.meter-tick-swr{font-size:8px;color:#62d6ff;font-weight:700}
.meter-scale-name{position:absolute;z-index:3;font-size:8px;font-weight:800;letter-spacing:.4px;pointer-events:none}
.meter-scale-name-pwr{left:10px;bottom:29px;color:#ffb12d}
.meter-scale-name-swr{right:12px;bottom:16px;color:#62d6ff}