@media (max-width: 760px), (pointer: coarse) and (max-width: 1100px) {
    section.hero .hero-frame .m-only { display: block; }
  section.hero .hero-frame .d-only { display: none; }
  section.hero .hero-frame .wipe { touch-action: pan-y; }     section.hero .hero-frame .wipe .w-l { font-size: var(--m-label, 12px); }
  section.hero .hero-frame .pz-hint { white-space: normal; width: max-content; max-width: calc(100% - 24px); text-align: center; font-size: 13px; top: 10px; bottom: auto; }
  section.hero .hero-frame .hero-cap { font-size: var(--m-cap, 14px); line-height: 1.45; }
  section.hero .hero-frame .hero-band { padding-top: 40px; }
  section.hero .hero-frame .hero-band .hb-h { display: block; margin-bottom: 16px; }
  section.hero .hero-frame .hero-band .hb-h h2 { font-size: 30px; line-height: 1.1; }
  section.hero .hero-frame .hero-band .hb-h p { margin-top: 8px; font-size: 16px; line-height: 1.5; }
  section.hero .hero-frame .bignums { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  section.hero .hero-frame .bignum { min-width: 0; }
  section.hero .hero-frame .bignum .v { font-size: 32px; }
    section.hero .hero-frame .unv, section.hero .hero-frame .door-why, section.hero .hero-frame .door-chip, section.hero .hero-frame .lg-cd,
  section.hero .hero-frame .dcard .d-top, section.hero .hero-frame .tbl th, section.hero .hero-frame .gx-small .gx-k { font-size: var(--m-label, 12px); }
  section.hero .hero-frame .dcard .d-top { flex-wrap: wrap; row-gap: 4px; }

    .hero.hero-house .steps, .hero.hero-art .gauges, .hero.hero-performance .cab .gx-dash {
    display: grid; grid-template-columns: none; grid-auto-flow: column; overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scroll-padding: 0 var(--m-gr, 18px) 0 var(--m-gl, 18px); scrollbar-width: none;
    margin-left: calc(-1 * var(--m-gl, 18px)); margin-right: calc(-1 * var(--m-gr, 18px)); padding: 4px var(--m-gr, 18px) 16px var(--m-gl, 18px); }
  .hero.hero-house .steps::-webkit-scrollbar, .hero.hero-art .gauges::-webkit-scrollbar, .hero.hero-performance .cab .gx-dash::-webkit-scrollbar { display: none; }
  .hero.hero-house .steps > *, .hero.hero-art .gauges > *, .hero.hero-performance .cab .gx-dash > * { scroll-snap-align: start; min-width: 0; }

      .hero.hero-cover .cv-call, .hero.hero-cover .cv-gl { display: none; }
  .hero.hero-cover .cv-scale text { font-size: 38px; }
  .hero.hero-cover .cv-scale > rect:first-child { y: -46px; height: 62px; width: 404px; }
  .hero.hero-cover .cv-toggle { right: 10px; top: 10px; }
  .hero.hero-cover .cv-toggle button { padding: 9px 13px; font-size: 13px; }
  .hero.hero-cover .cv-title { position: static; max-width: none; padding: 20px var(--m-gr, 18px) 24px var(--m-gl, 18px); background: var(--ink); text-shadow: none; }
  .hero.hero-cover .cv-kicker { font-size: var(--m-label, 12px); letter-spacing: .16em; flex-wrap: wrap; row-gap: 4px; }
  .hero.hero-cover h1 { font-size: var(--m-h1-cover, clamp(56px, 17vw, 72px)); margin: 10px 0; }
  .hero.hero-cover .cv-deck { font-size: var(--m-lede, 19px); line-height: 1.42; max-width: none; }
  .hero.hero-cover .cv-state { border-radius: 16px; padding: 6px 12px 6px 6px; font-size: 14px; }
  .hero.hero-cover .cv-stats { margin-top: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .hero.hero-cover .st { padding: 14px 14px 12px; min-width: 0; }
  .hero.hero-cover .st .v { font-size: var(--m-num, 30px); white-space: normal; line-height: 1.05; }
  .hero.hero-cover .st .k { font-size: var(--m-label, 12px); letter-spacing: .12em; }
  .hero.hero-cover .st .l { font-size: 14px; line-height: 1.4; }
  .hero.hero-cover .cv-cap { text-align: left; font-size: var(--m-cap, 14px); margin: 12px 0 0; }
  .hero.hero-cover .stand { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 28px; }
  .hero.hero-cover .stand .lede { font-size: 18px; line-height: 1.5; }
  .hero.hero-cover .stand .now { padding: 14px 16px; font-size: var(--m-ui, 15px); line-height: 1.5; }
  .hero.hero-cover .stand .now h4 { font-size: var(--m-label, 12px); }
  .hero.hero-cover .sec { padding-top: 48px; }
  .hero.hero-cover .sec-h { display: block; margin-bottom: 18px; }
  .hero.hero-cover .sec-h .no { writing-mode: horizontal-tb; transform: none; display: block; margin-bottom: 6px; letter-spacing: .16em; }
  .hero.hero-cover .sec-h h2 { font-size: 36px; line-height: 1.05; }
  .hero.hero-cover .sec-h p { margin-top: 8px; font-size: 16px; line-height: 1.5; max-width: none; }
    .hero.hero-cover .maplens { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 calc(-1 * var(--m-gr, 18px)) 12px calc(-1 * var(--m-gl, 18px)); padding: 0 var(--m-gr, 18px) 4px var(--m-gl, 18px); }
  .hero.hero-cover .maplens::-webkit-scrollbar { display: none; }
  .hero.hero-cover .maplens .btn { flex: none; min-height: 40px; }
  .hero.hero-cover .mapwrap { border-radius: 16px; }
  .hero.hero-cover .it .t { font-size: 20px; }
  .hero.hero-cover .it .s { font-size: 14px; }
  .hero.hero-cover .it .m { font-size: 13px; }
  .hero.hero-cover .it .emb span { font-size: var(--m-label, 12px); }
    .hero.hero-cover .desk { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .hero.hero-cover .bench, .hero.hero-cover .wait { padding: 18px; min-width: 0; }
  .hero.hero-cover .bench .row { grid-template-columns: 62px minmax(0, 1fr); gap: 12px; }
  .hero.hero-cover .bench .w { font-size: 26px; }
  .hero.hero-cover .bench a { font-size: 16px; }
  .hero.hero-cover .bench .ar { font-size: var(--m-label, 12px); }
  .hero.hero-cover .bench .nodes > div { padding: 4px 0; }
  .hero.hero-cover .doors { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .hero.hero-cover .doors > a { padding: 10px; min-width: 0; }
  .hero.hero-cover .doors .dn { font-size: 32px; }
  .hero.hero-cover .doors .head .dn { font-size: 40px; }
  .hero.hero-cover .doors .dl { font-size: 13px; }
  .hero.hero-cover .wait li { font-size: var(--m-ui, 15px); }
  .hero.hero-cover .wait li small, .hero.hero-cover .wait .asks small { font-size: 13px; }
  .hero.hero-cover .wait .asks div { font-size: var(--m-ui, 15px); align-items: start; }
  .hero.hero-cover .wait .asks div > .mk { margin-top: 3px; }
  .hero.hero-cover .wait .wl { font-size: var(--m-label, 12px) !important; }
  .hero.hero-cover .wait .qa { grid-template-columns: minmax(0, 9fr) minmax(0, 8fr) 24px !important; min-height: 40px; font-size: 14px !important; }
  .hero.hero-cover .film-cap { font-size: var(--m-cap, 14px); }
    .hero.hero-cover .tl-m { list-style: none; margin: 0; padding: 0; position: relative; }
  .hero.hero-cover .tl-m::before { content: ""; position: absolute; left: 6px; top: 16px; bottom: 16px; width: 3px; border-radius: 2px; background: var(--ink); }
  .hero.hero-cover .tl-m li { position: relative; padding-left: 28px; }
  .hero.hero-cover .tl-m li::before { content: ""; position: absolute; left: 0; top: 13px; width: 15px; height: 15px; box-sizing: border-box; border-radius: 50%; background: var(--c); border: 3px solid var(--paper); }
  .hero.hero-cover .tl-m a { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 11px 0; min-height: 44px; box-sizing: border-box; text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--rule-2); }
  .hero.hero-cover .tl-m .tm-d { font: 600 13px var(--f-num); color: var(--ink-3); white-space: nowrap; }
  .hero.hero-cover .tl-m .tm-l { font: 16px/1.4 var(--f-text); }

    .hero.hero-gameplay .gp-top { padding: 28px 0 30px; }
  .hero.hero-gameplay .gp-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .hero.hero-gameplay .hero-frame .bignums { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 22px; }
    .hero.hero-gameplay .hud { padding: 0; background: none; box-shadow: none; pointer-events: none; max-width: none; }
  .hero.hero-gameplay .hud span { display: none; }
  .hero.hero-gameplay .hud i { width: 22px; height: 22px; font-size: var(--m-label, 12px); line-height: 22px; box-shadow: 0 2px 8px rgba(0, 0, 0, .45); }
  .hero.hero-gameplay .hudkey { font-size: 14px; line-height: 1.45; gap: 8px 18px; }
  .hero.hero-gameplay .hudkey li { grid-template-columns: 22px minmax(0, 1fr); }
  .hero.hero-gameplay .hudkey i { width: 20px; height: 20px; font-size: var(--m-label, 12px); line-height: 20px; }
  .hero.hero-gameplay .scap { font-size: var(--m-cap, 14px); margin-top: 16px; }
  .hero.hero-gameplay .loopwrap { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .hero.hero-gameplay .loop .gp-lbl, .hero.hero-gameplay .loop .gp-sub { display: none; }
  .hero.hero-gameplay .loop .gp-c { r: 28px; }
  .hero.hero-gameplay .loop .gp-n { font-size: 24px; transform: translateY(2px); }
  .hero.hero-gameplay .loop svg { max-width: 380px; margin: 0 auto; }
  .hero.hero-gameplay .gp-key > p { margin: 0 0 6px; text-align: center; font: 15px/1.4 var(--f-ui); color: var(--ink-3); }
  .hero.hero-gameplay .gp-key ol { list-style: none; margin: 0; padding: 0; }
  .hero.hero-gameplay .gp-key li { border-top: 1px solid var(--rule-2); }
  .hero.hero-gameplay .gp-key a { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding: 12px 0; text-decoration: none; color: var(--ink); }
  .hero.hero-gameplay .gp-key .n { width: 26px; height: 26px; border-radius: 50%; background: var(--ink); color: #ff9dba; font: 600 13px/26px var(--f-num); text-align: center; }
  .hero.hero-gameplay .gp-key b { font: 600 17px/1.3 var(--f-head); }
  .hero.hero-gameplay .gp-key .w { display: block; margin-top: 3px; font: 14px/1.45 var(--f-ui); color: var(--ink-2); }
  .hero.hero-gameplay .gp-key code { display: block; margin-top: 4px; font: 13px/1.4 var(--f-mono, monospace); color: #b03a62; overflow-wrap: anywhere; }
  .hero.hero-gameplay .krow { font-size: 14px; }
  .hero.hero-gameplay .krow b { font-size: 15px; }
  .hero.hero-gameplay .kc { font-size: 13px; }
  .hero.hero-gameplay .pad { font-size: 13px; }
  .hero.hero-gameplay .tool .how { font-size: 13px; overflow-wrap: anywhere; }
  .hero.hero-gameplay .tool .what { font-size: 14px; }
  .hero.hero-gameplay .senses { font-size: 14px; }
  .hero.hero-gameplay .senses th { font-size: var(--m-label, 12px); }
  .hero.hero-gameplay .mode code { font-size: var(--m-label, 12px); overflow-wrap: anywhere; }
  .hero.hero-gameplay .mode span { font-size: 14px; }
  .hero.hero-gameplay .parked { font-size: 14px; }

    .hero.hero-level .lv-top { padding: 24px 0 6px; }
    .hero.hero-level .lv-grid { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 0 var(--m-gr, 18px) 0 var(--m-gl, 18px); }
  .hero.hero-level .lv-grid > div:last-child { display: contents; }
  .hero.hero-level .lv-grid > div:last-child > .op { order: 1; }
  .hero.hero-level .lv-grid > div:last-child > .bignums { order: 2; }
  .hero.hero-level .lv-grid > div:first-child { order: 3; margin-bottom: 22px; }
  .hero.hero-level .lv-grid > div:last-child > .lv-on { order: 4; }
  .hero.hero-level .lv-grid > div:last-child > .legend { order: 5; }
  .hero.hero-level .lv-grid > div:last-child > .lv-parts { order: 6; }
  .hero.hero-level .lv-tools { gap: 8px; }
  .hero.hero-level .lv-tools button { padding: 9px 13px; font-size: 13px; }
  .hero.hero-level .lv-cap { font-size: var(--m-cap, 14px); }
  .hero.hero-level .hero-frame .bignums { margin: 22px 0 20px; }
  .hero.hero-level .lv-on { font-size: var(--m-label, 12px) !important; }
  .hero.hero-level .legend { font-size: 14px; column-gap: 18px; }
  .hero.hero-level .legend li { padding: 0; align-items: center; }
  .hero.hero-level .legend li b { font-size: var(--m-label, 12px); }
  .hero.hero-level .legend a { flex: 1; min-width: 0; padding: 10px 0; min-height: 40px; box-sizing: border-box; }
  .hero.hero-level .lv-parts { gap: 8px; }
  .hero.hero-level .lv-parts a { min-height: 36px; padding: 6px 12px; font-size: 14px; box-sizing: border-box; }
    .hero.hero-level .dp { position: relative; }
  .hero.hero-level .depth svg text { display: none; }
  .hero.hero-level .dp-l { position: absolute; top: 8px; font: 15px var(--f-hand); color: #fffaf0; white-space: nowrap; text-shadow: 0 1px 5px rgba(16, 40, 90, .55); pointer-events: none; }
  .hero.hero-level .dp-c { top: 34px; transform: translateX(-50%); color: #1c3f78; text-shadow: none; }
  .hero.hero-level .dp-m { margin-top: 16px; }
  .hero.hero-level .dp-h { font: 600 var(--m-label, 12px) var(--f-num); letter-spacing: .12em; color: var(--ink-3); margin-bottom: 6px; }
  .hero.hero-level .dp-r, .hero.hero-level .dp-ax { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 10px; align-items: center; }
  .hero.hero-level .dp-r { padding: 5px 0; font: 14px/1.3 var(--f-ui); color: var(--ink-2); border-top: 1px solid var(--rule-2); }
  .hero.hero-level .dp-r i, .hero.hero-level .dp-ax i { position: relative; display: block; height: 12px; }
  .hero.hero-level .dp-r i { background: repeating-linear-gradient(90deg, var(--rule) 0 1px, transparent 1px 18.87%); }
  .hero.hero-level .dp-r b { position: absolute; top: 0; height: 12px; min-width: 6px; box-sizing: border-box; border-radius: 6px; border: 1px solid #fff; }
  .hero.hero-level .dp-r b.pt { width: 11px; height: 11px; min-width: 0; margin-left: -5.5px; border-radius: 2px; border: 0; background: #2a74c8; transform: rotate(45deg); }
  .hero.hero-level .dp-ax { margin-top: 4px; }
  .hero.hero-level .dp-ax i { height: 16px; }
  .hero.hero-level .dp-ax b { position: absolute; top: 0; transform: translateX(-50%); font: var(--m-label, 12px) var(--f-num); font-weight: 400; color: var(--ink-3); white-space: nowrap; }
  .hero.hero-level .dp-ax b:first-child { transform: none; }
  .hero.hero-level .dp-ax b:last-child { transform: translateX(-100%); }
  .hero.hero-level .tod { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .hero.hero-level .preset { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hero.hero-level .pcard { padding: 12px 12px 10px; min-width: 0; }
  .hero.hero-level .pcard h4 { font-size: 17px; }
  .hero.hero-level .pcard .sub { font-size: var(--m-label, 12px); }
  .hero.hero-level .pcard dl { font-size: 13px; gap: 3px 8px; }
  .hero.hero-level .pcard dd { font-size: 13px; }

    .hero.hero-house .hs-top { padding: 28px 0 6px; }
  .hero.hero-house .hs-head { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .hero.hero-house .hs-head .bignums { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .hero.hero-house .xv { margin-top: 22px; gap: 16px; }
  .hero.hero-house .xv-stage { min-height: 0; }
  .hero.hero-house .xv-ctl { position: static; padding: 12px 12px 4px; gap: 8px; }
  .hero.hero-house .seg button { padding: 9px 14px; font-size: 13px; }
  .hero.hero-house .sl { padding: 6px 14px; font-size: 13px; }
  .hero.hero-house .sl input { width: 150px; }
  .hero.hero-house .xv-pz, .hero.hero-house .xv-stage canvas { height: 480px; }
  .hero.hero-house .tip { font-size: 13px; }
  .hero.hero-house .tip b { font-size: 14px; }
  .hero.hero-house .layers { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 12px 8px; }
  .hero.hero-house .layers h3 { font-size: var(--m-label, 12px); }
  .hero.hero-house .lr { grid-template-columns: 14px minmax(0, 1fr) auto; min-height: 48px; box-sizing: border-box; }
  .hero.hero-house .lr .n { font-size: var(--m-ui, 15px); }
  .hero.hero-house .lr .m { font-size: 13px; }
  .hero.hero-house .layers .tot { font-size: 13px; line-height: 1.5; }
    .hero.hero-house .steps { grid-auto-columns: min(62%, 240px); gap: 12px; margin-top: 18px; }
  .hero.hero-house .step canvas { height: 130px; }
  .hero.hero-house .step .sn { font-size: var(--m-label, 12px); }
  .hero.hero-house .step .ss { font-size: 14px; }
  .hero.hero-house .step .sv small { font-size: 13px; }
    .hero.hero-house .brk-m .bk-h { display: flex; justify-content: space-between; align-items: baseline; margin: 12px 0 6px; font: 600 16px var(--f-head); color: var(--ink); }
  .hero.hero-house .brk-m .bk-h span { font: 600 18px var(--f-num); }
  .hero.hero-house .brk-m .bk-bar { display: flex; gap: 1.5px; height: 26px; border-radius: 6px; overflow: hidden; }
  .hero.hero-house .brk-m .bk-bar i { display: block; min-width: 0; }
  .hero.hero-house .brk-m .bk-key { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px 14px; margin-top: 18px; align-items: baseline; font: 14px/1.35 var(--f-ui); color: var(--ink-2); }
  .hero.hero-house .brk-m .bk-key > b { font: 600 var(--m-label, 12px) var(--f-num); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); text-align: right; }
  .hero.hero-house .brk-m .bk-key > span:nth-child(3n+1) { display: flex; gap: 8px; align-items: baseline; }
  .hero.hero-house .brk-m .bk-key > span:nth-child(3n+1) i { flex: none; width: 12px; height: 12px; border-radius: 3px; transform: translateY(1px); }
  .hero.hero-house .brk-m .bk-key > span:not(:nth-child(3n+1)) { text-align: right; font: 600 14px var(--f-num); color: var(--ink); }
    .hero.hero-house .plans1 { padding: 8px; }
  .hero.hero-house .plans-under { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .hero.hero-house .spec th { font-size: var(--m-label, 12px); }
  .hero.hero-house .spec th a { display: inline-flex; align-items: center; min-height: 44px; }
  .hero.hero-house .spec td:first-child { font-size: 14px; }

    .hero.hero-excavator .ex-in { padding: 28px var(--m-gr, 18px) 28px var(--m-gl, 18px); }
  .hero.hero-excavator .ex-head { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .hero.hero-excavator .ex-head .bignums { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero.hero-excavator .ex-plate { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 22px; }
    .hero.hero-excavator .jr-t, .hero.hero-excavator .ex-sm { display: none; }
  .hero.hero-excavator .ex-ax { font-size: 30px; }
  .hero.hero-excavator .ctrl { padding: 16px; }
  .hero.hero-excavator .ctrl h4 { font-size: var(--m-label, 12px); }
  .hero.hero-excavator .presets button { padding: 9px 14px; font-size: 13px; }
  .hero.hero-excavator .sl label { font-size: 14px; }
  .hero.hero-excavator .sl label b { font-size: 15px; }
  .hero.hero-excavator .sl small { font-size: 13px; }
  .hero.hero-excavator .read div { font-size: 13px; }
  .hero.hero-excavator .ex-note { font-size: 13px !important; }
  .hero.hero-excavator .ex-low { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .hero.hero-excavator .card { padding: 16px; min-width: 0; }
  .hero.hero-excavator .card p { font-size: 14px; }
  .hero.hero-excavator .card svg { max-width: 440px; }
  .hero.hero-excavator .card svg text { font-size: 13.5px; }
  .hero.hero-excavator .keys { font-size: 14px; }
  .hero.hero-excavator .keys kbd { font-size: 13px; }
  .hero.hero-excavator .keys span.p { font-size: 13px; }

    .hero.hero-physics .ph-top { padding: 28px 0 6px; }
  .hero.hero-physics .ph-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .hero.hero-physics .loop .ph-lbl, .hero.hero-physics .loop .ph-sub { display: none; }
  .hero.hero-physics .loop circle.stage { r: 30px; }
  .hero.hero-physics .loop .ph-n { font-size: 26px; transform: translateY(2px); }
  .hero.hero-physics .loop svg { max-width: 380px; margin: 0 auto; }
  .hero.hero-physics .ph-key > p { margin: 0 0 8px; text-align: center; font: 15px/1.45 var(--f-ui); color: var(--ink-3); }
  .hero.hero-physics .ph-key > p b { font: 600 17px var(--f-num); color: var(--ink); }
  .hero.hero-physics .ph-key ol { list-style: none; margin: 0; padding: 0; }
  .hero.hero-physics .ph-key li { border-top: 1px solid var(--rule-2); }
  .hero.hero-physics .ph-key a { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding: 12px 0; text-decoration: none; color: var(--ink); }
  .hero.hero-physics .ph-key .n { width: 26px; height: 26px; border-radius: 50%; background: var(--ink); color: #fffaf0; font: 600 13px/26px var(--f-num); text-align: center; }
  .hero.hero-physics .ph-key b { font: 600 17px/1.3 var(--f-head); }
  .hero.hero-physics .ph-key .r { display: block; margin-top: 3px; font: 14px/1.4 var(--f-num); color: #a6301e; }
  .hero.hero-physics .ph-key .t { display: block; margin-top: 2px; font: 13px/1.4 var(--f-ui); color: var(--ink-3); }
    .hero.hero-physics .ph-lawgrid { grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; }
  .hero.hero-physics .law { padding: 16px; }
  .hero.hero-physics .law svg { overflow: visible; }
  .hero.hero-physics .law .ph-ann { display: none; }
  .hero.hero-physics .law .ph-tk { font-size: 21px; }
  .hero.hero-physics .law .ph-hand { font-size: 22px; }
  .hero.hero-physics .ph-lg { list-style: none; margin: 10px 0 12px; padding: 0; font: 14px/1.4 var(--f-ui); color: var(--ink-2); }
  .hero.hero-physics .ph-lg li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; align-items: center; padding: 3px 0; }
  .hero.hero-physics .ph-lg i { display: block; justify-self: center; }
  .hero.hero-physics .ph-lg i.d { width: 11px; height: 11px; border-radius: 50%; }
  .hero.hero-physics .ph-lg i.l { width: 3px; height: 16px; }
  .hero.hero-physics .ph-lg i.s { width: 18px; height: 8px; border-radius: 2px; background: linear-gradient(90deg, #3a6ed6, #3b8a4d 17%, #f2b400 27%, #d4482e 33%, #8c1414); }
  .hero.hero-physics .law .out { font-size: 14px; flex-wrap: wrap; }
  .hero.hero-physics .law .out b { font-size: 26px; }
  .hero.hero-physics .waffles { gap: 14px; }
  .hero.hero-physics .wf { padding: 14px 16px; min-width: 0; }
  .hero.hero-physics .wf .nums { flex-wrap: wrap; gap: 6px 16px; font-size: 13px; }
  .hero.hero-physics .wf .nums b { font-size: 22px; }

    .hero.hero-art .ar-top { padding: 28px 0 26px; }
  .hero.hero-art .ar-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .hero.hero-art blockquote { font-size: 18px; }
  .hero.hero-art blockquote cite { font-size: 13px; }
  .hero.hero-art .ar-cap { font-size: var(--m-cap, 14px); }
    .hero.hero-art .stack .ar-pl, .hero.hero-art .stack .ar-ld { display: none; }
  .hero.hero-art .stack svg { max-width: 520px; margin: 0 auto; }
  .hero.hero-art .ar-pk, .hero.hero-art .ar-fk { list-style: none; margin: 8px 0 0; padding: 0; }
  .hero.hero-art .ar-pk li { border-left: 3px solid #7c5cc6; margin: 0 0 8px; }
  .hero.hero-art .ar-pk a { display: block; padding: 10px 0 10px 14px; }
  .hero.hero-art .ar-pk a, .hero.hero-art .ar-fk a { text-decoration: none; color: var(--ink); }
  .hero.hero-art .ar-pk b, .hero.hero-art .ar-fk b { display: block; font: 600 17px/1.3 var(--f-head); }
  .hero.hero-art .ar-pk span, .hero.hero-art .ar-fk span span { display: block; margin-top: 2px; font: 14px/1.45 var(--f-ui); color: var(--ink-2); }
  .hero.hero-art .ar-fh { margin-top: 22px; font: 600 var(--m-label, 12px) var(--f-num); letter-spacing: .14em; color: #6a4bb4; }
  .hero.hero-art .ar-fk li { border-top: 1px solid var(--rule-2); }
  .hero.hero-art .ar-fk a { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; padding: 10px 0; }
  .hero.hero-art .ar-fk .n { width: 24px; height: 24px; border-radius: 50%; background: #7c5cc6; color: #fff; font: 600 13px/24px var(--f-num); text-align: center; }
    .hero.hero-art .sw-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .hero.hero-art .sw-grid > div > div:first-child { font-size: var(--m-label, 12px) !important; }
  .hero.hero-art .sw-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 12px 10px; }
  .hero.hero-art .sw { width: auto; min-width: 0; }
  .hero.hero-art .sw i { height: 72px; }
  .hero.hero-art .sw b { font-size: 13px; overflow-wrap: anywhere; }
  .hero.hero-art .sw span { font-size: var(--m-label, 12px); }
  .hero.hero-art .sw code { font-size: var(--m-label, 12px); overflow-wrap: anywhere; }
    .hero.hero-art .gauges { grid-auto-columns: min(80%, 300px); gap: 14px; }
  .hero.hero-art .gg p { font-size: 14px; }
  .hero.hero-art .gg svg[data-bound] text { font-size: 13px; }

    .hero.hero-audio .au-top { padding: 28px 0 26px; }
  .hero.hero-audio .au-grid { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .hero.hero-audio .au-big { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; margin-top: 20px !important; }
  .hero.hero-audio .au-lsn { font-size: var(--m-label, 12px) !important; }
  .hero.hero-audio .clip p { font-size: 14px; }
  .hero.hero-audio .two { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .hero.hero-audio .panel { padding: 14px 16px; min-width: 0; }
  .hero.hero-audio .panel p { font-size: 14px; }
    .hero.hero-audio .anat .au-nt, .hero.hero-audio .anat .au-ly { display: none; }
  .hero.hero-audio .au-nk { list-style: none; margin: 10px 0 0; padding: 0; font: 14px/1.45 var(--f-ui); color: var(--ink-2); }
  .hero.hero-audio .au-nk li { display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: 10px; padding: 6px 0; border-top: 1px solid var(--rule-2); }
  .hero.hero-audio .au-nk i { width: 12px; height: 12px; border-radius: 3px; margin-top: 4px; }
  .hero.hero-audio .au-nk b { color: var(--ink); font-weight: 600; }
    .hero.hero-audio .au-ch .au-hand { font-size: 19px; color: #158f93; }
  .hero.hero-audio .au-ch .c1 { color: var(--ink); padding-left: 44px; }
  .hero.hero-audio .au-ch ol { list-style: none; margin: 8px 0; padding: 0; position: relative; }
  .hero.hero-audio .au-ch ol::before { content: ""; position: absolute; left: 15px; top: 20px; bottom: 20px; width: 3px; border-radius: 2px; background: #158f93; opacity: .45; }
  .hero.hero-audio .au-ch li { position: relative; display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 8px 0; }
  .hero.hero-audio .au-ch .n { position: relative; width: 32px; height: 32px; border-radius: 50%; background: #158f93; color: #fff; font: 600 15px/32px var(--f-num); text-align: center; }
  .hero.hero-audio .au-ch li.last .n { background: #1c2130; }
  .hero.hero-audio .au-ch b { display: block; font: 600 17px/1.3 var(--f-head); color: #1c2130; }
  .hero.hero-audio .au-ch li > span > span { display: block; margin-top: 2px; font: 14px/1.45 var(--f-ui); color: var(--ink-2); }
    .hero.hero-audio .meter .au-sm { display: none; }
  .hero.hero-audio .meter .au-sc, .hero.hero-audio .meter .au-v { font-size: 19px; }
  .hero.hero-audio .au-mk { margin-top: 8px; font: 14px/1.4 var(--f-ui); color: var(--ink-2); }
  .hero.hero-audio .au-mk .h { margin: 12px 0 4px; font: 600 var(--m-label, 12px) var(--f-num); letter-spacing: .1em; color: var(--ink-3); }
  .hero.hero-audio .au-mk .r { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 10px; align-items: baseline; padding: 5px 0; border-top: 1px solid var(--rule-2); }
  .hero.hero-audio .au-mk i { width: 12px; height: 12px; border-radius: 3px; transform: translateY(1px); }
  .hero.hero-audio .au-mk small { display: block; font-size: 13px; color: var(--ink-3); }
  .hero.hero-audio .au-mk b { font: 600 15px var(--f-num); color: var(--ink); }
  .hero.hero-audio .au-door { font-size: 13px; }

    .hero.hero-performance .pf-top { padding: 28px 0 6px; }
  .hero.hero-performance .pf-head { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .hero.hero-performance .pf-dl { font-size: var(--m-label, 12px) !important; }
  .hero.hero-performance .spec { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
  .hero.hero-performance .spec a { padding: 10px; min-width: 0; }
  .hero.hero-performance .spec b { font-size: 22px; }
  .hero.hero-performance .spec a > span { font-size: var(--m-label, 12px); }
  .hero.hero-performance .spec-cap { font-size: 13px; line-height: 1.45; }
  .hero.hero-performance .cab .gx-dash { grid-auto-columns: min(72%, 260px); gap: 12px; }
  .hero.hero-performance .two { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .hero.hero-performance .panel { padding: 14px 16px; min-width: 0; }
    .hero.hero-performance .pf-sc { overflow-x: auto; overscroll-behavior-x: contain; margin: 0 -16px; padding: 0 16px; scrollbar-width: thin; }
  .hero.hero-performance .pf-sc svg { width: max(100%, 560px); max-width: none; }
  .hero.hero-performance .pf-rn { flex-wrap: wrap !important; }
  .hero.hero-performance .pf-rn span { font-size: 13px !important; }
  .hero.hero-performance .pf-d1s { flex-wrap: wrap !important; }
    .hero.hero-performance .pf-st .r { padding: 9px 0; border-top: 1px solid var(--rule-2); }
  .hero.hero-performance .pf-st .t { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; font: 14px/1.4 var(--f-ui); color: var(--ink-2); }
  .hero.hero-performance .pf-st .t b { font: 600 15px var(--f-num); color: #2f7a40; white-space: nowrap; }
  .hero.hero-performance .pf-st .t b.up { color: #c23b27; }
  .hero.hero-performance .pf-st .base .t, .hero.hero-performance .pf-st .base .t b { color: var(--ink); }
  .hero.hero-performance .pf-st .pend .t, .hero.hero-performance .pf-st .pend .t b { color: var(--warn-ink); }
  .hero.hero-performance .pf-st i { display: block; height: 8px; margin-top: 6px; border-radius: 4px; background: var(--paper-2); overflow: hidden; }
  .hero.hero-performance .pf-st i b { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #2a74c8, #8bb9ea); }
  .hero.hero-performance .pf-st .base i b { background: var(--ink); }
  .hero.hero-performance .pf-st .pend i b { background: repeating-linear-gradient(45deg, #2a74c8 0 2.6px, #dbe8f7 2.6px 7px); }
  .hero.hero-performance .pf-st .now { margin: 8px 0; padding: 6px 12px; border-left: 3px solid var(--ink); font: 18px/1.3 var(--f-hand); color: var(--ink); }
  .hero.hero-performance .pf-st .now.held { border-left-color: var(--warn-ink); color: var(--warn-ink); }

    .hero.hero-process .pr-top { padding: 28px 0 26px; }
  .hero.hero-process .pr-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .hero.hero-process .pr-big { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; margin-top: 20px !important; }
    .hero.hero-process .cycle .pr-lbl, .hero.hero-process .cycle .pr-sub { display: none; }
  .hero.hero-process .cycle .pr-c { r: 28px; }
  .hero.hero-process .cycle .pr-n { font-size: 24px; transform: translateY(2px); }
  .hero.hero-process .cycle .pr-one { font-size: 20px; letter-spacing: 1.5px; transform: translateY(17px); }
  .hero.hero-process .cycle svg { max-width: 380px; margin: 0 auto; }
  .hero.hero-process .pr-key > p { margin: 0 0 10px; text-align: center; font: 15px/1.45 var(--f-ui); color: var(--on-dark-2, #cfd6e6); }
  .hero.hero-process .pr-key ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; font: 600 15px/1.3 var(--f-ui); color: var(--on-ink); }
  .hero.hero-process .pr-key li { display: flex; gap: 8px; align-items: center; }
  .hero.hero-process .pr-key .n { flex: none; width: 24px; height: 24px; border-radius: 50%; background: #f2b400; color: #1c2130; font: 600 13px/24px var(--f-num); text-align: center; }
    .hero.hero-process .pr-ln { list-style: none; margin: 0; padding: 0; }
  .hero.hero-process .pr-ln li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 12px; padding: 10px 0; border-top: 1px solid var(--rule-2); }
  .hero.hero-process .pr-ln li:first-child { border-top: 0; }
  .hero.hero-process .pr-ln .n { width: 30px; height: 30px; border-radius: 50%; color: #fff; font: 600 14px/30px var(--f-num); text-align: center; }
  .hero.hero-process .pr-ln b { display: block; font: 600 17px/1.3 var(--f-head); color: var(--ink); }
  .hero.hero-process .pr-ln small { display: block; margin-top: 1px; font: 600 var(--m-label, 12px) var(--f-num); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-3); }
  .hero.hero-process .pr-ln li > span > span { display: block; margin-top: 3px; font: 14px/1.45 var(--f-ui); color: var(--ink-2); }
  .hero.hero-process .st-s { font-size: var(--m-label, 12px); }
  .hero.hero-process .st-w { font-size: 14px; }
  .hero.hero-process .st-c { font-size: 13px; }
  .hero.hero-process .pr-gd { grid-template-columns: minmax(0, 1fr) !important; gap: 36px !important; }
  .hero.hero-process .panel { padding: 16px; min-width: 0; }
  .hero.hero-process .gl li { font-size: 14px; }
  .hero.hero-process .gl small { font-size: 13px; }
  .hero.hero-process .doors-p { font-size: 14px; }
  .hero.hero-process .dk { font-size: 13px; }
    .hero.hero-process .pr-dm .r { padding: 6px 0; }
  .hero.hero-process .pr-dm .t { display: flex; justify-content: space-between; gap: 10px; font: 14px/1.35 var(--f-ui); color: var(--ink-2); }
  .hero.hero-process .pr-dm .t b { font: 600 14px var(--f-num); color: var(--ink); }
  .hero.hero-process .pr-dm i { display: flex; gap: 1.5px; height: 14px; margin-top: 4px; border-radius: 3px; overflow: hidden; min-width: 4px; }
  .hero.hero-process .pr-dm i b { display: block; min-width: 0; }
  .hero.hero-process .on-h { font-size: var(--m-label, 12px); }
  .hero.hero-process .on-row { grid-template-columns: 56px minmax(0, 1fr); }
  .hero.hero-process .on-w { font-size: 14px; min-width: 0; overflow-wrap: anywhere; }
  .hero.hero-process .on-l { font-size: 14px; }

    .hero.hero-future .fu-top { padding: 28px 0 26px; }
  .hero.hero-future .fu-head { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .hero.hero-future .fu-pk { font-size: var(--m-label, 12px) !important; }
  .hero.hero-future .hl { gap: 12px; }
  .hero.hero-future .hlc { min-width: 0; }
  .hero.hero-future .hlc .star { font-size: var(--m-label, 12px); }
  .hero.hero-future .hlc span { font-size: 14px; }
    .hero.hero-future .road { margin-top: 24px; border-radius: 14px; }
  .hero.hero-future .road .fu-t { display: none; }
  .hero.hero-future .road .fu-a { pointer-events: none; }
  .hero.hero-future .fu-rd { margin-top: 14px; }
  .hero.hero-future .fu-rd .h { font: 600 var(--m-label, 12px) var(--f-num); letter-spacing: .14em; color: #c9d6ff; margin: 8px 0; }
  .hero.hero-future .fu-rd ol { list-style: none; margin: 0; padding: 0; }
  .hero.hero-future .fu-rd li { border-left: 4px solid var(--c); margin: 0 0 8px; background: rgba(10, 24, 52, .35); border-radius: 0 10px 10px 0; }
  .hero.hero-future .fu-rd a { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; align-items: baseline; padding: 10px 12px 10px 14px; text-decoration: none; color: #fff; }
  .hero.hero-future .fu-rd .g { font: 600 17px/1.3 var(--f-head); }
  .hero.hero-future .fu-rd .st { color: #ffd84d; }
  .hero.hero-future .fu-rd .m { font: 13px var(--f-num); color: #c4cfea; white-space: nowrap; }
  .hero.hero-future .fu-rd .k { grid-column: 1 / -1; margin-top: 4px; font: 14px/1.45 var(--f-ui); color: #aebbe0; }
  .hero.hero-future .rcap { font-size: var(--m-cap, 14px); }
  .hero.hero-future .slots { gap: 14px; }
  .hero.hero-future .slot { min-width: 0; }
  .hero.hero-future .slot .want { font-size: var(--m-label, 12px); }
  .hero.hero-future .slot a.t { display: block; padding: 4px 0; min-height: 32px; box-sizing: border-box; }
  .hero.hero-future .slot .s { font-size: 14px; }
  .hero.hero-future .slot .m { font-size: 13px; }
}

@media (max-width: 760px) {
    section.hero .hero-frame .hero-band { padding-top: 36px; }
  section.hero .hero-frame .hero-band .hb-h h2 { font-size: var(--m-h2-band, 26px); line-height: 1.15; }
  section.hero .hero-frame .bignums { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 16px; }
  section.hero .hero-frame .bignum .v { font-size: var(--m-num, 30px); }
  section.hero .hero-frame .bignum .v small { font-size: 14px; }
  section.hero .hero-frame .bignum .l { font-size: 13px; }

    .hero.hero-cover .issue, .hero.hero-cover .film, .hero.hero-cover .lg-cards, .hero.hero-gameplay .tools, .hero.hero-gameplay .modes, .hero.hero-future .hl, .hero.hero-future .slots {
    display: grid; grid-template-columns: none; grid-auto-flow: column; overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scroll-padding: 0 var(--m-gr, 18px) 0 var(--m-gl, 18px); scrollbar-width: none;
    margin-left: calc(-1 * var(--m-gl, 18px)); margin-right: calc(-1 * var(--m-gr, 18px)); padding: 4px var(--m-gr, 18px) 16px var(--m-gl, 18px); }
  .hero.hero-cover .issue::-webkit-scrollbar, .hero.hero-cover .film::-webkit-scrollbar, .hero.hero-cover .lg-cards::-webkit-scrollbar, .hero.hero-gameplay .tools::-webkit-scrollbar,
  .hero.hero-gameplay .modes::-webkit-scrollbar, .hero.hero-future .hl::-webkit-scrollbar, .hero.hero-future .slots::-webkit-scrollbar { display: none; }
  .hero.hero-cover .issue > *, .hero.hero-cover .film > *, .hero.hero-cover .lg-cards > *, .hero.hero-gameplay .tools > *, .hero.hero-gameplay .modes > *,
  .hero.hero-future .hl > *, .hero.hero-future .slots > * { scroll-snap-align: start; min-width: 0; }

    .hero.hero-cover .cv-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero.hero-cover .st .v small { display: inline-block; }       .hero.hero-cover .wait .asks > div:nth-child(n+5) { display: none; }
  .hero.hero-cover .sec { padding-top: 44px; }
  .hero.hero-cover .sec-h h2 { font-size: 30px; }
  .hero.hero-cover .issue { grid-auto-columns: min(82%, 320px); gap: 12px; }
  .hero.hero-cover .film { grid-auto-columns: 46%; gap: 4px; padding-top: 8px; padding-bottom: 8px; border-radius: 0; }
  .hero.hero-cover .lg-cards { grid-auto-columns: min(82%, 320px); gap: 12px; }

    .hero.hero-gameplay .hero-frame .bignums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero.hero-gameplay .hudkey { grid-template-columns: minmax(0, 1fr); }
    .hero.hero-gameplay .krow { grid-template-columns: minmax(0, 1fr) auto; row-gap: 4px; padding: 10px 0; }
  .hero.hero-gameplay .krow .pad { grid-column: 1 / -1; }
  .hero.hero-gameplay .tools, .hero.hero-gameplay .modes { grid-auto-columns: min(78%, 300px); }
    .hero.hero-gameplay .senses, .hero.hero-gameplay .senses tr, .hero.hero-gameplay .senses td { display: block; }
  .hero.hero-gameplay .senses thead { display: none; }
  .hero.hero-gameplay .senses tbody { display: grid; grid-auto-flow: column; grid-auto-columns: min(80%, 300px); gap: 12px; align-items: stretch;
    overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding: 0 var(--m-gr, 18px) 0 var(--m-gl, 18px); scrollbar-width: none;
    margin-left: calc(-1 * var(--m-gl, 18px)); margin-right: calc(-1 * var(--m-gr, 18px)); padding: 4px var(--m-gr, 18px) 16px var(--m-gl, 18px); }
  .hero.hero-gameplay .senses tbody::-webkit-scrollbar { display: none; }
  .hero.hero-gameplay .senses tr { scroll-snap-align: start; min-width: 0; background: var(--card); border: 1px solid var(--rule-2); border-radius: 12px; padding: 12px 14px; }
  .hero.hero-gameplay .senses td, .hero.hero-gameplay .senses td:first-child, .hero.hero-gameplay .senses td:last-child { background: none; border: 0; border-radius: 0; padding: 5px 0; width: auto; }
  .hero.hero-gameplay .senses td:first-child { font: 600 17px/1.3 var(--f-head); color: var(--ink); padding: 0 0 4px; }
  .hero.hero-gameplay .senses td.none { display: none; }
  .hero.hero-gameplay .senses td[data-l]::before { content: attr(data-l); display: block; font: 600 var(--m-label, 12px) var(--f-num); letter-spacing: .12em; text-transform: uppercase; color: #c4305f; margin-bottom: 1px; }

    .hero.hero-level .legend a { min-height: 36px; padding: 8px 0; }
  .hero.hero-level .dp-ax b:nth-child(2n) { display: none; }
  .hero.hero-house .hs-head .bignums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero.hero-house .xv-pz, .hero.hero-house .xv-stage canvas { height: 360px; }
  .hero.hero-house .layers { grid-template-columns: minmax(0, 1fr); }
  .hero.hero-excavator .ex-head .bignums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero.hero-physics .waffles { grid-template-columns: minmax(0, 1fr); }
  .hero.hero-art .sw-grid { grid-template-columns: minmax(0, 1fr); }
  .hero.hero-audio .hero-frame .bignum .v { font-size: 26px; }
  .hero.hero-audio .anat .au-tk { font-size: 18px; }
  .hero.hero-performance .spec { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hero.hero-process .gl { grid-template-columns: minmax(0, 1fr); }
  .hero.hero-future .hl, .hero.hero-future .slots { grid-auto-columns: min(80%, 300px); }
}

@media (pointer: coarse) and (max-width: 1100px) {
    section.hero .hero-frame .hero-cap a, .hero.hero-art .ar-cap a, .hero.hero-art .gg p a, .hero.hero-cover .wait .more a,
  .hero.hero-process .open-now .on-more, section.hero .hero-frame .dcard .d-nodes a { display: inline-block; padding: 8px; margin: -8px; }
  .hero.hero-cover .wait li a { display: block; padding: 6px 0; }
  .hero.hero-cover .cv-toggle button { min-height: 40px; }
    .hero.hero-cover .film a span { opacity: 1; font-size: var(--m-label, 12px); padding: 14px 6px 4px; }
  .hero.hero-house .seg button { min-height: 40px; }
  .hero.hero-house .sl input, .hero.hero-excavator .sl input, .hero.hero-physics .law input { height: 32px; }
  .hero.hero-excavator .presets button, .hero.hero-level .lv-tools button, .hero.hero-performance .race button { min-height: 40px; }
  .hero.hero-audio .clip audio { height: 44px; }
}

@media (pointer: coarse) and (max-height: 500px) {
    .hero.hero-cover .cv-title { position: absolute; left: var(--m-gl, 18px); top: 14px; max-width: 60%; padding: 0; background: none; text-shadow: 0 2px 14px rgba(16, 40, 90, .55); }
  .hero.hero-cover h1 { font-size: 54px; margin: 6px 0; }
  .hero.hero-cover .cv-deck { font-size: 16px; line-height: 1.4; max-width: 36ch; }
  .hero.hero-cover .cv-state { margin-top: 10px; font-size: 13px; }
  .hero.hero-house .xv-pz, .hero.hero-house .xv-stage canvas { height: 320px; }
}