@font-face{font-family:Four;src:url('/Digi-Hamishe-v41.woff2')}*{box-sizing:border-box}body{margin:0;background:#070d0a;color:#ecf0e8;font-family:Four,Tahoma,sans-serif}main{max-width:560px;min-height:100dvh;margin:auto;padding:14px 16px calc(24px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 80% 0,#18312566,transparent 60%),#0b120f}header{display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:center;padding:8px 0 16px;border-bottom:1px solid #334334}h1{font-family:Arial,sans-serif;letter-spacing:2px;margin:0;font-size:29px;color:#ddd}h1 b{color:#b0ef64}h2{font-size:20px;margin:0 0 6px}small{color:#a6b4a6;font-size:12px}header a{font-size:35px;color:#d5e0d2;text-decoration:none;padding:0 14px}button,input{font:inherit}button{border:1px solid #3e503f;border-radius:12px;background:#17221b;color:#c9eea3;min-height:44px;padding:9px 13px;cursor:pointer}button:hover{border-color:#a6df66}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #b0ef64;outline-offset:3px}button.danger{color:#f3b59d;border-color:#835c4d}.heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 12px}.heading h2{overflow-wrap:anywhere}.heading small{display:block}.beta,.help{font-size:12px;color:#adbaa9;line-height:1.9}.beta{border-right:2px solid #ad813d;padding-right:10px}.card{border:1px solid #334b38;background:#111d16;border-radius:16px;padding:16px;margin:12px 0}.card p{color:#a9b5a4}.card button{margin:4px}.card h3{margin:0;overflow-wrap:anywhere}#map-shell{height:clamp(250px,40dvh,430px);position:relative;border:1px solid #415742;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#213727,#101b14)}#map{position:absolute;inset:0}#map-status{position:absolute;inset:30%;inset-inline:20px;display:flex;align-items:center;justify-content:center;text-align:center;color:#c1ccba;pointer-events:none;font-size:14px}#map-status[hidden]{display:none}#center{position:absolute;bottom:46px;left:12px;background:#142219e8;font-size:24px}#share-state{position:absolute;top:10px;right:10px;border:1px solid #637653;border-radius:20px;background:#10190de8;font-size:11px;padding:7px 10px}#speaker{margin:14px 0 8px;border:1px solid #3e503c;border-radius:12px;padding:15px;text-align:center;background:#142018;color:#c4dfb2;min-height:56px}#connect{width:100%}.console{display:flex;align-items:center;justify-content:center;gap:20px;padding:24px 0 8px;background:radial-gradient(ellipse at center,#34412a44,transparent 70%)}.console>button:not(#ptt){width:69px;font-size:27px;border-radius:50%;border-color:#3a463a;background:linear-gradient(135deg,#253027,#0d140f);padding:12px 4px;flex-shrink:0}.console small{display:block;font-size:10px;color:#c1d5b3}.console #ptt{width:164px;height:164px;min-width:100px;border-radius:50%;border:6px solid #8abe4f;box-shadow:0 0 0 6px #23331e,0 0 0 9px #091109,inset 0 0 20px #000;background:radial-gradient(circle at 40% 30%,#34402c,#101710);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#ptt svg{width:62px;height:62px;fill:currentColor;color:#b4f372}#ptt.talking{border-color:#d7ffaf;box-shadow:0 0 28px #a5ed5377,inset 0 0 22px #45662f}.hold-label{text-align:center;margin:12px 0 22px}.track-panel{border:1px solid #374736;border-radius:14px;padding:12px;font-size:13px;margin:16px 0}.track-panel>div{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}#record-state{color:#b5cda4}#notice{position:fixed;bottom:16px;left:16px;right:16px;margin:auto;max-width:500px;background:#233622;color:#f1faeb;border:1px solid #89ac6a;border-radius:12px;padding:14px;z-index:100;display:none;box-shadow:0 5px 30px #0009}dialog{color:#e2eedb;background:#101c15;border:1px solid #6e8b58;border-radius:20px;width:calc(100% - 24px);max-width:500px;max-height:85dvh;padding:18px}dialog::backdrop{background:#000a}.close{float:left;font-size:24px;padding:0 13px;margin-bottom:14px}#sheet-content{clear:both}input{display:block;background:#07110b;color:#edf6e5;border:1px solid #516443;border-radius:10px;min-height:48px;width:100%;padding:10px;margin:10px 0;font-size:16px}label{display:block;margin-top:12px}.member{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #324231;padding:10px 0;gap:6px}.member span{overflow-wrap:anywhere}.pin{background:#203419;color:#d9f5c0;border:2px solid #a2da68;border-radius:20px;padding:5px 8px;font-family:Four,Tahoma;font-size:12px}.pin.stale{border-color:#d3a453;color:#f1dba2}#sheet-content p{line-height:1.8;font-size:13px}#sheet-content a{color:#b0ef64}[hidden]{display:none!important}@media(max-width:360px){.console{gap:12px}.console #ptt{width:140px;height:140px}.console>button:not(#ptt){width:60px}.heading{flex-wrap:wrap}h1{font-size:25px}}

/* Keep map and PTT close together on a phone; secondary track tools may scroll. */
@media(max-width:600px){main{padding-top:6px}header{padding:5px 0 10px}.heading{margin:12px 0 8px}#map-shell{height:clamp(220px,29dvh,320px)}.console{padding-top:18px}.console #ptt{width:146px;height:146px}.hold-label{margin:8px 0 14px}.beta{font-size:11px;margin:8px 0}#speaker{padding:10px;min-height:44px}}

/* Radio-first screen with a physical left group drawer in RTL. */
main{padding-top:max(10px,env(safe-area-inset-top))}header{position:relative}#group-menu{min-width:48px;font-size:23px}#channel>.heading{margin-top:28px;min-height:58px}#group-name{font-size:24px}#speaker{margin-top:24px}#group-drawer{position:fixed;inset:0 auto 0 0;margin:0;width:min(88vw,350px);max-width:350px;height:100dvh;max-height:100dvh;border-radius:0 24px 24px 0;border-left:0;padding:calc(18px + env(safe-area-inset-top)) 18px 24px;box-shadow:15px 0 70px #0008}#group-drawer .heading{clear:both}#group-drawer #create{font-size:28px;min-width:48px;padding:0 12px}#group-drawer .card{padding:14px}#group-drawer::backdrop{background:#000b}.console{position:relative;min-height:300px;padding:40px 0 24px}.console #ptt{width:210px;height:210px;border-width:7px}.console #ptt svg{width:85px;height:85px}.console #mute{position:absolute;left:0;bottom:8px;width:58px;font-size:23px}.hold-label{color:#d4efb8;letter-spacing:.3px;margin-bottom:32px}#audio-check{font-size:12px;color:#a6b4a6;margin-top:24px}#audio-report{line-height:1.9}.help{margin-top:24px;text-align:center}@media(max-width:360px){.console #ptt{width:182px;height:182px}.console{min-height:270px}#group-name{font-size:20px}}

/* CUTOFF-inspired instrument surface. Decorative marks carry no fabricated telemetry. */
:root{color-scheme:dark}body{background:#03090e;color:#d9f3f6}main{position:relative;isolation:isolate;max-width:520px;background:radial-gradient(ellipse at 50% 56%,#10354070,transparent 55%),linear-gradient(90deg,#142c3526 1px,transparent 1px),linear-gradient(#142c3526 1px,transparent 1px),#050e16;background-size:auto,26px 26px,26px 26px,auto;padding-inline:20px;border-inline:1px solid #16313d;box-shadow:0 0 70px #000}main:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#7cecff03 0 1px,transparent 1px 4px)}header{border-bottom:1px solid #3a7e8e;padding-bottom:16px;margin-top:5px}header:after{content:'';position:absolute;bottom:-3px;right:0;width:48px;height:5px;background:#67eee9;box-shadow:0 0 15px #67eee944}h1{font-size:28px;letter-spacing:3px;color:#d5e8ec;text-shadow:0 0 18px #59ddf322}h1 b{color:#73f2e9}header small{color:#7696a6}header a{color:#66d5dc}button{border-color:#2b6171;background:linear-gradient(135deg,#153342,#091822);border-radius:5px;color:#a5efed;box-shadow:inset 0 1px #8ce8ff12}button:hover{border-color:#7cf9ef}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9bffec;outline-offset:4px}#group-menu{background:#0b2533;font-size:24px;border-radius:4px;box-shadow:inset 3px 0 #59dfe4}small{color:#799fae}.beta{border-right:2px solid #2c7187;font-size:10px;color:#769aa9;line-height:1.75;margin:12px 0;padding:2px 9px;background:#07141db3}#channel>.heading{margin:20px 0 16px;min-height:62px;padding:12px;background:linear-gradient(105deg,#0d222c,#0a1720);border:1px solid #25414e;border-right:3px solid #66d8df;border-radius:0 9px 0 9px}#group-name{font-size:23px;color:#e1f5f5}#presence{color:#83c3ce;font-size:11px}#members{font-size:12px;padding:8px;white-space:nowrap}#speaker{position:relative;background:linear-gradient(90deg,#08151f,#0d2934,#08151f);border:1px solid #316576;border-radius:0;margin:0 0 9px;color:#a7eeeb;min-height:42px;font-size:14px;box-shadow:inset 0 0 18px #24677b15}#speaker:before,#speaker:after{content:'';position:absolute;width:5px;height:16px;top:calc(50% - 8px);background:#6ce9e3;box-shadow:0 0 9px #6ce9e333}#speaker:before{left:-2px}#speaker:after{right:-2px}#connect{min-height:40px;font-size:12px;background:#081923;border:1px solid #254655;color:#80b6c3}#resume-audio{width:100%;margin-bottom:8px;color:#ffda8b;border-color:#856a36}.console{width:100%;height:330px;min-height:330px;margin:12px auto 0;padding:35px 0;background:radial-gradient(circle at center,#184a5633,transparent 64%)}.hud-rings{position:absolute;width:310px;height:310px;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;fill:none;stroke:#285b6c;stroke-width:1}.hud-rings .arc{stroke:url(#hud-glow);stroke-width:5;opacity:.8}.hud-rings .corners{stroke:#447786;stroke-width:1}.hud-label{position:absolute;top:8px;left:50%;transform:translateX(-50%);direction:ltr;white-space:nowrap;letter-spacing:3px;font:8px monospace;color:#6b9ead;background:#08131c;padding:4px 10px}.console #ptt{position:relative;width:204px;height:204px;border:2px solid #64d3d6;background:radial-gradient(circle at 40% 25%,#244452,#0d1f2c 65%,#07131c);box-shadow:0 0 0 5px #050e16,0 0 0 6px #2d5a6b,0 0 32px #19d1d516,inset 0 0 35px #020c12;color:#9afff2}.console #ptt:after{content:'';position:absolute;inset:10px;border:1px solid #477b8544;border-radius:50%;pointer-events:none}#ptt svg{color:#8af5ef;filter:drop-shadow(0 0 8px #5ff9ee50);width:72px!important;height:72px!important}#ptt.talking{border-color:#c2fff7;box-shadow:0 0 0 5px #0b252e,0 0 0 6px #7cffef,0 0 45px #33d6de66,inset 0 0 40px #2c6a73}.console #mute{bottom:0;left:0;z-index:2;width:54px;border-radius:5px;background:#0b202c;border:1px solid #366777}.console small{color:#97ced4}.hold-label{margin:2px 0 16px;font-size:13px;color:#a8d6dd}.hold-label:before,.hold-label:after{content:'—';color:#3d7586;margin:0 14px}#audio-check{margin-top:20px;padding:12px;border:1px solid #203f4d;border-top:2px solid #315967;background:#07141dc9;color:#7eacb9;border-radius:0;font-size:11px}#audio-check summary{cursor:pointer;min-height:24px}#audio-report{font-size:12px;color:#a7ced8}.help{font-size:10px;color:#668d9d;margin-top:14px}dialog,#group-drawer{background:linear-gradient(135deg,#0c202d,#060f18);border-color:#407b8b;color:#d8f3f4;box-shadow:0 0 60px #000c}.card{border-color:#285363;border-radius:3px;background:#0b1c27}.card p{color:#7aabb8}.card h3{color:#b4edea}input{background:#07131c;border-color:#366677;color:#e5fafa}#notice{background:#102e3b;color:#d8f6f7;border-color:#50bac5;border-radius:5px}#sheet-content a{color:#7ae5e4}.member{border-color:#294858}#group-drawer #create{color:#9ffaf0;border-color:#4babb2}#group-drawer .close{color:#a5e0e6}.console #ptt:disabled{opacity:.45}@media(max-width:360px){main{padding-inline:14px}.hud-rings{width:278px;height:278px}.console{height:300px;min-height:300px}.console #ptt{width:182px;height:182px}h1{font-size:24px;letter-spacing:2px}#group-name{font-size:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.console>button#mute{background:linear-gradient(135deg,#12323e,#071722);border-color:#397d8b;border-radius:5px;color:#95ece7;width:54px;font-size:23px}.console>button#mute small{color:#97ced4}

/* Compact secondary controls; retain the central hold-to-talk target. */
button:not(#ptt){min-height:32px;padding:5px 10px;font-size:12px;border-radius:4px;line-height:1.5}header{gap:10px;padding-bottom:10px}header a{font-size:28px;padding:0 10px}#group-menu{min-width:36px;width:36px;height:36px;min-height:36px;padding:2px;font-size:21px}h1{font-size:25px;letter-spacing:2px}header small{font-size:10px}.beta{margin:9px 0;font-size:10px}#channel>.heading{margin:14px 0 10px;padding:8px 10px;min-height:48px;border-right-width:2px}#group-name{font-size:20px;margin-bottom:3px}#presence{font-size:10px}#members{padding:4px 9px;min-height:30px;font-size:11px}#speaker{min-height:32px;padding:6px 10px;font-size:12px;margin-bottom:8px}#connect{display:block;width:max-content;max-width:100%;min-height:30px;padding:4px 14px;margin:0 auto;font-size:11px}#resume-audio{display:block;width:max-content;max-width:100%;margin:0 auto 8px;font-size:11px;min-height:32px}.console>button#mute{width:44px;min-height:42px;padding:5px 3px;font-size:19px;bottom:9px}.console>button#mute small{font-size:8px;line-height:1.5}.hold-label{font-size:12px;margin-bottom:12px}#audio-check{margin-top:14px;padding:7px 9px;font-size:10px;border-top-width:1px}#audio-check summary{min-height:19px}#test-sound{min-height:30px;margin-top:7px;font-size:11px}#group-drawer{width:min(82vw,310px);padding-inline:14px}#group-drawer .heading{margin:10px 0}#group-drawer h2{font-size:18px}#group-drawer #create{font-size:23px;min-width:34px;width:34px;min-height:34px;padding:0}#group-drawer .close,#sheet .close{font-size:20px;width:32px;min-height:32px;padding:0;margin-bottom:8px}#group-drawer .card{padding:11px;margin:9px 0}#group-drawer .card h3{font-size:16px}#group-drawer .card p{font-size:11px;margin:6px 0}#group-drawer .card button{min-height:30px;font-size:11px;padding:4px 10px;margin:3px}#sheet button:not(.close){min-height:34px;font-size:12px;padding:5px 10px}#sheet h2{font-size:19px}#sheet .member{padding:7px 0;font-size:13px}#sheet input{min-height:42px}.help{margin-top:10px}@media(max-width:360px){h1{font-size:22px}#group-name{font-size:18px}#channel>.heading{flex-wrap:nowrap}#members{font-size:10px;padding-inline:7px}}

/* Fixed radio viewport; only drawers/forms and diagnostics scroll internally. */
html,body{height:100%;width:100%;overflow:hidden;overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}main{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}header{flex:none;margin-top:0;padding-top:2px;padding-bottom:8px}.beta{flex:none;margin:6px 0;font-size:9px;line-height:1.6}#channel{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}#channel>.heading{flex:none;margin:6px 0 8px;min-height:42px;padding:6px 9px}#group-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 150px);font-size:19px}.heading>div{min-width:0}#speaker{flex:none;margin-bottom:6px;min-height:30px;line-height:1.5;padding:5px 10px;font-size:11px}#connect,#resume-audio{flex:none}#resume-audio{margin-bottom:5px}.console{flex:1;min-height:0;height:auto;margin:4px 0;padding:10px 0;--dial-size:clamp(110px,calc(100dvh - 410px),204px)}.console #ptt{width:var(--dial-size);height:var(--dial-size);flex-shrink:0}.hud-rings{width:calc(var(--dial-size) + 78px);height:calc(var(--dial-size) + 78px);max-height:100%;max-width:100%}.hud-label{top:4px;font-size:7px}.console>button#mute{bottom:5px}.hold-label{flex:none;margin:4px 0 8px;font-size:11px}#audio-check{flex:none;margin:0;padding:5px 9px;font-size:10px}#audio-check summary{min-height:20px}#audio-check[open]{position:absolute;left:0;right:0;bottom:24px;z-index:20;max-height:55%;overflow-y:auto;overscroll-behavior:contain;background:#081925;box-shadow:0 -12px 40px #000c}#audio-report{font-size:11px;margin:8px 0}.help{flex:none;font-size:9px;line-height:1.5;margin:6px 0 0}dialog{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 24px)}#group-drawer{height:100dvh;max-height:100dvh}#notice{bottom:max(10px,env(safe-area-inset-bottom));max-height:35dvh;overflow:auto;font-size:12px}@media(max-height:600px){header small,.beta,.help{display:none}header{padding-bottom:6px}h1{font-size:22px}#group-menu{height:32px;min-height:32px}#channel>.heading{margin-top:6px}#group-name{font-size:17px}.console{--dial-size:clamp(100px,calc(100dvh - 300px),204px)}.hold-label{margin:2px 0 4px}#audio-check{padding-block:2px}}@media(max-height:430px){#channel{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr auto;column-gap:12px}.console{grid-column:2;grid-row:1/6;--dial-size:clamp(100px,calc(100dvh - 180px),190px)}#channel>.heading{grid-column:1;grid-row:1}#speaker{grid-column:1;grid-row:2}#connect,#resume-audio{grid-column:1;grid-row:3}.hold-label{grid-column:1;grid-row:4;align-self:center}#audio-check{grid-column:1;grid-row:5}#audio-check[open]{bottom:0;max-height:90%}#group-name{max-width:calc(50vw - 130px)}.console>button#mute{left:0;bottom:0}}

/* Group switch lives inside the radio panel, physically at its left edge. */
header .header-spacer{width:36px;flex:0 0 36px}.radio-actions{display:flex;align-items:center;gap:6px;flex:none}#channel .heading{gap:6px}#channel .heading>div:first-child{flex:1;overflow:hidden}#group-name{max-width:100%;font-size:18px}#channel #group-menu{width:32px;min-width:32px;height:32px;min-height:32px;font-size:19px;padding:0;box-shadow:none}#members{font-size:10px;white-space:nowrap;padding:4px 7px}@media(max-width:360px){#group-name{font-size:16px}.radio-actions{gap:4px}#members{font-size:9px;padding-inline:5px}}@media(max-height:430px){#channel>.heading{flex-wrap:wrap}#channel .heading>div:first-child{flex-basis:100%}#channel .radio-actions{margin-right:auto}#group-name{max-width:100%}}

#member-presence{display:flex;flex:none;flex-wrap:wrap;gap:3px 8px;align-content:center;min-height:22px;max-height:60px;overflow-y:auto;margin:5px 0;padding:3px 5px;font-size:10px;line-height:1.5;border-bottom:1px solid #22404a}#member-presence .person{display:inline-flex;align-items:center;gap:4px;max-width:145px;min-width:0;direction:ltr}#member-presence .person span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#member-presence i{width:6px;height:6px;border-radius:50%;flex:none;background:#73848c}#member-presence .online i{background:#4ddd83;box-shadow:0 0 5px #4ddd8366}#member-presence .offline i{background:#f26b73}@media(max-height:600px){#member-presence{max-height:34px;font-size:9px;margin:2px 0}}

#join-code{min-height:30px;padding:4px 8px;font-size:11px;white-space:nowrap}#channel>.heading>div:first-child{flex:1;overflow:hidden}#channel>.heading #group-name{max-width:100%}#channel>.heading .radio-actions{flex:none;gap:4px}@media(max-width:360px){#join-code{font-size:10px;padding-inline:6px}}@media(max-height:430px){#channel>.heading{flex-wrap:wrap}#channel>.heading .radio-actions{max-width:100%;flex-wrap:wrap}}

#channel>.heading{flex-wrap:wrap;gap:5px}#channel>.heading>div:first-child{flex:1 0 100%;display:flex;align-items:center;justify-content:space-between;gap:8px}#channel>.heading .radio-actions{width:100%;justify-content:flex-start}#current-group-code{font:600 12px/1.4 monospace;letter-spacing:1px;color:#8fe4e8;padding:3px 2px;white-space:nowrap}#current-group-code[hidden]{display:none}#channel>.heading #group-menu{margin-inline-start:auto}#channel>.heading #group-name{font-size:17px;margin:0}#channel>.heading #presence{white-space:nowrap}@media(max-height:430px){#channel>.heading .radio-actions{gap:3px}#current-group-code{font-size:11px}}