.avatar-pic{display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;object-fit:cover;line-height:1;color:#241a00;font-weight:700;-webkit-user-select:none;user-select:none}.profile-card{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.profile-card__name{margin:8px 0 0;font-size:1.5rem;overflow-wrap:anywhere}.profile-card__bio{max-width:28rem;margin:0;overflow-wrap:anywhere}.profile-card__since{margin:0;font-size:.88rem}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px;width:100%;max-width:460px;margin:12px 0 4px}.profile-stats div{padding:10px 4px;border-radius:12px;background:var(--surface-2)}.profile-stats dt{color:var(--muted);font-size:.75rem}.profile-stats dd{margin:0;font-family:var(--font-display);font-size:1.15rem}.profile-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.btn--danger:hover:not(:disabled){border-color:var(--card-red);color:#ff8a8f}.profile-page{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.profile-page>div{display:flex;flex-direction:column;gap:20px}@media(max-width:820px){.profile-page{grid-template-columns:1fr}}.user-page{max-width:560px}.profile-form{display:flex;flex-direction:column;gap:18px}.profile-form h2{margin:0}.profile-form__section{margin:6px 0 -10px;padding-top:16px;border-top:1px solid var(--border);font-size:1.05rem}.avatar-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin:0;padding:0;border:0}.avatar-picker legend{margin-bottom:8px;font-weight:600}.avatar-option{display:grid;place-items:center;padding:4px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .1s}.avatar-option:hover{transform:scale(1.06)}.avatar-option.is-selected{border-color:var(--accent)}.avatar-option input{position:absolute;opacity:0;pointer-events:none}.avatar-option:has(input:focus-visible){outline:2px solid var(--gold)}.field{display:flex;flex-direction:column;gap:6px;font-weight:600}.field input,.field textarea,.composer textarea,.user-search input{padding:11px 13px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-weight:400;resize:vertical}.field input:focus,.field textarea:focus,.composer textarea:focus,.user-search input:focus{outline:2px solid var(--accent);outline-offset:1px}.voice-picker{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0}.voice-picker legend{margin-bottom:4px;font-weight:600}.voice-picker__help{margin:0;font-size:.85rem}.voice-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:12px;border:1px solid var(--border)}.voice-option.is-selected{border-color:var(--accent);background:#ff7a5914}.voice-option label{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.voice-option input{accent-color:var(--accent)}.back-picker{margin:0;padding:0;border:0}.back-picker legend{margin-bottom:4px;font-weight:600}.back-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;margin-top:8px}.back-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:transform .1s}.back-option:hover{transform:translateY(-2px)}.back-option.is-selected{border-color:var(--accent);background:#ff7a5914}.back-option input{position:absolute;opacity:0;pointer-events:none}.back-option:has(input:focus-visible){outline:2px solid var(--gold)}.back-option .back-option__card{width:54px;height:76px;border-radius:6px;box-shadow:0 6px 14px #0006}.back-option__label{font-size:.75rem;font-weight:600;text-align:center}.profile-form__actions{display:flex;align-items:center;gap:14px}.people{list-style:none;margin:0;padding:0}.people li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.people li:last-child{border-bottom:0}.people a{flex:1;font-weight:600;text-decoration:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#050a0cb3;animation:fade-in .15s ease-out}.modal{position:relative;width:min(440px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:28px 22px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 80px #0009}.modal__close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer}@keyframes fade-in{0%{opacity:0}}.messages-section{padding-top:32px}.messages{display:grid;grid-template-columns:340px 1fr;gap:16px;height:calc(100vh - 208px);min-height:460px}.messages>.panel{display:flex;flex-direction:column;min-height:0;padding:16px}.messages__title{font-size:1.3rem;margin-bottom:12px}.conversations{list-style:none;margin:8px -8px 0;padding:0;overflow-y:auto}.conversation{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:12px;text-decoration:none}.conversation:hover,.conversation.is-active{background:var(--surface-2)}.conversation__text{display:flex;flex-direction:column;flex:1;min-width:0}.conversation__text .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.conversation__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:.75rem;white-space:nowrap}.unread-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent);color:#1d0f0a;font-size:.75rem;font-weight:700;line-height:1}.user-search{position:relative}.user-search input{width:100%}.user-search__results{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);box-shadow:0 12px 30px #0006}.user-search__results button{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:8px;background:none;color:var(--text);font-weight:600;text-align:left;cursor:pointer}.user-search__results button:hover{background:var(--surface)}.thread__head{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}.thread__back{display:none;font-size:1.3rem;text-decoration:none;padding:0 6px}.thread__name{font-weight:700;text-decoration:none}.thread__messages{flex:1;display:flex;flex-direction:column;gap:6px;padding:14px 2px;overflow-y:auto}.thread__empty{margin:auto}.bubble{display:flex;flex-direction:column;max-width:min(75%,480px);padding:8px 12px;border-radius:16px 16px 16px 4px;background:var(--surface-2);align-self:flex-start}.bubble--mine{align-self:flex-end;border-radius:16px 16px 4px;background:var(--accent);color:#1d0f0a}.bubble__body{white-space:pre-wrap;overflow-wrap:anywhere}.bubble__time{align-self:flex-end;font-size:.7rem;opacity:.7}.composer{display:flex;gap:8px;align-items:flex-end;padding-top:12px;border-top:1px solid var(--border)}.composer textarea{flex:1;resize:none}@media(max-width:760px){.messages{grid-template-columns:1fr;height:calc(100vh - 112px)}.messages--thread-open .messages__list,.messages:not(.messages--thread-open) .messages__thread{display:none}.thread__back{display:inline}}.presence-wrap{position:relative;display:inline-block;flex-shrink:0}.presence-dot{position:absolute;right:-1px;bottom:-1px;border-radius:50%;border:2px solid var(--surface);background:#7b8b90}.presence-dot--inline{position:static;display:inline-block;width:10px;height:10px;flex-shrink:0;border:0}.presence-dot--online{background:#3ecf8e}.presence-dot--away{background:var(--gold)}.presence-dot--busy{background:#ef5350}.presence-dot--playing{background:#a66bff}.presence-dot--invisible{background:transparent;box-shadow:inset 0 0 0 2px #9db1b6}.presence-dot--offline{background:#5f6f74}.presence-line{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:.85rem;color:var(--muted)}.presence-line--online{color:#6fe0ad}.presence-line--busy{color:#ff8a87}.presence-line--away{color:var(--gold)}.presence-line--playing{color:#c39bff}.account-menu__playing{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:8px 10px;border-radius:10px;background:#a66bff24;color:#c39bff;font-size:.85rem;font-weight:600}.nav__badged{position:relative}.nav__badged .unread-badge{position:absolute;top:-2px;right:0;min-width:18px;height:18px;font-size:.7rem}.account-menu{position:relative}.account-menu__button{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:0;border-radius:999px;background:none;color:var(--text);font-weight:600;cursor:pointer}.account-menu__button:hover,.account-menu__button[aria-expanded=true]{background:var(--surface-2)}.account-menu__panel{position:absolute;right:0;top:calc(100% + 8px);z-index:20;display:flex;flex-direction:column;width:260px;padding:8px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 40px #00000080}.account-menu__label{margin:4px 8px 6px;color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.account-menu__panel>a,.account-menu__panel>button{display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;text-align:left;text-decoration:none;cursor:pointer}.account-menu__panel>a:hover,.account-menu__panel>button:hover{background:var(--surface-2)}.account-menu__status>span:last-child{display:flex;flex-direction:column;line-height:1.3}.account-menu__status small{color:var(--muted)}.account-menu__status.is-active{background:var(--surface-2)}.account-menu__avatar{position:relative;display:inline-flex}.account-menu__badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;font-size:.7rem;box-shadow:0 0 0 2px var(--bg)}.menu-toggle{position:relative}.menu-toggle__badge{position:absolute;top:6px;right:4px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.account-menu__link .unread-badge{min-width:20px}.table-invites{position:fixed;top:76px;right:16px;z-index:65;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 32px)}.table-invite{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:340px;max-width:100%;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--gold);box-shadow:0 16px 40px #0000008c;animation:toast-in .25s ease-out}.table-invite__text{display:flex;flex:1;flex-direction:column;min-width:0}.table-invite__text small{color:var(--muted)}.table-invite__actions{display:flex;gap:8px;width:100%;justify-content:flex-end}.toasts{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 32px)}.toast{display:flex;align-items:stretch;border-radius:14px;background:var(--surface);border:1px solid var(--accent);box-shadow:0 14px 40px #00000080;overflow:hidden;animation:toast-in .25s ease-out}.toast__body{display:flex;align-items:center;gap:14px;padding:12px 14px;border:0;background:none;color:var(--text);font:inherit;font-weight:700;text-align:left;cursor:pointer}.toast__open{color:var(--accent);font-size:.85rem}.toast__close{padding:0 12px;border:0;border-left:1px solid var(--border);background:none;color:var(--muted);font-size:1.2rem;cursor:pointer}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.account-menu__toggle-label{flex:1}.switch{position:relative;width:32px;height:18px;flex-shrink:0;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);transition:background .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.account-menu__toggle.is-on .switch{background:#3ecf8e40;border-color:#3ecf8e}.account-menu__toggle.is-on .switch:after{transform:translate(14px);background:#3ecf8e}.account-menu__toggle:not(.is-on){color:var(--muted)}.account-menu__panel hr{width:100%;margin:6px 0;border:0;border-top:1px solid var(--border)}@media(max-width:720px){.account-menu__panel{position:static;width:100%;margin-top:8px;box-shadow:none}.nav__account{flex-wrap:wrap}.nav__badged .unread-badge{position:static;margin-left:6px}}.liked-by{width:100%;margin-top:12px;padding-top:14px;border-top:1px solid var(--border)}.liked-by__title{margin:0 0 8px;color:var(--muted);font-size:.85rem;font-weight:600}.liked-by__list{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.liked-by__list a{display:inline-flex;border-radius:50%;transition:transform .1s}.liked-by__list a:hover{transform:translateY(-2px)}.liked-by__more{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.8rem;font-weight:700}.players{max-width:760px}.players__sections{display:flex;flex-direction:column;gap:16px}.players__sections h2{font-size:1.1rem}.players__online{font-family:var(--font-body);font-size:.9rem;font-weight:600}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tab{padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--muted);font:inherit;font-weight:600;cursor:pointer}.tab.is-active{background:var(--surface-2);color:var(--text);border-color:var(--accent)}.people--rich li{flex-wrap:wrap;gap:8px 12px;padding:10px 0}.people__who{display:flex;flex-direction:column;flex:1;min-width:0}.people__who a{font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people__who a:hover{color:var(--accent)}.people__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex-shrink:0}@media(max-width:640px){.people--rich .people__actions{flex-basis:100%;justify-content:flex-start;padding-left:52px}}.people__rank{width:1.6em;text-align:center;font-family:var(--font-display);color:var(--gold)}.likes-count{font-weight:700;color:#ff8a8f;white-space:nowrap}.thread__who{display:flex;flex-direction:column;line-height:1.3}.thread__who .presence-line{font-size:.78rem}.seat__who{display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit}button.seat__who{cursor:pointer}button.seat__who:hover .seat__name,button.waiting__who:hover .waiting__name{text-decoration:underline}.waiting__who{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:0;background:none;color:inherit;font:inherit}button.waiting__who{cursor:pointer}:root,[data-card-back=coral]{--back-image: url(/backs/coral.svg);--back-color: #c9452f}[data-card-back=red]{--back-image: url(/backs/red.svg);--back-color: #7d161d}[data-card-back=blue]{--back-image: url(/backs/blue.svg);--back-color: #14326e}[data-card-back=emerald]{--back-image: url(/backs/emerald.svg);--back-color: #0a4235}[data-card-back=royal]{--back-image: url(/backs/royal.svg);--back-color: #33165e}[data-card-back=night]{--back-image: url(/backs/night.svg);--back-color: #0a1322}[data-card-back=gold]{--back-image: url(/backs/gold.svg);--back-color: #b17a1c}.playing-card.playing-card--back{background:var(--back-color) var(--back-image) center / 100% 100% no-repeat;border:0}.lobby-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px}.lobby-head .section__title{margin-bottom:0}.chest{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border-radius:14px;background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;text-align:left}.chest>span:last-child{display:flex;flex-direction:column}.chest small{color:var(--muted);font-size:.8rem}.chest__icon{font-size:1.9rem;line-height:1}.chest__bar{width:40px;height:28px;flex-shrink:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.chest__icon--locked{filter:grayscale(.85);opacity:.6}.chest__timer{font-variant-numeric:tabular-nums;font-size:1.1rem}.chest--ready{border-color:var(--gold);background:linear-gradient(135deg,rgba(242,193,78,.18),var(--surface) 70%);box-shadow:0 0 #f2c14e80;cursor:pointer;animation:chest-glow 1.8s ease-in-out infinite}.chest--ready .chest__icon{animation:chest-wiggle 1.8s ease-in-out infinite}.chest--ready:hover strong{color:var(--gold)}.chest--won{border-color:var(--gold)}.chest--vip{border-color:#c48cff73}.chest--vip.chest--ready{border-color:#c48cff;background:linear-gradient(135deg,rgba(196,140,255,.22),rgba(242,193,78,.12) 55%,var(--surface) 85%);animation-name:chest-glow-vip}.chest--vip.chest--ready:hover strong,.chest--vip .chest__amount{color:#d9b3ff}@keyframes chest-glow-vip{50%{box-shadow:0 0 0 6px #c48cff29}}.chest__icon--open{animation:chest-pop .6s cubic-bezier(.3,1.6,.5,1)}.chest__amount{color:var(--gold);font-size:1.3rem;animation:chest-pop .6s cubic-bezier(.3,1.6,.5,1) .1s both}@keyframes chest-glow{50%{box-shadow:0 0 0 6px #f2c14e1f}}@keyframes chest-wiggle{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-12deg) scale(1.08)}80%{transform:rotate(10deg) scale(1.08)}90%{transform:rotate(-6deg)}}@keyframes chest-pop{0%{transform:scale(.3);opacity:0}}.wallet{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.rejoin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:12px 16px;border-radius:14px;background:#ff7a591f;border:1px solid rgba(255,122,89,.4);font-weight:600}.online-now{margin-top:20px;padding:16px 20px}.online-now__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.online-now__head h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.05rem}.online-now__list{display:flex;flex-wrap:wrap;gap:10px 14px;margin:0;padding:0;list-style:none}.online-now__person{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px;text-decoration:none}a.online-now__person:hover .online-now__name{color:var(--accent)}.online-now__name{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600}.online-now__more{display:grid;place-items:center;width:40px;height:40px;margin:0 12px;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:.85rem;font-weight:700;text-decoration:none}.online-now__empty{margin:10px 0 0;font-size:.9rem}.rejoin__actions{display:flex;flex-wrap:wrap;gap:8px}.lobby-step{margin:36px 0 14px;font-size:1.1rem}.lobby-hint{margin:12px 0 0;font-size:.88rem}.lobby-page{position:relative;overflow:hidden}.lobby-page>.container{position:relative}.floating-suits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-suits span{position:absolute;bottom:-80px;color:#ffffff0d;animation:suit-float linear infinite}.floating-suits span.is-red{color:#ff7a5912}@keyframes suit-float{0%{transform:translateY(0) rotate(-12deg)}to{transform:translateY(calc(-100vh - 160px)) rotate(18deg)}}.tier{animation:rise-in .5s cubic-bezier(.2,.8,.3,1) backwards}.tier:nth-child(2){animation-delay:.08s}.tier:nth-child(3){animation-delay:.16s}.tier:not(.tier--locked):hover{border-color:var(--tier);box-shadow:0 14px 34px #00000059,0 0 22px rgba(var(--tier-rgb),.3)}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}}.tier__play{position:relative;overflow:hidden}.tier__play:not(:disabled):after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);animation:play-shine 3.6s ease-in-out infinite}.tier:nth-child(2) .tier__play:after{animation-delay:.6s}.tier:nth-child(3) .tier__play:after{animation-delay:1.2s}@keyframes play-shine{0%,60%{left:-60%}85%,to{left:130%}}.wallet .gold__bar{animation:bar-glint 4s ease-in-out infinite}@keyframes bar-glint{0%,80%,to{filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}90%{filter:drop-shadow(0 0 8px rgba(255,220,120,.9)) brightness(1.2)}}.leaderboard__row{animation:slide-in .4s ease-out both}@keyframes slide-in{0%{opacity:0;transform:translate(-14px)}}.leaderboard__row:nth-child(-n+3) .leaderboard__rank{display:inline-block;animation:medal-swing 2.8s ease-in-out infinite}@keyframes medal-swing{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg) scale(1.08)}}.online-now__person{animation:pop-in .35s cubic-bezier(.3,1.5,.5,1) both}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}@media(prefers-reduced-motion:reduce){.floating-suits{display:none}.tier,.tier__play:after,.wallet .gold__bar,.leaderboard__row,.leaderboard__rank,.online-now__person{animation:none!important}}.leaderboards{margin-top:36px}.leaderboards__title{margin:0 0 14px;font-size:1.1rem}.leaderboards__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.leaderboards__tab{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--muted);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}.leaderboards__tab:hover{color:var(--text)}.leaderboards__tab.is-active{border-color:var(--gold);color:var(--gold);background:#f2c14e1a}.leaderboard{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.leaderboard__row{display:grid;grid-template-columns:2.2rem auto 1fr auto;align-items:center;gap:12px;padding:8px 12px;border-radius:12px}.leaderboard__row:nth-child(-n+3){background:#f2c14e0f}.leaderboard__row.is-me{background:#ff7a591f;outline:1px solid rgba(255,122,89,.4)}.leaderboard__row--mine{margin-top:8px}.leaderboard__rank{font-weight:800;font-size:1.05rem;text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.leaderboard__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text)}a.leaderboard__name:hover{color:var(--gold)}.leaderboard__value{font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.leaderboards__note{margin:12px 0 0;font-size:.85rem}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.tier{--tier: #8a96a3;--tier-rgb: 138, 150, 163;display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:var(--radius);background:radial-gradient(120% 90% at 100% 0%,rgba(var(--tier-rgb),.28),transparent 60%),linear-gradient(180deg,rgba(var(--tier-rgb),.12),var(--surface) 70%);border:2px solid rgba(var(--tier-rgb),.45);color:var(--text);font:inherit;text-align:left;transition:border-color .15s,transform .15s,box-shadow .15s}.tier:hover{transform:translateY(-2px)}.tier--beginner{--tier: #3ecf8e;--tier-rgb: 62, 207, 142}.tier--advanced{--tier: #4aa3ff;--tier-rgb: 74, 163, 255}.tier--pro{--tier: #b57bff;--tier-rgb: 181, 123, 255}.tier--pro .tier__name:after{content:" 👑"}.tier .tier__name{color:var(--tier)}.tier .tier__play{background:var(--tier);border-color:var(--tier);color:#0d1a1c}.tier--pro .tier__play{background:linear-gradient(90deg,#b57bff,#f2c14e)}.tier--locked{opacity:.55}.tier__name{font-family:var(--font-display);font-size:1.15rem}.tier__desc{color:var(--muted);font-size:.92rem;flex:1}.tier__money{display:flex;gap:20px}.tier__money>span{display:flex;flex-direction:column;gap:2px;font-size:.8rem}.tier__meta{font-size:.85rem;color:var(--gold);font-weight:600}.tier__play{width:100%;margin-top:4px}.tier__private{align-self:center;padding:4px 8px;border:0;border-radius:8px;background:none;color:var(--muted);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.tier__private:hover,.tier__private:focus-visible{color:var(--text);background:#ffffff0f;outline:none}.tier--locked .tier__play{opacity:1}.tables-list{padding:8px 20px}.table-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.table-row:last-of-type{border-bottom:0}.table-row__name{display:flex;flex-direction:column;min-width:0}.table-row__name .muted{font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row__count{font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:560px){.table-row{grid-template-columns:1fr auto}.table-row .seat-dots{display:none}}.tables-list__playing{padding:12px 0 8px;margin:0;font-size:.9rem}.practice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.practice h2{margin-bottom:4px}.practice p{margin:0}.seat-dots{display:inline-flex;gap:5px}.seat-dots span{width:10px;height:10px;border-radius:50%;border:2px solid var(--muted)}.seat-dots span.is-taken{background:var(--accent);border-color:var(--accent)}.waiting{display:flex;flex-direction:column;align-items:center;text-align:center}.waiting .lead{margin:0 auto 28px}.waiting__table{position:relative;width:min(520px,100%);height:320px;border-radius:40px;background:radial-gradient(ellipse at center,#1f5a52,#164440 55%,#10302e);border:1px solid var(--border);box-shadow:inset 0 0 80px #00000080}.waiting__seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:110px;padding:10px 12px;border-radius:14px;border:2px dashed rgba(243,239,230,.25);font-size:.9rem}.waiting__seat.is-taken{border-style:solid;border-color:var(--gold);background:#0000004d;animation:seat-in .3s ease-out}.waiting__seat:not(.is-taken){animation:seat-wait 1.6s ease-in-out infinite}.waiting__seat--bottom{bottom:14px;left:50%;transform:translate(-50%)}.waiting__seat--top{top:14px;left:50%;transform:translate(-50%)}.waiting__seat--left{left:14px;top:50%;transform:translateY(-50%)}.waiting__seat--right{right:14px;top:50%;transform:translateY(-50%)}.waiting__name{font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waiting__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.waiting__center strong{font-family:var(--font-display);font-size:1.6rem}.waiting__status{margin:20px 0 0;font-weight:700;color:var(--gold)}.waiting__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.waiting__hint{max-width:34rem;margin:20px auto 0;font-size:.88rem}.invite-friends{max-width:34rem;margin:24px auto 0;text-align:left}.invite-friends h2{margin:0 0 12px;font-size:1.1rem}.invite-friends__name{display:flex;flex:1;flex-direction:column;min-width:0}.invite-friends__error{color:var(--accent);font-size:.8rem}.waiting__money{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:24px;color:var(--muted);font-size:.92rem}.waiting__money>span{display:inline-flex;align-items:center;gap:6px}@media(max-width:560px){.waiting__table{height:280px}.waiting__seat{min-width:0;padding:8px;font-size:.8rem}.waiting__name{max-width:70px}}@keyframes seat-wait{50%{border-color:#f3efe680}}@keyframes seat-in{0%{opacity:0}}.payout{font-weight:700}.felt{container-type:size}.deal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.table-page .deal__card,.table-page .cut-stack .playing-card{position:absolute;width:36px;height:50px;border-radius:5px;border-width:2px}.table-page .deal__card{left:calc(50% - 18px);top:calc(50% - 25px);animation:deal-fly .42s cubic-bezier(.2,.7,.3,1) var(--delay) both}@keyframes deal-fly{0%{transform:translate(var(--fx),var(--fy));opacity:1}80%{opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(var(--ts, 1));opacity:0}}.cut-stack{position:absolute;left:calc(50% - 18px);top:calc(50% - 25px);width:36px;height:50px}.table-page .cut-stack .playing-card+.playing-card{transform:translate(-2px,-2px)}.cut-stack--bottom{z-index:1;animation:cut-bottom .7s ease-in-out both}.cut-stack--top{z-index:2;animation:cut-top .7s ease-in-out both}@keyframes cut-top{0%{transform:translate(var(--px),calc(var(--py) - 5px));z-index:2}45%{transform:translate(calc(var(--px) + 46px),calc(var(--py) - 8px));z-index:2}55%{z-index:0}to{transform:translate(var(--px),var(--py));z-index:0}}@keyframes cut-bottom{0%{transform:translate(var(--px),var(--py))}45%{transform:translate(calc(var(--px) - 18px),var(--py))}to{transform:translate(var(--px),calc(var(--py) - 5px))}}.trick__slot{transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .45s ease-in}.trick__slot.trick__slot--collect{transform:translate(var(--tx),var(--ty)) scale(.35);opacity:0}.hand__card--incoming,.playing-card--mini.is-incoming{animation:card-arrive .26s ease-out var(--arrive) both}@keyframes card-arrive{0%{opacity:0;transform:scale(.85)}}.overlay--cut{width:min(340px,92%)}.cut-help{margin:-6px 0 14px;font-size:.85rem}.cut-deck{display:flex;justify-content:center;padding:18px 0 10px;margin-bottom:10px}.cut-deck__card{flex-shrink:0;width:30px;height:46px;margin-left:-23px;padding:0;border-radius:4px;border:0;background:var(--back-color) var(--back-image) center / 100% 100% no-repeat;box-shadow:-1px 0 2px #00000059;cursor:pointer;transition:transform .12s}.cut-deck__card:first-child{margin-left:0}.cut-deck__card.is-lifted{transform:translateY(-16px);box-shadow:0 0 0 2px var(--gold),-1px 4px 8px #00000073}.cut-deck__card.is-edge{cursor:default}.cut-deck__card:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.cut-waiting{display:flex;align-items:center;gap:12px}.cut-waiting__deck{position:relative;width:26px;height:36px}.table-page .cut-waiting__deck .playing-card{position:absolute;top:0;right:0;bottom:0;left:0;width:24px;height:34px;border-width:2px;border-radius:4px;animation:cut-wiggle 1.2s ease-in-out infinite}.table-page .cut-waiting__deck .playing-card+.playing-card{animation-delay:.6s}@keyframes cut-wiggle{50%{transform:translate(6px)}}.fireworks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.fireworks__burst{position:absolute;width:0;height:0}.fireworks__rocket{position:absolute;left:-2px;width:4px;height:14px;border-radius:2px;background:linear-gradient(to top,transparent,var(--color));animation:firework-rise 2.8s ease-out var(--delay) 3 both}.fireworks__spark{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--color);box-shadow:0 0 8px var(--color);opacity:0;animation:firework-spark 2.8s ease-out var(--delay) 3 both}@keyframes firework-rise{0%{transform:translateY(240px);opacity:0}5%{opacity:1}25%{transform:translateY(0);opacity:1}27%,to{transform:translateY(0);opacity:0}}@keyframes firework-spark{0%,25%{transform:rotate(var(--angle)) translate(0) scale(1);opacity:0}27%{opacity:1}60%{transform:rotate(var(--angle)) translate(var(--distance)) scale(.8);opacity:.9}80%,to{transform:rotate(var(--angle)) translate(var(--distance)) translateY(18px) scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){.fireworks{display:none}}.match-teams{display:grid;gap:6px;margin:4px 0 14px}.match-teams__team{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;font-weight:600;text-align:left}.match-teams__team small{margin-left:auto;font-weight:700}.match-teams__team--won{background:#f2c14e24;border:1px solid var(--gold)}.match-teams__team--won small{color:var(--gold)}.match-teams__team--lost{background:#00000040;border:1px solid var(--border);color:var(--muted)}.rematch__votes{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 12px;padding:0;list-style:none}.rematch__votes li{padding:3px 10px;border-radius:999px;background:#0000004d;font-size:.85rem;font-weight:600}.rematch__votes li.is-yes{background:#3ecf8e2e;color:#3ecf8e}.rematch__hint{margin:10px 0 0;font-size:.85rem}.table-page{--card-h: min(118px, 13vh, calc((100vw - 40px) / 4.1));--card-w: calc(var(--card-h) * .712);--hand-space: calc(var(--card-h) + 84px);max-width:1100px;height:calc(100vh - 65px);height:calc(100dvh - 65px);margin:0 auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}@media(max-width:640px){.table-page{padding:8px;gap:6px}}.table-page .playing-card{-webkit-user-select:none;user-select:none;width:var(--card-w);height:var(--card-h);border-radius:calc(var(--card-w) * .12)}.table-page .playing-card__pip{font-size:calc(var(--card-w) * .42)}.table-page .playing-card__corner{top:5px;left:7px;font-size:max(11px,calc(var(--card-w) * .17))}.table-page .playing-card__corner--bottom{top:auto;left:auto;bottom:5px;right:7px}.table-page .playing-card--mini{width:24px;height:34px;border-radius:4px;border-width:2px;margin-left:-15px;box-shadow:0 2px 6px #0006}.table-page .playing-card--mini:first-child{margin-left:0}.scorebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding:10px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.scorebar__score{display:flex;align-items:baseline;gap:8px}.scorebar__score strong{font-family:var(--font-display);font-size:1.4rem}.scorebar__contract{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.contract{padding:3px 12px;border-radius:999px;background:var(--card-face);color:var(--card-black);font-weight:700}.contract--red{color:var(--card-red)}.scorebar__meta{font-size:.9rem}.scorebar__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sound-menu{position:relative}.sound-menu__button{min-width:38px;font-size:1rem}.sound-menu__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;flex-direction:column;min-width:190px;padding:6px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 40px #00000080}.sound-menu__toggle{display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;font-weight:600;text-align:left;cursor:pointer}.sound-menu__toggle:hover,.sound-menu__toggle:focus-visible{background:var(--surface-2);outline:none}.sound-menu__toggle:not(.is-on){color:var(--muted)}.sound-menu__label{flex:1}.sound-menu__toggle.is-on .switch{background:#3ecf8e40;border-color:#3ecf8e}.sound-menu__toggle.is-on .switch:after{transform:translate(14px);background:#3ecf8e}.table-alert{padding:8px 14px;border-radius:12px;background:#ff7a591f;border:1px solid rgba(255,122,89,.4);text-align:center}.felt{position:relative;flex:1;min-height:360px;--center-y: calc((100% - var(--card-h)) / 2 + 3px);--panel-y: calc((100% - var(--hand-space)) / 2 + 8px);border-radius:48px;background:radial-gradient(ellipse at center,#1f5a52,#164440 55%,#10302e);border:1px solid var(--border);box-shadow:inset 0 0 90px #0000008c;overflow:hidden}@media(max-width:640px){.felt{border-radius:28px}}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.seat--top{top:14px;left:50%;transform:translate(-50%)}.seat--left{left:14px;top:var(--center-y);transform:translateY(-50%)}.seat--right{right:14px;top:var(--center-y);transform:translateY(-50%)}.seat__backs{display:flex;min-height:34px}.seat__info{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:#00000059;font-size:.9rem;font-weight:600;transition:box-shadow .2s}.seat__avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface-2);color:var(--text);font-weight:700;font-size:.8rem}.seat__name{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat__tag{font-size:.75rem;color:var(--gold)}.seat--turn .seat__info{box-shadow:0 0 0 2px var(--gold),0 0 0 7px #f2c14e2e}.seat--offline .seat__info{opacity:.6}.turn-timer{display:flex;align-items:center;gap:8px;width:120px;font-size:.8rem;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.turn-timer--wide{width:min(320px,90%)}.turn-timer__track{flex:1;height:6px;border-radius:999px;background:#0006;overflow:hidden}.turn-timer__bar{display:block;height:100%;border-radius:inherit;background:var(--gold);transition:width .2s linear}.turn-timer__text{min-width:3.4em;text-align:right}.turn-timer--low{color:var(--accent)}.turn-timer--low .turn-timer__bar{background:var(--accent)}.turn-timer--low .turn-timer__text{animation:timer-blink 1s steps(2) infinite}@keyframes timer-blink{50%{opacity:.35}}.bidding__auto{margin:12px 0 0;font-size:.85rem;color:var(--muted)}.bidding__auto--low{color:var(--accent);font-weight:700}.chip-dealer{padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.7rem;font-weight:700}.bid-bubble{padding:2px 10px;border-radius:10px;background:var(--card-face);color:var(--card-black);font-size:.85rem;font-weight:700;white-space:nowrap}@media(max-width:640px){.seat--left,.seat--right{max-width:96px}.seat__info{padding-right:8px;font-size:.8rem}.seat__name{max-width:52px}.seat .chip-dealer{display:none}}.announce-bubble{padding:2px 10px;border-radius:10px;background:var(--gold);color:#241a00;font-size:.85rem;font-weight:800;white-space:nowrap;box-shadow:0 0 0 3px #f2c14e40;animation:announce-pop .35s ease-out}@keyframes announce-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1)}}.announce-banners{position:absolute;left:50%;top:24%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;transform:translate(-50%);pointer-events:none}.announce-banner{padding:8px 20px;border-radius:999px;background:linear-gradient(180deg,#ffe08a,var(--gold));color:#241a00;font-family:var(--font-display);font-size:1.05rem;white-space:nowrap;box-shadow:0 10px 30px #00000073,0 0 0 4px #f2c14e40;animation:banner-show 2.5s ease-out both}.announce-banner--belot{background:linear-gradient(180deg,#ffb59c,var(--accent));color:#2a0d05;box-shadow:0 10px 30px #00000073,0 0 0 4px #ff7a594d}.announce-banner--belot:before{content:"♛ "}.announce-banner__points{font-family:var(--font-body);font-weight:800;opacity:.75}.announce-banner__note{display:block;margin-top:2px;font-family:var(--font-body);font-size:.78rem;font-weight:700;text-align:center;white-space:normal;opacity:.8}.result__cards{color:var(--muted);font-size:.85em}.verdict{font-size:.8rem;font-weight:700;white-space:nowrap}.verdict--counts{color:#6fe0ad}.result__decl--lost{opacity:.65}@keyframes banner-show{0%{opacity:0;transform:translateY(10px) scale(.7)}12%{opacity:1;transform:translateY(0) scale(1.08)}20%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-12px)}}@media(max-width:640px){.announce-banner{padding:6px 14px;font-size:.85rem}}.declare-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:8px 12px;border-radius:14px;background:#f2c14e1a;border:1px solid rgba(242,193,78,.4)}.declare-bar__title{font-size:.85rem;font-weight:700;color:var(--gold)}.declare-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.85rem;font-weight:700;cursor:pointer}.declare-chip.is-on{border-color:var(--gold);background:#f2c14e29}.declare-chip input{accent-color:var(--gold)}.declare-chip__points{color:var(--gold)}.declare-chip__cards{color:var(--muted);font-weight:500}.belot-help{margin:-4px 0 12px;font-size:.9rem}.belot-cancel{margin-top:8px}.trick{position:absolute;left:50%;top:min(var(--center-y),calc(100% - var(--hand-space) - var(--card-h) * .95 - 16px));width:0;height:0}.trick__slot{position:absolute;left:calc(var(--card-w) / -2);top:calc(var(--card-h) / -2);transform:translate(var(--pos-x),var(--pos-y)) rotate(var(--pos-rot));animation:card-throw .32s cubic-bezier(.2,.8,.3,1)}.trick__slot--bottom{--pos-x: 0px;--pos-y: calc(var(--card-h) * .42);--pos-rot: 0deg}.trick__slot--top{--pos-x: 0px;--pos-y: calc(var(--card-h) * -.42);--pos-rot: 0deg}.trick__slot--left{--pos-x: calc(var(--card-w) * -.8);--pos-y: 0px;--pos-rot: -8deg}.trick__slot--right{--pos-x: calc(var(--card-w) * .8);--pos-y: 0px;--pos-rot: 8deg}.trick__slot--winner{z-index:2}.table-page .trick__card--winner{box-shadow:0 0 0 3px var(--gold),0 12px 30px #00000073}@keyframes card-throw{0%{transform:translate(var(--from-x),var(--from-y)) scale(.6) rotate(calc(var(--pos-rot) * 3 + 12deg));opacity:.7}}.trick__name{position:absolute;left:50%;top:calc(100% + 3px);transform:translate(-50%);max-width:calc(var(--card-w) + 24px);padding:1px 8px;border-radius:999px;background:#0009;color:var(--text);font-size:.72rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.trick__slot--winner .trick__name{background:var(--gold);color:#241a00}@media(max-width:640px){.trick__name{font-size:.62rem;padding:0 6px}}.overlay{position:absolute;left:50%;top:var(--panel-y);transform:translate(-50%,-50%);z-index:3;width:min(360px,88%);max-height:calc(100% - var(--hand-space));overflow-y:auto;padding:18px;border-radius:16px;background:#0d171cf0;border:1px solid var(--border);box-shadow:0 20px 50px #00000080;text-align:center}.overlay h2{font-size:1.2rem}.overlay--small{width:auto;padding:10px 18px;white-space:nowrap}.overlay--result{width:min(400px,92%)}.overlay__title{font-weight:700;margin-bottom:12px}.overlay--bidding{width:min(380px,92%)}.highest-bid__who{color:var(--text)}.last-bid{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:#ff7a5929;box-shadow:inset 0 0 0 1px #ff7a5999;font-weight:600;animation:last-bid-in .3s ease-out}.last-bid__bid{font-weight:800}.last-bid__bid.is-red{color:#ff8a87}@keyframes last-bid-in{0%{transform:scale(.85);opacity:.4}}.bid-bubble--last{background:var(--accent);color:#1d0f0a;box-shadow:0 0 0 3px #ff7a594d}@media(max-width:640px){.overlay--bidding{padding:12px}}.bidding__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bid-btn{padding:10px;border:0;border-radius:10px;background:var(--card-face);color:var(--card-black);font-weight:700;cursor:pointer;transition:transform .1s,filter .1s}.bid-btn--red{color:var(--card-red)}.bid-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.bid-btn:disabled{opacity:.5}.bidding__row{display:flex;justify-content:center;gap:8px;margin-top:12px}.result__table th,.result__table td{text-align:center}.result__table td:first-child{text-align:left;font-weight:600;color:var(--muted)}.result__decl{list-style:none;padding:0;margin:0 0 14px;color:var(--muted);font-size:.9rem}.me{position:absolute;left:0;right:0;bottom:6px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.me>*{pointer-events:auto}.me__info{display:flex;align-items:center;gap:8px;min-height:28px;font-weight:600}.me__timer{display:flex;justify-content:center;width:100%;min-height:22px}.me__hint{color:var(--gold);font-size:.9rem}.hand{display:flex;justify-content:center;padding-top:14px}.hand__card{padding:0;border:0;background:none;margin-left:calc(var(--card-w) * -.32);transition:transform .15s,filter .15s}.hand__card:first-child{margin-left:0}.hand__card--legal{cursor:pointer}.hand__card--legal .playing-card{box-shadow:0 0 0 2px var(--gold),0 12px 30px #00000073}.hand__card--legal:hover,.hand__card--legal:focus-visible{transform:translateY(-14px);outline:none}.hand__card--illegal{filter:grayscale(1) brightness(.6);pointer-events:none}.hand__card--illegal .playing-card{background:#cfd2d4;box-shadow:none}:root{--bg: #0d171c;--bg-glow: #12323a;--surface: #14242b;--surface-2: #1b3039;--border: #26414b;--text: #f3efe6;--muted: #9db1b6;--accent: #ff7a59;--accent-hover: #ff9273;--gold: #f2c14e;--card-face: #fbf8f1;--card-black: #1b1d22;--card-red: #d63c43;--radius: 16px;--font-body: "Manrope", system-ui, sans-serif;--font-display: "Unbounded", "Manrope", sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:1.35rem}h3{font-size:1.1rem}p{margin:0 0 1em}a{color:inherit}button{font:inherit}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.page{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.eyebrow{color:var(--gold);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.75rem}.lead{color:var(--muted);font-size:1.15rem;max-width:34rem}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid transparent;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent);color:#1d0f0a}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--ghost:hover:not(:disabled){border-color:var(--muted)}.btn--small{padding:7px 16px;font-size:.9rem}.btn--large{padding:15px 34px;font-size:1.1rem}.header{position:sticky;top:0;z-index:10;background:#0d171cd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.15rem;text-decoration:none}.logo__mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--card-face);color:var(--card-black);font-size:.85rem;letter-spacing:-2px}.logo__mark--big{width:56px;height:56px;font-size:1.3rem;border-radius:14px;margin-bottom:16px}.nav{display:flex;align-items:center;gap:4px}.nav>a{padding:8px 14px;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:600}.nav>a:hover,.nav>a.active{color:var(--text);background:var(--surface-2)}.nav__account{display:flex;align-items:center;gap:10px;margin-left:12px}.nav__name{font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gold);color:#241a00;font-weight:700;object-fit:cover}.menu-toggle{display:none;flex-direction:column;gap:5px;padding:10px;background:none;border:0;cursor:pointer}.menu-toggle span{width:22px;height:2px;background:var(--text);border-radius:2px}@media(max-width:720px){.menu-toggle{display:flex}.nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;padding:12px 16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.nav--open{display:flex}.nav__account{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--border)}}.hero{background:radial-gradient(ellipse at 75% 40%,var(--bg-glow),transparent 60%);padding:72px 0 88px;overflow:hidden}.hero__inner{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}@media(max-width:860px){.hero{padding:48px 0 56px}.hero__inner{grid-template-columns:1fr}}.playing-card{position:relative;width:110px;height:154px;border-radius:12px;background:var(--card-face);color:var(--card-black);box-shadow:0 12px 30px #00000073;font-weight:700;flex-shrink:0}.playing-card--red{color:var(--card-red)}.playing-card__corner{position:absolute;top:8px;left:10px;font-size:1rem;line-height:1.05;text-align:center}.playing-card__corner--bottom{top:auto;left:auto;bottom:8px;right:10px;transform:rotate(180deg)}.playing-card__pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:3rem}.card-fan{position:relative;height:260px;display:flex;justify-content:center;align-items:flex-end}.card-fan .playing-card{position:absolute;bottom:20px;transform-origin:50% 120%;transform:rotate(calc(var(--i) * 12deg)) translateY(calc(var(--i) * var(--i) * 3px));transition:transform .25s}.card-fan:hover .playing-card{transform:rotate(calc(var(--i) * 16deg)) translateY(calc(var(--i) * var(--i) * 4px - 8px))}.section{padding:64px 0}.section--alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section__title{font-size:clamp(1.5rem,3.5vw,2rem);margin-bottom:28px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.game-card{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-decoration:none;overflow:hidden;transition:border-color .15s,transform .15s}a.game-card:hover{border-color:var(--accent);transform:translateY(-3px)}.game-card--disabled{opacity:.6}.game-card p{color:var(--muted);flex:1}.game-card__suit{position:absolute;right:-10px;bottom:-30px;font-size:9rem;line-height:1;color:var(--surface-2);pointer-events:none}.game-card__suit--red{color:#d63c4329}.game-card__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-card__head h3{margin:0 0 8px;font-size:1.3rem}.game-card__meta{position:relative;font-size:.85rem;font-weight:600;color:var(--gold)}.badge{padding:3px 12px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.8rem;font-weight:700;white-space:nowrap}.badge--live{background:var(--accent);color:#1d0f0a}.cookie-banner{position:fixed;left:16px;bottom:16px;z-index:70;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;max-width:min(560px,calc(100vw - 32px));padding:14px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 44px #0000008c}.cookie-banner p{flex:1 1 260px;margin:0;font-size:.9rem;color:var(--muted)}.cookie-banner__actions{display:flex;gap:8px}.contact{max-width:640px}.contact__form{display:flex;flex-direction:column;gap:16px}.contact__kinds{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0}.contact__kinds legend{margin-bottom:8px;font-weight:600}.contact__kind{padding:7px 14px;border-radius:999px;border:1px solid var(--border);font-weight:600;cursor:pointer}.contact__kind input{position:absolute;opacity:0;pointer-events:none}.contact__kind.is-selected{border-color:var(--gold);color:var(--gold);background:#f2c14e1a}.contact__kind:focus-within{outline:2px solid var(--gold);outline-offset:2px}.contact__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact__done{text-align:center}.about{max-width:820px}.about p{color:var(--muted);line-height:1.7}.about strong{color:var(--text)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}.feature__icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--surface-2);font-size:1.4rem;margin-bottom:14px}.feature p{color:var(--muted)}.game-hero{padding:64px 0;background:radial-gradient(ellipse at 80% 50%,var(--bg-glow),transparent 60%);border-bottom:1px solid var(--border)}.game-hero__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.game-hero__cards{display:flex;justify-content:center}.game-hero__cards .playing-card:nth-child(1){transform:rotate(-10deg) translate(30px)}.game-hero__cards .playing-card:nth-child(2){transform:translateY(-14px);z-index:1}.game-hero__cards .playing-card:nth-child(3){transform:rotate(10deg) translate(-30px)}.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 28px}.chips li{padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.9rem;font-weight:600}@media(max-width:760px){.game-hero__inner{grid-template-columns:1fr}.game-hero__cards{order:-1}.game-hero__cards .playing-card{width:84px;height:118px}.game-hero__cards .playing-card__pip{font-size:2.2rem}}.how-to{display:grid;gap:12px;max-width:820px;margin:0;padding-left:1.4em;color:var(--muted);line-height:1.6}.how-to li::marker{color:var(--gold);font-weight:700}.faq{max-width:820px}.faq__item{margin-bottom:10px;border-radius:14px;background:var(--bg);border:1px solid var(--border)}.faq__item summary{padding:14px 18px;font-weight:700;cursor:pointer}.faq__item[open] summary{color:var(--gold)}.faq__item p{margin:0;padding:0 18px 16px;color:var(--muted);line-height:1.6}.faq__cta{margin-top:14px}.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start}.panel{padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.panel__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.panel__head h2{margin:0}.list{list-style:none;padding:0;margin:0 0 16px}.list li{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:0}.list span{color:var(--muted);font-size:.95rem}.list strong{display:flex;justify-content:space-between;gap:12px}.list .points{color:var(--gold)}.table{width:100%;border-collapse:collapse;margin-bottom:16px}.table th,.table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-size:.85rem;font-weight:600}.table td:first-child{font-weight:700}.login{display:grid;place-items:center;padding-left:16px;padding-right:16px}.login__card{width:100%;max-width:420px;padding:36px 28px;border-radius:20px;background:var(--surface);border:1px solid var(--border);text-align:center}.login__card h1{font-size:1.6rem}.login__buttons{display:grid;gap:12px;margin-top:24px}.btn-social{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border-radius:12px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:filter .15s}.btn-social:hover{filter:brightness(1.06)}.btn-social--google{background:#fff;color:#1f1f1f;border-color:#dadce0}.btn-social--facebook{background:#1877f2;color:#fff}.notice{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#f2c14e1f;border:1px solid rgba(242,193,78,.35);color:var(--gold);font-size:.92rem;text-align:left}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.guest-form{display:grid;gap:10px}.guest-form input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}.guest-form input:focus{outline:2px solid var(--accent);outline-offset:1px}.lobby{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media(max-width:760px){.lobby{grid-template-columns:1fr}}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 16px;color:var(--muted)}.empty__icon{font-size:3rem;color:var(--border);margin-bottom:8px}.gold{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.gold__bar{width:24px;height:17px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.gold-menu{position:relative}.gold-menu__button{position:relative;display:inline-flex;align-items:center;padding:6px 12px;border:1px solid transparent;border-radius:999px;background:none;font:inherit;cursor:pointer;transition:background .15s,border-color .15s}.gold-menu__button:hover,.gold-menu__button[aria-expanded=true]{background:var(--surface);border-color:var(--border)}.gold-menu__dot{position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg);animation:gold-dot 1.6s ease-in-out infinite}@keyframes gold-dot{50%{transform:scale(1.35)}}.gold-menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:290px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 20px 50px #0000008c;animation:gold-panel-in .18s ease-out}.gold-menu__panel hr{width:100%;margin:4px 0;border:0;border-top:1px solid var(--border)}.gold-menu__panel .chest{width:100%;background:var(--bg)}.gold-menu__label{margin:0;color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.gold-menu__label--vip{margin-top:4px;color:#c48cff}.gold-menu__help{margin:0;font-size:.8rem}@keyframes gold-panel-in{0%{opacity:0;transform:translateY(-6px)}}@media(max-width:720px){.gold-menu__panel{right:auto;left:0;width:min(290px,calc(100vw - 32px))}}.gold-balance{position:relative;display:inline-flex;align-items:center}.gold-balance.is-down .gold{animation:gold-flash-down .9s ease-out}.gold-balance.is-up .gold{animation:gold-flash-up .9s ease-out}.gold-balance__change{position:absolute;left:50%;top:100%;padding:2px 8px;border-radius:999px;font-size:.8rem;font-weight:800;white-space:nowrap;pointer-events:none;animation:gold-change 2.6s ease-out both}.gold-balance.is-down .gold-balance__change{background:#ff7a592e;color:var(--accent)}.gold-balance.is-up .gold-balance__change{background:#3ecf8e2e;color:#3ecf8e}@keyframes gold-change{0%{opacity:0;transform:translate(-50%,-6px)}12%,75%{opacity:1;transform:translate(-50%,4px)}to{opacity:0;transform:translate(-50%,14px)}}@keyframes gold-flash-down{30%{color:var(--accent);transform:scale(1.12)}}@keyframes gold-flash-up{30%{color:#3ecf8e;transform:scale(1.12)}}.fee-charged{position:fixed;top:80px;left:50%;z-index:50;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border-radius:16px;background:var(--surface);border:1px solid var(--gold);box-shadow:0 16px 40px #00000080;animation:fee-in 4s ease-in-out both;pointer-events:none}.fee-charged>span:last-child{display:flex;flex-direction:column}.fee-charged strong{color:var(--accent);font-size:1.1rem}.fee-charged small{color:var(--muted)}.fee-charged__coin{width:44px;height:31px;flex-shrink:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));animation:fee-coin 1.4s ease-in-out .5s 2}@keyframes fee-in{0%{opacity:0;transform:translate(-50%,-14px) scale(.95)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-30px) scale(.9)}}@keyframes fee-coin{50%{transform:translateY(-5px) rotate(-8deg) scale(1.08)}}.gold--big{font-family:var(--font-display);font-size:1.35rem}.gold--big .gold__bar{width:34px;height:24px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(243,239,230,.2);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.footer{border-top:1px solid var(--border);padding:24px 0;color:var(--muted);font-size:.9rem}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.footer__links{display:flex;gap:20px}.footer a{text-decoration:none}.footer a:hover{color:var(--text)}