/* GP030: a small edge instrument, never a central popup. */
#pack30{position:absolute;z-index:6;box-sizing:border-box;height:151px;padding:9px 10px;background:rgba(6,23,43,.94);color:#eef5ff;border:1px solid #5982ac;border-radius:7px;pointer-events:none;font:12px/1.3 Arial,sans-serif;contain:layout style;overflow:hidden;box-shadow:0 3px 12px #0004}
.pack30-line{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.pack30-line b{font-size:12px;letter-spacing:.6px;color:#fff}.pack30-line span{font-size:11px;color:#c3d9ee;font-variant-numeric:tabular-nums}.pack30-progress{height:3px;background:#304b6c;margin:6px 0 7px}.pack30-progress i{display:block;height:100%;background:linear-gradient(90deg,#bd2038,#f4f1ea,#73b9ff);width:0}
.pack30-body{display:flex;gap:8px;height:76px}.pack30-rivals{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.pack30-rivals>div{display:grid;grid-template-columns:1fr auto;gap:1px 4px}.pack30-rivals>div>span{grid-column:1/-1;font-size:9px;letter-spacing:1.1px;color:#aec5dd}.pack30-rivals b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack30-rivals em{font-style:normal;font-size:11px;color:#f2d49a;font-variant-numeric:tabular-nums;white-space:nowrap}.pack30-rivals small{font-size:7px;color:#b6cadf;letter-spacing:.1px;white-space:nowrap}
.pack30-radar{width:57px;flex:0 0 57px;text-align:center;position:relative}.pack30-radar svg{height:68px;width:57px;display:block;background:#0a1a31;border:1px solid #3a5b7f;border-radius:5px}.pack30-lanes{stroke:#547498;stroke-width:1;stroke-dasharray:3 3;fill:none}.pack30-you{fill:#fff;stroke:#09263f;stroke-width:1}.pack30-dot{fill:#efc475;stroke:#071a31;stroke-width:1.5}.pack30-dot.remote{fill:#9dceff}.pack30-radar b{display:block;position:absolute;bottom:0;left:-5px;right:-5px;font-size:8px;letter-spacing:.2px;color:#d6e9fd;white-space:nowrap}#pack30[data-close=yes] .pack30-radar b{color:#ffd396}#pack30[data-close=yes] .pack30-radar svg{border-color:#ffd396}
#pack30-split{margin:6px 0 0;padding-top:3px;border-top:1px solid #446285;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#deeaff}#pack30-split[data-pace=ahead]{color:#b9f0d6}#pack30-split[data-pace=behind]{color:#ffd3a4}
#pack30-result{margin:12px 0;border-top:1px solid #506c8d;color:#d7e9fa;font:12px/1.55 Arial,sans-serif}#pack30-result summary,#pack30-pause summary{padding:12px 2px;min-height:44px;box-sizing:border-box;font-weight:700;cursor:pointer}#pack30-result p{margin:0 0 10px}#pack30-result small{font-size:11px}.pack30-table{overflow:auto;max-height:210px}.pack30-table table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.pack30-table caption{font-size:11px;text-align:left;padding:0 0 8px}.pack30-table th,.pack30-table td{text-align:right;padding:5px 7px;border-bottom:1px solid #365371;white-space:nowrap}.pack30-table th:first-child,.pack30-table td:first-child{text-align:left}.pack30-table thead th{color:#f4d49a;background:#09223d}.pack30-session{font-size:12px;line-height:1.5;color:#cfe5ff;margin:8px 0 0}.pack30-help{font-size:12px!important;line-height:1.5!important;color:#c8dcf1!important}#pack30-pause{border-top:1px solid #4c6786;font:13px/1.5 Arial,sans-serif}#pack30-order{padding-left:25px}#pack30-order li{padding:4px 0}#pack30-pause p{font-size:12px;color:#c3d7ea}
body.touch #pack30{padding:8px}.pack30-table:focus-visible{outline:2px solid #9acaee} @media(prefers-reduced-motion:reduce){#pack30 *,#pack30-result *{animation:none!important;transition:none!important}}

body.touch #pack30 .pack30-body{height:55px;gap:6px}body.touch #pack30 .pack30-radar{width:43px;flex-basis:43px}body.touch #pack30 .pack30-radar svg{height:49px;width:43px}body.touch #pack30 .pack30-radar b{bottom:-2px;font-size:7px}body.touch #pack30 .pack30-line b{font-size:11px}body.touch #pack30 .pack30-line span{font-size:10px}body.touch #pack30 .pack30-rivals b,body.touch #pack30 .pack30-rivals em{font-size:10px}body.touch #pack30 .pack30-rivals>div>span{font-size:8px}body.touch #pack30 .pack30-rivals small{font-size:6.5px}body.touch #pack30 .pack30-progress{margin:5px 0}body.touch #pack30 #pack30-split{font-size:10px;margin-top:5px}

body.touch #pack30[data-compact=yes]{padding:6px 8px}body.touch #pack30[data-compact=yes] .pack30-line b{font-size:10px}body.touch #pack30[data-compact=yes] .pack30-line span{font-size:9px}body.touch #pack30[data-compact=yes] .pack30-progress{margin:3px 0}body.touch #pack30[data-compact=yes] .pack30-body{height:23px}body.touch #pack30[data-compact=yes] .pack30-rivals>div:nth-child(2),body.touch #pack30[data-compact=yes] .pack30-radar,body.touch #pack30[data-compact=yes] .pack30-rivals small,body.touch #pack30[data-compact=yes] #pack30-split{display:none!important}