/* Additive V48 mode confirmation. Existing universe/HUD styles are untouched. */
.mode-transition{position:fixed;inset:0;margin:auto;padding:0;width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid rgba(var(--accent-rgb),.28);border-radius:18px;background:linear-gradient(145deg,#101e29f7,#060e18fc);color:var(--ink,#e6eff2);box-shadow:0 25px 100px #000b,0 0 65px rgba(var(--accent-rgb),.055)}
.mode-transition::backdrop{background:#020710ac;backdrop-filter:blur(8px)}
.mode-transition-card{position:relative;padding:31px 32px 26px;text-align:center;overflow:hidden}
.mode-transition-eyebrow{margin:20px 0 12px;font:9px ui-monospace,monospace;letter-spacing:.2em;color:var(--accent)}
.mode-transition h2{margin:0 0 13px;font-size:27px;line-height:1.18;letter-spacing:-.035em;font-weight:450;text-wrap:balance}
#mode-transition-copy{font-size:13px;line-height:1.65;color:#d3e0e7;margin:0;text-wrap:balance}
.mode-transition-note{font-size:11px;line-height:1.7;color:#91a7b3;max-width:325px;margin:15px auto 24px;text-wrap:balance}
.mode-transition-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.mode-transition-actions button{min-height:42px;white-space:normal;line-height:1.35;flex:1 1 145px}
.mode-transition button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.mode-transition-emblem{width:53px;height:53px;margin:0 auto;border:1px solid rgba(var(--accent-rgb),.23);border-radius:50%;position:relative;box-shadow:inset 0 0 20px rgba(var(--accent-rgb),.07)}
.mode-transition-emblem span{position:absolute;inset:10px;border:1px solid rgba(var(--accent-rgb),.6);border-radius:50%;transform:rotate(-35deg) scaleY(.36)}
.mode-transition-emblem i{position:absolute;inset:22px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.65)}
.mode-transition-status{display:grid;gap:12px;margin:24px auto 0;max-width:235px;font:10px ui-monospace,monospace;color:var(--accent);letter-spacing:.05em}
.mode-transition-status[hidden]{display:none}
.mode-transition-line{position:relative;height:2px;background:rgba(var(--accent-rgb),.13);overflow:hidden;border-radius:2px}
.mode-transition-line:after{position:absolute;content:'';width:44%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:mode-readiness 1.7s ease-in-out infinite}
.mode-transition[data-phase=preparing] .mode-transition-card{padding-top:39px;padding-bottom:18px}
.mode-transition[data-phase=preparing] .mode-transition-emblem span{animation:mode-orbit 3s linear infinite}
.mode-transition[data-phase=preparing] .mode-transition-actions{display:none}
.mode-transition[data-phase=preparing] .mode-transition-note{margin-top:16px}
.mode-transition[data-phase=error] .mode-transition-eyebrow{color:#e8be9d}
@keyframes mode-readiness{from{transform:translateX(-100%)}to{transform:translateX(330%)}}
@keyframes mode-orbit{from{transform:rotate(-35deg) scaleY(.36)}to{transform:rotate(325deg) scaleY(.36)}}
@media(prefers-reduced-motion:reduce){.mode-transition *{animation:none!important}.mode-transition-line:after{width:100%;background:rgba(var(--accent-rgb),.6)}}
@media(max-width:480px){.mode-transition-card{padding:25px 22px 21px}.mode-transition h2{font-size:24px}}
.mode-transition-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:20px 0;border:0}.mode-transition-choice[hidden]{display:none}.mode-transition-choice legend{font-size:11px;color:#92abb7;padding:0 0 8px}.mode-transition-choice label{padding:9px 8px;border:1px solid #b1d0df2c;border-radius:7px;font-size:12px;cursor:pointer}.mode-transition-choice label:has(:checked){border-color:#9bded783;background:#96ded614}.mode-transition-choice input{accent-color:#96ded6}.mode-transition-choice small{display:block;font-size:10px;line-height:1.4;color:#90a7b0;margin:6px 0 0 22px}