/* A clear stage for the car, with one visible chapter at a time. */
:root{--paper:#e5e9ec;--ink:#203344;--muted:#536b7e;--action-bg:#233d51;--action-ink:#f5f8fa;--scene-alpha:1;--scene-shift:0px}
html{scrollbar-gutter:stable}
.scene-copy h1,.scene-copy h2{overflow-wrap:anywhere}.scene-copy>p{overflow-wrap:break-word}
.product-panel>*{min-width:0}.run-head>div{min-width:0}.run-head strong{white-space:nowrap}.run-status{overflow-wrap:anywhere}
.system-row{grid-template-columns:minmax(0,1fr) minmax(40px,.8fr) 30px minmax(5.5rem,max-content)}
.finale-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.finale-metrics button{min-width:0}
.finale-metrics button>span:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:start;overflow-wrap:anywhere}
.finale-metrics strong{white-space:nowrap}
.experience-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}
.experience-footer .chapter-rail{position:static;transform:none;justify-self:center}.experience-footer .motion-control{justify-self:end}.chapter-caption{min-width:0;width:auto}
.site-footer{background:var(--paper);color:#536b7e}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header{height:104px;transition:color .15s}.header-actions{gap:22px}
.header-actions .menu-toggle{width:44px;height:44px;justify-items:center;border:1px solid #748b9a42;border-radius:50%}
.header-actions .menu-toggle:hover,.header-actions #language-toggle:hover{background:#9baeb51c}
#language-toggle{padding:0 12px;border-radius:24px;min-width:67px;justify-content:center}
.stage-topline{top:120px;letter-spacing:.12em}.stage-atmosphere{opacity:.55}
.world-fallback{background:var(--paper)}.world-fallback:after{display:none}
.world-fallback img{display:block;position:absolute;left:72%;top:41%;width:min(47vw,79vh);height:auto;transform:translate(-50%,-50%);object-fit:contain;opacity:1;filter:none}
.world-ready .world-fallback{transition:opacity .25s}
.world-unavailable .world-fallback{opacity:1}
.world-unavailable:not([data-chapter='0']):not([data-chapter='1']) .world-fallback img{opacity:.06}
.scene-copy,.stage-widget{transition:none!important;opacity:0;visibility:hidden;pointer-events:none!important;transform:translateY(var(--scene-shift));z-index:1}
.scene-copy.is-active,.stage-widget.is-active{opacity:var(--scene-alpha);visibility:visible;transform:translateY(var(--scene-shift));pointer-events:none}
.scene-copy.is-active a,.scene-copy.is-active button,.stage-widget.is-active button{pointer-events:auto}
.scene-copy[inert] a,.scene-copy[inert] button,.stage-widget[inert] button{pointer-events:none}
.is-stacked-layout .scene-copy,.is-stacked-layout .stage-widget{overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin}
.is-stacked-layout .scene-copy.is-active:not([inert]),.is-stacked-layout .stage-widget.is-active.is-scrollable:not([inert]){pointer-events:auto!important}
.scene-copy{max-width:510px;width:36vw;bottom:18vh}.scene-intro{bottom:17vh}.scene-finale{bottom:22vh}
.scene-copy h1,.scene-copy h2{font-weight:400;line-height:1.04}.scene-copy>p:not(.eyebrow){line-height:1.65}
.scene-copy>.eyebrow{margin-bottom:20px}.scene-copy .intro-line{margin-bottom:20px!important}
.round-link{min-height:48px;padding:6px 19px 6px 7px;gap:12px;border:1px solid transparent;border-radius:28px;background:var(--action-bg);color:var(--action-ink);font-size:14px;margin-top:26px;box-shadow:0 5px 15px #172f4210;transition:background .2s,box-shadow .2s,transform .2s}
.round-arrow{width:34px;height:34px;flex:0 0 34px;font-size:19px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 22%,transparent);background:#ffffff0d;border-radius:50%;transition:transform .2s}
.round-link:hover{box-shadow:0 7px 20px #172f4226;transform:translateY(-2px)}.round-link:hover .round-arrow{transform:translateY(1px);background:transparent}
.round-link:active,.plain-link:active{transform:translateY(0)}
.scene-links{gap:10px;align-items:center}.plain-link{margin-top:26px;min-height:48px;display:inline-flex;align-items:center;padding:10px 17px;border:1px solid #657d8e66;border-radius:28px;font-size:14px;transition:background .2s}.plain-link:hover{background:#ffffff4d}
body[data-chapter='2'],body[data-chapter='3']{--action-bg:#e4edf3;--action-ink:#1c3245}
.model-interaction{position:absolute;left:45%;top:18%;width:50%;height:52%;z-index:0;cursor:grab;touch-action:pan-y;outline-offset:-8px;border-radius:45%;user-select:none;-webkit-user-select:none}
.model-interaction.is-dragging{cursor:grabbing}.model-interaction:focus-visible{outline:1px dashed #829ead}
.visual-note{right:12vw;bottom:19vh;font-size:12px;transition:none;pointer-events:none}
.gear-readout{top:auto;bottom:22%;right:12%;width:245px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;color:#bccdd9}
.gear-readout>div{display:flex;gap:7px}.gear-readout i{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border:1px solid #a8beca40;border-radius:50%;transition:color .4s,background .4s}
.gear-readout i.is-selected{background:#d9573926;border-color:#dc816e;color:#ffc6b5}.gear-readout>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}
.health-display{right:10vw;top:25%;width:240px}.health-number,.performance-display>strong,.trip-display>strong{font-variant-numeric:tabular-nums}
.health-number>span{font-size:118px}.health-display-label{margin-top:14px}.signal-bars{margin-top:24px;height:44px}.signal-bars i{background:#8ea2af}.signal-bars i:nth-last-child(-n+5){background:#365b73}
.dtc-pill{min-height:46px;margin-top:21px;background:#f8fbfcaa;border-color:#9aadb95c;transition:background .2s,transform .2s}.dtc-pill i{background:#cb674b}.dtc-pill:hover{background:#fff;transform:translateY(-2px)}
.performance-display{right:9vw;top:28%;width:255px}.performance-display>strong{font-size:116px;white-space:nowrap;line-height:1.25}
.story-speed-chart{height:48px;margin:8px 0 10px}.run-live{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:#506c80;margin:6px 0 13px}.run-live b{font-weight:500;font-variant-numeric:tabular-nums;color:#223e52}.run-live>span:last-child{font-size:12px}.widget-caption{line-height:1.5}
.trip-display{top:23%;right:10vw;width:245px}.trip-display>strong{font-size:89px}
.finale-cockpit{background:linear-gradient(145deg,#263e51,#152a3b);color:#e6eff5;border:1px solid #dce7ef;box-shadow:0 26px 64px #23445e25;padding:25px;border-radius:22px;backdrop-filter:none;top:25%;right:8vw;width:min(430px,39vw)}
.finale-topbar{color:#ecf4f9;margin-bottom:23px}.finale-brand{display:flex;align-items:center;gap:9px}.finale-mark{width:24px;height:24px;display:block;background:#c5d8e5;mask:url('/assets/soraka-app-mark.svg') center/contain no-repeat;-webkit-mask:url('/assets/soraka-app-mark.svg') center/contain no-repeat}
.finale-topbar>span:last-child{color:#a6bdcd;font-size:12px}.finale-topbar>span>i{background:#b2ccba}
.finale-metrics button{background:#e0f0ff08;border:1px solid #afc6d72e;min-height:120px;padding:16px;opacity:1;transform:none;transition:background .2s,border-color .2s;position:relative;border-radius:12px}
.finale-metrics button:hover{background:#daeefa17;border-color:#afc6d78c}.finale-metrics button>span:first-child{font-size:13px;color:#bfd0dd}.finale-metrics button>span:first-child>i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#ffffff0b}
.finale-metrics strong{color:#eff7fc;font-size:36px}.finale-metrics strong small,.finale-caption{color:#a1b9cb;font-size:12px}.finale-metrics .finale-dtc{color:#eea991}.finale-meter{background:#95b3c42b}.finale-meter>i{background:#a5c3d3;transform:none}
.finale-metrics button:focus-visible{outline-color:#d9edf9;outline-offset:3px}
.chapter-rail a{min-width:32px;height:44px}.chapter-rail i{height:3px}.chapter-rail a[aria-current] i{height:4px}
.motion-control{padding:0 12px;border:1px solid #8197a33b;border-radius:26px}.motion-control:hover{background:#8a9da318}
#main-nav{background:#edf2f6fa;backdrop-filter:blur(18px);border:1px solid #fff9;padding:14px;top:88px;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;border-radius:18px}
#main-nav a{font-size:19px;padding:10px 14px;min-height:45px;border-radius:9px;gap:20px}#main-nav a:hover{transform:none;background:#a6bcca24}#main-nav>button{padding:15px 14px;min-height:48px;margin-top:6px;border-radius:8px}#main-nav>button:hover{background:#a6bcca24}
#language-menu{border:1px solid #fff9;border-radius:14px;padding:6px}#language-menu a{min-height:44px;align-items:center;padding:10px 13px;border-radius:9px}
/* Light outer shell, deep navy data canvas, stationary close and tab controls. */
dialog{width:min(1160px,calc(100vw - 64px));max-height:calc(100svh - 64px);border:1px solid #fff9;border-radius:24px;background:#eaf0f4;color:#213d51;box-shadow:0 35px 110px #10223859;overflow:hidden;color-scheme:light}
dialog[open]{display:flex;flex-direction:column;animation:dialog-arrive .25s ease-out}
dialog::backdrop{background:#10283d78;backdrop-filter:blur(13px)}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.dialog-header{flex:0 0 auto;position:relative;top:auto;padding:23px 30px 18px;background:#eaf0f4;gap:20px}.dialog-header h2{font-size:28px;letter-spacing:-.045em}.dialog-header .eyebrow{color:#536e82;font-size:12px;margin-bottom:6px}
.close-dialog{border:1px solid #889eaf55;background:#fff9;color:#243f54;transition:background .2s,transform .2s}.close-dialog:hover{background:#fff;transform:rotate(8deg)}
.dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 26px 24px;scrollbar-width:thin;scrollbar-color:#91a5b4 transparent}
.product-switcher{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px 0 14px;margin-bottom:0;background:#eaf0f4;border:0}
.product-switcher button{font-size:14px;min-height:48px;padding:10px 7px;border:1px solid #92a9b938;border-radius:25px;color:#476378;transition:background .2s,color .2s}.product-switcher button:hover{background:#dce6ed}.product-switcher button[aria-selected=true]{color:#f2f7fa;background:#28465c;border-color:transparent}.product-switcher button[aria-selected=true]:after{display:none}
.cockpit-shell{color:#e6eef5;border-radius:16px;background:#142638;border:1px solid #bfd2df2b}.cockpit-topbar{padding:17px 24px;border-color:#c0d2df21}.cockpit-brand{display:flex;align-items:center;gap:12px}.cockpit-brand .brand-wordmark{width:110px;height:27px;color:#e2edf5;margin:0}.cockpit-brand .cockpit-car-label{font-size:12px;color:#a1b7c8;margin:0}
.health-scenarios button,.dtc-codes button,.run-options button,.trip-choices button{transition:background .2s,border-color .2s;min-height:44px}.health-scenarios button:hover,.dtc-codes button:hover,.trip-choices button:hover{background:#a4bed318;border-color:#94b1c880}
.health-scenarios button[aria-pressed=true],.run-options button[aria-pressed=true]{background:#cadce8;color:#1c364a}.dtc-codes button[aria-pressed=true],.trip-choices button[aria-pressed=true]{background:#a4bdd21c;border-color:#9fbdd17d}.code-status{background:#e09375}
.button-lime{background:#d9e7f0;border:1px solid #eaf4fa;border-radius:25px;color:#23435b;min-height:48px}.button-lime:hover{background:#f0f7fb}.health-context .insight-message{border-color:#93b2c52b;border-radius:12px}.score-explanation summary{min-height:44px}
.demo-disclosure{color:#526b7d;font-size:12px;margin-top:17px}.about-dialog{width:min(790px,calc(100vw - 64px))}.about-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:5px 30px 30px}.about-intro{font-size:23px;line-height:1.55;color:#2b485d}
.connection-figure img{border-radius:14px}.connection-figure figcaption,.about-status{color:#536e82}.connection-steps{color:#395d77;border-color:#718ea52f}.faq-list details{border-color:#809aad33}.faq-list details>p{color:#536d81}.faq-list summary{font-size:16px;min-height:44px}.about-status{font-size:13px}
.motion-off dialog[open]{animation:none}
@media(max-width:1100px) and (min-width:651px){.scene-copy{left:5vw;width:38vw}.scene-copy h1,.scene-copy h2{font-size:51px}.health-display{right:7vw;width:215px}.performance-display{right:6vw;width:220px}.health-number>span{font-size:102px}.performance-display>strong{font-size:99px}.gear-readout{right:8%;width:230px}.finale-cockpit{right:5vw;width:43vw;padding:20px}.finale-metrics button{padding:13px}.scene-links{gap:7px}.scene-links .round-link,.scene-links .plain-link{font-size:13px}.plain-link{padding-inline:13px}}
@media(max-width:650px){
  .site-header{height:88px}.header-actions{gap:8px}.stage-topline{top:104px}.header-actions .about-link{display:none}.brand-wordmark{width:121px;height:29px}
  .world-fallback img{left:50%;top:34%;width:91vw;transform:translate(-50%,-50%)}
  .scene-copy{left:7vw;width:86vw;bottom:17vh;max-height:43svh;overflow-y:auto}.scene-copy h1,.scene-copy h2{font-size:40px;max-width:340px;line-height:1.05}.scene-intro{bottom:16vh}.scene-intro h1{font-size:47px}.scene-copy>.eyebrow{margin-bottom:14px}.scene-copy>p:not(.eyebrow){margin-top:15px;font-size:15px;max-width:330px}.scene-copy .intro-line{font-size:13px!important;margin-bottom:16px!important}
  .scene-copy.is-active:not([inert]){pointer-events:auto!important}
  .round-link,.plain-link{margin-top:21px;min-height:44px;font-size:13px}.round-link{padding:5px 16px 5px 6px;gap:9px}.round-arrow{width:32px;height:32px;flex-basis:32px}.plain-link{padding-inline:14px}.scene-links{gap:8px}
  .model-interaction{left:4%;top:17%;width:92%;height:35%}.visual-note{bottom:12vh;left:7vw;right:auto;font-size:12px}.gear-readout{display:none}
  .health-display{top:21%;right:0;left:0;margin-inline:auto;width:210px}.health-number>span{font-size:96px}.health-display-label{margin-top:10px}.health-display>p{margin-top:10px}.signal-bars{height:32px;margin-top:17px}.dtc-pill{margin-top:15px;min-height:42px;padding:8px 13px}
  .performance-display{top:22%;left:0;right:0;margin-inline:auto;width:205px}.performance-display>strong{font-size:86px}.performance-display>p{font-size:18px}.performance-display small,.trip-display small{font-size:22px}.story-speed-chart{height:35px;margin:6px 0}.run-live{font-size:12px;margin:6px 0 10px}.run-live>span:last-child{font-size:12px}
  .trip-display{top:20%;right:0;left:0;margin-inline:auto;width:205px}.trip-display>strong{font-size:76px}.trip-display>div{margin-top:9px}
  .finale-cockpit{top:19%;left:7vw;right:auto;width:86vw;padding:18px;border-radius:18px}.finale-topbar{margin-bottom:16px}.finale-mark{width:21px;height:21px}.finale-topbar .brand-wordmark{width:84px;height:21px}.finale-topbar>span:last-child{font-size:12px}.finale-metrics{gap:9px}.finale-metrics button{padding:11px;min-height:94px}.finale-metrics strong{font-size:30px}.finale-metrics button>span:first-child{font-size:12px}.finale-metrics button>span:first-child>i{width:20px;height:20px}.finale-metrics strong small{font-size:11px;margin-left:5px}.finale-caption{font-size:12px}.scene-finale{bottom:17vh}
  .chapter-rail{gap:0;height:44px;min-height:44px}.chapter-rail a{min-width:32px;width:32px;height:44px;padding:10px 4px}.chapter-rail i{width:18px}.experience-footer{bottom:14px;row-gap:0}.motion-control{padding:0 9px;min-height:44px}.chapter-caption{min-height:44px}.visual-note{display:none}
  #main-nav{top:77px;max-height:calc(100dvh - 96px);width:min(370px,92vw)}#main-nav a{font-size:18px}
  dialog,.about-dialog{width:100vw;height:100svh;max-height:100svh;max-width:100vw;border:0;border-radius:0;inset:0;margin:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  .dialog-header{padding:18px 19px 13px}.dialog-header h2{font-size:25px}.dialog-body{padding:0 12px 22px}.product-switcher{grid-template-columns:repeat(4,auto);padding-top:4px;gap:4px;padding-bottom:12px}.product-switcher button{font-size:12px;min-height:46px;padding:8px 4px}.cockpit-shell{border-radius:13px}.cockpit-topbar{padding:15px 17px}.cockpit-brand .cockpit-car-label{display:none}.cockpit-brand .brand-wordmark{display:block;width:99px;height:24px}.about-body{padding:7px 21px 27px}.about-intro{font-size:21px}.demo-disclosure{padding-inline:3px}
}
@media(max-width:375px){
  .scene-copy h1,.scene-copy h2{font-size:35px}.scene-intro h1{font-size:43px}.scene-copy>p:not(.eyebrow){font-size:14px}.scene-copy .intro-line{font-size:12px!important}.scene-copy{bottom:17vh}.scene-copy .round-link{margin-top:18px}.scene-links{gap:6px}.scene-links .round-link,.scene-links .plain-link{font-size:12px}.scene-links .plain-link{padding-inline:10px}
  .health-display{top:20%;width:190px}.health-number>span{font-size:78px}.health-display .signal-bars,.health-display>p,.health-display .dtc-pill{display:none}.health-display-label{margin-top:8px}.performance-display{top:20%;width:178px}.performance-display>strong{font-size:70px}.story-speed-chart{height:27px}.performance-display .run-live>span:last-child{display:none}.trip-display>strong{font-size:68px}.trip-display{width:184px;top:20%}
  .finale-cockpit{top:18%;padding:14px}.finale-topbar{margin-bottom:11px}.finale-metrics button{min-height:79px;padding:9px}.finale-metrics strong{font-size:27px}.finale-metrics .finale-caption{display:none}.finale-topbar .brand-wordmark{width:76px;height:19px}.finale-mark{width:19px;height:19px}.finale-metrics button>span:first-child{font-size:11px}.finale-metrics button>span:first-child>i{width:17px;height:17px}.visual-note{bottom:12vh;font-size:11px}
}
@media(min-width:651px) and (max-aspect-ratio:21/20){
  .scene-copy{left:7vw;width:86vw;max-width:640px;bottom:17vh}.scene-copy h1,.scene-copy h2{font-size:clamp(44px,6.7vw,66px);max-width:580px}.scene-copy>p:not(.eyebrow){max-width:420px}.scene-intro{bottom:15vh}.scene-finale{bottom:14vh}
  .world-fallback img{left:50%;top:34%;width:min(91vw,64vh)}.model-interaction{left:8%;top:17%;width:84%;height:39%}.gear-readout{display:none}.visual-note{bottom:11vh;left:7vw;right:auto}
  .health-display{left:0;right:0;margin-inline:auto;top:23%;width:240px}.performance-display{left:0;right:0;margin-inline:auto;top:24%;width:240px}.trip-display{left:0;right:0;margin-inline:auto;top:21%;width:230px}
  .finale-cockpit{top:20%;left:0;right:0;margin-inline:auto;width:min(560px,82vw);padding:24px}.finale-metrics button{min-height:111px}.finale-metrics strong{font-size:34px}
}
@media(max-height:700px) and (min-width:651px){
  .site-header{height:80px}.stage-topline{top:94px}.scene-copy{bottom:16vh}.scene-copy h1,.scene-copy h2{font-size:44px}.scene-copy>.eyebrow{margin-bottom:12px}.scene-copy>p:not(.eyebrow){margin-top:14px}.round-link,.plain-link{margin-top:18px}.health-number>span{font-size:85px}.health-display .signal-bars{height:28px;margin-top:16px}.health-display>p{display:none}.health-display{top:24%}.performance-display{top:26%}.performance-display>strong{font-size:89px}.trip-display>strong{font-size:75px}.finale-cockpit{top:23%;padding:17px}.finale-topbar{margin-bottom:13px}.finale-metrics button{min-height:84px;padding:10px}.finale-metrics strong{font-size:28px}.finale-caption{display:none}.gear-readout{bottom:17%}.visual-note{bottom:12vh}.experience-footer{bottom:19px}
  dialog{max-height:calc(100svh - 28px)}.dialog-header{padding-block:15px 12px}.dialog-header h2{font-size:25px}#main-nav{top:70px;max-height:calc(100dvh - 85px)}
}
/* Keep long translated labels clear at every responsive breakpoint. */
@media(max-width:900px){
  .product-panel{grid-template-columns:minmax(0,1fr)}.health-summary,.dtc-sidebar,.performance-side,.trip-list{border-right:0;border-bottom:1px solid var(--line)}
  .run-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.run-head .run-status{grid-column:1/-1;margin:0;max-width:none;text-align:left;overflow-wrap:break-word}
  .run-head>div>span{display:block;overflow-wrap:anywhere;line-height:1.4}.run-head>div:nth-child(2) strong{margin-top:0}.run-head strong{line-height:1.3}
  .system-row{grid-template-columns:minmax(0,1fr) minmax(30px,.8fr) 30px}.system-status{display:none}
  .experience-footer{grid-template-columns:minmax(0,1fr) 44px;gap:0 14px;bottom:14px}.experience-footer .chapter-rail{grid-column:1/-1;grid-row:2;order:initial;width:auto;height:44px;min-height:44px;gap:0}
  .experience-footer .chapter-rail a{width:32px;min-width:32px;height:44px}.experience-footer .chapter-rail i{width:18px}
  .experience-footer .motion-control{width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center}.motion-control #motion-label{display:none}.chapter-caption{min-height:44px}
  .health-display-label{flex-wrap:wrap;gap:5px 12px}.finale-metrics button>span:first-child>i{flex-shrink:0}
}
@media(max-width:650px) and (max-height:760px){
  .scene-copy h1,.scene-copy h2{font-size:35px;line-height:1.08}.scene-intro h1{font-size:40px}.scene-copy>.eyebrow{margin-bottom:11px}.scene-copy>p:not(.eyebrow){font-size:14px;margin-top:12px;line-height:1.6}.scene-copy .round-link,.scene-copy .plain-link{margin-top:18px}
  .health-number>span{font-size:78px}.health-display .signal-bars,.health-display>p,.health-display .dtc-pill{display:none}.health-display-label{margin-top:8px}
  .performance-display>strong{font-size:70px}.performance-display{width:190px}.story-speed-chart{height:25px}.run-live{margin-bottom:7px}.run-live>span:last-child{display:none}
  .finale-cockpit{padding:12px}.finale-topbar{margin-bottom:9px}.finale-metrics{gap:7px}.finale-metrics button{min-height:72px;padding:9px}.finale-metrics strong{font-size:27px}.finale-metrics .finale-caption{display:none}.finale-metrics button>span:first-child{font-size:12px}.finale-metrics button>span:first-child>i{width:18px;height:18px}
}
@media(min-width:651px) and (max-width:900px) and (max-height:700px){
  .scene-copy{bottom:120px;max-height:calc(100svh - 240px);overflow-y:auto}.scene-copy.is-active:not([inert]){pointer-events:auto!important}
}
@media(min-width:651px) and (max-width:900px){
  .finale-metrics button{padding:9px}.finale-metrics strong{font-size:28px}.finale-metrics strong small{font-size:11px;margin-left:4px}.finale-metrics button>span:first-child{font-size:12px}.finale-metrics button>span:first-child>i{display:none}
}
@media(min-width:901px) and (max-width:1000px){.system-row{grid-template-columns:minmax(0,1fr) minmax(30px,.8fr) 30px}}