:root{color-scheme:dark;--bg:#111018;--panel:#191722;--line:#34303e;--text:#ebe5df;--muted:#8f899b;--amber:#f5bb65;--mint:#a6ddc8;--purple:#a194d2}
.community-thanks{margin:0;padding:12px 0;border-bottom:1px solid var(--line);color:var(--text);font-size:11px;line-height:1.7;text-align:center;overflow-wrap:anywhere}.community-thanks a{color:var(--amber);text-underline-offset:3px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:12px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--amber);outline-offset:4px}button:disabled{cursor:default}.shell{max-width:1280px;padding:0 46px;margin:auto}.masthead{height:105px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px}.wordmark{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:14px;font-family:Impact,"Arial Black",sans-serif;font-size:24px;line-height:.92;letter-spacing:1px}.crest{color:var(--amber);font:48px Georgia,serif}.wordmark-dot{color:var(--amber)}.edition{margin-left:auto;color:var(--muted);font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:10px}.status-dot,.arcade-top i,.arcade-bottom i{width:5px;height:5px;background:var(--mint);display:inline-block;box-shadow:0 0 9px #a6ddc833}.edition-divider{margin:0 8px;color:#4a4455}.quiet-button{border:1px solid var(--line);background:none;color:var(--text);padding:10px 14px;font-size:11px;letter-spacing:1px}.quiet-button:disabled{opacity:.35}.layout{display:grid;grid-template-columns:minmax(180px,1fr) minmax(330px,480px) minmax(210px,1fr);gap:32px;padding:30px 0}.mission-panel{padding-top:10px;display:flex;flex-direction:column}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--muted);line-height:1.6}h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(31px,3.1vw,44px);line-height:1.13;letter-spacing:-1.8px;margin:24px 0}h1 em{color:var(--purple);font-weight:normal}.intro{font-size:11px;line-height:1.8;color:#b6b0bf}.mission-divider{width:30px;height:1px;background:var(--amber);margin:30px 0}.mission-copy{color:var(--muted);font-size:11px;line-height:1.85;max-width:205px;margin:14px 0 24px}.coordinates{border:1px solid var(--line);padding:14px;color:var(--purple);max-width:214px;line-height:1.8;font-size:11px}.coordinates span{float:right;color:var(--amber)}.coordinates small{color:var(--muted);font-size:8px;letter-spacing:.4px}.flight-note{display:flex;gap:12px;margin-top:auto;padding-top:32px}.flight-note>span{font-size:26px;color:var(--mint)}.flight-note strong{color:var(--mint);letter-spacing:1px;font-size:9px}.flight-note p{font-size:10px;line-height:1.8;color:var(--muted);max-width:170px}.build-label{font-size:8px;color:#625c71;letter-spacing:1px;margin-top:18px}.build-label span{margin-left:10px}.arcade{border:1px solid #514456;background:#110e1b;box-shadow:0 0 0 5px #1c1824,0 20px 60px #0004;align-self:start}.arcade-top,.arcade-bottom{height:32px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1px;gap:6px;color:#b0a6be;background:#201a2a}.arcade-top{border-bottom:1px solid #514456}.arcade-top i{margin-right:5px;background:var(--amber)}#phase-label{color:var(--amber);font-size:7px;letter-spacing:.4px}.arcade-bottom{border-top:1px solid #514456;color:var(--purple)}.arcade-bottom span:last-child{color:var(--mint)}.screen{position:relative;aspect-ratio:3/4;overflow:hidden;background:#201638}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;touch-action:none}.screen-vignette{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000010 0px,#00000010 1px,transparent 1px,transparent 4px);box-shadow:inset 0 0 60px #06071055}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(#130e2566,#130e25d9);padding:24px}.overlay.hidden{display:none}.overlay-mark{font:48px Georgia,serif;color:var(--amber);margin-bottom:20px}.overlay .eyebrow{font-size:8px;color:#c8b4e0}.overlay h2{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(42px,4.4vw,64px);font-weight:900;letter-spacing:3px;line-height:1.05;margin:20px 0;color:#f1e5da;text-shadow:3px 3px 0 #64456e}.overlay p{font-size:10px;line-height:1.9;color:#c1b1ce;max-width:320px}.deploy-button{background:var(--amber);border:0;color:#24182b;letter-spacing:1.8px;font-size:10px;font-weight:bold;min-width:210px;padding:17px 20px;display:flex;justify-content:space-between;margin:22px 0}.deploy-button:hover{background:#ffd297;transform:translateY(-1px)}.overlay-foot{font-size:7px;letter-spacing:1px;color:#a191b3}.transmission{position:absolute;left:16px;right:16px;bottom:18px;border-left:2px solid var(--amber);background:#181321e8;color:#ece0ec;padding:12px 14px;line-height:1.7;font-size:10px;opacity:0;transform:translateY(8px);transition:.3s;pointer-events:none}.transmission.visible{opacity:1;transform:translateY(0)}.systems-panel{padding-top:10px}.score-box{border-bottom:1px solid var(--line);padding-bottom:23px}#score{font-size:39px;letter-spacing:2px;color:var(--amber);margin-top:9px;font-weight:600;font-variant-numeric:tabular-nums}.score-sub{font-size:8px;color:var(--muted);letter-spacing:.7px;margin-top:8px}.score-sub span{color:var(--text)}.progress-section{margin:24px 0 28px}.section-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#b4acbf;margin-bottom:12px;gap:8px}.section-heading span:last-child{color:var(--purple)}.track{height:4px;background:#30293c}#progress-fill{height:100%;background:var(--purple);width:0;transition:width .3s}.progress-labels{display:flex;justify-content:space-between;color:#6f657d;font-size:7px;letter-spacing:.8px;margin-top:8px}.upgrade{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #292431;opacity:.4}.upgrade.active{opacity:1}.weapon-icon{border:1px solid #62557b;width:33px;height:33px;display:grid;place-items:center;color:var(--purple);font-size:23px}.upgrade.active .weapon-icon{border-color:var(--mint);color:var(--mint);background:#a6ddc80b}.upgrade strong{font-size:9px;letter-spacing:1px;font-weight:normal}.upgrade small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.upgrade-status{margin-left:auto;color:var(--mint);font-size:8px}.pickup-note{font-size:8px;color:var(--muted);margin-top:13px}.pickup-note span{color:var(--amber);margin-right:4px}.abilities{margin-top:22px;display:grid;gap:10px}.ability{text-align:left;border:1px solid var(--line);background:#1b1724;color:var(--text);padding:12px;position:relative;width:100%}.ability.ready{border-color:var(--amber);background:#f5bb650b}.ability.ready:hover{background:#f5bb6520}.ability-top{display:flex;justify-content:space-between;align-items:center}.ability strong{font-size:9px;letter-spacing:1px;font-weight:normal}.ability-description{display:block;font-size:8px;color:var(--muted);margin-top:7px}.ability-track{display:block;height:3px;background:#33293f;margin:12px 0 7px}.ability-track>span{display:block;height:100%;background:var(--amber);width:0}.ability-counter{font-size:7px;letter-spacing:1px;color:var(--amber)}kbd{border:1px solid #453b52;border-bottom-width:2px;padding:2px 4px;font:7px ui-monospace,monospace;color:#a99db9;border-radius:2px}.controls{margin-top:25px}.controls p{display:flex;align-items:center;gap:5px;margin:10px 0;font-size:8px;color:var(--muted)}.controls p>span{margin-left:4px}.controls .mouse-note{display:block;line-height:1.8;font-size:8px;color:#736a81}footer{border-top:1px solid var(--line);padding:19px 0 25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#6c627a}.footer-star{color:var(--amber);margin-left:18px}
@media(min-width:1450px){.shell{max-width:1340px}.layout{gap:42px;grid-template-columns:1fr 510px 1fr}}
@media(max-width:1050px){.shell{padding:0 25px}.layout{gap:20px;grid-template-columns:170px minmax(300px,440px) minmax(180px,1fr)}h1{font-size:33px}.edition{font-size:8px}.mission-copy{font-size:10px}#score{font-size:32px}.upgrade{gap:7px}.upgrade small{font-size:7px}.section-heading{font-size:7px}}
@media(max-width:820px){.shell{padding:0 20px;max-width:660px}.masthead{height:85px}.edition{font-size:7px}.edition-divider{display:none}.quiet-button{padding:8px}.quiet-button span{display:none}.layout{grid-template-columns:minmax(260px,1fr) 180px;gap:20px}.mission-panel{grid-column:1/-1;display:block;padding-top:0}.mission-panel h1{font-size:30px;margin:10px 0;line-height:1.1;letter-spacing:-1px}.mission-panel h1 br{display:none}.mission-panel .intro,.mission-divider,.mission-panel>.eyebrow:not(:first-child),.mission-copy,.coordinates,.flight-note,.build-label{display:none}.arcade{grid-column:1}.systems-panel{grid-column:2}.controls{margin-top:15px}footer{font-size:6px}.overlay h2{font-size:42px}.arcade-top{font-size:6px;padding:0 6px}.arcade-top #phase-label{font-size:6px}}
@media(max-width:540px){.shell{padding:0 14px}.edition{display:none}.quiet-button{margin-left:auto}.layout{grid-template-columns:1fr;padding-top:20px;gap:16px}.mission-panel h1{font-size:29px}.arcade{grid-column:1}.systems-panel{grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.score-box{padding-bottom:12px}.progress-section{margin:0;padding-top:8px}.loadout{grid-column:1}.abilities{grid-column:2;margin:0}.controls{grid-column:1/-1;margin:0;display:none}.overlay h2{font-size:54px}footer{gap:20px;line-height:1.8}#score{font-size:32px}.arcade-top,.arcade-top #phase-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.fullscreen-score,.fullscreen-controls{display:none}.arcade-bottom button{border:0;background:transparent;color:var(--amber);font-size:8px;letter-spacing:.6px;padding:6px 4px}.arcade-bottom button:hover{color:#ffe4b4}.arcade-bottom button:disabled{color:#746780}.arcade-bottom button.ready{color:var(--mint)}
.skip-ending{position:absolute;top:16px;right:16px;border:1px solid #8b7d65;background:#181321de;padding:8px 10px;color:var(--amber);font-size:8px;letter-spacing:.6px}.skip-ending[hidden]{display:none}
.abilities{grid-template-columns:repeat(2,minmax(0,1fr))}.ability{min-width:0}.ability-top{gap:4px}.ability strong{font-size:8px;line-height:1.4;letter-spacing:.5px}.ability-description{font-size:7px;line-height:1.5}.arcade:is(:fullscreen,.is-expanded) .fullscreen-controls{gap:4px}
@media(max-width:1050px){.abilities{grid-template-columns:1fr}}
.arcade:is(:fullscreen,.is-expanded){position:fixed;inset:0;width:100%;height:100%;height:100dvh;z-index:100;background:#0b0912;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center}
.arcade:is(:fullscreen,.is-expanded) .screen{flex:none;width:min(100vw,calc((100dvh - 72px)*.75));height:auto;aspect-ratio:3/4}
.arcade:is(:fullscreen,.is-expanded) .arcade-top,.arcade:is(:fullscreen,.is-expanded) .arcade-bottom{flex:none;width:min(100vw,calc((100dvh - 72px)*.75));height:36px;font-size:8px;padding:0 10px}
.arcade:is(:fullscreen,.is-expanded) .arcade-station,.arcade:is(:fullscreen,.is-expanded) .ship-label,.arcade:is(:fullscreen,.is-expanded) .shield-label{display:none}
.arcade:is(:fullscreen,.is-expanded) .fullscreen-score{display:inline;color:var(--amber);letter-spacing:.6px}
.arcade:is(:fullscreen,.is-expanded) .fullscreen-controls{display:flex;align-items:center;gap:10px}
.arcade:is(:fullscreen,.is-expanded) .overlay h2{font-size:clamp(38px,7vh,76px)}
@media(max-height:600px){.arcade:is(:fullscreen,.is-expanded) .overlay{padding:10px}.arcade:is(:fullscreen,.is-expanded) .overlay-mark{font-size:24px;margin-bottom:5px}.arcade:is(:fullscreen,.is-expanded) .overlay h2{font-size:clamp(22px,7vh,40px);margin:8px 0}.arcade:is(:fullscreen,.is-expanded) .overlay p{font-size:8px;margin:5px 0}.arcade:is(:fullscreen,.is-expanded) .deploy-button{min-width:150px;padding:10px;margin:10px 0}.arcade:is(:fullscreen,.is-expanded) .arcade-top{font-size:6px}.arcade:is(:fullscreen,.is-expanded) .fullscreen-controls{gap:2px}.arcade:is(:fullscreen,.is-expanded) .arcade-bottom button{font-size:6px;letter-spacing:0}.arcade:is(:fullscreen,.is-expanded) #fullscreen span{display:none}}
.arcade:is(:fullscreen,.is-expanded) .fullscreen-controls{flex:1;min-width:0;flex-wrap:wrap;gap:0}.arcade:is(:fullscreen,.is-expanded) #fullscreen{flex-shrink:0}.arcade:is(:fullscreen,.is-expanded) .fullscreen-controls button{font-size:7px;padding:4px 3px;letter-spacing:0}
@media(max-width:540px){.arcade:is(:fullscreen,.is-expanded) #fullscreen span{display:none}}
@media(max-height:600px){.arcade:is(:fullscreen,.is-expanded) .fullscreen-controls button{font-size:6px;padding:2px}}
.shield-meter{margin-top:20px}.shield-meter .section-heading{margin-bottom:9px}.shield-meter .section-heading span:last-child{color:var(--mint)}#shield-fill{height:100%;width:100%;background:var(--mint);transition:width .15s}.shield-meter.low #shield-fill{background:#ef9291}.shield-meter.low .section-heading span:last-child{color:#ef9291}.shield-meter small{display:block;font-size:7px;line-height:1.7;color:var(--muted);margin-top:8px;letter-spacing:.3px}
@media(max-width:540px){.shield-meter{margin:0;padding-top:8px}.progress-section{grid-column:1/-1;margin:0}.score-box{grid-column:1}}
.ability.locked{opacity:.45}.abilities{gap:8px}.ability{padding:9px}.ability-track{margin:9px 0 6px}.controls{margin-top:18px}

.difficulty-control{display:flex;align-items:center;gap:8px;font-size:8px;color:var(--muted);margin-left:auto}.difficulty-control select{font:inherit;color:var(--amber);background:var(--panel);border:1px solid var(--line);padding:8px;border-radius:2px}.difficulty-control select:disabled{color:var(--muted)}.difficulty-control select:focus-visible{outline:2px solid var(--amber)}.hp-section{margin:18px 0}.hp-section small{display:block;color:var(--muted);font-size:7px;margin-top:9px}#hp-fill{height:100%;background:var(--amber);width:100%;transition:width .15s}@media(max-width:820px){.edition{display:none}.difficulty-control{gap:4px}.masthead{gap:12px}}@media(max-width:540px){.difficulty-control>span{display:none}.quiet-button{margin-left:0}.hp-section{margin:0;grid-column:1/-1}}

.overlay-difficulty{display:flex;flex-direction:column;gap:7px;align-items:center;color:var(--muted);font-size:8px;letter-spacing:1px}.overlay-difficulty[hidden]{display:none}.overlay-difficulty select{max-width:100%;background:var(--panel);color:var(--amber);border:1px solid var(--line);font:8px ui-monospace,monospace;padding:8px;letter-spacing:0}.overlay-difficulty select:focus-visible{outline:2px solid var(--amber)}@media(max-height:600px){.arcade:is(:fullscreen,.is-expanded) .overlay-difficulty{gap:3px;font-size:6px}.arcade:is(:fullscreen,.is-expanded) .overlay-difficulty select{padding:4px;font-size:7px}}
.livery-picker{position:absolute;inset:0;z-index:10;background:#15131ff7;display:flex;flex-direction:column;padding:18px;gap:10px;overflow:hidden}.livery-picker[hidden]{display:none}.livery-heading .eyebrow{font-size:7px;letter-spacing:1px}.livery-heading h2{font:26px Impact,"Arial Black",sans-serif;letter-spacing:.5px;margin:5px 0 0}.livery-heading h2 span{color:var(--amber)}.livery-feature{display:flex;align-items:center;gap:12px;flex-shrink:0}.livery-feature>canvas{width:130px;height:80px;cursor:default;flex-shrink:0;border:1px solid var(--line)}.livery-feature strong{font-size:8px;color:var(--mint);font-weight:normal;line-height:1.6}.livery-feature p{font-size:8px;line-height:1.6;margin:6px 0;color:var(--muted)}#livery-swatches{display:flex;gap:3px;margin-top:7px}#livery-swatches i{display:block;width:13px;height:8px}.livery-actions{display:flex;gap:8px}.livery-picker button{border:1px solid var(--line);background:#201b2b;color:var(--text);padding:8px;font:8px ui-monospace,monospace;letter-spacing:.3px}.livery-picker button:hover{border-color:var(--mint);background:#263332}.livery-actions button:last-child{color:var(--amber);flex:1}#livery-search{display:flex;gap:7px;align-items:center;flex-shrink:0}#livery-search label{font-size:8px;color:var(--muted);white-space:nowrap}#livery-number{flex:1;min-width:0;width:80px;background:#0e1019;border:1px solid var(--line);color:var(--text);font:10px ui-monospace,monospace;padding:8px}#livery-number:focus-visible{outline:2px solid var(--mint)}#livery-collection{font-size:7px;letter-spacing:.6px;color:var(--muted);flex-shrink:0}#livery-gallery{flex:1;min-height:70px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#62566f #181521;scrollbar-width:thin;border-top:1px solid var(--line);touch-action:pan-y}#livery-space{position:relative}#livery-tiles{position:absolute;left:0;right:0;display:grid;gap:8px}.livery-picker .livery-tile{height:137px;min-width:0;padding:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border-color:#383240}.livery-tile[aria-pressed="true"]{border-color:var(--amber);background:#383022}.livery-tile strong{font-size:8px;font-weight:normal;color:var(--amber)}.livery-pair{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.livery-pair img{height:42px;width:42px;object-fit:contain;image-rendering:pixelated}.livery-pair canvas{width:100%;height:64px;object-fit:contain;cursor:pointer;touch-action:pan-y}.livery-footer{flex-shrink:0}.livery-footer p{font-size:8px;line-height:1.5;margin:0 0 8px;color:var(--muted);min-height:12px}.livery-footer button{width:100%;color:#201921;background:var(--amber);font-weight:bold;border-color:var(--amber);padding:13px}.livery-footer button:hover{background:#ffda98;color:#201921;border-color:#ffda98}@media(max-height:600px){.arcade:is(:fullscreen,.is-expanded) .livery-picker{padding:6px;gap:4px}.arcade:is(:fullscreen,.is-expanded) .livery-heading .eyebrow{display:none}.arcade:is(:fullscreen,.is-expanded) .livery-heading h2{font-size:14px;margin:0}.arcade:is(:fullscreen,.is-expanded) .livery-feature{display:none}.arcade:is(:fullscreen,.is-expanded) .livery-picker button{padding:4px;font-size:7px}.arcade:is(:fullscreen,.is-expanded) #livery-number{padding:4px;font-size:8px}.arcade:is(:fullscreen,.is-expanded) .livery-footer p{font-size:6px;margin-bottom:3px}.arcade:is(:fullscreen,.is-expanded) #livery-gallery{min-height:25px}}

@media(max-width:540px){.arcade:not(:fullscreen):not(.is-expanded) .arcade-bottom{min-height:58px;height:auto;padding:6px;gap:3px}.arcade:not(:fullscreen):not(.is-expanded) .arcade-bottom .ship-label,.arcade:not(:fullscreen):not(.is-expanded) .arcade-bottom .shield-label{display:none}.arcade:not(:fullscreen):not(.is-expanded) .fullscreen-controls{display:flex;flex:1;flex-wrap:wrap;gap:2px}.arcade:not(:fullscreen):not(.is-expanded) .fullscreen-controls button{min-height:25px;font-size:8px;padding:5px 6px;letter-spacing:0}.arcade:not(:fullscreen):not(.is-expanded) #fullscreen{flex-shrink:0}.arcade:not(:fullscreen):not(.is-expanded) #fullscreen span{display:none}}
/* Audio and transmissions stay outside the playfield. */
.audio-controls{height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 6px;background:#201a2a;flex:none}.audio-controls button,.studio-actions button,#music-close{border:1px solid #62557b;background:#292133;color:#f1e5da;padding:5px 7px;font:8px ui-monospace,monospace}.audio-controls button[aria-pressed=false]{color:#92859e}.status-row{height:52px;flex:none;background:#181321;display:flex;align-items:center;padding:4px 10px}.transmission{position:static;inset:auto;background:transparent;padding:3px 8px;line-height:1.4;font-size:9px;transform:none;width:100%;transition:opacity .2s}.transmission.visible{transform:none}
.arcade:is(:fullscreen,.is-expanded) :is(.screen,.arcade-top,.arcade-bottom,.audio-controls,.status-row){width:min(100vw,calc((100dvh - 164px)*.75))}
.arcade:is(:fullscreen,.is-expanded) .transmission{font-size:7px}
#music-studio{width:min(520px,92vw);max-height:90dvh;overflow:auto;background:#201a2a;color:#eee1ee;border:1px solid #b394e7;padding:20px;font:11px ui-monospace,monospace}#music-studio::backdrop{background:#080611cf}#music-studio .studio-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}#music-studio h2{font:24px Georgia,serif;margin:0;color:var(--amber)}#music-studio p{line-height:1.6}#music-studio label{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:#c9b7db}#music-studio input,#music-studio select,#music-studio textarea{min-width:0;width:100%;background:#110e1b;color:#eee1ee;border:1px solid #62557b;padding:8px;font:16px ui-monospace,monospace}#music-studio textarea{font-size:12px}#music-studio small{line-height:1.6;color:#ac9aba}.studio-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-actions{display:flex;gap:8px;flex-wrap:wrap}.studio-actions button{font-size:10px;padding:9px}#music-result{min-height:36px;color:var(--mint)}

.audio-channel{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.audio-channel button{flex:none;white-space:nowrap}.audio-channel input[type=range]{flex:1;min-width:24px;width:0;height:32px;margin:0;accent-color:var(--amber);cursor:pointer;touch-action:pan-y}.audio-channel output{font-size:7px;min-width:25px;text-align:right;color:var(--amber);font-variant-numeric:tabular-nums}.audio-channel.muted input,.audio-channel.muted output{opacity:.3}.audio-channel input:disabled{cursor:default}.audio-channel input:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.arcade:is(:fullscreen,.is-expanded) .audio-controls{width:min(100vw,480px)}
@media(max-width:540px){.audio-controls{gap:6px}.audio-controls button{padding:5px;font-size:7px}.audio-channel{gap:4px}.audio-channel output{min-width:23px}}