/* ELIE v5.3.5 — layout, readability and control refinements requested 2026-08-07. */

/* 01 — Never show the legacy footer mark on any viewport. */
.site-mark-link,
.site-mark{display:none!important}

/* 02 — Menu ELIE assembly: keep every animated layer together, but give the head room. */
.topbar-v518{overflow:visible!important}
.topbar-v518 .nav-logo-button{
  overflow:visible!important;
  transform:translateY(clamp(14px,1.7vh,22px))!important;
}
@media (hover:hover) and (pointer:fine){
  .topbar-v518 .nav-logo.elie-logo-assembly{transform-origin:50% 50%!important}
}
html.phone-landscape .mobile-fixed-logo{
  top:max(10px,calc(var(--safe-top,0px) + 8px))!important;
}

/* 03 — Book: reduce the text viewport from the top and reuse the archive-detail vertical scrollbar. */
.book-screen .book-scroll-shell{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  padding-right:42px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.book-screen .book-scroll-shell.map-scroll-shell::before,
.book-screen .book-scroll-shell.map-scroll-shell::after{
  content:""!important;
  position:absolute!important;
  z-index:8!important;
  left:0!important;
  right:35px!important;
  width:auto!important;
  height:10%!important;
  pointer-events:none!important;
  transition:opacity .25s ease!important;
}
.book-screen .book-scroll-shell.map-scroll-shell::before{
  top:0!important;bottom:auto!important;
  background:linear-gradient(180deg,#000,transparent)!important;
}
.book-screen .book-scroll-shell.map-scroll-shell::after{
  top:auto!important;bottom:0!important;
  background:linear-gradient(0deg,#000,transparent)!important;
}
.book-screen .book-scroll-shell.map-y-at-start::before{opacity:0!important}
.book-screen .book-scroll-shell.map-y-at-end::after{opacity:0!important}
.book-screen .book-scroll-frame{
  height:100%!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
}
.book-screen .book-scroll-frame::-webkit-scrollbar{display:none!important}
@media (hover:hover) and (pointer:fine){
  .book-screen .book-copy.book-copy-v5182{top:calc(20% + 50px)!important}
}
@media (orientation:landscape) and (pointer:coarse) and (min-width:900px){
  .book-screen .book-copy.book-copy-v5182{top:calc(17% + 50px)!important}
}
@media (orientation:landscape) and (max-width:899px){
  .book-screen .book-scroll-shell{padding-right:27px!important}
  .book-screen .book-scroll-shell.map-scroll-shell::before,
  .book-screen .book-scroll-shell.map-scroll-shell::after{right:24px!important}
}

/* 04 — Story: copy and its archive actions travel as a single unit. */
.story-screen .story-copy{transform:translateY(70px)!important}

/* 05 — HOW TO PLAY: single-row command modules and real in-game control hardware. */
.how-command-controls .how-control-deck{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:clamp(14px,1.25vw,22px)!important;
}
.how-command-controls .how-control-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(300px,31%) minmax(0,1fr)!important;
  min-height:clamp(190px,14vw,250px)!important;
  align-items:center!important;
  gap:clamp(22px,2vw,38px)!important;
  padding:clamp(18px,1.55vw,30px)!important;
  border:1px solid rgba(46,241,58,.42)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 17% 50%,rgba(46,241,58,.13),transparent 28%),
    linear-gradient(105deg,rgba(6,41,12,.72),rgba(0,0,0,.92) 44%,rgba(0,10,3,.96))!important;
  box-shadow:inset 0 0 34px rgba(46,241,58,.035),0 12px 34px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
}
.how-command-controls .how-control-card::after{
  content:attr(data-code);position:absolute;right:16px;top:12px;
  color:rgba(46,241,58,.26);font:800 9px/1 Duplet,Arial,sans-serif;letter-spacing:.18em;
}
.how-command-controls .how-control-symbol{
  position:relative!important;
  width:100%!important;height:100%!important;min-height:150px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:clamp(14px,1.1vw,20px)!important;padding:12px!important;
  border:1px solid rgba(46,241,58,.14)!important;border-radius:16px!important;
  background:radial-gradient(circle,rgba(46,241,58,.095),rgba(0,0,0,.12) 62%)!important;
  overflow:hidden!important;box-sizing:border-box!important;
}
.how-command-controls .how-arrow-pad{
  display:grid!important;
  grid-template-columns:repeat(3,clamp(42px,3.25vw,60px))!important;
  grid-template-rows:repeat(2,clamp(42px,3.25vw,60px))!important;
  gap:7px!important;
  align-items:center!important;justify-items:center!important;
}
.how-command-controls .how-arrow-pad i{
  width:100%!important;height:100%!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(46,241,58,.72)!important;border-radius:11px!important;
  background:linear-gradient(145deg,rgba(27,94,37,.82),rgba(1,15,4,.98))!important;
  color:#dfffe3!important;font-style:normal!important;font-size:clamp(17px,1.25vw,24px)!important;
  box-shadow:inset 0 0 15px rgba(46,241,58,.09),0 5px 12px rgba(0,0,0,.34)!important;
}
.how-command-controls .how-arrow-pad i:nth-child(1){grid-column:2;grid-row:1}
.how-command-controls .how-arrow-pad i:nth-child(2){grid-column:1;grid-row:2}
.how-command-controls .how-arrow-pad i:nth-child(3){grid-column:2;grid-row:2}
.how-command-controls .how-arrow-pad i:nth-child(4){grid-column:3;grid-row:2}
.how-command-controls .how-control-key-stack{
  display:flex!important;flex-direction:row!important;gap:10px!important;align-items:center!important;justify-content:center!important;
}
.how-command-controls .how-x-key{
  width:clamp(58px,4.25vw,78px)!important;height:clamp(58px,4.25vw,78px)!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(46,241,58,.85)!important;
  border-radius:50%!important;background:radial-gradient(circle at 38% 32%,rgba(76,255,90,.25),rgba(2,18,5,.96) 62%)!important;
  color:#eaffed!important;font:900 clamp(22px,1.75vw,32px)/1 Duplet,Arial,sans-serif!important;
  box-shadow:0 0 0 5px rgba(46,241,58,.055),0 0 18px rgba(46,241,58,.13)!important;
}
.how-command-controls .how-c-key{border-style:dashed!important}
.how-command-controls .how-touch-controller{
  width:clamp(132px,10vw,190px)!important;max-width:58%!important;max-height:170px!important;
  filter:drop-shadow(0 0 16px rgba(46,241,58,.2))!important;
}
.how-command-controls .how-mobile-action-stack{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
  gap:clamp(10px,.85vw,15px)!important;max-width:none!important;
}
.how-command-controls :is(.how-laser-mini,.how-bomb-mini){
  position:relative!important;width:clamp(76px,5.9vw,108px)!important;height:clamp(76px,5.9vw,108px)!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(46,241,58,.28)!important;border-radius:16px!important;
  background:rgba(0,0,0,.55)!important;
}
.how-command-controls :is(.how-laser-mini,.how-bomb-mini) img{max-width:86%!important;max-height:86%!important;object-fit:contain!important}
.how-command-controls :is(.how-laser-mini,.how-bomb-mini) b{
  position:absolute!important;right:6px!important;bottom:5px!important;min-width:24px!important;height:19px!important;
  display:grid!important;place-items:center!important;border-radius:999px!important;background:#2ef13a!important;color:#001603!important;
  font:900 10px/1 Duplet,Arial,sans-serif!important;
}
.how-command-controls .how-control-copy strong{font-size:clamp(20px,1.6vw,30px)!important}
.how-command-controls .how-control-copy p{font-size:clamp(12px,.9vw,16px)!important;line-height:1.42!important}

/* Ground crystal artillery also becomes a full-width one-row system module. */
.how-command-threats .how-system-card.ground-artillery{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:minmax(300px,31%) minmax(0,1fr)!important;
  min-height:clamp(190px,14vw,250px)!important;
  align-items:center!important;gap:clamp(22px,2vw,38px)!important;
  border-color:rgba(46,241,58,.46)!important;
  background:radial-gradient(circle at 17% 50%,rgba(46,241,58,.14),transparent 29%),linear-gradient(105deg,rgba(4,33,9,.8),rgba(0,0,0,.94) 45%)!important;
}
.how-ground-artillery{position:relative!important;width:100%!important;height:165px!important;overflow:hidden!important}
.how-ground-battery{position:absolute;left:4%;bottom:4%;width:46%;height:88%;display:grid;place-items:center}
.how-ground-battery img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(46,241,58,.13))}
.how-ground-shot{position:absolute;display:grid;place-items:center;width:clamp(26px,2.2vw,42px)!important;height:clamp(26px,2.2vw,42px)!important}
.how-ground-shot img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 0 9px rgba(46,241,58,.45))}
.how-ground-shot::before{content:"";position:absolute;right:70%;top:50%;width:92px;height:1px;background:linear-gradient(90deg,transparent,rgba(46,241,58,.58));transform-origin:right center;z-index:-1}
.how-ground-shot.shot-a{left:56%;top:18%}.how-ground-shot.shot-a::before{transform:rotate(-18deg)}
.how-ground-shot.shot-b{left:72%;top:42%}.how-ground-shot.shot-b::before{transform:rotate(-4deg)}
.how-ground-shot.shot-c{left:86%;top:68%}.how-ground-shot.shot-c::before{transform:rotate(13deg)}

/* 06 — Update archive: readable version notes. */
.update-copy h3{font-size:clamp(19px,1.28vw,24px)!important;line-height:1.08!important}
.update-copy p{font-size:clamp(14px,.96vw,17px)!important;line-height:1.5!important}
.update-copy li{font-size:clamp(12px,.79vw,14px)!important;line-height:1.42!important}
.update-scope span{font-size:clamp(9px,.58vw,11px)!important;min-height:22px!important;padding:3px 8px!important}

/* 07 — Boss / Species / Object world index circles: slightly quieter and tighter. */
:is(.map-archive-bosses,.map-archive-species,.map-archive-objects) .map-world-index-button{
  flex-basis:clamp(60px,4.55vw,88px)!important;
  width:clamp(60px,4.55vw,88px)!important;height:clamp(60px,4.55vw,88px)!important;
  min-width:clamp(60px,4.55vw,88px)!important;min-height:clamp(60px,4.55vw,88px)!important;
  font-size:clamp(24px,2.25vw,43px)!important;
}

/* 08 — Scoreboard: restore the living star field instead of the flat black scan field. */
.score-screen-v472 .site-shell{
  background-color:#000!important;
  background-image:url('../assets/images/SpaceBackground.png')!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.score-screen-v472 .scene-bg{
  display:block!important;inset:-2.5%!important;opacity:1!important;
  background:url('../assets/images/SpaceBackground.png') center/cover no-repeat!important;
  transform:translate3d(var(--scene-x,0),var(--scene-y,0),0) scale(var(--scene-scale,1.035))!important;
  animation:sceneBreathe 13s ease-in-out infinite alternate!important;
}
.score-screen-v472 .scene-bg::before{
  content:""!important;position:absolute!important;inset:0!important;height:auto!important;
  background:radial-gradient(circle at 50% 48%,rgba(46,241,58,.055),transparent 46%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.5))!important;
  box-shadow:none!important;
}
.score-screen-v472 .content{background:transparent!important}

/* 09 — ELIE badges: increase information typography without inflating the artwork. */
.badge-card-copy b{font-size:clamp(15px,1.12vw,20px)!important;line-height:1.05!important}
.badge-card-copy small{font-size:clamp(10px,.68vw,12px)!important;line-height:1.2!important}
.badge-detail-copy small{font-size:clamp(11px,.72vw,13px)!important}
.badge-detail-copy p{font-size:clamp(15px,1.12vw,20px)!important;line-height:1.5!important}
.badge-detail-progress span{font-size:clamp(12px,.76vw,14px)!important}
.badge-unlock-card>p{font-size:clamp(14px,1vw,18px)!important;line-height:1.45!important}

/* 10 — MYRA Publication Center: rebalance the three columns, reduce dead visual space and improve reading size. */
.myra-body{
  grid-template-columns:minmax(290px,26%) minmax(0,1fr) minmax(245px,22%)!important;
  gap:clamp(13px,1.05vw,20px)!important;
}
.myra-archive{padding:clamp(14px,1.1vw,19px)!important}
.myra-reader{grid-template-columns:minmax(170px,31%) minmax(0,1fr)!important;background:linear-gradient(135deg,rgba(6,35,11,.66),rgba(0,0,0,.78))!important}
.myra-planet-stage{border-right:1px solid rgba(46,241,58,.1)!important}
.myra-planet{width:64%!important;height:64%!important}
.myra-world-logo{width:53%!important}
.myra-message{padding:clamp(22px,2vw,34px)!important;max-height:96%!important}
.myra-header small{font-size:clamp(10px,.67vw,12px)!important}.myra-header p{font-size:clamp(11px,.73vw,13px)!important}
.myra-section-title{font-size:clamp(10px,.68vw,12px)!important}.myra-section-title b{font-size:clamp(11px,.75vw,13px)!important}
.myra-world-filters button{font-size:clamp(9px,.62vw,11px)!important;height:32px!important}
.myra-record{min-height:64px!important;padding:8px 9px!important;grid-template-columns:39px minmax(0,1fr) 18px!important}
.myra-record>span{width:35px!important;height:35px!important;font-size:clamp(9px,.62vw,11px)!important}
.myra-record strong{font-size:clamp(10px,.7vw,13px)!important;line-height:1.15!important}
.myra-record small{font-size:clamp(8px,.55vw,10px)!important;line-height:1.2!important}
.myra-message-meta{font-size:clamp(9px,.6vw,11px)!important}.myra-message-meta b{font-size:clamp(8px,.53vw,10px)!important}
.myra-message h3{font-size:clamp(22px,1.75vw,32px)!important}
.myra-message p{font-size:clamp(14px,1vw,17px)!important;line-height:1.58!important}
.myra-message blockquote{font-size:clamp(12px,.82vw,14px)!important;line-height:1.5!important}.myra-message blockquote small{font-size:clamp(8px,.55vw,10px)!important}
.myra-telemetry{padding:clamp(13px,.95vw,17px)!important}
.myra-telemetry-card small{font-size:clamp(8px,.55vw,10px)!important}.myra-telemetry-card strong{font-size:clamp(14px,1.02vw,18px)!important}
.myra-telemetry dt{font-size:clamp(8px,.55vw,10px)!important}.myra-telemetry dd{font-size:clamp(10px,.69vw,13px)!important}
.myra-listen{font-size:clamp(10px,.68vw,12px)!important}.myra-record-nav span{font-size:clamp(9px,.61vw,11px)!important}

/* 11 — Pilot Passport: make all record data legible. */
.pilot-passport-header small{font-size:clamp(10px,.72vw,13px)!important}.pilot-passport-header p{font-size:clamp(11px,.82vw,14px)!important}
.pilot-passport-header-code span{font-size:clamp(11px,.77vw,14px)!important}
.pilot-passport-identity small{font-size:clamp(10px,.68vw,12px)!important}.pilot-passport-identity span{font-size:clamp(11px,.74vw,13px)!important}
.pilot-passport-rank small{font-size:clamp(10px,.67vw,12px)!important}.pilot-passport-rank p{font-size:clamp(11px,.73vw,13px)!important;line-height:1.3!important}
.pilot-passport-metrics small{font-size:clamp(9px,.62vw,11px)!important}.pilot-passport-metrics strong{font-size:clamp(15px,1.12vw,20px)!important}
.pilot-passport-ranks span{font-size:clamp(8px,.55vw,10px)!important}.pilot-passport-status{font-size:clamp(8px,.55vw,10px)!important}

/* 12 — Achievements: both the route and the career/achievement console. */
.achievements-wrap .stat-box strong{font-size:calc(var(--u)*1.08)!important}.achievements-wrap .stat-box span{font-size:calc(var(--u)*.46)!important}
.achievement h3{font-size:calc(var(--u)*.56)!important}.achievement p,.achievement .status{font-size:calc(var(--u)*.39)!important;line-height:1.28!important}.achievement .badge{font-size:calc(var(--u)*.64)!important}
.career-heading small{font-size:calc(var(--u)*.72)!important}.career-heading span{font-size:calc(var(--u)*.72)!important}
.career-progress-label strong{font-size:calc(var(--u)*.94)!important}.career-progress-label small,.career-progress em{font-size:calc(var(--u)*.62)!important}
.career-panels h3{font-size:calc(var(--u)*.68)!important}.career-panels p{font-size:calc(var(--u)*.5)!important;line-height:1.2!important}
.career-task-copy h4{font-size:calc(var(--u)*.69)!important}.career-task-copy p{font-size:calc(var(--u)*.51)!important;line-height:1.24!important}.career-task>b{font-size:calc(var(--u)*1.15)!important}

/* 13 — Evolution Laboratory: increase secondary data, values and protocol descriptions. */
.evolution-header small{font-size:calc(var(--u)*.78)!important;line-height:1.2!important}
.evolution-categories button span{font-size:calc(var(--u)*.9)!important}.evolution-categories button b{font-size:calc(var(--u)*.75)!important}
.evolution-slots>small{font-size:calc(var(--u)*.74)!important}.evolution-slot b{font-size:calc(var(--u)*.78)!important}.evolution-slot span{font-size:calc(var(--u)*.69)!important}
.evolution-info small{font-size:calc(var(--u)*.69)!important}.evolution-info strong{font-size:calc(var(--u)*1.04)!important;line-height:1.08!important}
.evolution-values small{font-size:calc(var(--u)*.63)!important}.evolution-values b{font-size:calc(var(--u)*.89)!important}
.evolution-branch strong{font-size:calc(var(--u)*.71)!important}.evolution-branch small{font-size:calc(var(--u)*.56)!important;line-height:1.3!important}.evolution-branch b,.evolution-activate{font-size:calc(var(--u)*.59)!important}
.evolution-protocol-lock{font-size:calc(var(--u)*.71)!important}.evolution-auto-summary strong{font-size:calc(var(--u)*.68)!important}.evolution-auto-summary small{font-size:calc(var(--u)*.47)!important}.evolution-auto-protocols span,.evolution-auto-protocols em{font-size:calc(var(--u)*.49)!important}
.evolution-detail-window .upgrade-detail-copy>small{font-size:calc(var(--u)*.76)!important}.evolution-detail-window .upgrade-detail-copy>p{font-size:calc(var(--u)*1.0)!important;line-height:1.38!important}
.evolution-detail-protocols strong{font-size:calc(var(--u)*.78)!important}.evolution-detail-protocols p{font-size:calc(var(--u)*.65)!important;line-height:1.33!important}

/* Compact-landscape / phone readability without breaking one-row command layouts. */
@media (orientation:landscape) and (pointer:coarse){
  .how-command-controls .how-control-card,
  .how-command-threats .how-system-card.ground-artillery{
    grid-template-columns:minmax(220px,34%) minmax(0,1fr)!important;
    min-height:160px!important;gap:12px!important;padding:12px!important;border-radius:13px!important;
  }
  .how-command-controls .how-control-symbol{min-height:132px!important;padding:7px!important;border-radius:10px!important}
  .how-command-controls .how-arrow-pad{grid-template-columns:repeat(3,38px)!important;grid-template-rows:repeat(2,38px)!important;gap:5px!important}
  .how-command-controls .how-arrow-pad i{border-radius:7px!important;font-size:15px!important}
  .how-command-controls .how-x-key{width:46px!important;height:46px!important;font-size:19px!important}
  .how-command-controls .how-touch-controller{width:112px!important;max-height:118px!important}
  .how-command-controls :is(.how-laser-mini,.how-bomb-mini){width:62px!important;height:62px!important;border-radius:10px!important}
  .how-command-controls .how-control-copy strong{font-size:clamp(13px,3.25vh,18px)!important}
  .how-command-controls .how-control-copy p{font-size:clamp(9px,2.15vh,11.5px)!important;line-height:1.34!important}
  .how-ground-artillery{height:132px!important}

  .update-copy h3{font-size:clamp(14px,3.45vh,18px)!important}.update-copy p{font-size:clamp(10.5px,2.55vh,13px)!important;line-height:1.38!important}.update-copy li{font-size:clamp(9px,2.15vh,11px)!important;line-height:1.32!important}.update-scope span{font-size:clamp(7px,1.7vh,9px)!important;min-height:18px!important}

  html.phone-landscape :is(.map-archive-bosses,.map-archive-species,.map-archive-objects) .map-world-index-button{
    flex-basis:clamp(34px,8.2vh,45px)!important;width:clamp(34px,8.2vh,45px)!important;height:clamp(34px,8.2vh,45px)!important;
    min-width:clamp(34px,8.2vh,45px)!important;min-height:clamp(34px,8.2vh,45px)!important;font-size:clamp(13px,3.45vh,19px)!important;
  }

  .badge-card-copy b{font-size:clamp(9px,2.25vh,12px)!important}.badge-card-copy small{font-size:clamp(7px,1.72vh,9px)!important}
  .badge-detail-copy small{font-size:clamp(8px,1.95vh,10px)!important}.badge-detail-copy p{font-size:clamp(9px,2.2vh,12px)!important;line-height:1.4!important}.badge-detail-progress span{font-size:clamp(8px,1.9vh,10px)!important}.badge-unlock-card>p{font-size:clamp(9px,2.15vh,12px)!important}

  .myra-body{grid-template-columns:27% minmax(0,1fr) 21%!important;gap:7px!important}
  .myra-reader{grid-template-columns:28% minmax(0,1fr)!important}
  .myra-archive{padding:8px!important}.myra-record{min-height:44px!important;padding:5px!important;grid-template-columns:27px minmax(0,1fr) 13px!important}.myra-record>span{width:25px!important;height:25px!important}
  .myra-header small,.myra-header p,.myra-section-title,.myra-section-title b,.myra-world-filters button,.myra-record small,.myra-message-meta,.myra-message-meta b,.myra-message blockquote small,.myra-telemetry-card small,.myra-telemetry dt,.myra-record-nav span{font-size:clamp(7.5px,1.9vh,9.5px)!important}
  .myra-record strong{font-size:clamp(8.5px,2.1vh,10.5px)!important}.myra-record>span{font-size:clamp(8px,2vh,10px)!important}
  .myra-message{padding:10px 12px!important}.myra-message h3{font-size:clamp(14px,3.45vh,20px)!important}.myra-message p{font-size:clamp(9px,2.2vh,11.5px)!important;line-height:1.38!important}.myra-message blockquote{font-size:clamp(8px,1.95vh,10px)!important}
  .myra-telemetry-card strong{font-size:clamp(9px,2.25vh,12px)!important}.myra-telemetry dd{font-size:clamp(8px,1.95vh,10px)!important}.myra-listen{font-size:clamp(8px,1.95vh,10px)!important}

  html.phone-landscape .pilot-passport-window small{font-size:clamp(8.5px,2.1vh,10.5px)!important}
  html.phone-landscape .pilot-passport-header p,html.phone-landscape .pilot-passport-header-code span,html.phone-landscape .pilot-passport-identity span,html.phone-landscape .pilot-passport-rank p{font-size:clamp(8.5px,2.1vh,10.5px)!important;line-height:1.22!important}
  html.phone-landscape .pilot-passport-metrics small{font-size:clamp(7.5px,1.85vh,9px)!important}.pilot-passport-metrics strong{font-size:clamp(10.5px,2.55vh,13px)!important}

  .career-heading small,.career-heading span{font-size:max(9px,calc(var(--u)*.72))!important}.career-progress-label small,.career-progress em{font-size:max(8px,calc(var(--u)*.62))!important}
  .career-panels h3{font-size:max(9px,calc(var(--u)*.68))!important}.career-panels p{font-size:max(8px,calc(var(--u)*.5))!important}.career-task-copy h4{font-size:max(10px,calc(var(--u)*.69))!important}.career-task-copy p{font-size:max(8.5px,calc(var(--u)*.51))!important}

  .evolution-header small{font-size:max(10px,calc(var(--u)*.78))!important}.evolution-categories button span{font-size:max(11px,calc(var(--u)*.9))!important}.evolution-categories button b{font-size:max(9.5px,calc(var(--u)*.75))!important}
  .evolution-slots>small,.evolution-info small,.evolution-values small{font-size:max(9.5px,calc(var(--u)*.69))!important}.evolution-slot span{font-size:max(9.5px,calc(var(--u)*.69))!important}.evolution-info strong{font-size:max(13px,calc(var(--u)*1.04))!important}
  .evolution-branch strong{font-size:max(10.5px,calc(var(--u)*.71))!important}.evolution-branch small{font-size:max(9px,calc(var(--u)*.56))!important}.evolution-detail-window .upgrade-detail-copy>p{font-size:max(11px,calc(var(--u)*1.0))!important}
}

/* Specificity locks for the phone-landscape stack loaded by v5.3.x. */
html.phone-landscape .screen .mobile-fixed-logo{
  top:max(10px,calc(var(--safe-top,0px) + 8px))!important;
}
html.phone-landscape .score-screen.score-screen-v472 .site-shell{
  background-color:#000!important;
  background-image:url('../assets/images/SpaceBackground.png')!important;
  background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
}
html.phone-landscape .score-screen.score-screen-v472 .scene-bg{
  display:block!important;inset:-2.5%!important;opacity:1!important;
  background:url('../assets/images/SpaceBackground.png') center/cover no-repeat!important;
  transform:translate3d(var(--scene-x,0),var(--scene-y,0),0) scale(var(--scene-scale,1.035))!important;
  animation:sceneBreathe 13s ease-in-out infinite alternate!important;
}
html.phone-landscape .score-screen.score-screen-v472 .content{
  background:transparent!important;
}
@media (orientation:landscape) and (pointer:coarse){
  html.phone-landscape .how-screen .how-command-controls .how-control-card,
  html.phone-landscape .how-screen .how-command-threats .how-system-card.ground-artillery{
    display:grid!important;grid-template-columns:minmax(220px,34%) minmax(0,1fr)!important;
    min-height:160px!important;gap:12px!important;padding:12px!important;
  }
  html.phone-landscape .how-screen .how-command-controls .how-control-symbol{
    display:flex!important;min-height:132px!important;padding:7px!important;
  }
  html.phone-landscape .how-screen .how-command-controls .how-arrow-pad{
    display:grid!important;grid-template-columns:repeat(3,38px)!important;grid-template-rows:repeat(2,38px)!important;
  }
  html.phone-landscape .how-screen .how-command-controls .how-control-key-stack{
    display:flex!important;flex-direction:row!important;
  }
  html.phone-landscape .myra-window .myra-body{
    grid-template-columns:27% minmax(0,1fr) 21%!important;gap:7px!important;
  }
  html.phone-landscape .myra-window .myra-reader{grid-template-columns:28% minmax(0,1fr)!important}
  html.phone-landscape .myra-window .myra-archive{padding:8px!important}
  html.phone-landscape .myra-window .myra-record{
    min-height:44px!important;padding:5px!important;grid-template-columns:27px minmax(0,1fr) 13px!important;
  }
  html.phone-landscape .myra-window .myra-record>span{width:25px!important;height:25px!important;font-size:clamp(8px,2vh,10px)!important}
  html.phone-landscape .myra-window .myra-record strong{font-size:clamp(8.5px,2.1vh,10.5px)!important}
  html.phone-landscape .myra-window .myra-message{padding:10px 12px!important}
  html.phone-landscape .myra-window .myra-message h3{font-size:clamp(14px,3.45vh,20px)!important}
  html.phone-landscape .myra-window .myra-message p{font-size:clamp(9px,2.2vh,11.5px)!important;line-height:1.38!important}
  html.phone-landscape .myra-window .myra-message blockquote{font-size:clamp(8px,1.95vh,10px)!important}
  html.phone-landscape .myra-window .myra-telemetry-card strong{font-size:clamp(9px,2.25vh,12px)!important}
  html.phone-landscape .myra-window .myra-telemetry dd{font-size:clamp(8px,1.95vh,10px)!important}
  html.phone-landscape .myra-window .myra-listen{font-size:clamp(8px,1.95vh,10px)!important}
}