/* Раскладка: верхняя панель, табло игры, затем разделы-карточки; у каждого раздела строка «зачем это». */
:root{
  color-scheme:light;
  --bg:#edf1f6; --surface:#ffffff; --ink:#0c1a2d; --muted:#53657b; --line:#d2dbe6;
  --accent:#1555b5; --accent-ink:#ffffff; --lamp:#d92b2b; --ok:#17814a;
  --board:#0b1829; --board-ink:#f1f5fa; --board-dim:#9db0c7; --ice:#dfe9f4;
  --font-display:'Big Shoulders Display','Arial Narrow',Impact,sans-serif;
  --font-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root{
  color-scheme:dark;
  --bg:#08111d; --surface:#101e31; --ink:#e7eef7; --muted:#97a9c0; --line:#223750;
  --accent:#5f9cff; --accent-ink:#06101d; --lamp:#ff5b4e; --ok:#4cc88a;
  --board:#040a13; --board-ink:#f1f5fa; --board-dim:#9db0c7; --ice:#15283f;}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;
  padding-block:16px 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wrap{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
h1,h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:1.05;text-wrap:balance}
h2{font-size:28px;display:flex;align-items:center;gap:10px}
h3{font-size:17px;margin:26px 0 0;display:flex;gap:8px;align-items:center}
.ic{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
h2 .ic{color:var(--accent);width:1em;height:1em}
h3 .ic{color:var(--accent)}
.why{color:var(--muted);margin:10px 0 0;max-width:64ch}
button,input,select{font:inherit}
.top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.brand{font-family:var(--font-display);font-weight:800;font-size:24px;text-transform:uppercase;letter-spacing:.02em;display:flex;gap:8px;align-items:center}
.brand .ic{color:var(--lamp)}
.nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tab{display:inline-flex;gap:8px;align-items:center;padding:9px 14px;min-height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:500}
.tab[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.me-name{color:var(--muted);font-size:14px}
.board{background:var(--board);color:var(--board-ink);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:18px}
.board-top{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;align-items:baseline}
.board h1{font-size:clamp(34px,7vw,56px);font-weight:800}
.board .tag{font-family:var(--font-mono);font-size:12px;color:var(--board-dim);letter-spacing:.08em;text-transform:uppercase}
.board .why{color:var(--board-dim);margin:0}
.digits{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 20px}
.digit{min-width:0;border-top:1px solid #ffffff2a;padding-top:10px}
.digit b{display:block;font-family:var(--font-mono);font-weight:600;font-size:clamp(24px,5vw,34px);line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.digit.lamp b{color:var(--lamp)}
.lab{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--board-dim);text-transform:uppercase;letter-spacing:.07em;margin-top:2px}
.prize{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#ffffff12}
.prize .ic{margin-top:3px;color:var(--lamp)}
.safe{margin:0;font-size:13px;color:var(--board-dim);display:flex;gap:8px;align-items:flex-start}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}
.login{max-width:460px;margin:8vh auto 0;width:100%}
label{display:block;font-size:14px;color:var(--muted);margin:16px 0 4px}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
input:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hint{font-size:14px;color:var(--muted);margin:16px 0 8px;display:flex;gap:8px;align-items:flex-start}
.hint .ic{margin-top:2px}
.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:12px 20px;min-height:46px;border:0;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-weight:600;cursor:pointer}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:500}
.btn.small{min-height:38px;padding:8px 14px;font-size:15px}
.btns{display:flex;gap:10px;flex-wrap:wrap}
.note{font-size:14px;color:var(--ok);margin:12px 0 0;min-height:1.4em}
.note.err{color:var(--lamp)}
.row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.row > .grow{flex:1 1 220px;min-width:0}
.rules{margin-top:14px;font-size:14px;color:var(--muted)}
.rules summary{cursor:pointer;color:var(--ink);font-weight:500}
.rules ul{margin:8px 0 0;padding-left:20px}
.matches{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;margin-top:16px}
.match{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0;background:var(--bg)}
.m-head{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}
.m-title{font-family:var(--font-display);font-size:24px;text-transform:uppercase;line-height:1.1;overflow-wrap:anywhere}
.pick{display:flex;align-items:flex-end;gap:10px}
.pick > div{flex:1;min-width:0}
.pick label{margin:0 0 4px;font-size:12px;overflow-wrap:anywhere}
.pick input{font-family:var(--font-mono);font-size:26px;text-align:center;padding:8px}
.pick .colon{flex:none;padding-bottom:10px;font-family:var(--font-mono);font-size:26px;color:var(--muted)}
.tagline{font-size:13px;padding:3px 10px;border-radius:99px;border:1px solid var(--line);align-self:flex-start;color:var(--muted)}
.tagline.ok{color:var(--ok);border-color:var(--ok)}
.res{font-family:var(--font-mono);font-size:20px}
.who{margin:0;padding:0;list-style:none;font-size:14px;display:grid;gap:4px}
.who li{display:flex;justify-content:space-between;gap:10px}
.who span:last-child{font-family:var(--font-mono);white-space:nowrap}
.table-scroll{overflow-x:auto;margin-top:12px}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);text-align:left;font-weight:500;padding:0 8px 8px;white-space:nowrap}
td{padding:12px 8px;border-top:1px solid var(--line)}
td.n,th.n{text-align:right;font-family:var(--font-mono)}
td.name{overflow-wrap:anywhere}
tr.me td{background:var(--ice)}
tr.lead td.pl{color:var(--lamp);font-weight:600}
tr.off td{opacity:.55}
.x{background:none;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;padding:5px 10px;font-size:13px;white-space:nowrap}
.empty{color:var(--muted);padding:16px 0 4px;display:flex;gap:8px;align-items:center}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 14px}
.chk{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;color:var(--ink);font-size:15px}
.chk input{margin-top:5px}
.chk small{display:block;color:var(--muted);font-size:13px}
.more{margin-top:14px}
.secret{border:2px solid var(--lamp);border-radius:12px;padding:16px;margin-top:16px;background:var(--bg)}
.secret code{font-family:var(--font-mono);font-size:20px;display:block;margin:8px 0;overflow-wrap:anywhere;user-select:all}
.mine{display:grid;gap:10px;margin-top:14px}
.mine-row{display:flex;gap:6px 14px;flex-wrap:wrap;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--bg)}
.mine-row b{font-family:var(--font-display);font-size:20px;text-transform:uppercase}
.mine-row .mono{font-family:var(--font-mono)}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:max(20px,env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:99px;font-size:15px;z-index:5;max-width:90vw}
@media (max-width:760px){.two{grid-template-columns:minmax(0,1fr)}}

/* Логотип ХК «Сибирь» */
.brand-logo {
  width: 58px;
  height: 58px;
  object-fit: contain;
  flex-shrink: 0;
}

@media (max-width: 600px) {
  .brand-logo {
    width: 44px;
    height: 44px;
  }
  .brand {
    font-size: 20px;
  }
}

/* Хоккейная шапка */
.top{background:linear-gradient(120deg,#06142b,#103e70 65%,#071b36);color:white;border-radius:16px;padding:20px 24px;box-shadow:0 12px 32px #071e3d26}
.brand{color:white}
.top .tab{background:#ffffff12;color:white;border-color:#ffffff35}
.top .tab[aria-current="page"]{background:#8fd0ff;color:#061b35;border-color:#8fd0ff}

/* Главное хоккейное табло */
.board{background:linear-gradient(135deg,#06152e,#0b3765);border:1px solid #ffffff20;box-shadow:0 12px 30px #08244825}
.card{box-shadow:0 6px 22px #0a305014}

/* Главная страница */
.board-home{min-height:320px;justify-content:center;background:radial-gradient(ellipse at 85% 15%,#3287c477,transparent 55%),linear-gradient(120deg,#041027,#0b3765 70%,#06162e);border:1px solid #75bbef55}
.board-home h1{font-size:clamp(38px,6vw,68px);color:#fff;text-shadow:0 3px 18px #0008}
.board-home .tag{color:#8fd0ff}

.board-home{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#54a9e766,transparent 55%),repeating-linear-gradient(115deg,transparent 0 95px,#ffffff08 96px 98px,transparent 99px 190px),linear-gradient(120deg,#041027,#0b3765 70%,#06162e)}
.board-home:before{content:"";position:absolute;inset:0;border:2px solid #ffffff12;border-radius:14px;pointer-events:none}
.board-home>*{position:relative;z-index:1}

.board-home{background:linear-gradient(90deg,#041027ed 0%,#061b38c9 48%,#061b3855 100%),url("/images/sibir-arena.webp") center/cover no-repeat;min-height:390px}

/* Матчи и турнирная таблица рядом */
.home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;align-items:start}
.home-grid>.card{min-width:0;margin:0}
.home-grid .matches{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.home-grid{grid-template-columns:1fr}.home-grid .matches{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
@media(max-width:540px){.home-grid .matches{grid-template-columns:1fr}}

/* Широкий формат хоккейного портала */
.wrap{max-width:1440px;width:calc(100% - 32px);margin-inline:auto}
@media(max-width:600px){.wrap{width:calc(100% - 20px)}}

/* Крупнее и удобнее карточки матчей */
.home-grid .match{padding:18px;min-height:180px}
.home-grid .match input{min-height:42px;font-size:18px;text-align:center}
.home-grid .match .btn{min-height:42px;font-size:14px;font-weight:700}
.home-grid .card{font-size:15px}
.home-grid .card h2{font-size:22px}
.home-grid table{font-size:14px}

/* Эмблемы команд в карточках матчей */
.match-teams {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 18px 0;
}

.match-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 750;
  line-height: 1.3;
}

.match-team img {
  width: 76px;
  height: 76px;
  object-fit: contain;
  display: block;
}

.match-team span {
  overflow-wrap: anywhere;
}

.match-versus {
  text-align: center;
  font-size: 23px;
  font-weight: 800;
  opacity: .55;
}

@media (max-width: 600px) {
  .match-teams { gap: 6px; }
  .match-team { font-size: 13px; }
  .match-team img { width: 58px; height: 58px; }
}

/* Обновлённые карточки матчей */
.match {
  border-radius: 18px;
  transition: box-shadow .2s ease, transform .2s ease;
}

.match:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0, 20, 50, .12);
}

.match-teams {
  margin: 22px 0;
  gap: 14px;
}

.match-team {
  gap: 12px;
  font-size: 17px;
  font-weight: 800;
}

.match-team img {
  width: 90px;
  height: 90px;
  object-fit: contain;
}

.match-versus {
  font-size: 26px;
  font-weight: 900;
}

.match .pick {
  padding: 14px;
  border-radius: 12px;
  background: rgba(100, 140, 190, .07);
}

.match .btn {
  border-radius: 10px;
  font-weight: 800;
}

@media (max-width: 600px) {
  .match-teams { gap: 6px; margin: 16px 0; }
  .match-team { gap: 8px; font-size: 13px; }
  .match-team img { width: 64px; height: 64px; }
  .match-versus { font-size: 20px; }
  .match .pick { padding: 10px; }
}

/* Улучшение читаемости */
.home-grid .card {
  font-size: 16px;
  line-height: 1.55;
}

.home-grid .card h2 {
  font-size: 25px;
  line-height: 1.2;
}

.home-grid .m-head {
  font-size: 14px;
  line-height: 1.4;
}

.home-grid .match-team {
  font-size: 18px;
}

.home-grid .pick label {
  font-size: 14px;
}

.home-grid .match .btn {
  font-size: 15px;
}

.home-grid .tagline {
  font-size: 14px;
  line-height: 1.4;
}

.home-grid table th {
  font-size: 13px;
}

.home-grid table td {
  font-size: 15px;
}

@media (max-width: 600px) {
  .home-grid .card h2 { font-size: 21px; }
  .home-grid .match-team { font-size: 14px; }
  .home-grid .m-head { font-size: 12px; }
  .home-grid .pick label { font-size: 13px; }
}
.tournament-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.tournament-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:100px;padding:10px 5px;background:#142b49;border:1px solid #345779;border-radius:12px;text-align:center}.tournament-stat strong{color:#79b6ff;font-size:30px;font-weight:800}.tournament-stat span{color:#b9cce5;font-size:12px;line-height:1.3}@media(max-width:600px){.tournament-stat strong{font-size:23px}.tournament-stat span{font-size:11px}}
.home-grid .match:has(.tagline):not(:has(.pick)){min-height:180px}.home-grid .match:has(.tagline):not(:has(.pick))>.tagline{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:16px;padding:12px;border:1px solid #365778;border-radius:10px;background:#142b49;color:#b9d5f4;font-size:13px;font-weight:700;text-align:center}
.home-grid .match-closed>.tagline{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:48px;margin-top:12px;padding:12px;border:1px solid #365778;border-radius:10px;background:#142b49;color:#b9d5f4;font-size:14px;font-weight:700;text-align:center}.home-grid .match-closed{gap:14px}
@media(max-width:600px){.board-home{min-height:0;padding:18px 16px;gap:12px;justify-content:flex-start}.board-home h1{font-size:clamp(27px,7vw,36px);line-height:1.08}.board-home .why{font-size:13px;line-height:1.45}.board-home .prize{padding:9px 11px;font-size:13px}.board-home .digits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.board-home .digit{padding-top:8px}.board-home .digit b{font-size:23px}.board-home .lab{font-size:10px;line-height:1.3}.board-home .safe{font-size:11px;line-height:1.4}}
@media(max-width:600px){.top{padding:12px;gap:10px;border-radius:12px}.top .brand{font-size:15px;line-height:1.2;gap:10px}.top .brand-logo{width:34px;height:34px}.top .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}.top .tab{min-width:0;min-height:40px;padding:8px 6px;font-size:12px;justify-content:center;text-align:center;gap:5px}}
@media(max-width:600px){.board-home>.why{display:none}.board-home{gap:10px;padding:16px}.board-home h1{font-size:clamp(26px,7vw,34px);line-height:1.05}.board-home .prize{margin:0}.board-home .digits{gap:8px}}
@media(max-width:600px){.home-grid>.card:first-child>.why{display:none}.home-grid>.card:first-child{padding:16px}.home-grid>.card:first-child>h2{margin-bottom:4px}.home-grid .rules{margin:4px 0}.home-grid .hint{font-size:12px;line-height:1.4;margin:6px 0}}
@media(max-width:600px){.home-grid .match{min-height:0;padding:14px;gap:10px}.home-grid .match-teams{margin:8px 0}.home-grid .match .pick{margin-top:4px}.home-grid .match .btn{min-height:46px}.home-grid .match:not(.match-closed) .pick::before{content:"Прогноз: сначала Сибирь, затем соперник";display:block;grid-column:1/-1;color:#8fb9e9;font-size:12px;line-height:1.4;margin-bottom:5px}}
@media(max-width:600px){.home-grid .match .pick{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}.home-grid .match .pick::before{content:none!important;display:none!important}.home-grid .match .pick>div{min-width:0}.home-grid .match .pick label{overflow-wrap:normal;word-break:normal;font-size:12px}.home-grid .match .pick input{width:100%;min-width:0}}
.score-hint{color:#91bdf1;font-size:12px;line-height:1.4;font-weight:600;margin:2px 0 -4px}@media(max-width:600px){.score-hint{font-size:12px;margin:0}}
@media(max-width:600px){.board:not(.board-home){padding:16px;gap:14px}.board:not(.board-home) h1{font-size:clamp(26px,7vw,34px);line-height:1.12;overflow-wrap:anywhere}.board:not(.board-home) .digits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.board:not(.board-home) .digit{padding-top:10px}.board:not(.board-home) .digit b{font-size:24px}.board:not(.board-home) .lab{font-size:10px;line-height:1.35}}
@media(max-width:600px){.board:not(.board-home)>.why{display:none}}
@media(max-width:600px){.card .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.card .table-scroll table{min-width:620px}.card .table-scroll td{overflow-wrap:normal;word-break:normal}.card .table-scroll td:first-child{min-width:130px}}
@media(max-width:600px){.card:has(.table-scroll):has(#u-name)>.why{display:none}}
@media(max-width:600px){.card:has(#u-name) .table-scroll::after{content:"← Прокрутите таблицу, чтобы увидеть остальные столбцы →";display:block;position:sticky;left:0;width:100%;min-width:0;padding:10px 0 0;color:#8fb9e9;font-size:11px;line-height:1.4}}
@media(max-width:600px){.card:has(#u-name) .table-scroll::after{content:"← Листайте таблицу вправо →";font-size:11px;white-space:nowrap;padding:8px 0 2px}}
@media(max-width:600px){.card:has(#u-name) .table-scroll{mask-image:linear-gradient(to right,#000 0%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 94%,transparent 100%)}}

@media(max-width:600px){.board-home .digit.lamp b{font-size:clamp(13px,3.5vw,18px);overflow-wrap:normal;word-break:normal;hyphens:none}}

.home-side{display:flex;flex-direction:column;gap:20px;min-width:0}.home-side>.card{margin:0;min-width:0}.home-side .matches{grid-template-columns:1fr}
.loading-screen{max-width:760px;margin:36px auto;padding:0 16px}.loading-brand{display:flex;align-items:center;gap:14px;margin-bottom:26px}.loading-brand strong{display:block;color:#fff;font-size:30px;font-weight:800}.loading-brand span,.loading-caption{color:#9fb0c7;font-size:13px}.loading-card{padding:24px;margin-bottom:16px;border:1px solid #30435d;border-radius:16px;background:#14263d}.loading-line,.loading-match{border-radius:7px;background:linear-gradient(90deg,#263a55 25%,#405773 50%,#263a55 75%);background-size:200% 100%;animation:sibtoto-loading 1.8s ease-in-out infinite}.loading-line{width:100%;height:14px;margin-bottom:16px}.loading-short{width:32%}.loading-medium{width:65%}.loading-match{height:65px;margin-top:20px}.loading-caption{text-align:center;margin-top:24px}@keyframes sibtoto-loading{from{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:600px){.loading-screen{margin:20px auto;padding:0 8px}.loading-brand strong{font-size:25px}.loading-card{padding:18px}}@media(prefers-reduced-motion:reduce){.loading-line,.loading-match{animation:none}}
.gold-bank{position:relative;isolation:isolate;overflow:hidden;text-align:center;margin:28px 0 40px;padding:32px 20px;border:1px solid #b78b32;border-radius:22px;background:radial-gradient(ellipse at 50% 35%,#69501e 0%,#302b25 35%,#101c2f 80%);box-shadow:0 0 35px #d9a72b22,inset 0 0 35px #d9a72b18}.gold-bank-symbol{font-size:76px;line-height:1;color:#ffe28a;text-shadow:0 0 18px #ffca43,0 0 55px #d9a72b;font-weight:800}.gold-bank-title{margin:12px 0;color:#e6c678;font-size:13px;font-weight:700;letter-spacing:3px}.gold-bank-amount{display:block;color:#ffdf76;font-size:clamp(36px,7vw,64px);line-height:1.2;text-shadow:0 0 25px #d9a72b88;font-weight:800}.gold-bank-detail{margin-top:12px;color:#d9c69b;font-size:13px}@media(max-width:600px){.gold-bank{margin:20px 0 28px;padding:26px 12px}.gold-bank-symbol{font-size:62px}.gold-bank-title{letter-spacing:2px}}

/* SIBTOTO CHAT */
.chat-card{min-width:0;overflow:hidden}
.chat-card h2{margin:0 0 14px}
.chat-messages{max-height:340px;min-height:100px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:9px;padding:12px 0}
.chat-message{position:relative;overflow-wrap:anywhere;padding:11px 13px;border:1px solid rgba(150,190,230,.18);border-radius:12px;background:rgba(100,150,210,.08);line-height:1.5}
.chat-message strong{color:#9bd5ff}
.chat-form{display:flex;gap:8px;margin-top:12px}
.chat-form input{flex:1;min-width:0;padding:12px;border-radius:10px}
.chat-form button,.chat-option,.chat-create-poll,.chat-close-poll{padding:10px 14px;border-radius:10px;cursor:pointer}
.chat-polls{display:grid;gap:12px}
.chat-poll{display:grid;gap:8px;padding:13px;border:1px solid rgba(150,190,230,.22);border-radius:12px}
.chat-poll h3{margin:0 0 5px;font-size:1rem}
.chat-option{text-align:left;white-space:normal;overflow-wrap:anywhere}
.chat-option:disabled{cursor:default;opacity:.75}
.chat-create-poll{margin-bottom:12px}
.chat-close-poll{font-size:.85rem}
.chat-delete{float:right;margin-left:8px;cursor:pointer}
@media(max-width:520px){.chat-form{flex-direction:column}.chat-form button{width:100%}.chat-messages{max-height:290px}.chat-message{padding:10px}}