/* Стили окна кубка (Pages/App/Cup/Window.cshtml, Д74): шапка, запись, чат — ew-*; окно «Закрытые лобби» на них не опирается. */
.ew{--ev:#7c9cff;display:grid;grid-template-columns:360px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh;background:var(--ink-800)}
.ew-head{grid-column:1/-1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--border-hairline);background:radial-gradient(120% 220% at 0 0,color-mix(in srgb,var(--ev) 16%,transparent),transparent 60%)}
.ew-moon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--ev) 18%,transparent);font-size:18px}
.ew-title{display:grid;gap:3px;min-width:0}
.ew-title b{color:var(--text-heading);font-size:15px}
.ew-title small{color:var(--text-muted);font-size:12px;line-height:1.35}
.ew-title small em{font-style:normal;color:var(--ev);font-weight:700}
.ew-title a{color:var(--accent)}
.ew-steps{display:flex;flex-wrap:wrap;gap:4px 10px}
.ew-steps span{white-space:nowrap}
.ew-steps span.is-now{color:var(--text-heading);font-weight:700}
.ew-game{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border:1px solid var(--border-hairline);border-radius:999px;color:var(--text-heading);font-size:13px;font-weight:600;white-space:nowrap}
.ew-game img{width:20px;height:20px;object-fit:contain}
/* Справа в шапке — место под ✕ плавающей панели. */
.ew-head{padding-right:48px}
.ew-side{display:grid;align-content:start;gap:12px;padding:12px 14px;border-right:1px solid var(--border-hairline);overflow-y:auto;overscroll-behavior:contain}
.ew-beta{margin-left:6px;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--ev) 24%,transparent);color:#c9d4ff;font:700 10px/1.6 var(--font-body);font-style:normal;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.tw-form[hidden]{display:none}
.ew-box{display:grid;gap:10px;padding:12px;border:1px solid var(--border-hairline);border-radius:12px;background:var(--ink-900)}
.ew-box h3{margin:0;color:var(--text-heading);font-size:14px}
.ew-box .seg{max-width:100%}
.ew-box .seg__btn[aria-disabled="true"]{opacity:.35;cursor:not-allowed}
.ew-box .seg__btn small{color:var(--text-muted);font-weight:600}
.ew-note{color:var(--text-muted);font-size:12px;line-height:1.4}
.ew-roles{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
/* Роли из анкеты — значками по порядку (первая — любимая), рядом «изменить в анкете». */
.ew-role{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border-hairline);border-radius:10px}
.ew-role img{width:26px;height:26px}
.ew-role:first-child{border-color:var(--ev);background:color-mix(in srgb,var(--ev) 14%,transparent)}
.ew-roles__edit{margin-left:4px;font-size:13px}
.ew-me{display:grid;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--ev) 50%,transparent);border-radius:12px;background:color-mix(in srgb,var(--ev) 10%,var(--ink-900))}
.ew-me b{color:var(--text-heading)}
.ew-me>span{color:var(--text-body);font-size:13px}
.ew-me p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.45}
.ew-row{display:flex;gap:6px;flex-wrap:wrap}
.ew-count{display:grid;gap:8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--ev) 8%,var(--ink-900))}
.ew-count__top{display:flex;align-items:center;gap:12px}
.ew-count__n{color:var(--ev);font:700 30px/1 var(--font-display);transition:transform .25s}
.ew-count__n.is-bump{animation:ewBump .6s ease-out}
@keyframes ewBump{30%{transform:scale(1.35);color:#fff}100%{transform:none}}
.ew-count__top>span:last-child{color:var(--text-muted);font-size:12px;line-height:1.35}
.ew-count__top b{color:var(--text-heading)}
.ew-done,.ew-warn{display:grid;gap:8px;padding:12px;border:1px solid var(--border-strong);border-radius:12px;background:var(--ink-900);color:var(--text-body);font-size:13px;line-height:1.45}
.ew-done b,.ew-warn b{color:var(--text-heading)}
.ew-warn{border-color:color-mix(in srgb,#f5c542 55%,transparent);background:color-mix(in srgb,#f5c542 8%,var(--ink-900))}
.ew-ask{display:grid;gap:8px;padding:12px;border:2px solid #f5c542;border-radius:12px;background:color-mix(in srgb,#f5c542 14%,var(--ink-900));animation:ewAsk 1.4s ease-out infinite}
.ew-ask .btn{justify-self:start;animation:ewNudge 2.8s ease-in-out infinite}
.ew-ask b{color:var(--text-heading)}
.ew-ask p{margin:0;color:var(--text-body);font-size:12px;line-height:1.45}
@keyframes ewAsk{0%{box-shadow:0 0 0 0 rgba(245,197,66,.6)}75%,100%{box-shadow:0 0 0 14px rgba(245,197,66,0)}}
@keyframes ewNudge{0%,78%,100%{transform:none}82%{transform:translateX(-3px) rotate(-2deg)}86%{transform:translateX(3px) rotate(2deg)}90%{transform:translateX(-3px) rotate(-1deg)}94%{transform:translateX(2px)}}
@media (prefers-reduced-motion:reduce){.ew-ask,.ew-ask .btn{animation:none}}
.ew .tw-chat{grid-column:2;grid-row:2}
.tw-sys--ev{border-left-color:var(--ev)}
.ew-tabs{display:none}
.ew-sched{display:none;gap:3px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--ev) 8%,var(--ink-900))}
.ew-sched b{color:var(--text-heading);font-size:14px}
.ew-sched small{color:var(--text-muted);font-size:12px;line-height:1.35}
.ew-sched em{font-style:normal;color:var(--ev);font-weight:700}
.ew-sched a{color:var(--accent)}
.ew-tabs .seg__dot{display:inline-block;margin-left:4px;background:#8a93a6}
.ew-tabs .seg__dot.is-mention{background:#f85149}
.ew-tabs .seg__dot[hidden],.ew-tabs[hidden]{display:none!important}
@media (max-width:720px){
  .ew{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
  /* Шапка — одна строка: луна, «Запись | Чат», игра логотипами. Название и расписание — в начале вкладки «Запись». */
  .ew-head{flex-wrap:nowrap;gap:8px;padding:6px 10px}
  .ew-moon{width:30px;height:30px;font-size:16px}
  .ew-head .ew-title{display:none}
  .ew-sched{display:grid}
  .ew-tabs{display:inline-flex}
  .ew-game{padding:3px 8px 3px 4px;font-size:12px}
  .ew-side{border-right:0;grid-row:2}
  .ew .tw-chat{grid-column:1;grid-row:2}
  .ew[data-pane="side"] .tw-chat,.ew[data-pane="chat"] .ew-side{display:none}
}