/* 30fps.lol
   Layout: ein Prüfstand. Oben Hero mit Live-Vergleich, dann Messung, Versuche, Test mit Statistik,
   GTA 6 mit Kaufempfehlungen, Mythen, FAQ. Jede Bildrate behält ihre Farbe von rot (langsam) bis blau (schnell).
   Bewusst nur dunkel: Bewegung ist auf dunklem Grund am besten zu sehen. Breite begrenzt nur .wrap. */
@font-face{font-family:"Bricolage Grotesque";src:url("/a/bricolage-grotesque-latin-wght-normal.a97804dc9fbe.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";src:url("/a/bricolage-grotesque-latin-ext-wght-normal.e808f16b56f8.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";src:url("/a/hanken-grotesk-latin-wght-normal.e9201eddf1d4.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";src:url("/a/hanken-grotesk-latin-ext-wght-normal.768af2923e0a.woff2") format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";src:url("/a/jetbrains-mono-latin-wght-normal.18be452724bf.woff2") format("woff2");font-weight:100 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";src:url("/a/jetbrains-mono-latin-ext-wght-normal.79bfdab9ba46.woff2") format("woff2");font-weight:100 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";src:url("/a/jetbrains-mono-cyrillic-wght-normal.d274604c4075.woff2") format("woff2");font-weight:100 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";src:url("/a/jetbrains-mono-greek-wght-normal.ee863198077f.woff2") format("woff2");font-weight:100 800;font-display:swap;unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
:root{
  color-scheme: dark;
  --bg:#0a0e19; --surface:#11172a; --raised:#172036; --stage:#04060c; --line:#222b45;
  --fg:#e9edf8; --muted:#97a1c0; --dim:#5a6485;
  --c0:#ff5d5d; --c1:#ff9f43; --c2:#f2d64b; --c3:#4be3a6; --c4:#5ab8ff;
  --ok:#4be3a6; --warn:#f2d64b; --bad:#ff5d5d;
  --plate:#ffffff;
  --logo:#febc01;
  --f-display:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;
  --f-body:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --gutter:max(16px, env(safe-area-inset-left, 0px));
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:17px;line-height:1.55;padding-top:env(safe-area-inset-top, 0px);padding-bottom:env(safe-area-inset-bottom, 0px)}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
a{color:var(--c4)}
.wrap{width:min(1200px, 100% - 2 * var(--gutter));margin-inline:auto}
main.wrap{display:flex;flex-direction:column;gap:88px;padding-block:28px 72px}
h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.05}
h1{font-size:clamp(42px,7.6vw,96px);font-weight:800;letter-spacing:-.02em}
h2{font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-.01em}
h3{font-size:19px;font-weight:800;line-height:1.2}
p{margin:0}
.kicker{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.lead{color:var(--muted);font-size:clamp(17px,1.6vw,20px)}
.lead strong{color:var(--fg)}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--f-mono)}
.k0{color:var(--c0)}.k1{color:var(--c1)}.k2{color:var(--c2)}.k3{color:var(--c3)}.k4{color:var(--c4)}.kdim{color:var(--dim)}
.c-ok{color:var(--ok)}.c-warn{color:var(--warn)}.c-bad{color:var(--bad)}.c-dim{color:var(--dim)}.c-muted{color:var(--muted)}

/* Kopf */
.skip{position:absolute;left:-9999px;top:8px;background:var(--fg);color:var(--bg);padding:8px 12px;border-radius:8px;z-index:30}
.skip:focus{left:16px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top, 0px);z-index:21;background:var(--bg)}
.top{position:sticky;top:env(safe-area-inset-top, 0px);z-index:20;background:rgba(10,14,25,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:20px;min-height:64px}
.brand{display:inline-flex;align-items:center;text-decoration:none;flex:none}
.brand img{display:block;height:44px;width:auto}
.foot .brand img{height:68px}
.nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-left:auto;min-width:0}
.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--muted);text-decoration:none;font-size:15px;padding:7px 11px;border-radius:999px;white-space:nowrap}
.nav a:hover,.nav a[aria-current="page"]{color:var(--fg);background:var(--surface)}
.nav a.gta{color:var(--fg);border:1px solid var(--line)}
@media (max-width:640px){.top-in{flex-wrap:wrap;gap:4px 12px;padding-block:8px}.nav{margin-left:0;width:100%}}

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:end}
@media (max-width:900px){.hero{grid-template-columns:1fr}}
.hero-text{display:flex;flex-direction:column;gap:18px;min-width:0}
h1 .quote{display:block;font-size:.42em;color:var(--muted);margin-bottom:.3em;font-weight:500}
h1 .lol{color:var(--logo)}
.hero-stack h1 .lol{display:block}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.duo-wrap{display:flex;flex-direction:column;gap:10px}
.duo{height:clamp(260px,34vh,340px)}
.duo-cap{display:flex;flex-wrap:wrap;justify-content:space-between;font-family:var(--f-mono);font-size:13px;color:var(--muted);gap:12px}

.status{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.status .hz{font-family:var(--f-display);font-size:48px;font-weight:800;line-height:1}
.status .sub{font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.rate-states{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px}
.rs{border-radius:10px;padding:8px 6px;background:var(--stage);text-align:center;font-family:var(--f-mono);font-size:12px;line-height:1.3}
.rs b{display:block;font-size:16px}
.rs span{color:var(--muted);overflow-wrap:anywhere;hyphens:auto}

section{display:flex;flex-direction:column;gap:18px;min-width:0}
.sec-head{display:flex;flex-direction:column;gap:10px}

.stage{background:var(--stage);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative}
canvas{display:block;width:100%}
#lanes{height:clamp(380px,60vh,560px)}
#blur{height:clamp(380px,52vh,500px)}
#chase{height:clamp(300px,52vh,460px);touch-action:none;cursor:none}
#ftg{height:150px}

.controls{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.group{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cap{font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}
button,select,.btn{font:inherit;font-size:15px;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;line-height:1.3}
button:hover:not(:disabled),select:hover,.btn:hover{border-color:var(--muted)}
button:disabled{opacity:.4;cursor:not-allowed}
:focus-visible{outline:2px solid var(--c4);outline-offset:2px}
button.chip{font-family:var(--f-mono);font-weight:700;padding:6px 12px;font-size:14px}
button.chip[aria-pressed="false"]{color:var(--dim)!important;background:transparent;opacity:.6}
.primary,button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:700}
.speed{display:flex;align-items:center;gap:10px}
.speed input{width:min(220px,40vw);accent-color:var(--c4)}
.speed output{font-family:var(--f-mono);font-size:13px;min-width:9ch}
.note{font-size:14px;color:var(--muted)}

/* Messstand */
.setup{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
@media (max-width:900px){.setup{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media (max-width:560px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{background:var(--stage);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kpi b{font-family:var(--f-display);font-size:24px;font-weight:800;line-height:1.1}
.kpi span{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
dl.specs{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0;font-size:15px}
dl.specs dt{color:var(--muted);font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding-top:3px}
dl.specs dd{margin:0;overflow-wrap:anywhere}
ul.tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
ul.tips li{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:15px;align-items:start}
ul.tips li::before{content:"";width:10px;height:10px;border-radius:50%;margin-top:7px;background:var(--c4)}
ul.tips li.ok::before{background:var(--ok)}
ul.tips li.warn::before{background:var(--warn)}
ul.tips li.bad::before{background:var(--bad)}
.screens{font-size:14px;color:var(--muted)}

/* Tabellen */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
table{border-collapse:collapse;width:100%;min-width:620px;font-variant-numeric:tabular-nums}
th,td{padding:10px 14px;text-align:right;border-bottom:1px solid var(--line)}
th:first-child,td:first-child{text-align:left}
th{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:400}
td{font-family:var(--f-mono);font-size:14px}
td.text{font-family:var(--f-body);font-size:15px;text-align:left}
tr:last-child td{border-bottom:0}
.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid currentColor;white-space:nowrap}
.bar{display:inline-block;height:8px;border-radius:4px;vertical-align:middle;margin-left:10px;background:currentColor;opacity:.8}
.bw30{width:90px}.bw60{width:45px}.bw90{width:30px}.bw120{width:23px}.bw240{width:11px}

.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--f-mono);font-size:13px}
.legend span{display:inline-flex;gap:6px;align-items:center}
.legend i{width:12px;height:12px;border-radius:50%;border:3px solid currentColor;display:inline-block}

/* Test */
.test{display:flex;flex-direction:column;gap:14px}
.blind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.panel{display:flex;flex-direction:column;gap:10px;min-width:0}
.panel .stage{height:clamp(170px,26vh,240px)}
.panel canvas{height:100%}
.panel button{justify-content:center;border-radius:12px;padding:14px;font-weight:700}
@media (max-width:640px){.blind{gap:8px}.panel button{padding:12px 6px;font-size:14px}.panel button .mono{display:none}}
.progress{height:6px;background:var(--stage);border-radius:3px;overflow:hidden}
.progress i{display:block;height:100%;width:0;background:var(--c4);transition:width .2s}
.headline{font-family:var(--f-display);font-weight:800;font-size:clamp(24px,3vw,34px);line-height:1.15}
textarea{width:100%;min-height:200px;background:var(--stage);color:var(--fg);border:1px solid var(--line);border-radius:12px;padding:12px;font-family:var(--f-mono);font-size:13px;resize:vertical}

#start{background:var(--logo);border-color:var(--logo);color:#14120a;font-size:20px;font-weight:800;padding:16px 30px;border-radius:14px;box-shadow:0 8px 24px rgba(254,188,1,.25)}
#start:hover{border-color:#fff}
#start::before{content:"\25B6";font-size:15px}
#test-fs{display:none}
.teilen{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.x-post{background:#000;border-color:#3a3a3a;color:#fff;font-weight:700}
.x-post:hover{border-color:#fff}
.stat-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.stat-zeile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.stat-paar{font-family:var(--f-mono);font-size:13px;color:var(--muted)}
.stat-wert{font-family:var(--f-display);font-size:44px;font-weight:800;line-height:1;color:var(--c4)}
.stat-text{font-weight:700}

/* GTA und Produkte */
.gta-band{background:linear-gradient(135deg, rgba(255,93,93,.14), rgba(90,184,255,.10) 70%);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:22px}
.facts3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.fact{background:rgba(4,6,12,.55);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.fact b{font-family:var(--f-display);font-size:30px;font-weight:800;line-height:1.05}
.fact span{color:var(--muted);font-size:14px}
.prod-group{display:flex;flex-direction:column;gap:12px}
.prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.prod{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0;position:relative}
.prod.feature{border-color:rgba(255,93,93,.5)}
.prod-img{background:var(--plate);border-radius:12px;height:200px;display:flex;align-items:center;justify-content:center;padding:14px;text-decoration:none;color:#3a3f4f;font-family:var(--f-display);font-weight:800;font-size:22px;text-align:center}
.prod-img img{max-height:100%;width:auto;object-fit:contain}
.prod .ad{position:absolute;top:22px;left:22px;font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:rgba(10,14,25,.82);color:#fff;padding:2px 7px;border-radius:6px}
.prod .tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.prod p{font-size:15px;color:var(--muted)}
.prod-preis{display:flex;flex-direction:column;gap:2px;margin-top:auto}
.prod-preis b{font-family:var(--f-display);font-size:26px;font-weight:800;line-height:1.1}
.prod-preis small{font-size:12px;color:var(--muted)}
.prod-ohne{font-size:14px;color:var(--muted);margin-top:auto}
.btn-amz{justify-content:center;background:var(--c2);color:#14120a;border-color:var(--c2);font-weight:700;border-radius:12px;padding:11px 14px}
.btn-amz:hover{border-color:#fff}
.disclaimer{font-size:13px;color:var(--muted)}

/* Mythen, FAQ, Artikel */
.myths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.myth{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.myth .claim{font-family:var(--f-display);font-weight:800;font-size:19px;color:var(--fg)}
.myth .claim::before{content:"Mythos";display:block;font-family:var(--f-mono);font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--c0);margin-bottom:6px}
.myth p{font-size:15.5px;color:var(--muted)}
.myth p strong{color:var(--fg)}
.faq{display:flex;flex-direction:column;gap:10px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px}
.faq summary{cursor:pointer;font-weight:700;font-size:17px}
.faq details p{margin-top:10px;color:var(--muted)}
.prose{display:flex;flex-direction:column;gap:16px}
.prose p,.prose li{color:var(--muted);font-size:17px}
.prose p strong,.prose li strong{color:var(--fg)}
.prose ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}
.crumbs{font-size:14px;color:var(--muted)}
.crumbs a{color:var(--muted)}
.quelle{font-size:14px;color:var(--muted);border-left:3px solid var(--c0);padding-left:12px}

/* Rechtstexte */
.legal{display:flex;flex-direction:column;gap:14px;padding-block:32px 72px}
.legal h1{font-size:clamp(32px,5vw,52px)}
.legal h2{font-size:22px;margin-top:14px}
.legal p,.legal li,.legal address{color:var(--muted);font-style:normal}
.no-js-only{display:inline}
.js .no-js-only{display:none}

/* Sprachwahl */
.sprache{position:relative;flex:none}
.sprache summary{list-style:none;cursor:pointer;font-family:var(--f-mono);font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 11px}
.sprache summary::-webkit-details-marker{display:none}
.sprache[open] summary{color:var(--fg);border-color:var(--muted)}
.sprachen{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:min(340px, 100vw - 32px);max-height:70vh;overflow:auto;box-shadow:0 18px 40px rgba(0,0,0,.45);z-index:25}
.sprachen a{color:var(--fg);text-decoration:none;font-size:15px;padding:7px 10px;border-radius:8px}
.sprachen a:hover,.sprachen a[aria-current="true"]{background:var(--raised)}
.foot-sprachen{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}
.foot-sprachen a{color:var(--muted)}
@media (max-width:640px){.sprache{margin-left:auto;order:2}.top-in .nav{order:3}}

/* Fuß */
.foot{border-top:1px solid var(--line);padding-block:32px calc(32px + env(safe-area-inset-bottom, 0px))}
.foot-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;font-size:14px;color:var(--muted)}
@media (max-width:760px){.foot-in{grid-template-columns:1fr}}
.foot-in nav{display:flex;flex-wrap:wrap;gap:8px 16px;align-content:flex-start}
.foot-in a{color:var(--muted)}
.foot-in p+p{margin-top:8px}

/* Bilder */
.bild{margin:0}
.bild img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.bilder2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.bilder2 .bild img{aspect-ratio:3/2}
@media (max-width:640px){.bilder2{grid-template-columns:1fr}}
.duo-link{cursor:pointer}
.duo-link:hover{filter:brightness(1.06)}
.duo-speed{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.duo-speed input{width:min(220px,40vw);accent-color:var(--c4)}
.duo-fs{margin-left:auto}
.hero.hero-stack{grid-template-columns:1fr}
.hero-stack .duo{height:clamp(300px,52vh,560px)}
.duo-wrap:fullscreen{display:flex;flex-direction:column;gap:12px;height:100vh;padding:20px max(20px, env(safe-area-inset-left, 0px));background:var(--bg)}
.duo-wrap:fullscreen .stage{flex:1 1 auto;min-height:0}
.duo-wrap:fullscreen .duo{height:100%}

/* Vollbild: nur Bedienung und Bühne, alles passt auf den Schirm, der Rest scrollt bei Bedarf */
#lanes-sec:fullscreen{display:flex;flex-direction:column;gap:12px;height:100vh;padding:20px max(20px, env(safe-area-inset-left, 0px));background:var(--bg);overflow:auto}
#lanes-sec:fullscreen .sec-head,#lanes-sec:fullscreen #lanes-note{display:none}
#lanes-sec:fullscreen > .stage{flex:1 1 auto;min-height:260px}
#lanes-sec:fullscreen .table-wrap{flex:none}
#lanes-sec:fullscreen th,#lanes-sec:fullscreen td{padding-block:6px}
#lanes-sec:fullscreen #lanes{height:100%}
#test-sec:fullscreen{display:flex;flex-direction:column;gap:12px;height:100vh;padding:20px max(20px, env(safe-area-inset-left, 0px));background:var(--bg);overflow:auto}
#test-sec:fullscreen .sec-head{display:none}
#test-sec:fullscreen .blind{flex:1 1 auto;min-height:0}
#test-sec:fullscreen .panel{min-height:0}
#test-sec:fullscreen .panel .stage{flex:1 1 auto;height:auto;min-height:160px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}