:root{
  --c17-red:#c9142c;
  --c17-red-bright:#ef334d;
  --c17-red-soft:#ffe6ea;
  --c17-ink:#101722;
  --c17-ink-2:#182230;
  --c17-steel:#6b7687;
  --c17-paper:#fbf7f2;
  --c17-panel:#ffffff;
  --c17-blue:#1f6feb;
  --c17-line:rgba(14,23,34,.09);
  --c17-shadow:0 22px 60px rgba(9,16,27,.14);
}
body{background:linear-gradient(180deg,#0e151f 0 150px,#edf1f5 150px)!important;color:var(--c17-ink)}
.game-header{background:linear-gradient(90deg,#0c121b,#151f2d 68%,#7c1020)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:0 18px 44px rgba(0,0,0,.26)!important}
.command-bar{background:rgba(13,19,28,.96)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.neo12-hud{max-width:none!important;margin:14px 18px 10px!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid var(--c17-line)!important;border-radius:24px!important;box-shadow:var(--c17-shadow)!important}
.workspace-rail{margin:0 18px 12px!important;border-radius:18px!important;background:rgba(255,255,255,.94)!important;border:1px solid var(--c17-line)!important;box-shadow:0 14px 34px rgba(10,18,28,.08)!important}
.workspace-action{border-radius:14px!important;transition:.22s ease!important}
.workspace-action:hover,.workspace-action.selected{transform:translateY(-1px);background:linear-gradient(180deg,#fff,#f5f7fa)!important;box-shadow:0 9px 20px rgba(9,18,30,.08)!important}
.dashboard{display:grid!important;grid-template-columns:minmax(280px,.86fr) minmax(520px,1.6fr) minmax(340px,1fr)!important;gap:16px!important;padding:0 18px 22px!important;align-items:start}
.panel,.maximum-radar{border:1px solid rgba(16,23,34,.08)!important;border-radius:24px!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.97))!important;box-shadow:var(--c17-shadow)!important;overflow:hidden;position:relative}
.panel::before,.maximum-radar::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--c17-red),#ff6679 58%,transparent 92%);opacity:.9}
.queue-panel{grid-column:1;grid-row:1}
.map-panel{grid-column:2;grid-row:1;min-height:700px}
.detail-panel{grid-column:3;grid-row:1}
.aux-panel{grid-column:1/3;grid-row:2}
.maximum-radar{grid-column:3;grid-row:2}
.panel-head{padding:20px 20px 14px!important;margin:0!important;border-bottom:1px solid rgba(16,23,34,.07)!important}
.panel-tools,.queue-footer,.dispatch-section,.nearest-strip,.aux-grid{padding-left:18px!important;padding-right:18px!important}
.queue-scroll{padding:14px 16px 18px!important;display:grid;gap:10px}
.call-card,.unit-row,.radio-entry,.archive-card,.line-tile{border-radius:18px!important;border:1px solid rgba(18,29,42,.07)!important;background:#fff!important;box-shadow:0 8px 20px rgba(10,18,28,.05)!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.call-card:hover,.unit-row:hover,.line-tile:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(10,18,28,.11)!important;border-color:rgba(201,20,44,.22)!important}
.call-card.ringing,.line-tile.ringing{border-color:rgba(201,20,44,.38)!important;box-shadow:0 0 0 1px rgba(201,20,44,.16),0 13px 36px rgba(201,20,44,.16)!important;animation:c17Pulse 1.15s ease-in-out infinite}
@keyframes c17Pulse{0%,100%{transform:translateY(0);box-shadow:0 0 0 0 rgba(201,20,44,.2),0 13px 36px rgba(201,20,44,.14)}50%{transform:translateY(-1px);box-shadow:0 0 0 8px rgba(201,20,44,0),0 13px 36px rgba(201,20,44,.2)}}
.map-stage{border-radius:20px!important;overflow:hidden!important;margin:0 16px 16px!important;box-shadow:inset 0 0 0 1px rgba(14,23,34,.07)}
.map-search{padding:14px 16px!important;background:linear-gradient(180deg,#fff,#f7f9fb)!important;border-bottom:1px solid rgba(14,23,34,.06)!important}
.action-btn,.mini-primary,.small-primary{background:linear-gradient(135deg,var(--c17-red-bright),var(--c17-red))!important;box-shadow:0 10px 24px rgba(201,20,44,.2)!important;border-radius:15px!important}
.action-btn.subtle,.small-outline,.mini-btn{background:#fff!important;color:var(--c17-ink)!important;border:1px solid rgba(14,23,34,.1)!important;box-shadow:none!important}
.priority-badge{border-radius:999px!important}
.radio-led,.bar-live,.micro-dot,.phone-dot{color:var(--c17-red-bright)!important}

/* Real-call style connected phone */
.phone-backdrop{background:rgba(7,11,17,.72)!important;backdrop-filter:blur(16px) saturate(120%)}
.phone-window{width:min(1180px,calc(100vw - 28px))!important;max-width:none!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;border-radius:30px!important;background:linear-gradient(180deg,#fdfdfd,#f5f7fa)!important;box-shadow:0 44px 120px rgba(0,0,0,.46)!important;border:1px solid rgba(255,255,255,.32)!important;display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(310px,.72fr)!important;grid-template-areas:
 "top top"
 "lines lines"
 "head head"
 "facts facts"
 "wave actions"
 "state toggles"
 "caption toggles"
 "sep sep"
 "transcript quick"
 "transcript reply"
 "transcript controls"
 "transcript help";
 column-gap:18px;row-gap:10px;padding-bottom:16px!important}
.phone-top{grid-area:top;background:linear-gradient(90deg,#0f1723,#182334 63%,#9f1325)!important;color:#fff!important;padding:14px 18px!important;position:sticky;top:0;z-index:4}
.line-tray{grid-area:lines;padding:16px 18px 0!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:10px!important}
.phone-head{grid-area:head;padding:6px 20px 2px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:16px!important;align-items:center!important}
.caller-avatar{width:78px!important;height:78px!important;border-radius:24px!important;background:radial-gradient(circle at 35% 25%,#ff7c8d,var(--c17-red))!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:2rem!important;box-shadow:0 15px 38px rgba(201,20,44,.26)!important;position:relative}
.caller-avatar::after{content:"";position:absolute;inset:-8px;border:1px solid rgba(201,20,44,.22);border-radius:30px;animation:c17Avatar 2.1s ease-in-out infinite}
@keyframes c17Avatar{50%{transform:scale(1.05);opacity:.25}}
.caller-name h2{font-size:clamp(1.6rem,3vw,2.4rem)!important;letter-spacing:-.05em!important}
.call-timer{padding:11px 15px!important;border-radius:999px!important;background:#111a27!important;color:#fff!important;box-shadow:0 9px 24px rgba(15,24,36,.2)!important}
.ly17-phone-facts{grid-area:facts;padding:0 20px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.ly17-fact{background:#fff;border:1px solid rgba(15,24,36,.07);border-radius:16px;padding:11px 13px;min-height:62px;box-shadow:0 8px 18px rgba(13,22,34,.05)}
.ly17-fact small{display:block;letter-spacing:.12em;font-weight:800;color:#7b8695;margin-bottom:5px}
.ly17-fact strong{display:block;font-size:.95rem;line-height:1.15}
.voice-wave{grid-area:wave;margin:0 0 0 20px!important;min-height:112px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(201,20,44,.055),rgba(18,27,40,.035))!important;position:relative;overflow:hidden}
.voice-wave::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:translateX(-120%);animation:c17Sweep 5.5s linear infinite}
@keyframes c17Sweep{to{transform:translateX(120%)}}
.voice-state{grid-area:state;margin-left:20px!important;font-weight:900!important;letter-spacing:.05em!important}
.live-caption{grid-area:caption;margin-left:20px!important;background:#fff!important;border:1px solid rgba(15,24,36,.07)!important;border-radius:14px!important;padding:11px 13px!important;min-height:48px!important}
.phone-call-actions{grid-area:actions;margin:0 20px 0 0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.phone-toggle-row{grid-area:toggles;margin:0 20px 0 0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-content:start}
.phone-call-actions button,.phone-toggle{min-height:54px!important;border-radius:16px!important}
.phone-separator{grid-area:sep;margin:4px 20px 0!important;padding-top:13px!important;border-top:1px solid rgba(15,24,36,.07)!important}
.phone-transcript{grid-area:transcript;margin:0 0 0 20px!important;min-height:300px!important;max-height:390px!important;background:#fff!important;border:1px solid rgba(15,24,36,.07)!important;border-radius:20px!important;padding:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.transcript-line{border-radius:14px!important;padding:10px 12px!important;margin-bottom:8px!important;background:#f4f7fa!important}
.transcript-line.you{background:#fff0f2!important;border-left:3px solid var(--c17-red)!important}
.quick-questions{grid-area:quick;margin:0 20px 0 0!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-self:start}
.quick-questions button{min-height:48px!important;border-radius:14px!important}
.reply-row{grid-area:reply;margin:0 20px 0 0!important;display:grid!important;grid-template-columns:1fr auto!important;gap:9px!important}
.reply-row input{min-height:58px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(15,24,36,.12)!important;font-size:16px!important}
.reply-row button{border-radius:16px!important;min-width:112px!important}
.phone-controls{grid-area:controls;margin:0 20px 0 0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
.circle-control{border-radius:15px!important;min-height:74px!important;padding:10px 6px!important;background:#fff!important;border:1px solid rgba(15,24,36,.08)!important;box-shadow:0 8px 18px rgba(13,22,34,.05)!important}
.circle-control.hangup{background:linear-gradient(180deg,#ffdce2,#ffc6ce)!important;color:#7c0b1c!important}
.voice-help{grid-area:help;margin:0 20px 0 0!important;border-radius:14px!important;background:#eef4ff!important;border:1px solid rgba(31,111,235,.14)!important;padding:10px 12px!important;color:#34415a!important}

/* Incoming call */
.ly17-incoming{position:fixed;inset:0;z-index:4000;display:none;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 20%,rgba(201,20,44,.22),transparent 38%),rgba(5,8,12,.78);backdrop-filter:blur(18px)}
.ly17-incoming.show{display:flex;animation:c17Fade .3s ease}
@keyframes c17Fade{from{opacity:0}to{opacity:1}}
.ly17-incoming-card{width:min(560px,100%);border-radius:34px;background:linear-gradient(180deg,#111a27,#0c131d);color:#fff;padding:28px;box-shadow:0 50px 130px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08);text-align:center;position:relative;overflow:hidden}
.ly17-incoming-card::before{content:"";position:absolute;inset:-30% 40% auto -20%;height:220px;background:radial-gradient(circle,rgba(201,20,44,.35),transparent 70%);pointer-events:none}
.ly17-ring-avatar{width:120px;height:120px;border-radius:40px;margin:18px auto;display:grid;place-items:center;font-size:3rem;background:linear-gradient(145deg,#ff6276,#bd1028);box-shadow:0 20px 50px rgba(201,20,44,.34);position:relative}
.ly17-ring-avatar::before,.ly17-ring-avatar::after{content:"";position:absolute;inset:-12px;border:2px solid rgba(255,84,105,.36);border-radius:48px;animation:c17Ring 1.35s ease-out infinite}
.ly17-ring-avatar::after{animation-delay:.45s}
@keyframes c17Ring{0%{transform:scale(.88);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.ly17-incoming-kicker{letter-spacing:.18em;font-size:.78rem;font-weight:900;color:#ffb7c0}
.ly17-incoming h2{font-size:clamp(2rem,7vw,3.2rem);margin:.15rem 0 .25rem;letter-spacing:-.06em}
.ly17-incoming p{color:rgba(255,255,255,.72);margin:.2rem 0}
.ly17-ring-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:17px 0}
.ly17-ring-meta span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);font-weight:700;font-size:.82rem}
.ly17-ring-actions{display:grid;grid-template-columns:1.35fr .65fr;gap:10px;margin-top:20px}
.ly17-ring-actions button{min-height:58px;border-radius:18px;border:none;font-weight:900;font-size:1rem;cursor:pointer}
#ly17Answer{background:linear-gradient(135deg,#ff5369,#c9142c);color:#fff;box-shadow:0 14px 34px rgba(201,20,44,.3)}
#ly17Mute{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.12)}
.ly17-audio-gate{position:fixed;inset:0;z-index:4500;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,#0b1119,#101a27)}
.ly17-audio-gate[hidden]{display:none!important}
.ly17-gate-card{width:min(620px,100%);background:linear-gradient(180deg,#fff,#f7f8fb);border-radius:32px;padding:30px;box-shadow:0 40px 100px rgba(0,0,0,.44);text-align:center;color:#111722}
.ly17-gate-card img{width:128px;height:128px;object-fit:cover;border-radius:26px;box-shadow:0 16px 38px rgba(13,22,34,.16);margin-bottom:16px}
.ly17-gate-card h2{font-size:2.1rem;letter-spacing:-.05em;margin:.1rem 0 .5rem}
.ly17-gate-card p{color:#5f6876;line-height:1.55}
.ly17-gate-card button{min-height:58px;border:0;border-radius:18px;background:linear-gradient(135deg,#ef334d,#b80f28);color:#fff;padding:0 24px;font-weight:900;font-size:1rem;box-shadow:0 16px 34px rgba(201,20,44,.25)}

/* simplified small screens */
@media (max-width:1500px){.dashboard{grid-template-columns:minmax(280px,.9fr) minmax(500px,1.55fr) minmax(330px,1fr)!important}.aux-panel,.maximum-radar{grid-column:1/-1!important}}
@media (max-width:1150px){
 .dashboard{grid-template-columns:1fr!important;padding:0 12px 88px!important}.queue-panel,.map-panel,.detail-panel,.aux-panel,.maximum-radar{grid-column:1!important;grid-row:auto!important}.panel{min-height:auto!important}.map-panel{min-height:560px!important}
 .phone-window{display:block!important;width:min(900px,calc(100vw - 18px))!important}.ly17-phone-facts{grid-template-columns:1fr 1fr!important;margin-top:8px!important}.voice-wave,.voice-state,.live-caption,.phone-call-actions,.phone-toggle-row,.phone-separator,.phone-transcript,.quick-questions,.reply-row,.phone-controls,.voice-help{margin:10px 14px!important}.phone-head,.line-tray{padding-left:14px!important;padding-right:14px!important}.phone-transcript{max-height:34vh!important}
}
@media (max-width:720px){.ly17-phone-facts{grid-template-columns:1fr!important}.quick-questions{grid-template-columns:1fr 1fr!important}.phone-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ly17-ring-actions{grid-template-columns:1fr}.ly17-incoming-card{padding:22px 16px}.ly17-ring-avatar{width:92px;height:92px;border-radius:30px}}
.caller-name h2{color:#111722!important;text-shadow:none!important}
.caller-name p{color:#667282!important}
.caller-traits span{color:#fff!important}
.phone-head .caller-name h2{color:#111722!important;-webkit-text-fill-color:#111722!important;background:none!important;opacity:1!important;text-shadow:none!important}
.phone-head .caller-name p{color:#667282!important;-webkit-text-fill-color:#667282!important;opacity:1!important}