/* Stadium UI — local, system typography; no external font or image requests. */
:root{
 --ui-bg:#08121f;--ui-surface:#122437;--ui-raised:#1b344b;--ui-border:#63839c;
 --ui-text:#f4f8ff;--ui-muted:#b4c7d8;--ui-accent:#ffd078;--ui-cyan:#7ee7ec;
 --night:var(--ui-bg);--navy:var(--ui-surface);--navy-d:#0b1b2b;--chalk:var(--ui-text);
 --gold:var(--ui-accent);--yellow:var(--ui-accent);--sky-t:var(--ui-cyan);
 --panel:var(--ui-surface);--panel-line:var(--ui-border);
 --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html,body{font-size:15px;-webkit-font-smoothing:antialiased;background:var(--ui-bg)}
#shell:has(#screen:not([hidden])){max-width:none}
.overlay,.overlay.bg-cover{
 background-color:var(--ui-bg);background-image:radial-gradient(ellipse at 10% 0%,#204961 0,transparent 55%),linear-gradient(145deg,#101f31,#08121f)!important;
}
.card.paged,#syncDialog.paged,.tutin.paged{
 background:linear-gradient(155deg,#142a3c,#0e1e2e 65%);border:1px solid #39556c;box-shadow:0 20px 70px #0006;
 border-radius:20px;padding:20px;max-width:760px;color:var(--ui-text);gap:12px;
}
.card h2,.card h3,.card b,.card strong{font-weight:700;text-shadow:none}
.card h2{font-size:24px;letter-spacing:-.6px;background:none;border:0;box-shadow:none;color:var(--ui-text);padding:0;text-align:left}
.card h3{font-size:17px}
.card p,.card .note{line-height:1.5}
.card .note{font-size:13px;color:var(--ui-muted)}
.card small{line-height:1.4}
.paged>.top{background:transparent;border-bottom:1px solid #39556c;gap:14px;padding:0 0 12px}
.top h2{margin:0;line-height:1.15}
.top .back{font-size:13px;flex:none}
.page-content,.section-panel{gap:12px;scrollbar-color:#63839c transparent}
.card button,.card input,.card select,.card textarea{font-family:var(--font-ui)}
.card button:focus-visible,.section-tabs button:focus-visible,#pauseBtn:focus-visible{outline:3px solid var(--ui-cyan);outline-offset:3px}
.card .ghost,.card .mode,.card .pcard,.card .rcard,.card .ptile,.card .cmgr,.card .opts,.card select,.card input,.card textarea{
 border:1px solid var(--ui-border);box-shadow:none;border-radius:10px;background:var(--ui-surface);color:var(--ui-text);
}
.card .ghost{font-size:14px;min-height:40px;padding:9px 12px}
.card .ghost.big{font-size:16px;font-weight:650}
.card .ghost small{color:var(--ui-muted);opacity:1;font-weight:400}
.card .mode{padding:14px;gap:12px;min-height:64px;background:linear-gradient(130deg,#1c354a,#14283b)}
.card .mode b{font-size:19px;color:var(--ui-text);line-height:1.2}
.card .mode small{font-size:12px;color:var(--ui-muted)}
.card button{transition:background-color .15s,border-color .15s,transform .1s}
.card button:active{transform:translateY(1px)}
.pc .card button:not(:disabled):hover{filter:none}
@media(hover:hover){.card button:not(:disabled):hover{border-color:var(--ui-cyan);background-color:var(--ui-raised)}}
.card .cta,.view-actions .cta{
 background:var(--ui-accent);border:1px solid var(--ui-accent);border-radius:10px;color:#142437;
 box-shadow:none;font-size:17px;font-weight:750;text-shadow:none;padding:12px;min-height:46px;line-height:1.2;
}
.card .cta small{color:#243f53;font-size:12px;display:block;font-weight:500;text-shadow:none}
@media(hover:hover){.card button.cta:not(:disabled):hover{background:#ffdc99;border-color:#ffdc99;color:#142437}}
.card button:disabled{opacity:.5;cursor:default;transform:none}
.card .locked{opacity:.62;filter:none}
.card .opts{padding:3px;gap:3px}
.card .opts button{font-size:14px;min-height:38px;padding:6px;border-radius:7px;color:var(--ui-muted)}
.card .opts button[aria-pressed=true],.card .ghost[aria-pressed=true]{
 background:var(--ui-accent);color:#142437;box-shadow:none;border-color:var(--ui-accent);
}
.card .group label{color:var(--ui-muted);font-size:12px;margin-bottom:6px}
.card input,.card select,.card textarea{padding:10px;min-height:42px}
.card .runbar{border:1px solid #39556c;border-radius:10px;background:#0b1b2b;font-size:13px;padding:9px 12px;gap:8px 14px}
.card .hearts{color:#ff9da5;letter-spacing:2px}
.view-actions{border-top:1px solid #39556c;padding-top:12px}
.view-actions>button{font-size:15px}
.section-tabs{background:#091929;border-radius:10px;padding:4px;gap:4px}
.section-tabs button{border:0;background:transparent;color:var(--ui-muted);border-radius:7px;font:600 13px var(--font-ui);min-height:38px}
.section-tabs button[aria-selected=true]{background:var(--ui-raised);color:var(--ui-cyan);box-shadow:inset 0 -2px var(--ui-cyan)}
.card .ptile{padding:10px 6px;gap:6px;border-color:#63839c}
.card .ptile.sel,.card .pcard.sel{outline:2px solid var(--ui-cyan);outline-offset:1px;background:#224456}
.card .ptile .tn{font-size:12px;font-weight:650}
.card .pix{border-radius:8px}
.card .pname{font-weight:700;font-size:16px}
.card .pmeta,.card .ptechs{font-size:12px;line-height:1.4}
.card .rcard{padding:16px;min-height:100px;align-items:center}
.card .rcard .rk{color:var(--ui-cyan);font-size:11px;letter-spacing:1px;text-transform:uppercase}
.card .rcard:hover{border-color:var(--ui-accent)}
/* Mejoras del intento (0.31.1, bloque E): icono de la tarjeta de recompensa y total acumulado en la barra del intento */
.rcard .rboost{flex:none;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:2px solid var(--ink);background:#0b1b2b;color:var(--ui-cyan,#7ee7ec)}
.rcard .rboost .menu-icon{width:30px;height:30px}
.rcard .rboost b{font-size:11px;letter-spacing:1px;line-height:1}
.runbar .runboosts{display:flex;flex-wrap:wrap;gap:4px 10px;flex-basis:100%;color:var(--ui-cyan,#7ee7ec)}
.runbar .runboosts b{font-weight:600}
/* 0.33: en la cartera, cuánto es «de antes» (economía de la cuenta): una línea pequeña */
.runbar .wallet-old{flex-basis:100%;font-size:11px;line-height:1.2;color:var(--ui-muted,#9fb3c4)}
.runbar .wallet-old .pxi{width:11px;height:11px;vertical-align:-1px}
.card .pick-context{background:var(--ui-raised)!important;border-radius:8px}
.card .pitch{border-radius:14px;border:1px solid #84c8a0;box-shadow:inset 0 0 45px #052b3480}
.card .pslot{border-radius:9px;font-family:var(--font-ui)}
.card .pslot .pn,.card .pslot .pr{font-size:10px;line-height:1.15}
.card .pslot .pn{font-weight:700}
.card #tt button{font-size:14px}
.card .path{flex-wrap:nowrap;overflow:auto;gap:5px;padding:3px 2px;scrollbar-width:thin}
.card .path li{flex:0 0 45px;width:45px;border:1px solid #63839c;border-radius:8px;font-size:10px;padding:4px;background:#0b1b2b}
.card .path li img{width:26px;height:26px}
.card .path li span{max-width:42px}
.card .path li.now{background:#284658;box-shadow:none;border-color:var(--ui-cyan)}
.card .vsrow{padding:12px;border:1px solid #39556c;background:#0b1b2b;border-radius:12px}
.card .vsrow>b,.card .vsrow b{font-size:19px}
.eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--ui-cyan)}

/* Home: all destinations and save status remain on the same screen. */
.card.main-menu{max-width:1000px;padding:24px}
.main-menu .page-content{gap:14px;overflow:hidden}
.main-menu .menu-header{gap:24px;min-height:64px}
.brand{min-width:0}
.brand-name{font-size:34px;line-height:.95;font-weight:900;letter-spacing:-1.8px;color:var(--ui-text);position:relative;padding-right:36px}
.brand-name span{display:block;color:var(--ui-accent);font-style:italic}
.brand-name i{position:absolute;right:0;top:18%;font-size:34px;font-style:normal}
.brand .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:7px}
.main-menu .runbar{width:auto;max-width:210px;font-size:13px;padding:10px;justify-content:flex-end}
.menu-squad{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid #39556c;border-radius:12px;background:#091929}
.menu-squad>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.menu-squad b{font-size:13px}
.menu-squad small{color:var(--ui-muted);font-size:11px}
.squad-faces{display:flex;gap:6px}
.squad-faces .pix{background:#254258;border-radius:8px}
.main-menu .menu-play{min-height:210px;gap:10px}
.main-menu .modes{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1.45fr 1fr 1fr;gap:10px}
.main-menu #mCareer{grid-column:auto}
.main-menu .modes>button{position:relative;padding:12px;min-height:48px;gap:10px;overflow:hidden}
.main-menu .mode b{font-size:17px;line-height:1.15}
.main-menu .mode small{font-size:11px;line-height:1.35;margin-top:4px}
.main-menu .mode-hero{align-items:flex-end;background:linear-gradient(130deg,#244e60,#19374b)}
.main-menu .mode-hero .mt{position:relative;z-index:1}
.main-menu .mode-hero b{font-size:22px}
.main-menu .mode-hero::after{content:"";position:absolute;width:150px;height:150px;border:1px solid #7ee7ec28;border-radius:50%;right:-60px;top:-65px;box-shadow:0 0 0 24px #7ee7ec07,0 0 0 48px #7ee7ec07;pointer-events:none}
.main-menu .rogue-hero{background:linear-gradient(130deg,#594322,#2d302e);border-color:#b39461}
.mode-number{position:absolute;right:12px;top:6px;font-size:34px;font-weight:850;line-height:1;color:#ffffff28}
.mode-arrow{margin-left:auto;align-self:flex-end;color:var(--ui-cyan);font-size:23px}
.rogue-hero .mode-arrow{color:var(--ui-accent)}
.mode-symbol{font-size:24px;color:var(--ui-cyan);width:24px;text-align:center;flex:none}
.main-menu .menu-shortcuts{gap:8px}
.main-menu .menu-shortcuts .ghost.big{font-size:14px;min-height:58px;padding:8px 4px;line-height:1.2}
.main-menu .menu-shortcuts small{font-size:10px;margin-top:4px}
.menu-utility{display:flex;align-items:center;gap:10px;justify-content:space-between}
.main-menu #mGift,.main-menu #mAbandon{font-size:11px;min-height:32px;background:transparent;padding:5px 8px;border-color:#39556c}
.local-label{font-size:8px;letter-spacing:1px;color:var(--ui-muted)}
.main-menu .menu-tools{gap:8px}
.main-menu .menu-footer{border-color:#39556c;padding-top:10px;gap:12px}
.main-menu #mSync{border:0;background:transparent;font-size:12px;padding:4px 0;min-height:40px}
.main-menu #mSync small{font-size:10px;color:var(--ui-muted)}
.main-menu #ver{color:var(--ui-muted);font-size:11px;background:transparent;border:0;min-height:40px}
.main-menu #mContinue{font-size:14px;min-height:48px;padding:8px}

/* Campaign and expedition components. */
.campaign-intro{padding:4px 0}
.campaign-intro h2{font-size:28px;margin:6px 0}
.campaign-intro p{font-size:13px;color:var(--ui-muted);margin:0}
.campaign-arcs{display:grid;gap:10px;flex:1}
.campaign-arcs:has(>:only-child){align-content:start;flex:none}   /* una sola etapa en la pestaña (Ares): sin estirarla a toda la pantalla */
.card .arc-card{margin:0;gap:12px;padding:14px;min-height:90px}
.arc-number{font-size:28px;font-weight:800;color:#8aa6ba;letter-spacing:-2px}
.arc-card .mt{flex:1;display:flex;flex-direction:column;gap:4px}
.arc-card .mt .eyebrow{font-size:9px;color:var(--ui-cyan);letter-spacing:1px}
.arc-card .mt b{font-size:20px}
.arc-card img{width:40px;height:40px}
.arc-meta{color:var(--ui-accent);font-size:10px;margin-top:2px}
.card .campaign-note{font-size:11px}
.chapter-brief{border-left:3px solid var(--ui-accent);padding:4px 0 4px 12px}
.chapter-brief h2{font-size:22px;margin:5px 0}
.chapter-brief p{font-size:13px;color:var(--ui-muted);margin:0}
.rogue-progress{display:flex;gap:6px;justify-content:space-between}
.rogue-progress span{flex:1;text-align:center;padding:8px 2px;background:#0b1b2b;border:1px solid #63839c;border-radius:7px;font-size:12px;color:var(--ui-muted)}
.rogue-progress .done{background:#264d43;color:#a8f3d0}
.rogue-progress .now{border-color:var(--ui-accent);color:var(--ui-accent);background:#463c29}
.route-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}
.route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.route-options:has(>:only-child){grid-template-columns:1fr}
.route-card{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #63839c;border-radius:12px;background:#122437;color:var(--ui-text);text-align:left;min-height:84px;cursor:pointer}
.route-card img{width:32px;height:32px}
.route-card span{display:flex;flex-direction:column;gap:5px;min-width:0}
.route-card b{font-size:13px;overflow-wrap:anywhere}
.route-card small{font-size:11px;color:var(--ui-muted)}
.route-card.elite{border-color:#d4a362;background:#362f24}
.card .route-card[aria-pressed=true]{opacity:1;outline:2px solid var(--ui-cyan);outline-offset:1px}
.route-card[aria-pressed=true] small{color:var(--ui-cyan)}
.draft-screen .page-content>.group{flex-direction:row;align-items:center;gap:10px}
.draft-screen .page-content>.group>label{margin:0;flex:none}
.draft-screen .page-content>.group>.opts{flex:1}
.draft-screen .page-content>.note{font-size:11px;line-height:1.35}
.draft-screen #ed{min-height:0}

/* Broadcast score and live player feedback. Buttons retain their touch geometry. */
.hud{flex-direction:column;align-items:center;gap:6px}
.score{border:1px solid #63839c;border-radius:10px;background:#0b1b2bea;box-shadow:0 4px 18px #0004;min-height:36px}
.score .team{font-size:11px;padding:5px;gap:5px}
.score .team img{width:22px;height:22px}
.score .team span{max-width:75px;font-weight:650}
.score .goals{font-size:22px;font-weight:800;background:#223d51;color:var(--ui-accent);padding:0 8px}
.score .clock{font-size:11px;font-variant-numeric:tabular-nums;border-left:1px solid #63839c;font-weight:650;color:var(--ui-text)}
#pauseBtn{border:1px solid #63839c;box-shadow:none;border-radius:10px;background:#122437ed;color:var(--ui-text);width:40px;height:40px}
.player-hud{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:7px;background:#0b1b2be8;max-width:100%;box-sizing:border-box}
.player-hud span{font-size:8px;color:var(--ui-cyan);letter-spacing:.5px;white-space:nowrap}
.player-hud b{font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
.player-hud progress{appearance:none;width:44px;height:4px;border:0;border-radius:5px;overflow:hidden;background:#39556c;flex:none}
.player-hud progress::-webkit-progress-bar{background:#39556c}
.player-hud progress::-webkit-progress-value{background:var(--ui-cyan)}
.player-hud progress::-moz-progress-bar{background:var(--ui-cyan)}
.act{border:1px solid #96b4c6;box-shadow:0 4px 14px #0004,inset 0 1px #ffffff30;background:#122437d9;font-weight:600}
.act.big{color:var(--ui-text);font-size:16px}
.act.fire{color:#fff}
.act small{font-size:10px}
.toast{font-family:var(--font-ui);border:1px solid var(--ui-border);box-shadow:0 6px 24px #0005;border-radius:10px;font-size:14px;line-height:1.4}
.hud:not([hidden])~.toast{top:calc(env(safe-area-inset-top,0px) + 94px)}
.banner{font-family:var(--font-ui);font-size:clamp(28px,6vw,44px);font-weight:850;line-height:1.15;text-shadow:0 3px 0 #07131fcc}
.kh-keys,.kh-tech{border:1px solid var(--ui-border);border-radius:8px;background:#0b1b2be8;padding:6px 9px}

@media(min-width:800px) and (min-height:600px){
 .main-menu .page-content{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:82px 60px minmax(0,1fr) 52px;grid-template-areas:"header header" "squad squad" "play tools" "footer footer";gap:20px}
 .main-menu .menu-header{grid-area:header}
 .main-menu .menu-squad{grid-area:squad}
 .main-menu .menu-play{grid-area:play;min-height:0}
 .main-menu .menu-tools{grid-area:tools;justify-content:center}
 .main-menu .menu-footer{grid-area:footer}
 .main-menu .menu-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));flex:1}
 .main-menu .menu-shortcuts .ghost.big{font-size:16px;min-height:60px}
 .main-menu .mode-hero b{font-size:25px}
 .main-menu .modes{grid-template-rows:1.6fr 1fr 1fr}
 .main-menu .runbar{max-width:none}
 .main-menu .squad-faces .pix{width:40px!important;height:40px!important}
 .main-menu .mode-number{font-size:52px}
 .main-menu .local-label{display:none}
 .campaign-arcs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .card .arc-card{align-items:flex-start;padding:20px;position:relative;overflow:hidden}
 .arc-card img{position:absolute;bottom:16px;right:16px;width:54px;height:54px;opacity:.4}
 .arc-card .mt{position:relative;z-index:1}
}
@media(max-width:599px){
 /* 0.50: también arriba y abajo con la zona segura (con padding:8px, a pantalla completa en el iPhone la barra de estado tapaba «Volver» y la cartera) */
 .overlay{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
 .card.paged,#syncDialog.paged{padding:12px;border-radius:16px;gap:8px}
 .card.main-menu{padding:14px}
 .main-menu .page-content{gap:10px}
 .main-menu .menu-header{min-height:60px;gap:12px}
 .brand-name{font-size:29px}
 .brand .eyebrow{font-size:7px;letter-spacing:1px}
 .main-menu .runbar{max-width:138px;font-size:12px;padding:8px;gap:7px 12px}
 .main-menu .modes{gap:8px}
 .main-menu .modes>button{padding:10px;gap:7px}
 .main-menu .mode b{font-size:14px}
 .main-menu .mode-hero b{font-size:20px}
 .main-menu .mode small{font-size:10px}
 .main-menu .mode-symbol{font-size:20px;width:19px}
 .main-menu .mode-arrow{display:none}
 .main-menu .menu-shortcuts .ghost.big{font-size:12px;min-height:54px}
 .main-menu .menu-shortcuts small{font-size:9px}
 .squad-faces{gap:3px}
 .squad-faces .pix{width:30px!important;height:30px!important}
 .menu-squad{padding:6px 9px}
 .menu-squad small{font-size:9px}
 .card .arc-card{min-height:86px;padding:11px;gap:10px}
 .arc-card .mt b{font-size:18px}
 .arc-card .mt small{font-size:11px}
 .campaign-intro h2{font-size:24px}
 .card .arc-number{font-size:24px}
 .card .arc-card img{width:30px;height:30px}
 .top h2{font-size:21px}
 .card .section-tabs button{font-size:12px}
 .card .path li{flex-basis:40px}
 .route-card{flex-direction:column;align-items:flex-start;padding:10px}
 .card .view-actions{padding-top:8px}
}
@media(max-height:740px){
 .draft-screen .page-content>.note{display:none}
 .draft-screen .page-content>.group .opts button{min-height:32px}
 .main-menu .menu-squad{display:none}
 .main-menu .page-content{gap:8px}
 .main-menu .menu-header{min-height:50px}
 .main-menu .menu-play{min-height:180px}
 .main-menu .mode-hero b{font-size:18px}
 .main-menu .menu-shortcuts .ghost.big{min-height:48px}
 .main-menu .menu-footer{padding-top:6px}
 .main-menu .brand-name{font-size:25px}
 .main-menu.has-active-run .menu-play{min-height:230px}
 .campaign-intro h2{font-size:21px}
 .card .arc-card{min-height:72px;padding:9px}
 .campaign-arcs{gap:7px}
 .campaign-note{display:none}
 .chapter-brief h2{font-size:19px}
 .chapter-brief p{font-size:12px}
}
@media(min-width:800px) and (min-height:600px) and (max-height:740px){
 .main-menu .page-content{grid-template-rows:65px minmax(0,1fr) 48px;grid-template-areas:"header header" "play tools" "footer footer"}
}
@media(max-height:500px) and (min-width:600px){
 .draft-screen .page-content>.group{position:absolute;left:3px;top:3px;width:calc(42% - 10px);z-index:2}
 .draft-screen .page-content>.group>label{display:none}
 .draft-screen #ed .lineup-field>.edhead{margin-top:58px}   /* (0.50: la dificultad de doble pantalla mide 50 px) */
 .card.main-menu{max-width:980px;padding:10px 16px}
 .main-menu .page-content{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:42px minmax(0,1fr) 42px;grid-template-areas:"header header" "play tools" "footer footer";gap:8px 16px}
 .main-menu .menu-header{grid-area:header;min-height:0}
 .main-menu .brand-name{font-size:23px;display:flex;gap:6px;padding-right:25px;letter-spacing:-1px}
 .main-menu .brand-name i{font-size:20px;top:0}
 .main-menu .brand .eyebrow{font-size:7px;margin-bottom:4px}
 .main-menu .runbar{max-width:none;font-size:11px;padding:6px}
 .main-menu .menu-play,.main-menu.has-active-run .menu-play{grid-area:play;min-height:0;gap:6px}
 .main-menu .menu-tools{grid-area:tools;justify-content:center;gap:6px}
 .main-menu .menu-footer{grid-area:footer;padding-top:4px}
 .main-menu .modes{grid-template-rows:repeat(3,minmax(0,1fr));gap:6px}
 .main-menu .modes>button{min-height:36px;padding:7px}
 .main-menu .mode b,.main-menu .mode-hero b{font-size:13px}
 .main-menu .mode-number{font-size:24px;top:2px}
 .main-menu .mode-arrow,.main-menu .mode-symbol,.main-menu .mode small,.main-menu .local-label{display:none}
 .main-menu .menu-shortcuts .ghost.big{font-size:12px;min-height:42px;padding:6px}
 .main-menu .menu-shortcuts small{display:none}
 .main-menu #mContinue{min-height:38px;padding:5px;font-size:12px}
 .main-menu #mContinue small{display:none}
 .main-menu #mSync,.main-menu #ver{min-height:30px}
 .main-menu #mSync small{display:none}
 .main-menu #mGift,.main-menu #mAbandon{min-height:28px;font-size:10px;padding:4px}
 .card.paged{padding:10px;gap:6px}
 .paged>.top{padding-bottom:6px}
 .view-actions{padding-top:6px}
 .card .cta{min-height:38px;padding:8px}
 .card .section-tabs button{min-height:30px}
 .campaign-arcs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .campaign-intro{display:none}
 .card .arc-card{min-height:72px;padding:8px}
 .arc-card .mt b{font-size:16px}
 .arc-card .mt small:not(.eyebrow){display:none}
 .chapter-brief p{font-size:11px}
 .hud{gap:3px}
 .player-hud{padding:3px 8px}
 /* Mapa de la expedición (Resumen): rival en una línea y rutas más bajas para que quepan sin desplazar */
 .section-panel:has(>.vsrow)>.runbar{padding:6px 12px}
 .card .vsrow{padding:6px 10px}
 .vsrow img.crest{width:36px;height:36px}
 .paged .vsrow>div{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px}
 .card .vsrow b{font-size:16px}
 .vsrow .faces canvas{width:30px;height:30px}
 .route-card{min-height:0;padding:6px 10px}
 .card .rogue-progress span{padding:4px 2px}
}
@media(prefers-reduced-motion:reduce){.card button{transition:none}}