.pick{color:#fff;font-size:15px;position:relative}.pick .pick-btn{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff4e81a;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-weight:500;transition:background .15s;display:flex}.pick .pick-btn:hover:not(:disabled){background:#fff4e829}.pick .pick-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #ffc83db3}.pick-btn>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pick-btn small{font-size:inherit;color:#fff0e199;font-weight:400}.pick-btn i{border:2px solid #fff0e1bf;border-width:0 2px 2px 0;flex:none;width:8px;height:8px;margin:-4px 2px 0;transition:transform .2s,margin .2s;transform:rotate(45deg)}.pick.open .pick-btn i{margin-top:4px;transform:rotate(-135deg)}.pick-menu{z-index:30;background:#2f2016;border-radius:14px;max-height:320px;margin:0;padding:6px;list-style:none;animation:.16s pick-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 24px 60px #08040280}@keyframes pick-in{0%{opacity:0;transform:translateY(-4px)}}.pick-menu li{cursor:pointer;border-radius:10px;flex-direction:column;gap:2px;padding:9px 12px;line-height:1.3;display:flex}.pick-menu li b{font-weight:500}.pick-menu li small{color:#fff0e199;font-size:13px}.pick-menu li.act{background:#fff4e81a}.pick-menu li.on b{color:#ffc83d;font-weight:600}.res-offer{text-align:left;background:#ffc83d1a;border-radius:16px;align-items:center;gap:16px;width:100%;margin:4px 0 16px;padding:14px 16px;display:flex}.res-offer img{object-fit:contain;filter:drop-shadow(0 8px 16px #00000073);flex:none;width:104px;height:104px}.res-offer-text{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.res-offer-text b{font-family:var(--f-head,"Unbounded", sans-serif);font-size:16px;line-height:1.25}.res-offer-text span{color:#ffc83d;font-size:14px}.shop-btn{color:#16130a;text-shadow:none;background:#ffc83d;border-radius:12px;margin-top:4px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-block}.shop-btn:hover{background:#ffd666}@media (width<=480px){.res-offer{gap:12px;padding:12px}.res-offer img{width:76px;height:76px}}.box-ad{display:flex}.lobby-side{flex-direction:column;gap:16px;display:flex}.out .lobby-side>.panel{margin:0}.lobby-rules,.home-rules{color:#ffc83d;margin-top:12px;font-weight:600;text-decoration:none;display:inline-block}.lobby-rules:hover,.home-rules:hover{text-decoration:underline}.home-rules{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#082c349e;border-radius:999px;width:max-content;margin:20px auto 0;padding:11px 20px;display:block}.lobby-split.staged{--stage-w:clamp(380px, 40vw, 820px);padding-right:var(--stage-w)}.lobby-col{position:relative;container-type:inline-size}@container (width<=760px){.lobby-split .home-grid,.lobby-split .lobby-grid{grid-template-columns:1fr}.lobby-split .home-col.side,.lobby-split .lobby-side{position:static}}.lobby-split.staged .box-ad{display:none}.lobby-form{transition:opacity .25s,transform .3s cubic-bezier(.22,.8,.26,1)}.lobby-form.away{opacity:0;pointer-events:none;transform:translate(-10px)}.lobby-card-slot{pointer-events:none;position:absolute;inset:0 20px}.lobby-card{-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);color:#fff;text-shadow:0 1px 6px #00000059;width:min(520px,100%);font-family:var(--f-text);opacity:0;background:#0a242a99;border-radius:24px;flex-direction:column;align-items:flex-start;gap:10px;margin:0 auto;padding:30px 32px;transition:opacity .25s,transform .3s cubic-bezier(.22,.8,.26,1);display:flex;position:sticky;top:50vh;transform:translate(-10px,-50%);box-shadow:0 30px 80px #000c1066}.lobby-card.on{opacity:1;pointer-events:auto;transform:translateY(-50%)}.lobby-card small{color:#ffc83d;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600}.lobby-card>b{font-family:var(--f-head);font-size:clamp(22px,2vw,28px);line-height:1.2}.lobby-card-pitch{color:var(--warm);font-size:16px;line-height:1.45}.lobby-card ul{color:#ffffffe6;flex-direction:column;gap:6px;margin:4px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.lobby-card li:before{content:"";background:#ffc83d;border-radius:50%;width:6px;height:6px;margin:0 12px 2px 2px;display:inline-block}.lobby-card-price{align-items:baseline;gap:12px;margin-top:10px;display:flex}.lobby-card-price b{font-family:var(--f-head);font-size:30px}.lobby-card-price s{color:var(--warm);font-size:17px}.lobby-card-deal{color:#ffc83d;font-size:14px}.lobby-card-btns{flex-wrap:wrap;align-self:stretch;gap:10px;margin-top:8px;display:flex}.lobby-card-btns a{white-space:nowrap;text-shadow:none;border-radius:14px;flex:1 0 auto;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.lobby-card-buy{color:#16130a;background:#ffc83d;box-shadow:0 0 24px #ffc83d4d}.lobby-card-buy:hover{background:#ffd666}.lobby-card-more{background:var(--soft);color:#fff}.lobby-card-more:hover{background:var(--soft-hi)}.lobby-card button{font:inherit;cursor:pointer;border:none}.lobby-card .lobby-card-back{color:var(--warm);background:0 0;padding:4px 0;font-weight:500}.lobby-card .lobby-card-back:hover{color:#fff}.lobby-card .lobby-card-x{color:#fff9;background:0 0;border-radius:50%;width:34px;height:34px;padding:0;font-size:24px;line-height:1;position:absolute;top:12px;right:14px}.lobby-card .lobby-card-x:hover{color:#fff;background:#ffffff1a}.lobby-stage{width:var(--stage-w);opacity:0;transition:opacity .6s;position:fixed;top:0;bottom:0;right:0}.lobby-stage.ready{opacity:1}.lobby-stage canvas{touch-action:pan-y}@media (prefers-reduced-motion:reduce){.lobby-form,.lobby-card,.lobby-stage{transition:none}}@media (pointer:coarse){.lobby-card .lobby-card-x{width:44px;height:44px;top:7px;right:9px}}.lobby-split .out.home{max-width:540px}.lobby-split.staged:has(.out.home){--stage-w:50vw}.lobby-split.staged .out.home{margin:0 clamp(16px,3vw,56px) 0 auto}:is(.lobby-split.staged:has(.out.lobby),.lobby-split.staged:has(.out.join)){--stage-w:50vw}.lobby-split.staged .out.lobby,.lobby-split.staged .out.join{max-width:600px;margin:0 clamp(16px,3vw,56px) 0 auto}.lobby-split.staged .out.lobby .lobby-grid{grid-template-columns:1fr}.lobby-split.staged .out.lobby .lobby-side{position:static}.lobby-split .out.home .home-col>.panel{margin:0}.lobby-split .out .out-logo a{transition:transform .3s cubic-bezier(.22,.8,.26,1);display:block}.lobby-split .out .out-logo a:hover{transform:scale(1.03)}.lobby-split .out .play-with{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#00000061;border-radius:18px;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 16px;padding:5px;display:grid}.lobby-split .out .play-with button{min-height:46px;box-shadow:none;color:#ffffff8c;font-family:var(--f-text);text-shadow:none;background:0 0;border:none;border-radius:13px;margin:0;padding:10px 12px;font-size:16px;font-weight:600;line-height:1.2;transition:background .2s,color .2s;transform:none}.lobby-split .out .play-with button:hover:not(:disabled){color:#ffffffd9;background:#ffffff0d;transform:none}.lobby-split .out .play-with button.on,.lobby-split .out .play-with button.on:hover:not(:disabled){color:#fff;background:#ffffff29;box-shadow:0 2px 10px #00000040}.lobby-split .out .box-ad{flex-direction:column;align-items:stretch;gap:14px}.lobby-split .out .box-ad .box-ad-head{width:100%;min-height:0;box-shadow:none;color:#fff;font:inherit;text-align:left;white-space:normal;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;margin:0;padding:0;display:flex;transform:none}.lobby-split .out .box-ad .box-ad-head:hover:not(:disabled){background:0 0;transform:none}.box-ad-head img{object-fit:contain;filter:drop-shadow(0 8px 16px #00000073);flex:none;width:84px;height:84px}.box-ad-title{flex-direction:column;flex:1;gap:3px;min-width:0;line-height:1.35;display:flex}.box-ad-title small{color:#ffc83d;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}.box-ad-title b{font-family:var(--f-head);font-size:17px;line-height:1.2}.box-ad-title span{color:var(--warm);font-size:14px}.box-ad-arrow{width:22px;height:22px;color:var(--warm);flex:none;transition:transform .2s}.box-ad.open .box-ad-arrow{transform:rotate(180deg)}.box-ad-body{color:#fff;flex-direction:column;align-items:flex-start;gap:10px;display:flex}.box-ad-body ul{flex-direction:column;gap:6px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.box-ad-body li:before{content:"";background:#ffc83d;border-radius:50%;width:6px;height:6px;margin:0 12px 2px 2px;display:inline-block}.box-ad-price{align-items:baseline;gap:10px;display:flex}.box-ad-price b{font-family:var(--f-head);font-size:24px}.box-ad-price s{color:var(--warm);font-size:15px}.box-ad-deal{color:#ffc83d;font-size:14px}.box-ad-btns{flex-wrap:wrap;align-self:stretch;gap:10px;display:flex}.box-ad-btns a{white-space:nowrap;min-height:44px;text-shadow:none;border-radius:14px;flex:1 0 auto;justify-content:center;align-items:center;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s;display:flex}.box-ad-buy{color:#16130a;background:#ffc83d}.box-ad-buy:hover{background:#ffd666}.box-ad-more{background:var(--soft);color:#fff}.box-ad-more:hover{background:var(--soft-hi)}@font-face{font-family:Onest;src:url(/fonts/Onest-cyrillic.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest;src:url(/fonts/Onest-latin.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;src:url(/fonts/Unbounded-cyrillic.woff2)format("woff2");font-weight:200 900;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded;src:url(/fonts/Unbounded-latin.woff2)format("woff2");font-weight:200 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--f-text:"Onest", system-ui, "Segoe UI", sans-serif;--f-head:"Unbounded", "Onest", sans-serif;--warm:#ecfaf8b8;--glass:#082c3480;--soft:#ecfaf81a;--soft-hi:#ecfaf82e;--good:#4caf7a;--bad:#ff8a7a;font-family:var(--f-text);color:#fff;font-size:15px}*{box-sizing:border-box}html,body,#root{background:#f3d9b8;height:100%;margin:0}html{overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable],.link-url{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.stage{position:fixed;inset:0}.caption{color:#fff3e2;pointer-events:none;background:#281c128c;border-radius:8px;padding:6px 10px;font:14px/1.4 system-ui,sans-serif;position:fixed;bottom:14px;left:16px}.caption nav,.caption a{pointer-events:auto}.caption a{color:#ffd9a0}html:has(.out){height:auto;min-height:100%}html:has(.out) body{height:auto;min-height:100%}html:has(.out) #root{height:auto;min-height:100%}html:has(.out) body{background:0 0}html:has(.out) #root{background:0 0}html:has(.out){background:radial-gradient(70% 40% at 50% 0,#8ce6e159 0%,#0000 70%),linear-gradient(#0a4652 0%,#106a74 22%,#1b8f93 36%,#5cc0b4 43%,#e9dcb7 47%,#e2c692 56%,#d3ac74 78%,#b98d59 100%) fixed}html:has(.out) body:before{content:"";pointer-events:none;z-index:-1;filter:blur(6px);background:radial-gradient(50% 50%,#ffffff8c,#0000 70%);height:9vh;animation:7s ease-in-out infinite alternate surf;position:fixed;top:41%;left:-10%;right:-10%}@keyframes surf{0%{opacity:.6;transform:translateY(-1.2vh)scaleX(1)}to{opacity:1;transform:translateY(1.2vh)scaleX(1.06)}}html:has(.out) body:after{content:"";pointer-events:none;z-index:-1;opacity:.35;background-image:radial-gradient(#78502880 1px,#0000 1.4px),radial-gradient(#fffaebb3 1px,#0000 1.4px);background-position:0 0,11px 7px;background-size:23px 19px,31px 27px;position:fixed;inset:50% 0 0}.page{padding:24px}.narrow{max-width:600px;margin:0 auto}.wide{max-width:1120px;margin:0 auto}.out{text-shadow:0 1px 6px #0014184d;padding:36px 20px 60px;animation:.45s cubic-bezier(.22,.8,.26,1) page-in}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.out h1{font-family:var(--f-head);margin:0;font-size:clamp(24px,3vw,32px);line-height:1.2}.out h2{font-family:var(--f-head);margin:0;font-size:17px;font-weight:600}.out p{margin:6px 0 10px;line-height:1.45}.out .out-logo{justify-content:center;margin:0 0 12px;display:flex}.out .out-logo a{transition:transform .3s cubic-bezier(.22,.8,.26,1);display:block}.out .out-logo a:hover{transform:scale(1.03)rotate(-1deg)}.out .out-logo img{filter:drop-shadow(0 14px 24px #001e2473);width:min(420px,82vw);height:auto;animation:.6s cubic-bezier(.22,.8,.26,1) logo-in;display:block}.out .out-logo.small{margin-bottom:20px}.out .out-logo.small img{width:min(440px,86vw)}@keyframes logo-in{0%{opacity:0;transform:scale(.94)translateY(-6px)}}.out .tagline{text-align:center;color:#fff;text-shadow:0 1px 8px #001e2499;max-width:580px;margin:0 auto 28px;font-size:16px}.muted{color:var(--warm)}.small{font-size:13px}.center{text-align:center;justify-content:center}.error{color:var(--bad);margin-top:8px;animation:.35s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.rise{animation:.5s cubic-bezier(.22,.8,.26,1) both rise;animation-delay:calc(var(--i,0) * 70ms + 80ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.out .panel{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);border:none;border-radius:22px;margin-bottom:16px;padding:20px 22px;box-shadow:0 24px 60px #28180847}.panel-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-head .count{color:#16130a;text-align:center;min-width:24px;text-shadow:none;background:#ffc83d;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700;animation:.3s pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.out .panel:has(.pick.open){z-index:5;position:relative}.form{flex-direction:column;gap:16px;display:flex}.form h2{margin-bottom:2px}.form label,.field{color:var(--warm);flex-direction:column;gap:7px;font-size:14px;display:flex}.form label.check{color:#fff;cursor:pointer;flex-direction:row;align-items:flex-start;gap:10px;line-height:1.35}.form label.check small{font-size:13px}.out input:not([type=checkbox]),.out .link-url{background:var(--soft);color:#fff;font:inherit;border:none;border-radius:12px;padding:11px 14px;font-size:15px;transition:background .15s,box-shadow .15s}.out input::placeholder{color:#ecfaf866}.out input:hover{background:#ecfaf824}.out input:focus-visible{outline:none;box-shadow:0 0 0 2px #ffc83db3}.out input[type=checkbox]{appearance:none;background:var(--soft-hi);cursor:pointer;border-radius:6px;flex:none;place-content:center;width:20px;height:20px;margin:0;transition:background .15s;display:grid}.out input[type=checkbox]:after{content:"";opacity:0;border:0 solid #16130a;border-width:0 0 2.5px 2.5px;width:10px;height:6px;margin-top:-3px;transition:transform .2s,opacity .15s;transform:rotate(-45deg)scale(.4)}.out input[type=checkbox]:checked{background:#ffc83d}.out input[type=checkbox]:checked:after{opacity:1;transform:rotate(-45deg)scale(1)}.out button{background:var(--soft);color:#fff;font:inherit;white-space:nowrap;cursor:pointer;border:none;border-radius:999px;padding:9px 18px;font-weight:600;transition:background .15s,transform .15s,box-shadow .2s,color .15s}.out button:hover:not(:disabled){background:var(--soft-hi);transform:translateY(-1px)}.out button:active:not(:disabled){transform:translateY(0)scale(.98)}.out button:focus-visible{outline:none;box-shadow:0 0 0 2px #ffc83db3}.out button.small{padding:9px 16px;font-size:14px}.out button.ghost{color:var(--warm);background:0 0}.out button.ghost:hover:not(:disabled){background:var(--soft);color:#fff}.out button.danger{color:#ffc2b8;background:#ff8a7a38}.out button.danger:hover:not(:disabled){background:#ff8a7a57}.out button.done{color:#a9ecc6;background:#4caf7a47}.out button.primary:not(:disabled){color:#16130a;text-shadow:none;background:#ffc83d;box-shadow:0 0 18px #ffc83d59}.out button.primary:hover:not(:disabled){background:#ffd666;box-shadow:0 0 26px #ffc83d80}.out button:disabled{color:var(--warm);opacity:.6;cursor:not-allowed;background:#ecfaf80f}.out button.big{padding:13px 26px;font-size:16px}.out .form>button.primary{margin-top:4px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.seg{background:#ecfaf80f;border-radius:14px;gap:4px;padding:4px;display:flex}.out .seg button{min-width:0;color:var(--warm);font-family:var(--f-head);background:0 0;border-radius:10px;flex:1;padding:8px 0;font-size:16px}.out .seg button:hover:not(:disabled){background:var(--soft);color:#fff;transform:none}.out .seg button.on{color:#16130a;text-shadow:none;background:#ffc83d;box-shadow:0 4px 16px #ffc83d4d}.out-all{z-index:10;color:var(--warm);text-decoration:none;transition:color .2s;position:absolute;top:20px;left:24px}.out-all:hover{color:#fff}.out .home .out-logo,.home .out-logo{margin-top:28px}@media (height<=520px) and (orientation:landscape){.out .home .out-logo,.home .out-logo{margin-top:8px;margin-bottom:6px}.out .out-logo img{width:auto;height:96px}.out .tagline{margin-bottom:14px;font-size:14px}}@media (pointer:coarse){.out .seg button,.out button.small,.out select,.out .pick-btn{min-height:44px}.out label.check{align-items:center;min-height:44px}.out input[type=checkbox]{width:26px;height:26px}.out input:not([type=checkbox]){min-height:44px}.out-all{margin-top:-12px;padding:12px 0}.out .lobby-rules{margin-top:0;padding:12px 0}}.home-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.out .home-grid>.panel{margin:0}.home-col{flex-direction:column;gap:20px;min-width:0;display:flex}.out .home-col>.panel{margin:0}.bots-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.home-col.side{position:sticky;top:20px}.room-list{flex-direction:column;gap:8px;display:flex}.room-card{cursor:pointer;animation:.4s cubic-bezier(.22,.8,.26,1) both rise;animation-delay:calc(var(--i,0) * 60ms);background:#ecfaf80f;border-radius:16px;align-items:center;gap:14px;padding:10px 12px;transition:background .15s,transform .2s;display:flex}.room-card:hover{background:var(--soft);transform:translate(3px)}.room-card.skeleton{cursor:default;background:linear-gradient(90deg,#ecfaf80d 30%,#ecfaf81c 50%,#ecfaf80d 70%) 0 0/300% 100%;height:86px;animation:1.4s linear infinite shimmer}.room-card.skeleton:hover{transform:none}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-50% 0}}.room-ico{color:#6b4520;width:56px;height:56px;text-shadow:none;background:linear-gradient(160deg,#f1dcb0,#d7b27a);border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 6px 16px #00141840}.room-ico.big{border-radius:22px;width:96px;height:96px}.room-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.room-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.room-title .muted{font-weight:400}.room-seats{align-items:center;gap:8px;display:flex}.seat-dots{vertical-align:middle;gap:3px;display:inline-flex}.seat-dots i{border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1.5px #ecfaf859}.seat-dots i.on{background:var(--c);box-shadow:none}.empty{text-align:center;background:#ecfaf80a;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:26px 12px;display:flex}.empty .room-ico{margin-bottom:4px;animation:3s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)translateY(-2px)}}.note{background:#ecfaf80f;border-radius:12px;align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;font-size:14px;display:flex}.note.bad{color:#ffc2b8;background:#ff8a7a1f}.loading{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:18px 0;display:flex}.spinner{border:3px solid #ecfaf824;border-top-color:#ffc83d;border-radius:50%;flex:none;width:34px;height:34px;animation:.8s linear infinite spin;display:inline-block}.spinner.small{vertical-align:-2px;border-width:2px;width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.out .state{text-align:center;padding:30px 26px}.state .actions{margin-top:16px}.state-icon{color:#f1dcb0;margin-bottom:8px;font-size:40px;animation:.4s cubic-bezier(.3,1.6,.5,1) pop}.room-intro{align-items:flex-start;gap:18px;display:flex}.room-intro>div{flex:1;min-width:0}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{background:var(--soft);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.lobby-head{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:16px;display:flex}.offline{color:var(--bad);flex-basis:100%;align-items:center;gap:8px;font-size:14px;display:flex}.link-row{align-items:center;gap:8px;margin:4px 0 6px;display:flex}.out .link-url{text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all;cursor:text;flex:1;min-width:0;overflow:hidden}.seats{flex-direction:column;gap:6px;display:flex}.seat{background:#ecfaf80f;border-radius:14px;align-items:center;gap:12px;min-height:52px;padding:8px 12px;transition:background .2s;animation:.45s cubic-bezier(.22,.8,.26,1) both seat-in;display:flex}.seat.mine{background:#ecfaf81c}@keyframes seat-in{0%{opacity:0;transform:translate(-12px)scale(.98)}}.seat.free{background:0 0;animation:.45s both seat-in,2.4s ease-in-out .5s infinite breathe;box-shadow:inset 0 0 0 1.5px #ecfaf824}@keyframes breathe{50%{box-shadow:inset 0 0 0 1.5px #ffc83d66}}.meeple{background:var(--c,#ecfaf829);filter:drop-shadow(0 3px 5px #00000059);clip-path:polygon(38% 0,62% 0,70% 12%,68% 30%,100% 40%,100% 55%,72% 55%,88% 100%,60% 100%,50% 78%,40% 100%,12% 100%,28% 55%,0 55%,0 40%,32% 30%,30% 12%);flex:none;width:26px;height:28px}.seat:not(.free) .meeple{animation:.5s cubic-bezier(.3,1.6,.5,1) .1s both drop}@keyframes drop{0%{opacity:0;transform:translateY(-14px)}}.seat-name{flex-wrap:wrap;flex:1;align-items:center;gap:4px 8px;min-width:0;display:flex}.seat-name b{text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.tag{background:var(--soft);color:var(--warm);border-radius:999px;padding:1px 8px;font-size:12px}.tag.you{color:#ffd666;background:#ffc83d33}.net{color:var(--warm);align-items:center;gap:5px;font-size:12px;display:inline-flex}.dot{background:var(--soft-hi);border-radius:50%;flex:none;width:8px;height:8px;transition:background .3s,box-shadow .3s;display:inline-block}.net.on .dot{background:var(--good);box-shadow:0 0 8px #4caf7ab3}.rename{flex:1;gap:8px;min-width:0;display:flex}.out .rename input{flex:1;min-width:0;padding:7px 12px}.seats-note{margin-top:10px}.lobby.wide{max-width:1000px}.lobby-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.lobby-main{flex-direction:column;gap:16px;min-width:0;display:flex}.out .lobby-main>.panel,.out .lobby-side{margin:0}.lobby-side{position:sticky;top:20px}.lobby-side .room-intro{text-align:center;flex-direction:column;align-items:center}.lobby-side .chips{justify-content:center}.lobby-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.lobby-actions .spacer{flex:1}.waiting:after{content:"…";vertical-align:bottom;width:1.2em;animation:1.4s steps(4,end) infinite dots;display:inline-block;overflow:hidden}@keyframes dots{0%{width:0}}@media (width<=860px){.home-grid{grid-template-columns:1fr}.home-col.side{position:static}.lobby-grid{grid-template-columns:1fr}.lobby-side{position:static}}@media (width<=560px){.out{padding:24px 12px 40px}.out .panel{border-radius:18px;padding:16px}.out .tagline{margin-bottom:20px;font-size:14.5px}.out-all{font-size:14px;top:12px;left:14px}.out .home .out-logo,.home .out-logo{margin-top:18px}.out .seg button{font-size:15px}.room-intro{text-align:center;flex-direction:column;align-items:center}.room-intro .chips{justify-content:center}.link-row{flex-wrap:wrap}.out .link-url{flex-basis:100%}.link-row button,.lobby-actions>button{flex:1}.lobby-actions .spacer{display:none}.room-ico{width:46px;height:46px}.room-ico.big{width:80px;height:80px}.seat{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.out,.out *,.out :before,.out :after{transition:none!important;animation:none!important}html:has(.out) body:before{transition:none!important;animation:none!important}}.toast{z-index:60;-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);max-width:min(520px,92vw);font-family:var(--f-text);color:#fff;text-align:center;pointer-events:none;background:#082c34c7;border-radius:16px;padding:12px 20px;font-size:15px;animation:.2s toast-in;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 24px 60px #00141859}.toast+.toast{top:80px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}}.vc{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex;position:relative}.vc button{align-items:center;gap:6px;display:inline-flex}.vc small{color:var(--warm);font-variant-numeric:tabular-nums;font-size:12px}.vc .vc-mic.off{color:#ff8a80}.vc .vc-mic.live,.vc .vc-ptt.live{color:#fff;background:#4caf7a47}.vc .vc-mic.talk,.vc .vc-ptt.talk{box-shadow:0 0 0 2px #6edc96e6,0 0 12px #6edc9680}.vc-ptt{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.vc .vc-menu.on{background:var(--soft-hi)}.vc .vc-unlock{color:#16130a;text-shadow:none;background:#ffc83d}.vc-talkers{text-overflow:ellipsis;white-space:nowrap;color:#8ee6ad;max-width:180px;font-size:13px;overflow:hidden}.vc-talkers:before{content:"говорит: ";color:var(--warm)}.vc-wrap{position:relative}.vc-catch{z-index:1;position:fixed;inset:0}.vc-pop{z-index:2;-webkit-backdrop-filter:blur(16px)saturate(1.25);backdrop-filter:blur(16px)saturate(1.25);width:290px;text-shadow:none;white-space:normal;background:#082026eb;border-radius:16px;flex-direction:column;gap:6px;padding:12px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 40px #00000073}.vc-modes{gap:6px;display:flex}.vc .vc-modes button{white-space:normal;flex:1;justify-content:center;padding:8px 6px;font-size:13px}.vc .vc-modes button.on,.vc .vc-peer button.on{background:var(--soft-hi);color:#fff;font-weight:700}.vc-note{padding:2px 4px;line-height:1.4}.vc-peer{border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.vc-peer.talk{background:#4caf7a2e}.vc .vc-peer button{padding:4px 10px;font-size:12px}.vc .vc-bad{color:#ff8a80}.vc .vc-leave{color:#ffb3aa;background:#ff7a6b29;justify-content:center;margin-top:6px}.vc-mark{color:var(--warm);place-items:center;display:inline-grid}.vc-mark svg{width:14px;height:14px}.vc-mark.talk{color:#8ee6ad;filter:drop-shadow(0 0 4px #6edc96cc)}.lobby-voice{z-index:3;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex;position:relative}.lobby-voice .vc-pop{background:#0c2d33;left:0;right:auto}.panel:has(.vc-pop){z-index:5;position:relative}.og-voice{z-index:39;justify-content:flex-end;max-width:calc(100vw - 24px);display:flex;position:absolute;top:12px;right:128px}.og-voice .vc{justify-content:flex-end}.og-voice .vc>button,.og-voice .vc-menu{background:var(--glass);-webkit-backdrop-filter:var(--blur)}.og-voice .vc-talkers{background:var(--glass);border-radius:10px;padding:4px 10px}@media (width>=701px) and (height>=501px){.og-voice .vc>button,.og-voice .vc-menu{border-radius:16px;height:46px;padding:0 14px}.og-voice .vc-talkers{align-self:center}}@media (width<=1100px){.og-voice{top:68px;right:12px}}@media (width<=700px),(height<=500px){.og-voice{top:62px;right:8px}.og-voice .vc-talkers{display:none}}.og:has(.kh-cam-m) .og-voice{top:62px;right:62px}@media (pointer:coarse){.vc button{min-height:44px}}