.bd{display:flex;flex-direction:column;gap:clamp(14px,2vh,28px);height:100%;min-height:0}.bd--center{align-items:center;justify-content:center;text-align:center}.bd-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vh,24px);text-align:center}.bd-counter--center{text-align:center}.bd-counter{font-size:clamp(16px,1.5vw,26px);color:var(--accent-3);text-transform:uppercase;letter-spacing:.04em}.bd-question{font-size:clamp(24px,3.4vw,60px);max-width:26ch;font-weight:800;line-height:1.18;letter-spacing:-.02em;text-wrap:balance}.bd-question--huge{font-size:clamp(30px,4.2vw,76px);max-width:20ch;animation:bd-fade-up .6s ease backwards}.bd-question--small{font-size:clamp(16px,1.6vw,28px);font-weight:600;color:var(--muted);max-width:46ch}.bd-intro{gap:clamp(18px,3vh,40px)}.bd-shout{font-size:clamp(34px,5vw,90px);background:var(--gradient-cool);-webkit-background-clip:text;background-clip:text;color:transparent;animation:bd-pop .5s cubic-bezier(.2,1.5,.4,1) backwards}.bd-callout{font-size:clamp(15px,1.5vw,26px);font-weight:600;color:var(--accent-2);letter-spacing:.02em}.bd-top{display:flex;align-items:center;gap:20px;flex-shrink:0}.bd-timer{flex:1;display:flex;align-items:center;gap:16px}.bd-timer__value{font-size:clamp(34px,4vw,76px);font-variant-numeric:tabular-nums;min-width:2.4ch;text-align:right;color:var(--accent-2)}.bd-timer__value.is-urgent{color:var(--accent);animation:pulse 1s infinite}.bd-timer__track{flex:1;height:12px;border-radius:999px;background:var(--surface);overflow:hidden}.bd-timer__fill{height:100%;border-radius:999px;background:var(--gradient-cool);transition:width 1s linear}.bd-timer__fill.is-urgent{background:var(--gradient-hot)}.bd-chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex-shrink:0}.bd-chips__count{font-size:clamp(14px,1.2vw,20px);font-weight:700;color:var(--muted);margin-right:6px}.bd-chip{padding:8px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:clamp(13px,1.1vw,19px);font-weight:600;color:var(--dim);transition:all .25s ease}.bd-chip.is-done{color:#1a0d29;background:var(--gradient-cool);border-color:transparent;transform:translateY(-2px)}.bd-chip.is-offline{opacity:.35}.bd-chip.is-vote{color:#1a0d29;background:var(--gradient-gold);border-color:transparent;animation:bd-pop .4s cubic-bezier(.2,1.5,.4,1) backwards}.bd-cards{--bd-gap: clamp(10px, 1.4vh, 18px);--bd-basis: calc(50% - var(--bd-gap));flex:1;min-height:0;display:flex;flex-wrap:wrap;align-content:stretch;justify-content:center;gap:var(--bd-gap);font-size:clamp(20px,2.4vw,42px)}.bd-cards[data-count="5"],.bd-cards[data-count="6"]{font-size:clamp(18px,2vw,34px)}.bd-cards[data-count="7"],.bd-cards[data-count="8"],.bd-cards[data-count="9"]{--bd-basis: calc(33.333% - var(--bd-gap));font-size:clamp(15px,1.6vw,27px)}.bd-card{flex:1 1 var(--bd-basis);max-width:100%;display:grid;place-items:center;padding:clamp(10px,1.6vh,22px) clamp(14px,1.4vw,26px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);font-weight:700;line-height:1.2;text-align:center;text-wrap:balance;overflow:hidden;animation:bd-pop .45s cubic-bezier(.2,1.4,.4,1) backwards}.bd-reveal{gap:clamp(12px,2vh,26px);position:relative}.bd-reveal__card{padding:clamp(18px,3vh,44px) clamp(24px,3vw,64px);border-radius:var(--radius-lg);background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow);font-size:clamp(28px,4vw,72px);font-weight:800;line-height:1.1;letter-spacing:-.02em;max-width:22ch;text-wrap:balance;animation:bd-card-in .6s cubic-bezier(.2,1.35,.4,1) backwards}.bd-reveal__card.is-truth{background:var(--gradient-gold);border-color:transparent;color:#1a0d29;box-shadow:0 24px 70px #ffd1664d}.bd-reveal__voters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:44px;align-items:center;animation:bd-fade-up .5s ease 1s backwards}.bd-reveal__author{font-size:clamp(18px,2vw,36px);font-weight:600;animation:bd-fade-up .5s ease 2.5s backwards}.bd-truth{font-size:clamp(24px,2.8vw,52px);background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text;color:transparent}.bd-reveal__points{font-size:clamp(26px,3.2vw,60px);color:var(--accent-3);min-height:1.2em;animation:bd-points .7s cubic-bezier(.2,1.5,.4,1) 4s backwards}.bd-reveal__dots{position:absolute;bottom:0;display:flex;gap:8px}.bd-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .3s}.bd-dot.is-on{background:var(--accent-3)}.bd-final-title{font-size:clamp(30px,4vw,72px);text-align:center;background:var(--gradient-hot);-webkit-background-clip:text;background-clip:text;color:transparent}.bd-table{--bd-row-h: clamp(48px, 8.4vh, 88px);--bd-row-step: calc(var(--bd-row-h) + clamp(6px, 1vh, 12px));position:relative;width:min(100%,1100px);margin:0 auto;flex-shrink:0}.bd-row{position:absolute;inset:0 0 auto 0;height:var(--bd-row-h);display:grid;grid-template-columns:clamp(48px,5vw,92px) 1fr auto auto;align-items:center;gap:clamp(10px,1.4vw,24px);padding:0 clamp(14px,1.6vw,28px);border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .8s cubic-bezier(.2,1.1,.3,1),background .4s ease}.bd-row.is-leader{background:linear-gradient(90deg,rgba(255,209,102,.24),var(--surface));border-color:#ffd16666}.bd-row__place{font-size:clamp(22px,2.6vw,46px);color:var(--accent-3);font-variant-numeric:tabular-nums}.bd-row__name{font-size:clamp(17px,1.9vw,34px);font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-row__gain{font-size:clamp(15px,1.5vw,26px);color:var(--accent-2);animation:bd-points .6s cubic-bezier(.2,1.5,.4,1) backwards}.bd-row__score{font-size:clamp(20px,2.2vw,40px);font-variant-numeric:tabular-nums;min-width:4ch;text-align:right}.bd-p{display:flex;flex-direction:column;justify-content:center;height:100%;gap:18px}.bd-p--center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;flex:1}.bd-p__label{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.bd-p__question{font-size:21px;font-weight:700;line-height:1.3;text-wrap:balance}.bd-p__question--small{font-size:15px;font-weight:600;color:var(--muted);padding:0 18px}.bd-p__answer{font-size:24px;font-weight:800;line-height:1.2;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);animation:bd-pop .4s cubic-bezier(.2,1.4,.4,1)}.bd-p__shout{font-family:var(--font-display);font-size:30px;line-height:1.1;background:var(--gradient-cool);-webkit-background-clip:text;background-clip:text;color:transparent}.bd-p__hint{font-size:15px;color:var(--dim)}.bd-p__form{display:flex;flex-direction:column;gap:16px;flex:1;justify-content:center}.bd-p__input{width:100%;min-height:64px;padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);font-size:20px;font-weight:700;text-transform:uppercase}.bd-p__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ff3d8b33}.bd-p__error{padding:12px 14px;border-radius:14px;background:#ff5c5c24;border:1px solid rgba(255,92,92,.4);color:#ffd2d2;font-size:15px;font-weight:600;text-align:center;animation:bd-shake .4s ease}.bd-p__vote{display:flex;flex-direction:column;gap:14px;flex:1;justify-content:center;text-align:center;margin:0 -18px}.bd-p__cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 18px;scrollbar-width:none}.bd-p__cards::-webkit-scrollbar{display:none}.bd-p__card{flex:0 0 78%;min-height:44vh;scroll-snap-align:center;display:grid;place-items:center;padding:20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);font-size:20px;font-weight:800;line-height:1.25;text-align:center;text-wrap:balance;transition:transform .12s ease,filter .12s ease}.bd-p__card:active:not(:disabled){transform:scale(.96);filter:brightness(1.2)}.bd-p__card:disabled{opacity:.5}.bd-p__place{font-family:var(--font-display);font-size:88px;line-height:1;background:var(--gradient-hot);-webkit-background-clip:text;background-clip:text;color:transparent}.bd-p__score{font-size:22px;font-weight:800}.bd-p__gain{font-family:var(--font-display);font-size:34px;color:var(--accent-2);animation:bd-points .7s cubic-bezier(.2,1.5,.4,1) 1.5s backwards}.bd-p__hurry{position:fixed;left:0;right:0;bottom:0;height:6px;background:var(--gradient-hot);animation:pulse .8s infinite}@keyframes bd-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes bd-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes bd-card-in{0%{opacity:0;transform:scale(.9) translateY(24px)}to{opacity:1;transform:none}}@keyframes bd-points{0%{opacity:0;transform:translateY(20px) scale(.7)}60%{transform:translateY(-4px) scale(1.08)}to{opacity:1;transform:none}}@keyframes bd-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tap-host{display:grid;grid-template-columns:1fr 1fr;gap:28px;height:100%}.tap-host__total{grid-column:1 / -1;text-align:center;font-size:clamp(64px,11vw,160px);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.tap-host__panel{padding:24px 28px;display:flex;flex-direction:column;gap:14px;min-height:0}.tap-host__panel h3{font-size:20px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tap-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;position:relative;padding:12px 16px;border-radius:14px;overflow:hidden;font-weight:700;font-size:clamp(16px,1.5vw,22px)}.tap-row__bar{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ff3d8b8c,#21d4fd40);transition:width .2s ease-out}.tap-row__name,.tap-row__value{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tap-row__value{font-variant-numeric:tabular-nums}.tap-player{display:flex;flex-direction:column;gap:18px;height:100%;align-items:center;justify-content:center}.tap-player__count{font-size:72px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.tap-button{width:min(76vw,320px);aspect-ratio:1;border-radius:50%;font-size:32px;font-weight:900;letter-spacing:.04em;color:#fff;background:radial-gradient(circle at 32% 28%,#ff7ab0,var(--accent) 55%,#c81f63);box-shadow:0 18px 40px #ff3d8b73,inset 0 -8px 20px #00000040;transition:transform .06s ease;-webkit-user-select:none;user-select:none}.tap-button:active{transform:scale(.94)}@media(min-width:900px){.tap-host{grid-template-rows:auto 1fr}}.player{display:flex;flex-direction:column;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));gap:16px}.player__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.player__me{display:flex;align-items:center;gap:10px;min-width:0}.player__avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#1a0d29;flex-shrink:0}.player__name{font-weight:800;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__region{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__timer{font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;min-width:2.2ch;text-align:center}.player__timer--urgent{color:var(--accent-3);animation:pulse 1s infinite}.player__body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.player__center{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;animation:fade-up .3s ease}.player__title{font-family:var(--font-display);font-size:28px;line-height:1.1}.player__emoji{font-size:56px;line-height:1;animation:pop-in .5s cubic-bezier(.2,1.4,.4,1)}.player__hint{color:var(--muted);font-size:16px;max-width:34ch}.join{display:flex;flex-direction:column;gap:18px;animation:fade-up .3s ease}.join__logo{font-size:34px;font-weight:900;line-height:1.1;background:linear-gradient(120deg,var(--accent),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field__input{width:100%;min-height:58px;padding:0 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);font-size:17px;outline:none}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff3d8b33}.field__error{color:var(--danger);font-size:14px;font-weight:600}.region{position:relative}.region__list{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px;border-radius:var(--radius);background:#1d1030;border:1px solid var(--border);box-shadow:var(--shadow)}.region__option{display:block;width:100%;text-align:left;padding:13px 14px;border-radius:12px;font-size:16px}.region__option:hover,.region__option[aria-selected=true]{background:var(--surface-strong)}.region__option small{display:block;color:var(--dim);font-size:12px;margin-top:2px}.region__empty{padding:14px;color:var(--muted);font-size:15px}.result-place{font-size:96px;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--accent-3),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.result-place__label{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.result-score{font-size:20px;font-weight:700}@font-face{font-family:Climate Crisis;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/climate-crisis-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Climate Crisis;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/climate-crisis-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #140a24;--bg-glow-1: #3b1259;--bg-glow-2: #0d2a4a;--surface: rgba(255, 255, 255, .07);--surface-strong: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .14);--accent: #ff3d8b;--accent-2: #21d4fd;--accent-3: #ffd166;--danger: #ff5c5c;--text: #fff6fb;--muted: rgba(255, 246, 251, .62);--dim: rgba(255, 246, 251, .38);--radius: 18px;--radius-lg: 28px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-display: "Climate Crisis", "Inter", system-ui, sans-serif;--gradient-hot: linear-gradient(135deg, var(--accent), #ff7a3d);--gradient-cool: linear-gradient(135deg, var(--accent-2), #8b5cf6);--gradient-gold: linear-gradient(135deg, var(--accent-3), #ff9f45);--p0: #ff3d8b;--p1: #21d4fd;--p2: #ffd166;--p3: #8b5cf6;--p4: #34d399;--p5: #fb7185;--p6: #60a5fa;--p7: #f97316}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);background-image:radial-gradient(circle at 12% 8%,var(--bg-glow-1) 0%,transparent 45%),radial-gradient(circle at 88% 92%,var(--bg-glow-2) 0%,transparent 45%);background-attachment:fixed;-webkit-font-smoothing:antialiased;touch-action:manipulation;overscroll-behavior:none}h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.02em}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:var(--radius);font-weight:700;font-size:17px;background:var(--surface-strong);border:1px solid var(--border);transition:transform .12s ease,filter .12s ease,opacity .12s ease}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--accent),#ff7a3d);border-color:transparent;box-shadow:0 10px 30px #ff3d8b59}.btn--ghost{background:transparent}.btn--danger{background:transparent;border-color:#ff5c5c80;color:var(--danger)}.btn--lg{min-height:68px;font-size:20px;padding:0 40px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.display{font-family:var(--font-display);font-weight:400;letter-spacing:.01em;line-height:1}.muted{color:var(--muted)}.dim{color:var(--dim)}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:14px;font-weight:600;color:var(--muted)}.badge__dot{width:9px;height:9px;border-radius:50%;background:var(--accent-2)}.badge--offline .badge__dot{background:var(--danger);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.25}}@keyframes pop-in{0%{opacity:0;transform:scale(.8) translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.connection-banner{position:fixed;inset:0 0 auto 0;z-index:50;padding:12px;text-align:center;font-weight:700;background:var(--danger);color:#fff;animation:fade-up .2s ease}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}