/* Движок полноэкранных тестов устройств. pawetta.com */
.dt-fs{position:fixed;inset:0;z-index:9999;background:#000;display:none;overflow:hidden;touch-action:none;cursor:default}
.dt-fs.on{display:block}
.dt-fs.hidecur{cursor:none}
.dt-plain{position:absolute;inset:0}
.dt-canvas{position:absolute;inset:0;width:100%;height:100%;display:none}
.dt-layer{position:absolute;inset:0;display:none;color:#fff;font-family:'DM Sans',system-ui,sans-serif}
.dt-hud{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:5;display:flex;flex-direction:column;gap:9px;align-items:center;
  background:rgba(18,18,18,.86);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:13px 18px;backdrop-filter:blur(8px);
  font-family:'DM Sans',system-ui,sans-serif;color:#fff;max-width:min(92vw,760px);transition:opacity .22s,transform .22s}
.dt-hud.hide{opacity:0;transform:translateX(-50%) translateY(14px);pointer-events:none}
.dt-hud-t{font-size:15px;font-weight:600;text-align:center;line-height:1.3}
.dt-hud-h{font-size:12.5px;color:rgba(255,255,255,.66);text-align:center;line-height:1.45;max-width:60ch}
.dt-hud-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.dt-b{appearance:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:13px;
  padding:7px 13px;border-radius:10px;cursor:pointer;transition:background .16s,border-color .16s;line-height:1;white-space:nowrap}
.dt-b:hover{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.34)}
.dt-b--x{background:#c4562f;border-color:#c4562f}
.dt-b--x:hover{background:#d9643a;border-color:#d9643a}
.dt-cnt{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;color:rgba(255,255,255,.8);min-width:62px;text-align:center}
.dt-sel{appearance:none;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:13px;
  padding:7px 10px;border-radius:10px;cursor:pointer;max-width:230px}
.dt-sel option,.dt-sel optgroup{background:#1b1b1b;color:#fff}
.dt-tip{position:absolute;left:50%;top:22px;transform:translateX(-50%);z-index:5;font-family:'DM Sans',system-ui,sans-serif;font-size:12.5px;
  color:rgba(255,255,255,.5);background:rgba(18,18,18,.6);padding:6px 13px;border-radius:999px;transition:opacity .3s;text-align:center;max-width:92vw}
.dt-tip.hide{opacity:0}
.dt-fs[data-light="1"] .dt-tip{color:rgba(0,0,0,.45);background:rgba(255,255,255,.55)}
.dt-read{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;text-align:center;font-family:'DM Sans',system-ui,sans-serif;
  color:#fff;pointer-events:none;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.dt-read .n{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:clamp(46px,11vw,132px);font-weight:600;line-height:1;letter-spacing:-.02em}
.dt-read .u{font-size:clamp(13px,2vw,19px);color:rgba(255,255,255,.72);margin-top:10px}
.dt-fs[data-light="1"] .dt-read{color:#111;text-shadow:none}
.dt-fs[data-light="1"] .dt-read .u{color:rgba(0,0,0,.6)}
@media(max-width:700px){.dt-hud{bottom:14px;padding:11px 13px;gap:7px}.dt-hud-h{display:none}.dt-b{padding:8px 11px;font-size:12.5px}}

/* Панель запуска тестов на странице */
.dt-launch{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px;margin-top:18px}
.dt-card{display:flex;flex-direction:column;gap:7px;text-align:left;background:var(--ivory);border:1px solid var(--border-deep);border-radius:var(--r-lg);
  padding:15px 16px;cursor:pointer;font:inherit;color:inherit;transition:border-color .18s,transform .18s,box-shadow .18s}
.dt-card:hover{border-color:var(--terracotta);transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.07)}
.dt-card .dt-top{display:flex;align-items:center;gap:9px}
.dt-card .dt-em{font-size:19px;line-height:1}
.dt-card .dt-n{font-family:var(--serif);font-size:15.5px;font-weight:600;color:var(--near-black);margin:0}
.dt-card .dt-d{font-size:13px;line-height:1.5;color:var(--olive);margin:0}
.dt-card .dt-c{font-family:var(--mono);font-size:11.5px;color:var(--stone)}
.dt-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}
.dt-note{background:var(--ivory);border:1px solid var(--border-deep);border-left:3px solid var(--terracotta);border-radius:var(--r-lg);
  padding:13px 16px;font-size:13.5px;line-height:1.6;color:var(--charcoal);margin-top:18px}
.dt-note b{color:var(--near-black)}
.dt-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}
.dt-cell{background:var(--ivory);border:1px solid var(--border-deep);border-radius:var(--r-lg);padding:13px 15px}
.dt-cell .k{font-size:12px;color:var(--stone);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.dt-cell .v{font-family:var(--mono);font-size:17px;font-weight:600;color:var(--near-black);word-break:break-word}