@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#F4EFE6;--ink:#141311;--red:#E02B20;--yellow:#F7B500;--teal:#087F86;--deep:#07555D;--mint:#A4E9D4;--cream:#F4EFE6;--display:'Archivo Black',Impact,'Arial Black',sans-serif;--body:'IBM Plex Sans',Arial,sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;font:400 16px/1.5 var(--body);color:var(--ink);background-image:radial-gradient(#E5DCCB 1.3px,transparent 1.3px);background-size:18px 18px;overflow-x:hidden}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid #1858A8;outline-offset:3px}.masthead{background:var(--paper);border-bottom:4px solid var(--ink)}.masthead-inner{max-width:1280px;margin:auto;padding:17px clamp(15px,3vw,34px);display:flex;align-items:center;justify-content:space-between;gap:22px}.brand-mark{display:inline-flex;border:3px solid var(--ink);box-shadow:4px 4px var(--ink);font:normal clamp(1.12rem,2vw,1.5rem)/1 var(--display);white-space:nowrap}.brand-orbit{background:var(--red);color:var(--paper);padding:11px 13px}.brand-arcade{background:var(--yellow);padding:11px 13px;border-left:3px solid var(--ink)}.masthead-note{display:grid;gap:2px;font-size:.71rem;letter-spacing:.05em;font-weight:700}.masthead-note b{font:normal .82rem var(--display)}.shelf-link,.tool-btn{display:inline-block;border:3px solid var(--ink);background:var(--paper);box-shadow:3px 3px var(--ink);padding:10px 13px;font-size:.77rem;font-weight:700;white-space:nowrap}.shelf-link:hover,.tool-btn:hover{background:var(--yellow)}.page-grid{max-width:1310px;margin:auto;padding:25px clamp(12px,3vw,34px) 68px;display:grid;grid-template-columns:minmax(0,820px) minmax(250px,1fr);align-items:start;gap:32px}.main-column{min-width:0}.machine-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.machine-toolbar>div{display:flex;gap:10px}.tool-btn{padding:9px 13px;font-size:.68rem}.machine{padding:11px;background:var(--teal);border:4px solid var(--ink);box-shadow:9px 9px 0 var(--ink);border-radius:22px;position:relative;overflow:hidden}.machine::before,.machine::after{content:'';position:absolute;left:20px;top:55%;width:8px;height:8px;border:2px solid #03373C;background:#6BC1B5;border-radius:50%}.machine::after{left:auto;right:20px}.machine-top,.machine-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#D9FFF0;font-weight:700;letter-spacing:.11em;font-size:.63rem;padding:6px 12px 12px}.machine-inner{background:#1AA5A4;border:4px solid var(--ink);padding:clamp(9px,2vw,20px);border-radius:12px;box-shadow:inset 0 7px 0 rgba(255,255,255,.12)}.machine-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.eyebrow{font-weight:700;font-size:.65rem;letter-spacing:.12em}.machine-title h1{font:normal clamp(2rem,5vw,3.3rem)/1 var(--display);margin:2px 0 4px;letter-spacing:-.06em}.machine-title h1 span{color:#FFF2CB;text-shadow:2px 2px 0 var(--ink);margin-left:2px}.machine-title h1 i{font:normal .75rem var(--body);vertical-align:top;margin-left:6px}.machine-title p{font-size:.63rem;letter-spacing:.2em;font-weight:700;margin:0}.title-signet{flex:none;width:74px;height:64px}.title-signet svg{width:100%;height:100%}.instrument-panel{background:#102930;border:4px solid var(--ink);padding:8px;display:grid;grid-template-columns:.8fr 1.4fr .6fr 1.4fr;gap:7px;border-radius:8px;margin-bottom:13px;box-shadow:inset 0 4px 3px rgba(0,0,0,.45)}.meter{border:2px solid #496464;min-width:0;padding:6px 8px;color:#FFDB7C}.meter small{display:block;font-size:.61rem;color:#A7E2DC;font-weight:700;letter-spacing:.09em;white-space:nowrap}.meter strong{display:block;font:700 clamp(.7rem,2.3vw,1.5rem)/1.55 'Courier New',monospace;white-space:nowrap;letter-spacing:-.07em;overflow:hidden}.meter strong em{font:700 .48rem var(--body);margin-left:3px;letter-spacing:0}.meter-weak{color:#87AEA6;font-size:.6em}.console-frame{border:4px solid var(--ink);padding:10px 10px 9px;background:#152B33;border-radius:13px;box-shadow:5px 6px 0 rgba(0,0,0,.22)}.frame-caption,.frame-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#D5E8DF;font-weight:700;font-size:.62rem;letter-spacing:.075em;padding:0 2px 9px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#F7B500;box-shadow:0 0 10px #F7B500;margin-right:6px}.frame-footer{padding:9px 1px 0;color:#91C8C1}.frame-footer #race-status{color:#E3C867}.screen-box{position:relative;aspect-ratio:1024 / 760;border:4px solid #070F15;background:#1B433A;overflow:hidden;touch-action:none}#race-canvas{display:block;width:100%;height:100%}.race-banner{position:absolute;top:17%;left:50%;transform:translateX(-50%) rotate(-2deg);pointer-events:none;padding:8px 17px;border:3px solid var(--ink);background:var(--yellow);box-shadow:6px 6px 0 var(--ink);font:normal clamp(.8rem,2.5vw,1.4rem) var(--display);white-space:nowrap;z-index:3}.race-banner[hidden]{display:none}.overlay{position:absolute;inset:0;z-index:5;background:rgba(5,19,24,.57);display:grid;place-items:center;padding:10px;backdrop-filter:blur(3px)}.overlay[hidden]{display:none!important}.overlay-card{background:#F4EFE6;border:4px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(-1deg);text-align:center;width:min(390px,100%);padding:15px clamp(12px,3vw,22px) 18px;max-height:99%;overflow:auto}.overlay-top{border-bottom:3px solid var(--ink);display:flex;justify-content:space-between;font-size:.58rem;font-weight:700;letter-spacing:.04em;padding-bottom:8px;gap:8px}.overlay-symbol{display:block;font:normal 2.6rem/1 var(--display);color:var(--teal);margin:9px 0 4px}.overlay-label{font-size:.65rem;font-weight:700;color:var(--red);letter-spacing:.1em}.overlay-card h2{font:normal clamp(1.2rem,4.4vw,2.5rem)/1.05 var(--display);letter-spacing:-.04em;margin:10px 0}.overlay-card h2 span{color:var(--teal)}.overlay-card p{font-size:clamp(.65rem,1.6vw,.88rem);line-height:1.4;margin:0 auto 14px;max-width:34ch}.overlay-button{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:normal clamp(.84rem,2vw,1.15rem) var(--display);padding:11px 13px;text-align:left}.overlay-button:hover{background:#FFD548}.overlay-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.overlay-secondary{border:0;background:transparent;font-size:.7rem;font-weight:700;text-decoration:underline;margin:12px auto 0}.overlay-secondary[hidden]{display:none}.overlay-hint{display:block;font-size:.59rem;font-weight:700;letter-spacing:.04em;margin-top:14px}.control-dashboard{margin-top:14px;padding:13px 8px 3px;background:#0E747B;border:3px solid var(--ink);border-radius:9px}.drift-stats{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;padding:4px 8px 11px;border-bottom:3px solid #064E56;margin-bottom:13px}.drift-stats>div{min-width:0}.drift-stats small{display:block;font-size:.61rem;font-weight:700;letter-spacing:.06em;color:#DBF8E7}.drift-stats b{display:block;font:700 1.18rem 'Courier New',monospace;color:var(--yellow)}.boost-bar{border:3px solid var(--ink);height:19px;background:#0D2C33;margin-top:7px}.boost-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,#F7B500,#FF684E)}.controls-group{display:flex;gap:15px;justify-content:space-between;align-items:end;padding:0 4px 10px}.control-heading{display:block;color:#E5FFFC;font-size:.64rem;font-weight:700;letter-spacing:.07em;margin-bottom:7px}.steer-pair,.pedal-row{display:flex;gap:9px}.steer-key,.pedal{touch-action:none;user-select:none;-webkit-user-select:none;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:700}.steer-key{background:var(--yellow);width:68px;height:58px;border-radius:8px;font-size:1.7rem}.pedal{width:68px;height:58px;background:#F0D9AA;border-radius:7px;font-size:.73rem;padding:4px 2px}.pedal small{display:block;font-size:.52rem;letter-spacing:-.02em}.pedal-gas{background:#B0EE8B}.pedal-drift{background:#FF9B79}.pedal-boost{background:#FED564}.steer-key.pressed,.pedal.pressed{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.machine-bottom{padding:12px 8px 3px}.machine-bottom>div{display:flex;gap:8px}.machine-bottom button{font-weight:700;color:#132F32;background:#ACDFD3;border:2px solid var(--ink);border-radius:3px;padding:6px 9px;font-size:.7rem}.machine-bottom button:hover{background:var(--yellow)}.manual{position:relative;background:#FFF9E9;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:28px;margin-top:29px}.manual:before{content:'';position:absolute;right:24px;top:-11px;width:70px;height:21px;background:rgba(247,181,0,.55);transform:rotate(-12deg)}.manual-stamp{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--red)}.manual h2{font:normal 1.7rem var(--display);margin:6px 0 13px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}.manual p{font-size:.81rem;margin:0}.manual b{font-size:.67rem;color:var(--teal)}kbd{font:700 .75rem var(--body);background:#EEE4C9;border:2px solid var(--ink);padding:1px 5px;box-shadow:2px 2px var(--ink)}.sidebar{min-width:0;display:flex;flex-direction:column;gap:22px;padding-top:58px}.sidebar-stamp{align-self:flex-start;background:var(--ink);color:var(--paper);transform:rotate(-2deg);padding:9px 13px;font:normal .87rem var(--display);margin-bottom:-8px}.side-card{background:#FFF9E9;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:17px}.side-head{display:flex;justify-content:space-between;gap:8px;align-items:center;border-bottom:3px solid var(--ink);padding-bottom:9px;font-size:.65rem;font-weight:700;letter-spacing:.08em}.side-head span:last-child{font-size:1rem}.side-card h2{font:normal 1.23rem/1.2 var(--display);margin:14px 0}.select-options{display:grid;gap:9px}.select-option{display:flex;align-items:center;gap:11px;justify-content:space-between;background:var(--paper);border:2px solid var(--ink);padding:9px;text-align:left;min-height:68px}.select-option[aria-pressed=true]{background:var(--mint);box-shadow:3px 3px 0 var(--ink)}.select-option .car-chip{width:65px;height:30px;border:2px solid var(--ink);border-radius:12px 18px 9px 7px;flex:none;position:relative;transform:skewX(-8deg)}.select-option .car-chip:before{content:'';position:absolute;width:21px;height:12px;background:#202A30;top:6px;left:19px;border-radius:4px}.select-option .car-chip:after{content:'';position:absolute;inset:auto 7px -6px;background:repeating-linear-gradient(90deg,var(--ink) 0 9px,transparent 9px 27px);height:5px}.select-option .info{flex:1;min-width:0}.select-option b{display:block;font-size:.84rem}.select-option small{display:block;color:#636058;font-size:.67rem;line-height:1.3}.select-option:disabled,.track-option:disabled{cursor:not-allowed;opacity:.55}.garage-help,.record-note{font-size:.75rem;color:#58574C;margin:13px 0 0}.tracks-card{background:#E7F5F1}.tracks-card canvas{display:block;width:100%;height:auto;background:#1A3332;border:3px solid var(--ink)}.track-options{display:grid;gap:7px;margin-top:12px}.track-option{display:flex;align-items:center;justify-content:space-between;text-align:left;background:#FFF9E9;border:2px solid var(--ink);font-size:.79rem;font-weight:700;padding:8px 10px}.track-option[aria-pressed=true]{background:var(--yellow);box-shadow:3px 3px var(--ink)}.track-option span:last-child{font-size:.67rem;color:#665E51}.record-card{background:#FFE4B8}.record-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:2px solid #D7B896;font-weight:700;font-size:.74rem}.record-line strong{font:700 .9rem 'Courier New',monospace}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:.69rem;font-weight:700;cursor:pointer}.toggle-row input{accent-color:var(--teal);width:18px;height:18px}.toggle-knob{font-size:1rem}.other-card a{display:flex;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #C5BFAF;font-weight:700;font-size:.85rem}.other-card a:last-child{border-bottom:0}.other-card a>span:nth-child(2){flex:1}.other-card small{display:block;font-size:.62rem;color:#70695D}.other-icon{display:grid;place-items:center;width:43px;height:43px;flex:none;border:2px solid var(--ink);font:normal 1.4rem var(--display)}.other-icon.breaker{background:#BBA4EE}.other-icon.iron{background:#FFA38B}.other-icon.snake{background:#B7E8A7}.footer{max-width:1280px;margin:auto;border-top:3px solid var(--ink);padding:20px clamp(15px,3vw,34px) 38px;display:flex;justify-content:space-between;gap:10px;font-size:.74rem;font-weight:700}.footer a:hover{text-decoration:underline}
@media(max-width:1060px){.page-grid{grid-template-columns:1fr;max-width:780px}.sidebar{padding-top:0;display:grid;grid-template-columns:1fr 1fr}.sidebar-stamp{grid-column:1/-1}.masthead-note{display:none}}
@media(max-width:580px){.masthead-inner{padding:14px;gap:10px}.brand-mark{font-size:1rem}.brand-orbit,.brand-arcade{padding:9px}.shelf-link{padding:7px 9px;font-size:.66rem}.page-grid{padding:14px 11px 40px;gap:16px}.machine-toolbar{gap:4px;margin-bottom:13px}.machine-toolbar>div{gap:5px}.tool-btn{font-size:.53rem;padding:6px 7px;border-width:2px}.machine{padding:5px;border-radius:15px;box-shadow:5px 5px var(--ink)}.machine:before,.machine:after{display:none}.machine-top,.machine-bottom{font-size:.43rem;padding:4px 5px 8px}.machine-inner{padding:8px;border-width:3px}.machine-title{margin-bottom:10px}.machine-title h1{font-size:clamp(1.45rem,6vw,2.1rem)}.machine-title h1 i{font-size:.45rem}.machine-title .eyebrow,.machine-title p{font-size:.48rem}.title-signet{width:45px;height:40px}.instrument-panel{gap:3px;padding:3px;border-width:3px;margin-bottom:8px}.meter{padding:2px 3px;border-width:1px}.meter small{font-size:.38rem}.meter strong{font-size:clamp(.6rem,2.1vw,.85rem);line-height:1.9}.meter strong em{display:none}.console-frame{padding:5px;border-width:3px}.frame-caption,.frame-footer{font-size:.39rem;gap:3px;padding-bottom:6px}.frame-footer{padding:6px 0 0}.screen-box{border-width:2px}.overlay-card{padding:10px 8px;box-shadow:4px 4px var(--ink)}.overlay-top{font-size:.42rem}.overlay-symbol{font-size:1.7rem;margin:2px 0}.overlay-label{font-size:.5rem}.overlay-card h2{font-size:clamp(1.2rem,4.7vw,1.9rem);margin:5px 0}.overlay-card p{font-size:.6rem;margin-bottom:8px}.overlay-button{font-size:.76rem;padding:6px 9px}.overlay-hint{font-size:.42rem;margin-top:8px}.control-dashboard{padding:6px 3px 3px;margin-top:9px}.drift-stats{gap:5px;padding:3px 4px 8px;margin-bottom:8px}.drift-stats small{font-size:.43rem}.drift-stats b{font-size:.8rem}.boost-bar{height:13px;border-width:2px;margin-top:4px}.controls-group{gap:5px;padding:0 1px 5px}.control-heading{font-size:.42rem;margin-bottom:4px}.steer-pair,.pedal-row{gap:4px}.steer-key{width:40px;height:44px;font-size:1rem;border-width:2px;box-shadow:2px 2px var(--ink)}.pedal{width:39px;height:44px;font-size:.52rem;border-width:2px;box-shadow:2px 2px var(--ink)}.pedal small{font-size:.39rem}.machine-bottom button{font-size:.52rem;padding:5px}.manual{padding:20px;margin-top:21px}.manual h2{font-size:1.35rem}.manual-grid{grid-template-columns:1fr;gap:13px}.sidebar{grid-template-columns:1fr}.sidebar-stamp{grid-column:auto}.footer{font-size:.59rem;flex-wrap:wrap}}
@media(max-width:345px){.steer-key{width:35px;height:40px}.pedal{width:34px;height:40px;font-size:.47rem}.pedal small{font-size:.32rem}.machine-title h1{font-size:1.34rem}.frame-caption span:last-child{display:none}.frame-footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}


.skip-link{position:absolute;left:12px;top:-90px;z-index:1000;background:#fff;padding:10px;border:3px solid #111}.skip-link:focus{top:10px}
.page-grid{max-width:1440px;grid-template-columns:minmax(0,1fr) 250px;gap:25px}
.sidebar.games-sidebar{padding-top:57px;gap:14px}
.games-sidebar .other-card{padding:13px}
.games-sidebar .other-card a{gap:10px}
.other-cover{display:block;width:52px;height:52px;object-fit:cover;flex:none;border:2px solid var(--ink);background:#eee}
.pit-panel{margin-top:16px;border:3px solid var(--ink);background:#0E747B;border-radius:9px;padding:12px}
.pit-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#fff;padding:2px 4px 12px;font-size:.7rem;letter-spacing:.08em}
.pit-heading strong{font:normal 1rem var(--display)}
.pit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;align-items:start}
.pit-grid .side-card{min-width:0;padding:12px;box-shadow:3px 3px 0 var(--ink)}
.pit-grid .side-card h2{font-size:1rem;margin:10px 0}
.pit-grid .select-option{min-height:57px;padding:6px;gap:6px}
.pit-grid .select-option .car-chip{width:42px;height:24px}
.pit-grid .select-option .car-chip:before{left:10px}
.pit-grid .select-option b{font-size:.73rem}
.pit-grid .select-option small{font-size:.57rem}
.pit-grid .track-option{font-size:.68rem;padding:7px 6px}
.pit-grid .record-line{font-size:.65rem;gap:4px}
.pit-grid .record-line strong{font-size:.75rem}
.machine:fullscreen{overflow:auto;max-height:100vh;border-radius:0;box-shadow:none}
.machine:fullscreen .machine-inner{max-width:1100px;margin:auto}
@media(max-width:1150px){.pit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pit-grid .record-card{grid-column:1/-1}}
@media(max-width:1060px){.page-grid{grid-template-columns:minmax(0,1fr);max-width:850px}.sidebar.games-sidebar{padding-top:8px;display:flex}.games-sidebar .other-card{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.games-sidebar .other-card .side-head{grid-column:1/-1}}
@media(max-width:620px){.pit-grid{grid-template-columns:1fr}.pit-grid .record-card{grid-column:auto}.pit-heading{flex-direction:column;align-items:flex-start}.games-sidebar .other-card{grid-template-columns:1fr}.pit-grid .select-option .car-chip{width:65px;height:30px}.pit-grid .select-option .car-chip:before{left:19px}}

@media (min-width: 900px) {
  .page-grid { max-width: 1600px; grid-template-columns: minmax(0,1fr) 230px; gap: 20px; padding-top: 14px; }
  .sidebar.games-sidebar { padding-top: 42px; }
  .machine-toolbar { margin-bottom: 10px; }
  .machine { padding: 7px; border-radius: 12px; }
  .machine-top { padding: 2px 9px 5px; }
  .machine-inner { padding: 10px 14px; }
  .machine-title { margin-bottom: 8px; }
  .machine-title h1 { font-size: clamp(1.5rem,2.4vw,2.2rem); }
  .title-signet { width: 49px; height: 43px; }
  .instrument-panel { margin-bottom: 8px; padding: 5px; }
  .meter { padding: 3px 7px; }
  .meter strong { font-size: clamp(.85rem,1.5vw,1.18rem); }
  .console-frame { padding: 6px; }
  .screen-box { aspect-ratio: auto; height: clamp(280px, 52vh, 640px); }
  #race-canvas { width: 100%; height: 100%; object-fit: contain; }
  .frame-caption { padding-bottom: 5px; }
  .frame-footer { padding-top: 5px; }
  .control-dashboard { margin-top: 8px; padding: 7px 8px 3px; }
  .drift-stats { margin-bottom: 7px; padding-bottom: 6px; }
  .drift-stats b { font-size: .95rem; }
  .steer-key, .pedal { height: 40px; width: 53px; }
  .steer-key { font-size: 1.2rem; }
  .pedal { font-size: .62rem; }
  .machine-bottom { padding: 7px 8px 2px; }
}
.pit-panel { padding: 0; overflow: hidden; margin-top: 9px; }
.pit-heading { cursor: pointer; padding: 11px 14px; list-style: none; margin: 0; }
.pit-heading::-webkit-details-marker { display: none; }
.pit-heading:hover { background: #08646b; }
.pit-panel[open] .pit-heading { border-bottom: 2px solid #053c42; }
.pit-grid { padding: 12px; }
.machine:fullscreen { width: 100vw; height: 100dvh; max-height: 100dvh; display: flex; flex-direction: column; overflow: hidden; padding: 5px; }
.machine:fullscreen .machine-top { flex: 0 0 auto; padding: 2px 8px 4px; }
.machine:fullscreen .machine-inner { flex: 1 1 auto; min-height: 0; width: min(100%, 1600px); max-width: none; margin: auto; display: flex; flex-direction: column; padding: 5px 10px; }
.machine:fullscreen .machine-title { flex: 0 0 auto; margin-bottom: 4px; }
.machine:fullscreen .machine-title h1 { font-size: clamp(1.15rem,2.5vh,1.8rem); }
.machine:fullscreen .title-signet, .machine:fullscreen .machine-title .eyebrow, .machine:fullscreen .machine-title p { display: none; }
.machine:fullscreen .instrument-panel { flex: 0 0 auto; margin-bottom: 4px; padding: 3px; }
.machine:fullscreen .meter { padding: 2px 6px; }
.machine:fullscreen .meter strong { font-size: clamp(.8rem,2vh,1.1rem); }
.machine:fullscreen .console-frame { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding: 4px; }
.machine:fullscreen .screen-box { flex: 1 1 auto; min-height: 0; height: auto; aspect-ratio: auto; }
.machine:fullscreen #race-canvas { object-fit: contain; }
.machine:fullscreen .frame-caption, .machine:fullscreen .frame-footer { flex: 0 0 auto; padding: 2px 4px; }
.machine:fullscreen .control-dashboard { flex: 0 0 auto; margin-top: 4px; padding: 3px 8px; }
.machine:fullscreen .drift-stats { margin-bottom: 3px; padding: 2px 6px 4px; }
.machine:fullscreen .drift-stats b { font-size: .85rem; }
.machine:fullscreen .control-heading { display: none; }
.machine:fullscreen .controls-group { padding: 0 4px 3px; }
.machine:fullscreen .steer-key, .machine:fullscreen .pedal { height: 34px; }
.machine:fullscreen .pit-panel { display: none; }
.machine:fullscreen .machine-bottom { flex: 0 0 auto; padding: 4px 8px; }
@media (max-height: 720px) and (min-width: 900px) {
  .screen-box { height: clamp(240px, 48vh, 480px); }
  .machine-top, .machine-bottom { font-size: .52rem; }
}
@media (max-width: 899px) {
  .screen-box { aspect-ratio: 1024 / 760; }
  .pit-grid { grid-template-columns: 1fr; }
  .pit-grid .record-card { grid-column: auto; }
  .machine:fullscreen .machine-title { display: none; }
  .machine:fullscreen .machine-top { display: none; }
  .machine:fullscreen .machine-bottom > span { display: none; }
  .machine:fullscreen .instrument-panel { grid-template-columns: repeat(4,minmax(0,1fr)); }
}