.belote-entry>p,.belote-entry>small{grid-column:1/-1}.belote-layout{display:grid;grid-template-columns:minmax(250px,320px) 1fr;min-height:590px}.belote-layout>aside{padding:20px;border-right:1px solid var(--line);display:grid;align-content:start;gap:15px}.belote-layout>aside>header{display:flex;justify-content:space-between}.belote-layout>main{min-width:0;padding:26px;background:radial-gradient(circle at 50% 42%,#28784f,#0e402c 72%);color:#fff;display:grid;place-items:center}.belote-player-list{margin:0;padding:0;list-style:none;display:grid;gap:7px}.belote-player-list li{min-height:50px;padding:8px 9px;border:1px solid var(--line);border-left:4px solid #a75a77;border-radius:11px;background:var(--soft);display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:5px}.belote-player-list li.team-1{border-left-color:#598099}.belote-player-list li.me{box-shadow:inset 0 0 0 1px var(--accent)}.belote-player-list li>span{color:var(--muted);font-size:8px;font-weight:900}.belote-player-list li>strong{font-size:11px}.belote-player-list li>small{color:var(--accent);font-size:7px}.belote-player-list li>i{grid-column:1/3;color:#a36d25;font-size:8px;font-style:normal}.belote-player-list li>b{grid-column:3;grid-row:1/3;font-size:8px}.belote-host-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.belote-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.belote-score>div{display:grid;justify-items:center;gap:3px;text-align:center}.belote-score span{font-size:8px;font-weight:850}.belote-score strong{color:var(--accent);font:800 24px/1 Georgia,serif}.belote-score small{color:var(--muted);font-size:7px}.belote-score>i{font-size:8px;font-style:normal}.belote-feedback{min-height:17px;margin:12px 20px;color:var(--muted);font-size:10px}.belote-feedback.error{color:#b52b37}.belote-feedback.success{color:#347347}.belote-privacy{display:block;margin:0 20px 18px;color:var(--muted);font-size:9px}
.belote-wait{text-align:center;display:grid;gap:4px}.belote-wait strong,.belote-wait>span{font:700 clamp(48px,8vw,94px)/.75 Georgia,serif}.belote-wait strong{color:#111}.belote-wait>span{color:#e6a6b8}.belote-wait p{margin-top:24px;color:#f1faf5}.belote-bidding{width:min(720px,100%);display:grid;justify-items:center;gap:18px}.belote-bidding>span,.belote-playing>header span,.belote-hand>span,.belote-trick>span{color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 3px #001b10}.belote-turned{display:grid;grid-template-columns:auto minmax(150px,300px);align-items:center;gap:22px}.belote-turned small{padding:12px 14px;border:1px solid #ffffff4f;border-radius:12px;background:#062a1fbb;color:#fff;font:700 15px/1.5 Georgia,serif;text-shadow:0 1px 2px #000}.belote-bidding>p{margin:0;color:#fff;font-weight:800;text-shadow:0 1px 3px #001b10}.belote-bid-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.belote-bid-actions button{min-width:92px;min-height:70px;padding:8px;border:1px solid #ffffff88;border-radius:13px;background:#071f18a6;color:#fff;display:grid;place-items:center;gap:4px;cursor:pointer}.belote-bid-actions button:hover{background:#ffffff2c;transform:translateY(-2px)}.belote-bid-actions b{font-size:28px}.belote-bid-actions button.red b{color:#ffb3c1}.belote-bid-actions span{font-size:9px;font-weight:850}
.belote-card{position:relative;width:clamp(58px,8vw,92px);aspect-ratio:.68;padding:6px;border:2px solid #e9e2dc;border-radius:10px;background:#fff;color:#171315;box-shadow:0 7px 16px #001d1260;display:grid;place-items:center;flex:0 0 auto}.belote-card.red{color:#b52238}.belote-card>span{position:absolute;left:6px;top:5px;display:grid;line-height:.87}.belote-card>span b{font:850 13px Georgia,serif}.belote-card>span i{font-style:normal}.belote-card>strong{font-size:clamp(26px,3.6vw,43px)}button.belote-card{cursor:pointer;transition:transform .18s,box-shadow .18s}button.belote-card:hover,button.belote-card:focus-visible{z-index:2;transform:translateY(-12px);box-shadow:0 0 0 4px #efd25d88,0 13px 20px #001d1266;outline:0}.belote-card.small{width:54px;border-width:1px;border-radius:6px}.belote-card.small>strong{font-size:21px}.belote-card.small>span{left:3px;top:3px}.belote-card.small>span b{font-size:8px}.belote-card.back{background:repeating-linear-gradient(135deg,#6d1937,#6d1937 7px,#852947 7px,#852947 14px);color:#fff}.belote-card.turned{transform:rotate(4deg);box-shadow:0 0 0 5px #efd25d66,0 12px 25px #001d1266}
.belote-playing{width:100%;display:grid;gap:19px}.belote-playing>header{display:flex;justify-content:center;gap:10px}.belote-playing>header>div{min-width:120px;padding:9px 12px;border:1px solid #ffffff36;border-radius:12px;background:#001d122e;display:flex;align-items:center;justify-content:space-between;gap:9px}.belote-playing>header strong{font-size:21px}.belote-trick{display:grid;justify-items:center;gap:7px}.belote-trick>div{position:relative;width:min(390px,80vw);height:205px;border:1px solid #ffffff21;border-radius:50%;background:#001d121c}.belote-trick>div>i{position:absolute;inset:0;display:grid;place-items:center;color:#ffffff55;font-size:35px}.belote-trick figure{position:absolute;margin:0;display:grid;justify-items:center;gap:2px}.belote-trick figure.seat-0{left:50%;top:4px;transform:translateX(-50%)}.belote-trick figure.seat-1{right:13px;top:50%;transform:translateY(-50%) rotate(3deg)}.belote-trick figure.seat-2{left:50%;bottom:4px;transform:translateX(-50%) rotate(-2deg)}.belote-trick figure.seat-3{left:13px;top:50%;transform:translateY(-50%) rotate(-3deg)}.belote-trick figcaption{max-width:70px;overflow:hidden;text-overflow:ellipsis;color:#d7e9df;font-size:7px}.belote-hand{display:grid;justify-items:center;gap:10px}.belote-hand>div{width:100%;display:flex;justify-content:center;gap:5px;overflow-x:auto;padding:13px 7px 4px}.belote-hand>div>.belote-card:not(button){opacity:.72}.belote-hand p{min-height:17px;margin:0;color:#d5e7dd;font-size:10px}.belote-finished{width:min(620px,100%);display:grid;justify-items:center;text-align:center;gap:12px}.belote-finished>strong{width:74px;height:74px;border:3px solid #efd25d;border-radius:50%;display:grid;place-items:center;color:#efd25d;font:800 43px Georgia,serif}.belote-finished h3{margin:0;font:700 clamp(26px,4vw,43px)/1.05 Georgia,serif}.belote-finished .belote-score{width:min(430px,100%);background:#ffffff15;border-color:#ffffff35}.belote-finished .belote-score strong{color:#efd25d}.belote-finished .belote-score small,.belote-finished .belote-score span{color:#e4eee9}.belote-finished>p{color:#d4e5dc;font-size:11px}
.belote-hand-title{width:min(720px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px}.belote-hand-title>button{padding:6px 10px;border:1px solid #ffffff66;border-radius:99px;background:#062a1fbb;color:#fff;font-size:9px;font-weight:850;cursor:pointer}.belote-hand-title>button[aria-pressed="true"]{background:#efd25d;color:#241c1c;border-color:#efd25d}.belote-hand-item{display:grid;justify-items:center;gap:5px;flex:0 0 auto}.belote-order-controls{display:flex;gap:3px}.belote-order-controls button{width:27px;height:24px;padding:0;border:1px solid #ffffff55;border-radius:7px;background:#062a1fcc;color:#fff;cursor:pointer}.belote-order-controls button:disabled{opacity:.3;cursor:default}.belote-last-play{min-height:66px;margin-top:8px;padding:7px 10px;border:1px solid #ffffff38;border-radius:13px;background:#062a1fbd;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.belote-last-play>span{font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.belote-last-play .belote-card{grid-row:1/3;grid-column:2;width:38px}.belote-last-play .belote-card>strong{font-size:15px}.belote-last-play>strong{font-size:10px}.belote-last-play>small{grid-column:3;color:#dcebe4;font-size:8px}.belote-history{min-height:0;border:1px solid var(--line);border-radius:14px;background:var(--soft);overflow:hidden}.belote-history>header{padding:10px 11px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.belote-history>header strong{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.belote-history>header span{color:var(--muted);font-size:9px}.belote-history ol{max-height:260px;margin:0;padding:5px 10px;list-style:none;overflow:auto}.belote-history li{min-height:33px;padding:7px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:7px;color:var(--muted);font-size:8px;line-height:1.35}.belote-history li:last-child{border:0}.belote-history li>i{width:6px;height:6px;border-radius:50%;background:#9b8e92}.belote-history li.event-take>i,.belote-history li.event-trick>i,.belote-history li.event-round>i{background:var(--accent)}.belote-history li>b{color:var(--accent);font-size:9px}html[data-theme="dark"] .belote-player-list li,html[data-theme="dark"] .belote-score,html[data-theme="dark"] .belote-history{background:#211a1d}.belote-room button:focus-visible,.belote-entry input:focus{outline:3px solid #e0aebe;outline-offset:2px}
@media(max-width:900px){.belote-layout{grid-template-columns:1fr}.belote-layout>aside{border-right:0;border-bottom:1px solid var(--line)}.belote-player-list{grid-template-columns:1fr 1fr}.belote-layout>main{min-height:560px}}
@media(max-width:640px){.belote-layout>aside{padding:14px}.belote-player-list{grid-template-columns:1fr}.belote-host-actions{grid-template-columns:1fr}.belote-layout>main{padding:22px 6px;min-height:530px}.belote-turned{grid-template-columns:1fr;justify-items:center;text-align:center}.belote-bid-actions button{min-width:73px}.belote-card{width:58px}.belote-hand>div{justify-content:flex-start}.belote-playing>header>div{min-width:0;flex:1}.belote-trick>div{width:300px;height:190px}.belote-finished{padding:10px}.belote-room .casino-room-head{align-items:flex-start}.belote-room .casino-room-head>div:last-child{justify-content:flex-end}.belote-room .casino-room-head>div:last-child button{font-size:9px;padding:6px}}
.belote-hand>.belote-hand-title{overflow:visible;padding:0;justify-content:space-between}.belote-last-play{width:min(390px,80vw)}
.belote-player-list li>span{grid-column:1;grid-row:1}.belote-player-list li>strong{grid-column:2;grid-row:1}.belote-player-list li>b{grid-column:3;grid-row:1/3}.belote-player-list li>.belote-team-badge{grid-column:2;grid-row:2;justify-self:start;padding:3px 6px;border-radius:99px;background:#a75a7720;color:#7f2749;font-size:7px;letter-spacing:.04em}.belote-player-list li.team-1>.belote-team-badge{background:#59809924;color:#315f79}.belote-player-list li>em{grid-column:1;grid-row:2;color:var(--muted);font-size:7px;font-style:normal;font-weight:850}.belote-player-list li>i{grid-row:3}.belote-layout>main{position:relative}.belote-playing{padding-bottom:92px}.belote-round-recap{width:min(590px,100%);border:1px solid #ffffff3d;border-radius:18px;background:#062a1fc7;overflow:hidden;text-align:left;box-shadow:0 16px 30px #001d1240}.belote-round-recap>header{padding:13px 16px;border-bottom:1px solid #ffffff2b;display:flex;align-items:center;justify-content:space-between;gap:15px}.belote-round-recap>header>div{display:grid;gap:2px}.belote-round-recap>header span{font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.belote-round-recap>header strong{font:700 20px Georgia,serif}.belote-round-recap>header small{max-width:230px;color:#d3e5dc;font-size:8px;line-height:1.4;text-align:right}.belote-round-recap>div{display:grid;grid-template-columns:1fr 1fr}.belote-round-recap article{padding:17px;display:grid;gap:5px}.belote-round-recap article+article{border-left:1px solid #ffffff2b}.belote-round-recap article>span{font-size:9px;font-weight:900}.belote-round-recap article>strong{color:#efd25d;font:800 34px/1 Georgia,serif}.belote-round-recap article>strong small{font:800 10px sans-serif}.belote-round-recap article>em{color:#d3e5dc;font-size:8px;font-style:normal}.belote-round-recap dl{margin:10px 0 6px;display:grid;gap:6px}.belote-round-recap dl>div{display:flex;justify-content:space-between;gap:8px;padding-bottom:5px;border-bottom:1px dashed #ffffff2d}.belote-round-recap dt{color:#d3e5dc;font-size:8px}.belote-round-recap dd{margin:0;font-size:9px;font-weight:900}.belote-round-recap article>b{justify-self:start;padding:4px 7px;border-radius:99px;background:#ffffff17;font-size:7px}.belote-round-recap article.taker-team>b{background:#efd25d;color:#302417}.belote-round-recap>p{margin:0;padding:11px 15px;border-top:1px solid #ffffff2b;background:#6d19375c;color:#fff;font-size:9px;line-height:1.45;text-align:center}.belote-last-trick-consult{position:absolute;z-index:5;right:12px;bottom:12px;width:min(330px,calc(100% - 24px));padding:9px 10px;border:1px solid #ffffff42;border-radius:13px;background:#062a1fe8;box-shadow:0 10px 22px #001d1266;pointer-events:none}.belote-last-trick-consult>header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:6px}.belote-last-trick-consult>header strong{font-size:8px;letter-spacing:.1em;text-transform:uppercase}.belote-last-trick-consult>header span{color:#efd25d;font-size:8px;font-weight:850}.belote-last-trick-consult>div{display:flex;justify-content:center;gap:5px}.belote-last-trick-consult figure{margin:0;display:grid;justify-items:center;gap:2px}.belote-last-trick-consult figure.winner .belote-card{box-shadow:0 0 0 2px #efd25d,0 5px 10px #0004}.belote-last-trick-consult .belote-card.small{width:39px}.belote-last-trick-consult .belote-card.small>strong{font-size:15px}.belote-last-trick-consult figcaption{max-width:62px;overflow:hidden;text-overflow:ellipsis;color:#dcebe4;font-size:6px;white-space:nowrap}
html[data-theme="dark"] .belote-player-list li>.belote-team-badge{color:#f0aec7}html[data-theme="dark"] .belote-player-list li.team-1>.belote-team-badge{color:#acd7ef}
.belote-announcement{justify-self:center;padding:8px 16px;border:1px solid #efd25d;border-radius:99px;background:#6d1937e8;display:flex;align-items:center;gap:9px;box-shadow:0 0 24px #efd25d45;animation:beloteCall .55s ease both}.belote-announcement strong{color:#efd25d;font:800 14px Georgia,serif}.belote-announcement span{font-size:8px}.belote-victory{position:fixed;z-index:4000;inset:0;overflow:hidden;pointer-events:none}.belote-victory>div{position:absolute;z-index:2;left:50%;top:18%;width:min(480px,calc(100% - 32px));padding:20px;border:2px solid #efd25d;border-radius:18px;background:#17291ff2;color:#fff;display:grid;justify-items:center;gap:7px;text-align:center;box-shadow:0 18px 70px #0009;animation:beloteBanner .55s cubic-bezier(.2,.9,.2,1) both}.belote-victory>div strong{color:#efd25d;font:800 clamp(28px,6vw,56px)/1 Georgia,serif}.belote-victory>div span{font-size:10px}.belote-victory>i{position:absolute;left:calc(var(--x)*1%);top:-20px;width:9px;height:16px;border-radius:3px;background:var(--color);animation:beloteConfetti var(--fall) var(--delay) ease-in both}@keyframes beloteCall{from{opacity:0;transform:scale(.65) rotate(-3deg)}70%{transform:scale(1.08) rotate(1deg)}to{opacity:1;transform:scale(1)}}@keyframes beloteBanner{from{opacity:0;transform:translate(-50%,-30px) scale(.8)}to{opacity:1;transform:translate(-50%,0) scale(1)}}@keyframes beloteConfetti{to{transform:translateY(105vh) rotate(720deg)}}
@media(max-width:640px){.belote-playing{padding-bottom:0}.belote-round-recap>header{align-items:flex-start}.belote-round-recap>header small{max-width:140px}.belote-round-recap>div{grid-template-columns:1fr}.belote-round-recap article+article{border-left:0;border-top:1px solid #ffffff2b}.belote-last-trick-consult{position:static;width:min(330px,100%);justify-self:center;margin-top:8px}.belote-finished .belote-last-trick-consult{margin-top:0}}
@media(prefers-reduced-motion:reduce){button.belote-card{transition:none}.belote-announcement,.belote-victory>div,.belote-victory>i{animation:none}}
.belote-play-status{position:relative;width:min(620px,calc(100% - 14px));min-height:52px;margin:4px auto 0!important;padding:12px 48px;border:1px solid #ffffff42;border-radius:15px;background:#05271ed9;color:#fff!important;text-align:center;display:grid;place-items:center;overflow:hidden;isolation:isolate}.belote-play-status:before{content:"";position:absolute;z-index:-1;inset:-80% -35%;background:linear-gradient(110deg,transparent 38%,#ffffff20 49%,transparent 60%);animation:beloteStatusShine 3.2s ease-in-out infinite}.belote-play-status span,.belote-play-status>b{font-size:10px;line-height:1.5}.belote-play-status span b{color:#efd25d}.belote-play-status>i{position:absolute;color:#ffffff75;font:18px Georgia,serif;font-style:normal;pointer-events:none;animation:beloteSuitFloat 2.6s ease-in-out infinite}.belote-play-status>i:nth-of-type(1){left:15px;top:9px}.belote-play-status>i:nth-of-type(2){left:34px;bottom:7px;color:#ef9eaa;animation-delay:-.8s}.belote-play-status>i:nth-of-type(3){right:34px;top:7px;color:#ef9eaa;animation-delay:-1.5s}.belote-play-status>i:nth-of-type(4){right:14px;bottom:8px;animation-delay:-2.1s}.belote-play-status.thinking{animation:beloteThinking 1.8s ease-in-out infinite}.belote-play-status.thinking.team-0{box-shadow:0 0 0 3px #a75a7725,0 0 28px #a75a7755}.belote-play-status.thinking.team-1{box-shadow:0 0 0 3px #59809925,0 0 28px #59809955}.belote-play-status.your-turn{border:2px solid #efd25d;background:#efd25d;color:#261d13!important;box-shadow:0 0 0 5px #efd25d24,0 0 34px #efd25d70;animation:beloteYourTurn 1.05s ease-in-out infinite}.belote-play-status.your-turn>i{color:#5e421a99}.belote-trick figure:last-of-type .belote-card{animation:beloteCardArrival .48s cubic-bezier(.2,.85,.25,1.25) both}.belote-player-list li.me.turn,.belote-player-list li.current{animation:beloteSeatPulse 1.4s ease-in-out infinite}@keyframes beloteStatusShine{0%,35%{transform:translateX(-65%) rotate(8deg)}70%,100%{transform:translateX(65%) rotate(8deg)}}@keyframes beloteSuitFloat{0%,100%{transform:translateY(2px) rotate(-8deg);opacity:.35}50%{transform:translateY(-6px) rotate(10deg) scale(1.18);opacity:1}}@keyframes beloteThinking{50%{transform:scale(1.012)}}@keyframes beloteYourTurn{50%{transform:translateY(-2px) scale(1.018);box-shadow:0 0 0 8px #efd25d16,0 0 44px #efd25d95}}@keyframes beloteCardArrival{from{opacity:0;transform:translateY(-45px) rotate(18deg) scale(.7);filter:blur(3px)}to{opacity:1;filter:none}}@keyframes beloteSeatPulse{50%{box-shadow:inset 0 0 0 1px var(--accent),0 0 18px #e0aebe66}}@media(prefers-reduced-motion:reduce){.belote-play-status,.belote-play-status:before,.belote-play-status>i,.belote-trick figure:last-of-type .belote-card,.belote-player-list li{animation:none!important}}