/* Экран стендапа для телефона: вертикально, крупно, одной рукой. Палитра и
   шрифт — как у проектора. */
@font-face{font-family:"Mont";src:url("/assets/fonts/Mont-Bold.woff2") format("woff2"),url("/assets/fonts/Mont-Bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Mont";src:url("/assets/fonts/Mont-Black.woff2") format("woff2"),url("/assets/fonts/Mont-Black.woff") format("woff");font-weight:800;font-display:swap}
:root{--bg:#050505;--surface:#131313;--surface-2:#1b1b1b;--ink:#f4efe6;--ink-2:#a49f97;--ink-3:#6a6560;--line:#2a2a2a;--accent:#f4efe6;--ok:#7bbd97;--warn:#e8b93f;--over:#e2685c;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html,body{background:var(--bg);color:var(--ink);font-family:"Mont",-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100%}
body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
a{color:inherit;text-decoration:none}

.top{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .5rem}
.top__brand span{display:block;font-size:.6rem;letter-spacing:.3em;color:var(--ink-3)}
.top__brand b{display:block;font-size:1rem;font-weight:800;letter-spacing:.06em}
.top__link{font-size:.85rem;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;min-height:2.5rem;display:inline-flex;align-items:center}

.scr{padding:.5rem 1.25rem 2rem;max-width:34rem;margin:0 auto}

.idle{padding:3rem 0 2rem;text-align:center}
.idle__big{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.idle__sub{margin-top:.75rem;color:var(--ink-2);font-size:.95rem}

.now{background:var(--surface);border:1px solid var(--line);border-radius:1.125rem;padding:1.25rem 1.25rem 1.125rem}
.now__label{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}
.now__who{display:flex;align-items:center;gap:.75rem;margin-top:.6rem}
.now__ava{width:3rem;height:3rem;border-radius:50%;object-fit:cover;background:var(--surface-2);flex:0 0 auto}
.now__name{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.05;overflow-wrap:anywhere}
.now__clock{font-size:5rem;font-weight:800;letter-spacing:-.05em;line-height:1;margin-top:.75rem;font-variant-numeric:tabular-nums;transition:color .3s}
.now__clock.warn{color:var(--warn)}
.now__clock.over{color:var(--over)}
.now__bar{height:.4rem;background:var(--surface-2);border-radius:99em;overflow:hidden;margin-top:.75rem}
.now__bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:99em;transition:width 1s linear}
.now__bar i.over{background:var(--over)}
.now__next{margin-top:.75rem;color:var(--ink-2);font-size:.95rem}
.now__next b{color:var(--ink)}

.me{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.875rem 1rem;border:1px solid rgba(123,189,151,.45);border-radius:1rem;background:rgba(123,189,151,.08)}
.me__no{font-weight:800;font-size:1.5rem;letter-spacing:-.03em;color:var(--ok)}
.me__txt{color:var(--ink-2);font-size:.95rem}
.me__txt b{color:var(--ink)}

.list{margin-top:1rem;border-top:1px solid var(--line)}
.row{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:1rem}
.row__n{flex:0 0 1.75rem;color:var(--ink-3);font-weight:700;font-variant-numeric:tabular-nums}
.row__name{flex:1 1 auto;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.row__at{color:var(--ink-3);font-size:.85rem;font-variant-numeric:tabular-nums}
.row--done{opacity:.4}
.row--current{color:var(--ink)}
.row--current .row__n{color:var(--ok)}
.row--current .row__name::after{content:"на сцене";margin-left:.5rem;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}
.row--me .row__name{color:var(--ok)}
.row--skipped,.row--noshow{opacity:.4;text-decoration:line-through}