:root{
    --weapon-accent:#ffd76a;
    --map-grid:var(--bluey);
    --map-arc:#0e2a48;
    --romulan-red:#e43b2a;
    --tng-gold:#f0c413;
    --tng-tan:#ca8;
    --tng-almond:#fc9;
}
.ship-name{color:#cfe7ff;font-weight:800;font-size:26px;}
.enemy-ship-name{color:var(--romulan-red);font-weight:800;font-size:22px;}
/* header bars */
.bars{margin-top:20px;margin-bottom:20px;display:flex;gap:6px;align-items:center}
.bar-a{width:500px;height:18px;background:var(--tng-gold);border-radius:2px}
.bar-b{width:150px;height:18px;background:var(--bluey);border-radius:2px}
.bar-c{width:350px;height:18px;background:var(--tng-tan);border-radius:2px}

/* main map panel */
.map-panel{background:#06070a;border:4px solid var(--bluey);border-radius:8px;position:relative;min-width:1000px;min-height:500px;overflow:hidden}
#tactical-svg{display:block;width:100%;height:100%;}

/* bottom ticks */
.ticks{position:absolute;left:18px;right:18px;bottom:8px;display:flex;justify-content:space-between;color:#2f6fb3;font-weight:800;font-size:12px}

/* phaser beam css fade */
.phaser-line{stroke:#ffb86b;stroke-width:6;opacity:0;transition:opacity .15s ease}
.phaser-line.show{opacity:0.95}

/* photon (glow) */
.photon{fill:#ffb86b;filter: blur(0.8px)}