/* ---------- SKIN C: ACID (Tesseract) ---------- */
.skin-acid{--acc:#c8ff4a;--acc-2:#5be0e6;--acc-ink:#07081a;--tint:#0a0c1e}
.skin-acid h1{text-transform:none;letter-spacing:-.02em}
.skin-acid h1 em{font-family:var(--serif);font-style:italic;font-weight:500;letter-spacing:-.01em}
.skin-acid h1 .free{color:var(--acc);display:inline-block;position:relative;padding:0 .12em}
.skin-acid h1 .free:before{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:3px;background:var(--acc)}
.skin-acid h1 .free i,.skin-acid h1 .free b{position:absolute;bottom:-.06em;width:.16em;height:.16em;background:var(--acc);transform:translate(-50%,50%) rotate(45deg)}
.skin-acid h1 .free i{left:0}
.skin-acid h1 .free b{left:100%}
.skin-acid .hero-sub{max-width:var(--wrap);margin:0 auto;padding:28px var(--pad) 36px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:32px;align-items:start}
.skin-acid .hero-sub .deck{margin:0}
.skin-acid .hero-sub .meta{padding-top:8px}
.tlx{margin:40px 0 34px;border:1px solid var(--line);background:#0a0b17;padding:20px 22px 18px;font-family:var(--mono)}
.clip{position:absolute;top:4px;bottom:4px;border-radius:2px;background:rgba(200,255,74,.22);border:1px solid rgba(200,255,74,.5);display:flex;align-items:center;padding:0 26px 0 8px;font-size:9.5px;letter-spacing:.06em;color:var(--acc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .25s,border-color .25s,opacity .25s;opacity:.55}
.clip.cyan{background:rgba(91,224,230,.18);border-color:rgba(91,224,230,.5);color:var(--acc-2)}
.clip.live{opacity:1;background:rgba(200,255,74,.34)}
.clip.cyan.live{background:rgba(91,224,230,.32)}
.clip .kf{position:absolute;top:50%;width:7px;height:7px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg);opacity:.9}
.playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--acc);pointer-events:none;box-shadow:0 0 12px rgba(200,255,74,.6);z-index:2}
.playhead:before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top:8px solid var(--acc)}
.tlx input[type=range]{width:100%;margin:14px 0 0;appearance:none;-webkit-appearance:none;height:3px;background:var(--line);outline:none}
.tlx input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--acc);border:3px solid #0a0b17;box-shadow:0 0 0 1px var(--acc);cursor:grab}
.tlx input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--acc);border:3px solid #0a0b17;box-shadow:0 0 0 1px var(--acc);cursor:grab}
.tlx .hint{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.tlx .hint kbd{font-family:inherit;border:1px solid var(--line);padding:1px 5px;border-radius:2px;color:var(--ink-2)}
.fine{margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.fine div{background:var(--bg);padding:16px 18px}
.fine b{display:block;font-family:var(--display);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);margin-bottom:6px;font-weight:600}
.fine span{font-size:14px;color:var(--ink-2);line-height:1.45}
.inset{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;margin:0 0 30px}
.inset .art{min-height:0}
.inset p{font-size:15px!important;color:var(--muted)!important;margin:0!important}
.inset p b{color:var(--ink);font-weight:600}
@media (max-width:720px){
  .fine{grid-template-columns:1fr}
  .inset{grid-template-columns:1fr}
  .hero-full .art{aspect-ratio:4/5;max-height:none}
  .hero-full .over h1{font-size:clamp(38px,11vw,64px)}
}

/* раскладка, перенесённая из разметки в файл оформления */
.f24-tes-1{color:var(--ink)}
.f24-tes-2{left:0%;width:18.75%}
.f24-tes-3{left:18.75%;width:25%}
.f24-tes-4{left:70%}
.f24-tes-5{left:43.75%;width:31.25%}
.f24-tes-6{left:75%;width:25%}
.f24-tes-7{left:43.75%;width:25%}
.f24-tes-8{left:62%}
.f24-tes-9{left:90%}
.f24-tes-10{left:87.5%;width:12.5%}
.f24-tes-11{left:68.75%;width:18.75%}
.f24-tes-12{left:82%}
.f24-tes-13{left:94%}
.f24-tes-14{left:18.75%;width:81.25%}
.f24-tes-15{left:80%}
.f24-tes-16{left:1.875%}
.f24-tes-17{margin:0}