.c152-instruments { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.c152-instruments.is-tuning { z-index: 8; }
.c152-gauge { position: absolute; height: auto; aspect-ratio: 1; transform: translate(-50%, -50%); overflow: visible; color: #f1eedc; fill: #f1eedc; font-family: Arial, sans-serif; font-weight: 500; text-rendering: geometricPrecision; }
.c152-gauge text { user-select: none; }
.c152-radio { position: absolute; left: 60.925%; top: 16.176%; width: 19.378%; height: 10.294%; background: #0c151a; border-radius: 2px; color: #e9f8f4; pointer-events: auto; box-sizing: border-box; font-family: Arial, sans-serif; }
.c152-radio-screen { width: 100%; height: 100%; padding: 6% 5% 4%; box-sizing: border-box; opacity: 0; container-type: inline-size; background: linear-gradient(125deg, #082538, #0c1822 70%); border: 1px solid #26485d; border-radius: 2px; }
.c152-radio.is-powered .c152-radio-screen { opacity: 1; }
.c152-radio-heading { display: flex; justify-content: space-between; padding-bottom: 3%; color: #abc0c9; font-size: 4.8cqw; letter-spacing: .5px; }
.c152-radio-frequencies { display: grid; grid-template-columns: 1fr 1fr; gap: 3%; align-items: stretch; }
.c152-radio-active, .c152-lab .c152-radio-standby { display: flex; min-height: 0; align-items: center; flex-direction: column; justify-content: center; border: 1px solid transparent; background: transparent; color: #a4e3a3; padding: 3% 0; margin: 0; border-radius: 2px; line-height: 1.1; }
.c152-radio-active > span, .c152-radio-standby > span { font-size: 4.3cqw; letter-spacing: .8px; margin-bottom: 5%; }
.c152-radio-active > strong, .c152-radio-standby > strong { font-size: 10.5cqw; font-weight: 600; letter-spacing: -.4px; font-variant-numeric: tabular-nums; }
.c152-lab .c152-radio-standby { color: #b8e6ff; border-color: #28516d; background: #12334c; }
.c152-lab .c152-radio-standby:hover:enabled { background: #1d4c68; }
.c152-lab .c152-radio-swap { display: block; padding: 2% 8%; margin: 3% auto 0; background: transparent; color: #cfe7ec; border: 1px solid #325567; border-radius: 2px; min-height: 0; font-size: 4.5cqw; font-weight: 700; line-height: 1; }
.c152-radio-swap > span { font-size: 7cqw; vertical-align: middle; margin-right: 3px; }
.c152-radio-dark-label { display: block; position: absolute; left: 0; right: 0; top: 44%; text-align: center; font-size: clamp(5px, .55vw, 8px); letter-spacing: 1px; color: #3e555c; pointer-events: none; }
.c152-radio.is-powered .c152-radio-dark-label { display: none; }
.c152-radio-tuner { position: absolute; left: auto; right: 0; top: calc(100% + 6px); width: 220px; max-width: calc(100vw - 24px); min-width: 0; padding: 10px; box-sizing: border-box; background: #112a34; border: 1px solid #6d9fae; border-radius: 8px; box-shadow: 0 8px 22px #0009; color: #ebf9f6; font-size: 11px; z-index: 10; pointer-events: auto; overflow: auto; overscroll-behavior: contain; }
.c152-radio-tuner-title { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-bottom: 6px; font-size: 12px; }
.c152-lab .c152-radio-tuner-title button { color: #eaf7f5; background: #244550; border: 1px solid #557783; border-radius: 4px; width: 32px; min-height: 30px; font-size: 20px; padding: 0; line-height: 1; }
.c152-radio-tuner label { font-size: 11px; color: #a9c9cd; }
.c152-radio-entry { display: flex; gap: 6px; margin: 6px 0 10px; }
.c152-lab .c152-radio-entry input { min-width: 0; width: 100%; min-height: 34px; padding: 5px 6px; border: 1px solid #66808a; border-radius: 4px; background: #f0f9f4; color: #142c34; font-size: 16px; font-variant-numeric: tabular-nums; }
.c152-lab .c152-radio-entry input[aria-invalid="true"] { border-color: #ecb578; outline: 2px solid #ecb578; }
.c152-lab .c152-radio-entry button, .c152-lab .c152-radio-tuning-buttons button, .c152-lab .c152-radio-tuner-swap { min-height: 38px; padding: 5px 8px; border: 1px solid #496e7a; border-radius: 4px; background: #234754; color: #eaf7f5; font-size: 11px; }
.c152-radio-tuning-buttons { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.c152-lab .c152-radio-tuning-buttons button { padding: 5px 2px; font-size: 10px; }
.c152-lab .c152-radio-tuner-swap { margin-top: 9px; width: 100%; color: #b7f3cf; }
.c152-radio-tuner p { margin: 10px 0 0; font-size: 10px; line-height: 1.5; color: #adc6cb; }
.c152-transponder { position: absolute; left: 61.563%; top: 29.510%; width: 19.059%; height: 6.275%; background: #0b1518; color: #ddedcb; border-radius: 2px; pointer-events: auto; font-family: Arial, sans-serif; container-type: inline-size; }
.c152-lab .c152-transponder-screen { display: flex; align-items: center; justify-content: space-between; gap: 5%; width: 100%; height: 100%; min-height: 0; padding: 4% 6%; border: 1px solid #344e4c; border-radius: 2px; background: linear-gradient(120deg, #21322b, #101d1a); color: #d8e7ae; opacity: 0; font-family: monospace; }
.c152-transponder.is-powered .c152-transponder-screen { opacity: 1; }
.c152-transponder-screen > strong { font-size: 17cqw; line-height: 1; letter-spacing: .08em; font-weight: 600; font-variant-numeric: tabular-nums; }
.c152-transponder-mode { align-self: center; font-size: 7cqw; letter-spacing: .04em; color: #aee6a4; }
.c152-transponder-caption { align-self: center; font-size: 5cqw; color: #a8b998; line-height: 1.3; }
.c152-transponder-dark-label { display: block; position: absolute; left: 0; right: 0; top: 40%; text-align: center; color: #3e5550; font-size: 5cqw; letter-spacing: .05em; pointer-events: none; }
.c152-transponder.is-powered .c152-transponder-dark-label { display: none; }
.c152-transponder-codes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.c152-lab .c152-transponder-codes button { min-width: 0; min-height: 44px; padding: 8px 3px; border: 1px solid #5c7d74; border-radius: 4px; background: #233d37; color: #e5f2da; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.c152-lab .c152-transponder-codes button[aria-pressed="true"] { color: #152d23; background: #b9dfae; border-color: #c9f0bd; }
.c152-lab .c152-transponder-codes button:hover:enabled { border-color: #d7edc1; }
