:root {
    color-scheme: dark;
    font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
    background: #050b22;
    color: #edf5ff;
}

* { box-sizing: border-box; }

body {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at 10% 12%, rgba(34, 69, 166, .26), transparent 25rem),
        radial-gradient(circle at 82% 10%, rgba(98, 37, 142, .18), transparent 22rem),
        linear-gradient(135deg, #07133b 0%, #05081d 48%, #090827 100%);
}

button { font: inherit; }

.site-shell { width: min(1600px, 100%); margin: auto; padding: .7rem; }

.loading-screen {
    display: grid;
    min-height: 70vh;
    place-content: center;
    gap: 1rem;
    color: #9fc7ff;
    font-size: clamp(.76rem, 1.5vw, 1rem);
    letter-spacing: .12em;
    text-align: center;
}

.loading-screen__spark { color: #ffe14c; font-size: 2.5rem; animation: twinkle 900ms ease-in-out infinite alternate; }

.tracker-dashboard { display: grid; gap: .7rem; }

.tracker-topbar,
.mission-strip,
.panel,
.stat-card {
    border: 1px solid rgba(115, 175, 255, .36);
    box-shadow: 0 0 0 1px rgba(7, 10, 37, .9), inset 0 1px rgba(255, 255, 255, .08);
}

.tracker-topbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    min-height: 4.25rem;
    padding: .6rem .8rem;
    background: rgba(6, 16, 50, .9);
}

.tracker-brand { display: inline-flex; align-items: center; gap: .6rem; color: #fff; font-size: clamp(.82rem, 1.4vw, 1.08rem); font-weight: 900; letter-spacing: -.04em; text-decoration: none; }
.tracker-brand__ball { position: relative; width: 1.32rem; height: 1.32rem; border: 2px solid #fff; border-radius: 50%; background: linear-gradient(#ef4c62 0 43%, #fff 45%); box-shadow: 0 0 0 2px #10183e; }
.tracker-brand__ball::after { position: absolute; top: 50%; left: 50%; width: .38rem; height: .38rem; border: 2px solid #10183e; border-radius: 50%; background: #fff; content: ""; transform: translate(-50%, -50%); }

.tracker-title { min-width: 0; text-align: center; }
.tracker-title__label,
.panel__eyebrow,
.mission-strip span,
.stat-card > span:not(.stat-card__icon),
.run-selector small,
.phase-table thead { color: #91b8ec; font-size: .61rem; font-weight: 900; letter-spacing: .09em; }
.tracker-title h1 { max-width: 32rem; margin: .08rem 0 0; overflow: hidden; color: #fff; font-size: clamp(.78rem, 1.6vw, 1.14rem); text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.tracker-title__run { display: inline-block; margin-top: .28rem; padding: .2rem .38rem; border: 1px solid rgba(117, 203, 255, .45); background: rgba(22, 76, 146, .3); color: #b8e4ff; font-size: .56rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }

.live-indicator { justify-self: end; display: inline-flex; align-items: center; gap: .42rem; padding: .38rem .56rem; border: 1px solid #2a4568; background: #0e1b40; color: #9bacc6; font-size: .64rem; font-weight: 900; letter-spacing: .08em; }
.live-indicator > span { width: .48rem; height: .48rem; border-radius: 50%; background: currentColor; }
.live-indicator--live { border-color: #29d88b; background: rgba(7, 100, 73, .35); color: #82f4b8; }
.live-indicator--live > span { box-shadow: 0 0 .7rem #39ef9b; }
.live-indicator--offline { color: #d7a8c2; }

.mission-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); background: rgba(6, 16, 50, .9); }
.mission-strip__item { display: grid; align-content: center; min-height: 4.75rem; gap: .3rem; padding: .7rem 1rem; border-right: 1px solid rgba(115, 175, 255, .2); }
.mission-strip__item:last-child { border-right: 0; }
.mission-strip strong { overflow: hidden; color: #f6fbff; font-size: clamp(1rem, 2.25vw, 1.54rem); text-overflow: ellipsis; white-space: nowrap; }
.mission-strip__item--highlight strong { color: #ffdc4f; text-shadow: 0 0 .55rem rgba(255, 199, 62, .3); }
.mission-strip__pokedex { grid-template-rows: auto .32rem auto; }
.mission-strip__pokedex strong { color: #95e7ff; font-size: clamp(.78rem, 1.45vw, 1rem); }
.pokedex-progress { width: 100%; height: .32rem; overflow: hidden; background: #172449; }
.pokedex-progress i { display: block; width: var(--pokedex-progress); height: 100%; background: linear-gradient(90deg, #4ccefc, #8bf2c7); box-shadow: 0 0 .42rem rgba(94, 228, 255, .72); transition: width .2s ease; }

.run-tabs { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: stretch; min-height: 4.45rem; }
.run-tabs__header { display: grid; align-content: center; gap: .34rem; min-width: 11.8rem; padding: .72rem .9rem; border-right: 1px solid rgba(115, 175, 255, .24); background: rgba(4, 11, 39, .55); color: #d9ecff; font-size: .62rem; font-weight: 900; letter-spacing: .07em; }
.run-tabs__list { display: flex; min-width: 0; overflow-x: auto; }
.run-tabs__list .empty-state { display: grid; align-items: center; padding: 0 1rem; }
.run-tab { position: relative; display: inline-flex; flex: 1 0 max-content; align-items: center; gap: .55rem; min-width: 10.2rem; padding: .72rem .85rem; border-right: 1px solid rgba(115, 175, 255, .16); background: rgba(9, 22, 60, .52); color: #b7cce8; font-size: .7rem; font-weight: 900; letter-spacing: .04em; text-decoration: none; text-transform: uppercase; transition: background .15s ease; }
.run-tab:hover { background: rgba(56, 104, 197, .2); color: #fff; }
.run-tab--selected { background: linear-gradient(180deg, rgba(28, 115, 196, .54), rgba(12, 45, 105, .48)); color: #fff; box-shadow: inset 0 -3px #62ccff; }
.run-tab__game { display: grid; width: 1.72rem; height: 1.72rem; flex: none; place-items: center; border: 1px solid #7298db; background: #19356d; color: #d6edff; font-size: .57rem; }
.run-tab__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.run-tab__status { width: .48rem; height: .48rem; margin-left: auto; flex: none; border: 1px solid #5d6c88; border-radius: 50%; background: #2a344a; }
.run-tab__status--online { border-color: #8bf3bc; background: #3ff097; box-shadow: 0 0 .45rem #3ff097; }

.dashboard-empty { display: grid; min-height: 22rem; place-content: center; gap: .65rem; padding: 2rem; color: #b6cbed; text-align: center; }
.dashboard-empty > span { color: #6e96d8; font-size: 2.4rem; }
.dashboard-empty h2 { margin: 0; color: #f0f7ff; font-size: 1rem; text-transform: uppercase; }
.dashboard-empty p { max-width: 26rem; margin: 0; color: #91a8cc; font-size: .72rem; line-height: 1.6; }

.live-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(21rem, .85fr); grid-template-areas: "video targets" "telemetry telemetry"; gap: .7rem; }
.feed-column { display: contents; }
.video-panel { grid-area: video; min-width: 0; }
.telemetry-grid { grid-area: telemetry; }
.target-panel { grid-area: targets; }
.telemetry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.panel { overflow: hidden; background: linear-gradient(160deg, rgba(11, 28, 74, .96), rgba(5, 10, 35, .96)); }
.panel__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; min-height: 4rem; padding: .78rem .95rem .68rem; border-bottom: 1px solid rgba(115, 175, 255, .25); background: rgba(4, 11, 39, .55); }
.panel__header h2 { margin: .12rem 0 0; color: #fff; font-size: clamp(.84rem, 1.5vw, 1.08rem); letter-spacing: -.04em; text-transform: uppercase; }
.party { display: grid; grid-template-columns: repeat(6, minmax(1.95rem, 2.45rem)); align-self: center; gap: .25rem; }
.party-slot { display: grid; grid-template-rows: minmax(0, 1fr) .25rem; align-items: center; min-width: 0; height: 2.65rem; padding: .16rem; border: 1px solid rgba(115, 175, 255, .35); background: rgba(11, 30, 78, .72); }
.party-slot img,
.party-slot__sprite-fallback { display: block; width: 100%; height: 1.92rem; object-fit: contain; image-rendering: pixelated; }
.party-slot__sprite-fallback { display: grid; place-items: center; color: #88a9dc; font-size: .85rem; }
.party-slot--empty { border-color: rgba(115, 175, 255, .2); border-style: dashed; background: rgba(9, 20, 53, .42); }
.party-slot--ko img,
.party-slot--ko .party-slot__sprite-fallback { filter: grayscale(1) brightness(.68); opacity: .68; }
.party-slot__health { display: block; width: 100%; height: .25rem; overflow: hidden; background: #271d34; }
.party-slot__health i { display: block; width: var(--party-health); height: 100%; transition: width .2s ease; }
.party-slot__health-fill--high { background: #74e98c; }
.party-slot__health-fill--medium { background: #ffe061; }
.party-slot__health-fill--low { background: #ff6572; }

.video-stage { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #01050e; }
.video-stage__feed { display: block; width: 100%; height: 100%; object-fit: contain; image-rendering: pixelated; }
.video-stage__scanlines { position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .08) 0 1px, transparent 1px 4px); mix-blend-mode: multiply; }
.video-stage__caption { position: absolute; right: .65rem; bottom: .65rem; left: .65rem; display: flex; justify-content: space-between; gap: .7rem; padding: .46rem .56rem; background: rgba(2, 7, 26, .82); color: #e8f5ff; font-size: clamp(.56rem, 1vw, .68rem); line-height: 1.35; }
.video-stage__signal { flex: none; color: #84f9bc; font-weight: 900; }
.video-stage__signal i { display: inline-block; width: .42rem; height: .42rem; margin-right: .18rem; border-radius: 50%; background: currentColor; box-shadow: 0 0 .48rem currentColor; }
.video-stage__audio-toggle { margin-left: auto; border: 1px solid #84f9bc; background: #071c24; color: #b9ffd8; cursor: pointer; font: inherit; font-weight: 900; padding: .18rem .35rem; }
.video-placeholder { display: grid; min-height: min(49vw, 32rem); place-content: center; gap: .65rem; padding: 2rem; background: repeating-linear-gradient(45deg, #07102c 0 12px, #081536 12px 24px); color: #b6cbed; text-align: center; }
.video-placeholder__icon { color: #627dc2; font-size: 3rem; }
.video-placeholder strong { color: #e8f4ff; font-size: .9rem; text-transform: uppercase; }
.video-placeholder p { max-width: 24rem; margin: 0; color: #8fa6c7; font-size: .7rem; line-height: 1.6; }

.encounter-log { overflow-x: auto; }
.encounter-log-empty { padding: 1.2rem; color: #92a9cc; font-size: .68rem; line-height: 1.5; text-align: center; }
.encounter-log-empty code { color: #b7e3ff; font-family: inherit; }
.encounter-log__header,
.encounter-log__row { display: grid; grid-template-columns: minmax(6.3rem, .88fr) minmax(12.2rem, 1.72fr) minmax(4.25rem, .6fr); min-width: 22.75rem; }
.encounter-log__header { border-bottom: 1px solid rgba(115, 175, 255, .24); background: rgba(5, 13, 42, .72); }
.encounter-log__header span { padding: .48rem .38rem; color: #91b8ec; font-size: .5rem; font-weight: 900; letter-spacing: .06em; text-align: center; }
.encounter-log__header span:first-child { padding-left: .65rem; text-align: left; }
.encounter-log__row { min-height: 3.55rem; border-bottom: 1px solid rgba(115, 175, 255, .14); background: linear-gradient(90deg, rgba(16, 45, 103, .46), rgba(7, 17, 51, .55)); }
.encounter-log__row:hover { background: rgba(51, 103, 194, .25); }
.encounter-log__row--shiny { box-shadow: inset 3px 0 #ffe45d; }
.encounter-log__pokemon { display: flex; align-items: center; min-width: 0; gap: .4rem; padding: .32rem .55rem; }
.encounter-log__pokemon img,
.encounter-log__sprite-fallback { width: 2.5rem; height: 2.5rem; flex: none; object-fit: contain; image-rendering: pixelated; }
.encounter-log__sprite-fallback { display: grid; place-items: center; border: 1px solid rgba(115, 175, 255, .35); background: #10295f; color: #8ab9ee; font-size: 1.1rem; }
.encounter-log__pokemon strong { overflow: hidden; color: #f5f9ff; font-size: .64rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.encounter-log__ivs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: stretch; border-left: 1px solid rgba(115, 175, 255, .13); }
.encounter-iv { display: grid; align-content: center; gap: .16rem; min-width: 0; padding: .25rem .08rem; border-right: 1px solid rgba(115, 175, 255, .1); color: #e8f3ff; text-align: center; }
.encounter-iv small { color: #90afd5; font-size: .42rem; font-weight: 900; letter-spacing: .02em; }
.encounter-iv strong { font-size: .66rem; }
.encounter-iv--increased { background: rgba(220, 61, 78, .36); color: #ffb2bc; }
.encounter-iv--increased small { color: #ffbdc6; }
.encounter-iv--decreased { background: rgba(47, 172, 236, .32); color: #c1efff; }
.encounter-iv--decreased small { color: #b9edff; }
.encounter-log__shiny-value { display: grid; min-width: 0; place-items: center; padding: .3rem; border-left: 1px solid rgba(115, 175, 255, .13); color: #d8e9ff; font-size: .72rem; }
.encounter-log__row--shiny .encounter-log__shiny-value { color: #ffe35c; text-shadow: 0 0 .4rem rgba(255, 221, 80, .45); }

.shiny-log-panel { min-width: 0; }
.shiny-log { overflow-x: auto; }
.shiny-log__header,
.shiny-log__row { display: grid; grid-template-columns: minmax(6.3rem, .82fr) minmax(12.2rem, 1.58fr) minmax(4.25rem, .58fr) minmax(4.9rem, .62fr) minmax(6.6rem, .76fr); min-width: 34.25rem; }
.shiny-log__header { border-bottom: 1px solid rgba(255, 219, 92, .3); background: rgba(37, 34, 63, .78); }
.shiny-log__header span { padding: .48rem .35rem; color: #d9c784; font-size: .48rem; font-weight: 900; letter-spacing: .05em; text-align: center; }
.shiny-log__header span:first-child { padding-left: .65rem; text-align: left; }
.shiny-log__row { min-height: 3.55rem; border-bottom: 1px solid rgba(255, 224, 94, .15); background: linear-gradient(90deg, rgba(97, 75, 31, .34), rgba(11, 17, 47, .62)); box-shadow: inset 3px 0 rgba(255, 224, 94, .8); }
.shiny-log__row:hover { background: rgba(116, 94, 38, .34); }
.shiny-log__shiny-value,
.shiny-log__total-encounters,
.shiny-log__duration { display: grid; min-width: 0; place-items: center; padding: .3rem; border-left: 1px solid rgba(255, 224, 94, .15); text-align: center; }
.shiny-log__shiny-value { color: #ffe35c; font-size: .72rem; text-shadow: 0 0 .4rem rgba(255, 221, 80, .45); }
.shiny-log__total-encounters { color: #e5efff; font-size: .68rem; }
.shiny-log__duration { color: #b6cbea; font-size: .57rem; font-style: normal; line-height: 1.35; }

.target-panel { min-width: 0; }
.target-empty { display: grid; min-height: 17rem; place-content: center; gap: .6rem; padding: 1.3rem; color: #a8bedc; text-align: center; }
.target-empty > span { color: #6687bd; font-size: 2.35rem; }
.target-empty strong { color: #edf5ff; font-size: .75rem; text-transform: uppercase; }
.target-empty p { max-width: 20rem; margin: 0; color: #8da7cc; font-size: .64rem; line-height: 1.55; }
.target-empty code { color: #afdcff; font-family: inherit; font-size: inherit; }
.target-list { min-width: 0; overflow: auto; }
.target-list__header,
.target-row { display: grid; grid-template-columns: minmax(7.5rem, 1.45fr) minmax(4.4rem, .8fr) repeat(3, minmax(3.1rem, .72fr)); min-width: 22rem; }
.target-list__header { border-bottom: 1px solid rgba(115, 175, 255, .24); background: rgba(5, 13, 42, .72); }
.target-list__header span { padding: .48rem .38rem; color: #91b8ec; font-size: .5rem; font-weight: 900; letter-spacing: .06em; text-align: center; }
.target-list__header span:first-child { padding-left: .7rem; text-align: left; }
.target-row { min-height: 3.65rem; border-bottom: 1px solid rgba(115, 175, 255, .14); background: linear-gradient(90deg, rgba(16, 45, 103, .46), rgba(7, 17, 51, .55)); }
.target-row:hover { background: rgba(51, 103, 194, .25); }
.target-row__pokemon { display: flex; align-items: center; min-width: 0; gap: .48rem; padding: .32rem .65rem; }
.target-row__pokemon img,
.target-row__sprite-fallback { width: 2.55rem; height: 2.55rem; flex: none; object-fit: contain; image-rendering: pixelated; }
.target-row__sprite-fallback { display: grid; place-items: center; border: 1px solid rgba(115, 175, 255, .35); background: #10295f; color: #8ab9ee; font-size: 1.1rem; }
.target-row__pokemon strong { overflow: hidden; color: #f5f9ff; font-size: .68rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.target-row__value { display: grid; min-width: 0; place-items: center; padding: .35rem .2rem; border-left: 1px solid rgba(115, 175, 255, .13); color: #eaf4ff; font-size: .72rem; }
.target-row__value--rate { color: #ff6677; }
.target-row__value--rate-full { color: #8de0ff; }
.target-row__value--rate-high { color: #83ed86; }
.target-row__value--rate-medium { color: #ffe061; }
.target-row__value--rate-low { color: #ff9d4a; }
.target-row__value--rate-rare { color: #ff6677; }
.target-row__value--shiny { color: #ffe061; }

.panel__counter { padding: .32rem .52rem; border: 1px solid #5b72b2; color: #dceaff; font-size: .67rem; font-weight: 900; }
.run-monitor__list { display: grid; }
.run-selector { display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .7rem; width: 100%; min-height: 5.08rem; padding: .7rem .9rem; border: 0; border-bottom: 1px solid rgba(115, 175, 255, .16); background: transparent; color: #ecf5ff; text-align: left; cursor: pointer; transition: background .15s ease; }
.run-selector:hover { background: rgba(56, 104, 197, .18); }
.run-selector--selected { background: linear-gradient(90deg, rgba(37, 169, 255, .32), rgba(20, 65, 137, .14)); box-shadow: inset 3px 0 #5cc3ff; }
.run-selector__game { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid #7298db; background: #19356d; color: #d6edff; font-size: .66rem; font-weight: 900; }
.run-selector__main { min-width: 0; display: grid; gap: .2rem; }
.run-selector__main strong { overflow: hidden; color: #fff; font-size: .76rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.run-selector__main small { overflow: hidden; color: #9db6d8; font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }
.run-selector__phase { display: grid; gap: .2rem; text-align: right; }
.run-selector__phase strong { color: #ffdc50; font-size: .85rem; }
.run-selector__status { width: .53rem; height: .53rem; border: 1px solid #5d6c88; border-radius: 50%; background: #2a344a; }
.run-selector__status--online { border-color: #8bf3bc; background: #3ff097; box-shadow: 0 0 .45rem #3ff097; }
.empty-state { margin: 0; padding: 1.4rem; color: #96acd0; font-size: .72rem; line-height: 1.6; }

.stats-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; }
.stat-card { position: relative; display: grid; align-content: center; min-height: 7.4rem; gap: .36rem; padding: .82rem 1rem; overflow: hidden; background: linear-gradient(135deg, #101e57, #090e31); }
.stat-card::after { position: absolute; right: -1.4rem; bottom: -1.9rem; color: rgba(115, 164, 255, .08); content: "✦"; font-size: 6rem; }
.stat-card__icon { color: #81c7ff; font-size: 1.12rem; }
.stat-card strong { position: relative; z-index: 1; color: #f4f9ff; font-size: clamp(.98rem, 1.7vw, 1.3rem); }
.stat-card strong em { color: #8cb5e4; font-size: .6em; font-style: normal; }
.stat-card__species { color: #ffe26d !important; text-transform: capitalize; }
.stat-card__compact { overflow: hidden; font-size: clamp(.72rem, 1.35vw, 1rem) !important; text-overflow: ellipsis; white-space: nowrap; }

.phase-table-panel__hint { align-self: center; color: #91b8ec; font-size: .59rem; }
.phase-table-wrap { overflow-x: auto; }
.phase-table { width: 100%; min-width: 52rem; border-collapse: collapse; font-size: .68rem; }
.phase-table th { padding: .68rem .85rem; background: rgba(5, 13, 42, .75); font-size: .57rem; text-align: left; }
.phase-table td { padding: .78rem .85rem; border-top: 1px solid rgba(115, 175, 255, .14); color: #dbeaff; }
.phase-table tbody tr:hover { background: rgba(61, 113, 211, .13); }
.phase-table__offline { opacity: .55; }
.phase-table__shiny { color: #ffe05d !important; font-weight: 900; }
.phase-table__empty { padding: 1.5rem; color: #93a9cc; text-align: center; }
.table-run { display: inline-flex; align-items: center; gap: .42rem; color: #fff; font-weight: 900; text-transform: uppercase; }
.table-run i { width: .42rem; height: .42rem; border-radius: 50%; background: #576985; }
.table-run__online { background: #4af5a0 !important; box-shadow: 0 0 .4rem #4af5a0; }

#blazor-error-ui { display: none; position: fixed; right: 0; bottom: 0; left: 0; padding: 1rem; background: #fef3c7; color: #1f2937; }

@keyframes twinkle { to { opacity: .35; transform: scale(.78); } }

@media (max-width: 900px) {
    .live-grid { grid-template-columns: 1fr; grid-template-areas: "video" "targets" "telemetry"; }
    .run-monitor__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .run-selector { border-right: 1px solid rgba(115, 175, 255, .16); }
}

@media (max-width: 640px) {
    .site-shell { padding: .35rem; }
    .tracker-topbar { grid-template-columns: 1fr auto; gap: .5rem; min-height: 3.7rem; }
    .tracker-title { grid-column: 1 / -1; grid-row: 2; padding-bottom: .2rem; text-align: left; }
    .tracker-brand { font-size: .78rem; }
    .mission-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mission-strip__item:nth-child(even) { border-right: 0; }
    .mission-strip__item:nth-child(-n + 4) { border-bottom: 1px solid rgba(115, 175, 255, .2); }
    .mission-strip__item { min-height: 4.2rem; padding: .6rem .7rem; }
    .run-tabs { grid-template-columns: 1fr; }
    .run-tabs__header { min-width: 0; grid-template-columns: 1fr auto; align-items: center; padding: .58rem .7rem; border-right: 0; border-bottom: 1px solid rgba(115, 175, 255, .24); }
    .run-tabs__header .panel__eyebrow { align-self: center; }
    .run-tab { min-width: 8.7rem; padding: .62rem .68rem; }
    .panel__header { min-height: 3.6rem; padding: .65rem .7rem; }
    .party { grid-template-columns: repeat(6, 1.8rem); gap: .18rem; }
    .party-slot { height: 2.45rem; }
    .video-stage__caption { flex-direction: column; gap: .25rem; }
    .video-stage__audio-toggle { margin-left: 0; align-self: flex-start; }
    .telemetry-grid { grid-template-columns: 1fr; }
    .target-list__header,
    .target-row { grid-template-columns: minmax(7.5rem, 1.4fr) minmax(4.2rem, .8fr) repeat(3, minmax(3rem, .72fr)); }
    .run-monitor__list { grid-template-columns: 1fr; }
    .run-selector { min-height: 4.6rem; }
    .phase-table-panel__hint { display: none; }
}