@layer base,components,responsive;@layer base{:root{color-scheme:dark;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;--bg: #191612;--bg-deep: #0f0d0b;--surface: #211e19;--surface-raised: #29251f;--line: rgba(242, 225, 193, .13);--line-strong: rgba(242, 225, 193, .24);--ink: #f2e9d8;--muted: #aaa092;--faint: #746d64;--gold: #d5a955;--gold-bright: #f2cd80;--red: #b84938;--red-bright: #d96754;--green: #376c51;--green-bright: #73b68e;--card-bg: #f5efe4;--card-ink: #17130f;--display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif}*{box-sizing:border-box}html{background:var(--bg-deep)}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),radial-gradient(circle at 50% -20%,rgba(180,125,63,.18),transparent 38%),var(--bg-deep);background-size:48px 48px,48px 48px,auto,auto}body:before{position:fixed;inset:0;z-index:-1;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 0 47%,rgba(255,255,255,.018) 47% 47.1%,transparent 47.1% 100%)}button,select,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}h1,h2,h3,p{text-wrap:pretty}}@layer components{.shell{width:min(1480px,100%);min-height:100vh;margin:0 auto;padding:18px clamp(14px,2.4vw,36px) 36px}.topbar{position:sticky;top:10px;z-index:40;min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:14px;padding:10px 12px;border:1px solid var(--line);border-radius:18px;background:#15120fe6;box-shadow:0 18px 50px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;gap:11px}.suit-mark{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid rgba(213,169,85,.38);border-radius:50%;background:#d5a955;color:#19120a;box-shadow:inset 0 0 0 4px #1a1611,inset 0 0 0 5px #d5a9559e}.suit-mark span{transform:translateY(-1px);font:1.3rem var(--display)}.game-wordmark{display:grid;gap:1px;line-height:1}.game-wordmark strong{font:700 1.28rem var(--display);letter-spacing:.02em}.game-wordmark span{color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.table-location{display:flex;align-items:center;gap:8px;color:var(--muted)}.table-location>span{width:7px;height:7px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 4px #73b68e1a}.table-location small{font-size:.72rem}.table-location strong{color:var(--ink);font-size:.72rem}.player-menu{position:relative;justify-self:end}.player-trigger{min-width:218px;display:flex;align-items:center;gap:10px;padding:5px 8px 5px 5px;border-radius:13px;color:var(--ink);background:transparent;text-align:left;transition:background .15s ease}.player-trigger:hover,.player-menu[data-open=true] .player-trigger{background:#ffffff0e}.player-identity{min-width:0;flex:1;display:grid;gap:2px}.player-kicker,.popover-eyebrow{color:var(--muted);font-size:.57rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.player-identity strong{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.connection-bar{width:62px;height:2px;overflow:hidden;border-radius:10px;background:#ffffff14}.connection-bar span{display:block;width:100%;height:100%}.connection-bar.connected span{background:var(--green-bright)}.connection-bar.disconnected span{background:var(--red-bright)}.menu-chevron{color:var(--muted);transition:transform .15s ease}.player-menu[data-open=true] .menu-chevron{transform:rotate(180deg)}.player-popover{position:absolute;top:calc(100% + 12px);right:0;z-index:50;width:min(350px,calc(100vw - 32px));padding:20px;border:1px solid var(--line-strong);border-radius:18px;background:#1a1612fa;box-shadow:0 24px 70px #0000008c;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.985);transform-origin:top right;transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.player-menu:hover .player-popover,.player-menu:focus-within .player-popover,.player-menu[data-open=true] .player-popover{opacity:1;visibility:visible;pointer-events:auto;transform:none}.popover-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.popover-player{min-width:0;display:flex;align-items:center;gap:10px}.popover-player>div{min-width:0}.popover-heading h2{max-width:150px;margin:3px 0 0;overflow:hidden;font:700 1.1rem var(--display);text-overflow:ellipsis;white-space:nowrap}.connection-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:99px;font-size:.66rem;font-weight:800}.connection-badge span{width:6px;height:6px;border-radius:50%}.connection-badge.connected{color:#a9d9bd;background:#376c5138}.connection-badge.connected span{background:var(--green-bright)}.connection-badge.disconnected{color:#efa397;background:#b8493829}.connection-badge.disconnected span{background:var(--red-bright)}.session-details{display:grid;margin:8px 0 0}.session-details div{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045)}.session-details div:last-child{border-bottom:0;padding-bottom:0}.session-details dt{color:var(--muted);font-size:.75rem}.session-details dd{margin:0;overflow-wrap:anywhere;font-size:.78rem;font-weight:700;text-align:right}.multiplayer-shell{display:grid;gap:14px}.home-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:0 8px;overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#191612c7;scrollbar-width:none}.home-nav::-webkit-scrollbar{display:none}.home-nav button{position:relative;min-width:max-content;padding:15px 12px 13px;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font-size:.74rem;font-weight:700}.home-nav button>span{margin-right:8px;color:var(--faint);font:italic .62rem var(--display)}.home-nav button i{position:absolute;top:9px;width:5px;height:5px;margin-left:4px;border-radius:50%;background:var(--red-bright)}.home-nav button.active{border-bottom-color:var(--gold);color:var(--ink)}.panel,.table,.opponent{border:1px solid var(--line);border-radius:18px;background:#1f1b16eb}.panel{padding:20px}.panel h2,.hand h2,.opponent h3{margin:0;font-family:var(--display)}.panel p{color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:var(--gold);font-size:.63rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.eyebrow>span{width:26px;height:1px;background:currentColor}.home-hero{position:relative;min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);grid-template-rows:1fr auto;gap:26px clamp(34px,5vw,90px);padding:clamp(34px,5vw,76px) clamp(28px,6vw,92px) 0;overflow:hidden;background:radial-gradient(circle at 72% 36%,rgba(111,72,36,.24),transparent 29%),linear-gradient(130deg,rgba(255,255,255,.02),transparent 42%),#1c1915}.home-hero:before{position:absolute;top:34px;right:35%;bottom:118px;width:1px;content:"";background:linear-gradient(transparent,var(--line),transparent)}.hero-copy{align-self:center;padding-bottom:20px}.hero-copy h1,.section-heading h1,.empty-state h1,.profile-card h1,.result-screen h1{margin:0;font:600 clamp(3.2rem,6.2vw,6.9rem)/.84 var(--display);letter-spacing:-.055em}.hero-copy h1 em{color:var(--gold-bright);font-weight:400}.hero-copy>p{max-width:610px;margin:26px 0 30px;color:var(--muted);font-size:1rem;line-height:1.75}.hero-actions{display:grid;grid-template-columns:minmax(245px,1.25fr) 1fr;gap:10px;max-width:670px}.hero-actions button,.lobby-actions button,.section-heading>button,.lobby-card button,.result-screen>button,.empty-state>button{min-height:48px;margin:0;padding:12px 16px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#ffffff0a;font-weight:800;transition:transform .15s ease,border-color .15s ease,background .15s ease}.hero-actions button:hover,.lobby-actions button:hover,.section-heading>button:hover,.lobby-card button:hover{transform:translateY(-2px);border-color:var(--line-strong);background:#ffffff12}.hero-actions .primary-action{min-height:88px;grid-row:span 2;grid-template-columns:1fr auto;align-content:center;gap:3px 18px;padding:18px 20px;border-color:transparent;color:#21160c;background:var(--gold);text-align:left}.primary-action>span:first-child{font:700 1.05rem var(--display)}.primary-action .action-arrow{grid-row:span 2;font-size:1.4rem}.primary-action small{grid-column:1;font-size:.61rem;opacity:.7}.hero-actions .primary-action:hover{background:var(--gold-bright)}.hero-actions .primary-action:disabled{opacity:.45}.hero-actions .text-action{border-color:transparent;color:var(--muted);background:transparent;text-align:left}.text-action span{float:right}.hero-game{position:relative;align-self:center;min-height:410px;display:grid;place-items:center}.hero-game:before,.hero-game:after{position:absolute;content:"";border-radius:50%}.hero-game:before{width:350px;height:350px;border:1px solid rgba(213,169,85,.09)}.hero-game:after{width:280px;height:280px;border:1px solid rgba(213,169,85,.07)}.hero-table-surface{position:relative;z-index:1;width:min(400px,90%);aspect-ratio:1.3;border:10px solid #362c22;border-radius:50%;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.05),transparent 40%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 6px),#254c3a;box-shadow:inset 0 0 0 2px #00000061,inset 0 -40px 90px #0000003d,0 35px 70px #0006;transform:perspective(800px) rotateX(8deg) rotate(-2deg)}.preview-seat{position:absolute;display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:30px;color:#d9d1c4;background:#211d18;box-shadow:0 8px 18px #0000003d;font-size:.6rem;font-weight:800}.preview-seat i{width:15px;height:15px;border-radius:50%;background:linear-gradient(145deg,#bd9e6f,#54422c)}.preview-seat.north{top:-15px;left:50%;transform:translate(-50%)}.preview-seat.south{bottom:-15px;left:50%;transform:translate(-50%);border-color:#d5a95585}.preview-seat.west{top:50%;left:-22px;transform:translateY(-50%)}.preview-seat.east{top:50%;right:-22px;transform:translateY(-50%)}.preview-trick{position:absolute;inset:50% auto auto 50%;width:118px;height:92px;transform:translate(-50%,-50%)}.preview-card{position:absolute;width:48px;height:70px;padding:6px;border-radius:7px;background:#f4eee3;box-shadow:0 6px 14px #00000047;font:800 .8rem Georgia,serif}.preview-card small{display:block;font-size:.76rem}.preview-card.red{color:#b94338}.preview-card.black{color:#181410}.preview-card:nth-child(1){left:5px;top:8px;transform:rotate(-16deg)}.preview-card:nth-child(2){left:40px;top:0;transform:rotate(3deg)}.preview-card:nth-child(3){left:73px;top:11px;transform:rotate(18deg)}.preview-hokm{position:absolute;top:15px;right:15%;color:#ffffff80;font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.preview-hokm strong{color:var(--gold-bright);font-size:1rem}.hero-game>p{position:absolute;right:0;bottom:-3px;z-index:2;display:grid;gap:2px;margin:0;padding:10px 14px;border-left:2px solid var(--red);color:var(--ink);background:#191612e0}.hero-game>p span{color:var(--muted);font-size:.57rem;letter-spacing:.14em;text-transform:uppercase}.hero-game>p strong{font:600 .86rem var(--display)}.pool-preview{grid-column:1 / -1;min-height:108px;display:grid;grid-template-columns:repeat(3,minmax(100px,.5fr)) minmax(220px,1fr);margin:0 calc(clamp(28px,6vw,92px)*-1);border-top:1px solid var(--line);background:#0a090740}.pool-preview>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:20px clamp(18px,2.7vw,38px);border-right:1px solid var(--line)}.pool-preview strong{color:var(--ink);font:500 2.35rem var(--display)}.pool-preview sup{color:var(--gold);font-size:.8rem}.pool-preview span{color:var(--muted);font-size:.65rem;line-height:1.45;text-transform:uppercase}.pool-preview .club-note{grid-template-columns:auto 1fr;border-right:0}.club-note>span{font:2rem var(--display);color:var(--gold)}.club-note p{display:grid;gap:4px;margin:0;color:var(--muted);font-size:.68rem}.club-note p strong{color:var(--green-bright);font:800 .75rem Avenir Next,sans-serif;text-transform:uppercase}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.section-heading h1{font-size:clamp(2.2rem,4vw,4rem);line-height:.95}.section-heading>button{min-height:38px;padding:8px 13px}.lobby-layout,.ranking-layout,.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px;align-items:start}.lobby-main,.browser-panel,.ranking-main,.profile-card,.history-card,.empty-state{min-height:500px;padding:clamp(24px,4vw,48px)}.privacy-pill,.team-badge,.lobby-code{padding:6px 10px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:#ffffff09;font-size:.65rem;font-weight:800;white-space:nowrap}.privacy-pill.public{border-color:#73b68e40;color:#a9d9bd;background:#376c5129}.queue-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:18px;padding:16px;border:1px solid rgba(213,169,85,.25);border-radius:12px;background:#d5a9550f}.queue-card p{margin:3px 0 0;font-size:.76rem}.queue-card button{padding:8px 12px;border-radius:8px;color:var(--ink);background:#ffffff12}.queue-spinner{width:24px;height:24px;border:2px solid rgba(213,169,85,.18);border-top-color:var(--gold);border-radius:50%;animation:queue-spin .8s linear infinite}@keyframes queue-spin{to{transform:rotate(360deg)}}.party-members{display:grid;gap:8px}.party-member{min-height:70px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:#ffffff06}.party-member.is-ready{border-color:#73b68e3d;background:#376c5117}.party-member.offline{opacity:.55}.party-member.open{grid-template-columns:auto 1fr;border-style:dashed}.party-member-name{min-width:0;display:grid;gap:3px}.party-member-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-member small{color:var(--muted);font-size:.7rem}.open-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px dashed var(--line-strong);border-radius:50%;color:var(--muted)}.party-member select{padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#242019}.party-member .icon-button{width:30px;height:30px;margin:0;padding:0;border-radius:50%;color:#efa397;background:#b849381f}.lobby-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.lobby-actions .ready{border-color:transparent;color:#151c17;background:var(--green-bright)}.lobby-actions .ready.active{box-shadow:0 0 0 3px #73b68e1f}.lobby-actions .subtle-danger{color:#efa397}.lobby-settings,.score-rules{padding:22px}.lobby-settings h2,.score-rules h2,.history-card h2{margin:0 0 18px;font:700 1.35rem var(--display)}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}.toggle-row>span{display:grid;gap:3px}.toggle-row small{color:var(--muted)}.toggle-row input{width:20px;height:20px;accent-color:var(--green-bright)}.lobby-note{margin:18px 0;padding:14px;border-left:2px solid var(--gold);background:#ffffff06}.lobby-note p{margin:7px 0 0;font-size:.8rem;line-height:1.55}.lobby-facts{margin:0}.lobby-facts div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}.lobby-facts dt{color:var(--muted)}.lobby-facts dd{margin:0;font-weight:800;text-transform:capitalize}.lobby-list{display:grid;gap:8px}.lobby-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:#ffffff06}.lobby-card>div{min-width:0;display:grid;gap:4px}.lobby-card small{color:var(--muted)}.lobby-card button{min-height:38px;padding:8px 14px;border:0;color:#21160c;background:var(--gold)}.empty-inline{padding:54px 20px;color:var(--muted);text-align:center}.empty-inline p{margin-bottom:0}.ranking-table{display:grid}.ranking-row{display:grid;grid-template-columns:65px minmax(0,1fr) 80px 70px;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.05)}.ranking-row.heading{color:var(--muted);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ranking-row.current{border-left:2px solid var(--gold);background:#d5a9550f}.rank-player{min-width:0;display:flex;align-items:center;gap:9px}.rank-player .player-avatar{width:34px;height:34px;flex-basis:34px}.rank-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-rules>p{margin:0;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}.score-rules>p strong{color:var(--gold)}.my-rank{display:grid;gap:4px;margin-top:20px;padding:18px;border:1px solid rgba(213,169,85,.18);background:#d5a9550d}.my-rank small,.my-rank span{color:var(--muted)}.my-rank strong{color:var(--gold-bright);font:600 2.3rem var(--display)}.profile-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.profile-card{min-height:0;display:grid;justify-items:center;align-content:start;gap:16px;text-align:center}.profile-card>.player-avatar{width:84px;height:84px;flex-basis:84px;font-size:1.2rem}.profile-card h1{font-size:2.8rem}.profile-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.profile-stats div{display:grid;gap:4px;padding:13px 7px;border:1px solid var(--line)}.profile-stats strong{color:var(--gold-bright)}.profile-stats small{color:var(--muted);font-size:.62rem}.history-card{min-height:0}.history-row{display:grid;grid-template-columns:50px minmax(0,1fr) 45px 70px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.history-row .win{color:#a9d9bd;font-weight:800}.history-row .loss{color:#efa397;font-weight:800}.history-row small{color:var(--muted);text-align:right}.empty-state{display:grid;place-content:center;justify-items:center;text-align:center}.empty-state h1{font-size:3.1rem}.empty-state p{max-width:480px;line-height:1.55}.result-screen{width:min(720px,100%);min-height:570px;margin:0 auto;display:grid;place-content:center;justify-items:center;gap:20px;padding:48px;text-align:center}.result-screen h1{font-size:clamp(3rem,7vw,5.5rem)}.result-score{display:flex;align-items:center;gap:20px}.result-score strong{color:var(--gold-bright);font:600 3.5rem var(--display)}.result-score span{color:var(--muted)}.point-change{padding:9px 14px;border:1px solid rgba(115,182,142,.2);border-radius:99px;color:#a9d9bd;background:#376c511f;font-weight:800}.table-wrap{display:grid;grid-template-columns:286px 1fr;gap:14px}.sidebar,.table{display:grid;gap:12px}.match-status{margin:8px 0 14px}.match-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.match-summary>span{min-width:0;display:grid;gap:3px;padding:9px 10px;border:1px solid rgba(255,255,255,.045);background:#ffffff06}.match-summary small{color:var(--muted);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.match-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel button,.suit-btn{width:100%;margin-top:10px;padding:11px;border-radius:8px;background:var(--gold);color:#21160c;font-weight:800}.panel button:disabled,.card:disabled{opacity:.38}.turn-note{margin:12px 0 0;font-size:.7rem}.forfeit-button{margin-top:10px}.seat-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.045)}.seat-player{min-width:0;display:flex;align-items:center;gap:8px}.seat-player>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-team{color:var(--muted);font-size:.72rem}.seat-row.active{color:var(--gold-bright)}.seat-row.active:before{width:4px;height:4px;content:"";border-radius:50%;background:var(--gold)}.player-avatar{--avatar-hue: 145;width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;overflow:hidden;border:1px solid hsla(var(--avatar-hue),35%,66%,.7);border-radius:50%;background:linear-gradient(145deg,hsl(var(--avatar-hue),30%,42%),hsl(var(--avatar-hue),33%,22%));box-shadow:0 4px 12px #00000040;color:#fff;font-size:.68rem;font-weight:900}.player-avatar img{width:100%;height:100%;object-fit:cover}.player-avatar.bot-avatar{border-color:#d5a95580;background:linear-gradient(145deg,#8e713d,#352718);color:var(--gold-bright);font-size:.95rem}.suit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.suit-btn.selected{outline:2px solid var(--ink);outline-offset:2px}.table{min-height:730px;padding:18px;grid-template-rows:1fr auto;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.04),transparent 28%),repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 7px),#173629;box-shadow:inset 0 0 90px #00000061}.table-arena{position:relative;min-height:480px;display:grid;place-items:center}.opponent{position:absolute;width:190px;min-height:145px;display:grid;gap:10px;padding:14px;background:#151914d1;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.opponent-meta p{margin:5px 0 0;color:var(--muted);font-size:.72rem}.opponent-identity{min-width:0;display:flex;align-items:center;justify-content:center;gap:9px}.opponent-identity>div{min-width:0}.opponent-identity h3,.opponent-identity p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-seat{border-color:#d5a9559e;box-shadow:0 0 0 4px #d5a95512}.seat-top{top:0;left:50%;transform:translate(-50%)}.seat-left{top:50%;left:0;transform:translateY(-50%)}.seat-right{top:50%;right:0;transform:translateY(-50%)}.played-card{min-height:58px;display:grid;place-items:center;padding:9px;border:1px dashed rgba(255,255,255,.09);color:var(--muted);background:#0000001f;font-size:.7rem;font-weight:800}.played-card.shown-card{padding:7px;border-style:solid}.center-pot{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;transform:translate(-50%,-50%)}.felt{width:min(420px,35vw);aspect-ratio:1;border:1px solid rgba(242,225,193,.12);border-radius:50%;background:radial-gradient(circle,rgba(242,225,193,.05),transparent 66%)}.status-chip{position:absolute;max-width:240px;padding:9px 13px;border:1px solid rgba(213,169,85,.24);border-radius:99px;color:var(--ink);background:#161b16e6;font-size:.72rem;text-align:center}.hand{display:grid;gap:10px;overflow:hidden}.hand-heading{display:flex;align-items:center;gap:8px}.hand-heading .player-avatar{width:30px;height:30px;flex-basis:30px}.cards{display:flex;flex-wrap:nowrap;justify-content:center;align-items:end;gap:0;padding:10px 14px 18px;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.cards::-webkit-scrollbar{display:none}.hand-card-wrap{flex:0 0 auto;margin-left:-18px;transform-origin:center 88%;transition:transform .14s ease}.hand-card-wrap:first-child{margin-left:0}.hand-card-wrap:hover,.hand-card-wrap:focus-within{transform:translateY(-7px) scale(1.02)!important}.card{position:relative;width:72px;height:104px;display:block;padding:6px;border:1px solid rgba(28,22,16,.18);border-radius:9px;color:var(--card-ink);background:var(--card-bg);box-shadow:inset 0 1px #ffffffe6,0 7px 18px #0000003d;transition:transform .14s ease,box-shadow .14s ease}.card:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.card.hearts,.card.diamonds{color:#b63e34}.compact-card{width:58px;height:84px;border-radius:7px}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.92}.corner.top{top:6px;left:7px}.corner.bottom{right:7px;bottom:6px;transform:rotate(180deg)}.rank{font:700 .95rem Georgia,serif}.suit{font-size:.88rem}.pips{position:absolute;inset:18px 16px}.pip,.face-card,.ace-card{position:absolute;display:grid;place-items:center}.pip{left:0;width:100%;font-size:1rem;line-height:1}.pip-0{top:0;left:0;width:50%}.pip-1{top:0;left:50%;width:50%}.pip-2{top:0;right:0;left:auto;width:50%}.pip-3{top:23%;left:0;width:50%}.pip-4{top:23%;left:25%;width:50%}.pip-5{top:23%;right:0;left:auto;width:50%}.pip-6{top:56%;left:0;width:50%}.pip-7{top:56%;right:0;left:auto;width:50%}.pip-8{bottom:0;left:0;width:50%}.pip-9{right:0;bottom:0;left:auto;width:50%}.face-card,.ace-card{inset:24px 14px;font-family:var(--display);font-weight:700}.face-card{font-size:2rem}.ace-card{font-size:2.35rem}.compact-card .corner.top{top:5px;left:6px}.compact-card .corner.bottom{right:6px;bottom:5px}.compact-card .rank{font-size:.78rem}.compact-card .suit{font-size:.72rem}.compact-card .pips{inset:15px 12px}.compact-card .pip{font-size:.82rem}.compact-card .face-card,.compact-card .ace-card{inset:20px 10px}.compact-card .face-card{font-size:1.6rem}.compact-card .ace-card{font-size:1.9rem}.game-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}.game-picker button{min-height:76px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:0 10px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#ffffff06;text-align:left}.game-picker button.active{border-color:#d5a95594;background:#d5a9551a;box-shadow:inset 0 0 0 1px #d5a9551a}.game-picker button>span{grid-row:1 / 3;color:var(--gold-bright);font:600 2rem var(--display)}.game-picker button strong{align-self:end}.game-picker button small{align-self:start;color:var(--muted)}.preview-checker{width:58px;height:58px;border:5px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 7px 18px #00000059}.preview-checker.light{background:#eee1c6}.preview-checker.dark{margin-left:-20px;background:#aa5a36}.preview-dice{margin-left:10px;color:var(--gold-bright);font-size:2.2rem}.nard-shell{width:min(1180px,100%);margin:0 auto;display:grid;gap:12px}.nard-matchbar{min-height:88px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:13px 18px}.nard-player{min-width:0;display:flex;align-items:center;gap:10px}.nard-player>span{min-width:0;display:grid;gap:2px}.nard-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nard-player small,.nard-status small{color:var(--muted);font-size:.65rem}.me-player{justify-content:flex-end;text-align:right}.nard-status{display:grid;justify-items:center;gap:3px;text-align:center}.nard-status>strong{max-width:340px;font-size:.82rem}.nard-board{min-height:610px;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;gap:8px;padding:14px;border:10px solid #4c2b1e;border-radius:18px;background:linear-gradient(135deg,#7c4930,#3d2118);box-shadow:inset 0 0 0 2px #f2cd8040,inset 0 0 35px #00000073,0 24px 50px #00000057}.nard-playing-surface{position:relative;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 54px minmax(0,1fr);overflow:hidden;border:2px solid rgba(34,18,12,.8);border-radius:8px;background:#dfbd7a;box-shadow:inset 0 0 45px #411c0d40}.nard-point-row{min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.nard-point{position:relative;min-width:0;min-height:230px;display:flex;justify-content:center;padding:4px;border-radius:0;color:#4a2b1d;background:transparent}.nard-point:before{position:absolute;inset:0 3px;content:"";background:#713523;opacity:.93;clip-path:polygon(0 0,100% 0,50% 94%);filter:drop-shadow(0 2px 1px rgba(0,0,0,.15))}.nard-point:nth-child(2n):before{background:#ead9ac}.bottom-row .nard-point{align-items:end}.bottom-row .nard-point:before{clip-path:polygon(50% 6%,100% 100%,0 100%)}.nard-point:nth-child(7){border-left:10px solid #4c2b1e}.nard-point.selected:after,.nard-point.legal-source:after,.nard-point.legal-destination:after{position:absolute;inset:5px;z-index:1;content:"";border:2px solid rgba(46,104,72,.9);border-radius:99px;pointer-events:none}.nard-point.selected:after{border-color:var(--gold-bright);box-shadow:0 0 0 4px #f2cd8029}.nard-point.legal-destination:after{inset:auto 50% 36%;width:13px;height:13px;transform:translate(50%);border:0;background:#36764e;box-shadow:0 0 0 5px #36764e2e}.bottom-row .nard-point.legal-destination:after{top:36%;bottom:auto}.point-number{position:absolute;z-index:2;top:2px;color:#2d180e94;font-size:.56rem;font-weight:900}.bottom-row .point-number{top:auto;bottom:2px}.checker-stack{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;padding-top:5px}.bottom-row .checker-stack{flex-direction:column-reverse;padding-top:0;padding-bottom:5px}.checker{width:clamp(24px,3.2vw,38px);height:clamp(24px,3.2vw,38px);display:grid;place-items:center;margin-top:-5px;border:3px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 3px 7px #00000061,inset 0 0 0 2px #0000001a;font-size:.65rem;font-style:normal;font-weight:900}.checker-0{color:#543421;background:#f0e2c5}.checker-1{color:#ffe6bb;background:#9d4c2f}.nard-center-strip{position:relative;z-index:5;display:grid;place-items:center;border-block:4px solid #4c2b1e;background:#4c2b1e21}.nard-bar-side{position:absolute;top:calc(-1*(50vh - 27px));bottom:calc(-1*(50vh - 27px));left:50%;width:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transform:translate(-50%);border-inline:4px solid #4c2b1e;background:#65402c;cursor:pointer}.nard-bar-side small{color:#ffffffa6;font-size:.55rem;text-transform:uppercase;writing-mode:vertical-rl}.nard-bar-side.legal-source{box-shadow:inset 0 0 0 2px var(--green-bright)}.nard-bar-side.selected{box-shadow:inset 0 0 0 3px var(--gold-bright)}.checker-stack.compact .checker{width:28px;height:28px}.nard-dice{position:relative;z-index:7;display:flex;gap:8px;padding:5px 12px;border-radius:10px;background:#2b180fdb;box-shadow:0 6px 18px #00000047}.nard-dice span{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;color:#352214;background:#f2e5ca;font:800 1rem var(--display);box-shadow:inset 0 0 0 2px #55311b33}.nard-dice .dice-empty{color:var(--muted);background:#ffffff14}.bear-off-tray{min-width:0;display:grid;place-content:center;justify-items:center;gap:6px;border:2px solid rgba(25,13,9,.55);border-radius:7px;color:#ead9b6;background:#27140e59}.bear-off-tray small{font-size:.56rem;letter-spacing:.12em;text-transform:uppercase}.bear-off-tray strong{font:600 1.8rem var(--display)}.bear-off-tray .checker{width:30px;height:30px}.bear-off-tray.legal-destination{outline:3px solid var(--green-bright);outline-offset:-6px}.nard-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 16px}.nard-controls>div:first-child{display:grid;gap:2px}.nard-controls small{color:var(--muted)}.nard-control-actions{display:flex;gap:7px}.nard-controls .nard-control-actions button{width:auto;min-width:92px;margin:0}.nard-controls .primary-action.compact{min-height:0;grid-template-columns:1fr}.simple-home{min-height:calc(100dvh - 112px);display:grid;place-items:center}.simple-hero{width:min(920px,100%);padding:clamp(28px,5vw,58px)}.simple-hero>h1{margin:8px 0 30px;font:500 clamp(3rem,7vw,6.2rem)/.9 var(--display)}.simple-game-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.simple-game-picker button{min-height:160px;display:grid;place-items:center;gap:5px;padding:24px;border:1px solid var(--line);color:var(--ink);background:#ffffff06}.simple-game-picker button.active{border-color:#d5a955b8;background:linear-gradient(145deg,#d5a95521,#ffffff06);box-shadow:inset 0 0 0 1px #d5a9552e}.simple-game-picker .game-symbol{color:var(--gold-bright);font-size:2.8rem}.simple-game-picker strong{font:600 1.8rem var(--display)}.simple-game-picker small,.simple-actions small{color:var(--muted)}.simple-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.simple-actions button{min-height:92px;display:grid;align-content:center;gap:4px;margin:0;border:1px solid var(--line);color:var(--ink);background:#ffffff0a;text-align:left}.simple-actions button.primary-action{color:#21160c;background:var(--gold)}.simple-actions button.primary-action small{color:#21160cad}.simple-actions button>span{font-size:1rem;font-weight:800}.join-room{width:min(920px,100%);min-height:600px;padding:clamp(22px,4vw,44px)}.code-join{max-width:560px;display:grid;gap:8px;margin:28px 0 38px}.code-join label{color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.code-join>div{display:grid;grid-template-columns:1fr auto;gap:8px}.code-join input{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#0003;font:800 .9rem var(--sans);letter-spacing:.12em;text-transform:uppercase}.code-join button{width:auto;margin:0}.room-list-heading{margin-bottom:14px}.room-list-heading h2{margin-top:3px;font-size:1.4rem}.queue-simple{width:min(520px,100%);display:grid;justify-items:center;gap:12px;padding:54px 30px;text-align:center}.queue-simple h1{font:500 3.5rem/.95 var(--display)}.queue-simple p{margin:0 0 10px;color:var(--muted)}.queue-simple .queue-spinner{width:46px;height:46px}.friend-room{width:min(820px,100%);padding:clamp(24px,5vw,48px)}.nard-lobby-sides{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin:38px 0}.nard-lobby-sides:after{grid-column:2;grid-row:1;content:"VS";color:var(--gold-bright);font:700 1rem var(--display)}.nard-lobby-player{min-height:190px;display:grid;place-items:center;align-content:center;gap:8px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#ffffff06;text-align:center}.nard-lobby-player:nth-child(2){grid-column:3}.nard-lobby-player .player-avatar,.nard-lobby-player .open-avatar{width:68px;height:68px;flex-basis:68px;font-size:1rem}.nard-lobby-player small,.waiting-note{color:var(--muted)}.room-shell{display:grid;gap:12px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 28px}.room-heading h1{margin:5px 0;font:500 2.8rem/.95 var(--display)}.room-heading p{max-width:660px;margin:0;color:var(--muted)}.room-heading-actions{min-width:275px;display:grid;gap:8px}.compact-toggle{padding:8px 10px;border:1px solid var(--line);border-radius:9px}.room-builder{position:relative;min-height:690px;padding:28px;overflow:hidden}.team-label{display:none}.team-label.team-a{left:27%;transform:translate(-50%,-50%)}.team-label.team-b{right:27%;transform:translate(50%,-50%)}.seat-layout{width:min(760px,100%);min-height:440px;display:grid;grid-template:130px 150px 130px / repeat(3,minmax(170px,1fr));gap:18px;align-items:stretch;margin:0 auto 20px}.lobby-seat{min-width:0;display:grid;align-content:center;justify-items:center;gap:8px;padding:12px;border:1px dashed rgba(255,255,255,.18);border-radius:13px;background:#ffffff05;text-align:center;transition:border-color .12s ease,background .12s ease}.lobby-seat.position-0{grid-column:2;grid-row:3}.lobby-seat.position-1{grid-column:1;grid-row:2}.lobby-seat.position-2{grid-column:2;grid-row:1}.lobby-seat.position-3{grid-column:3;grid-row:2}.lobby-seat.can-drop{border-color:#d5a955a6;background:#d5a9550f;cursor:pointer}.lobby-seat>small{color:var(--muted);font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.draggable-member{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:9px;margin:0;padding:9px;border:1px solid var(--line);color:var(--ink);background:#ffffff0b;text-align:left;cursor:grab}.panel .draggable-member{color:var(--ink);background:#ffffff0b}.draggable-member.selected{outline:2px solid var(--gold-bright)}.draggable-member.offline{opacity:.55}.draggable-member span:last-child{min-width:0;display:grid;gap:2px}.draggable-member strong,.draggable-member small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draggable-member small{color:var(--muted);font-size:.58rem}.open-seat,.bot-member{display:grid;justify-items:center;gap:7px}.open-seat>span,.bot-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--gold-bright);background:#ffffff0f;font-size:.68rem;font-weight:900}.open-seat button,.bot-member button{margin:0;padding:6px 9px;font-size:.62rem}.waiting-tray{min-height:86px;display:grid;grid-template-columns:minmax(150px,.55fr) 1fr;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:#00000024}.waiting-tray>div:first-child{display:grid;gap:3px}.waiting-tray small{color:var(--muted)}.waiting-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.panel button.subtle-danger{color:#efa397;background:#b849381f}}@layer responsive{@media(max-width:1020px){.home-hero{grid-template-columns:1fr minmax(330px,.8fr);padding-inline:42px}.pool-preview{margin-inline:-42px}.hero-copy h1{font-size:clamp(3.4rem,7vw,5.4rem)}.table-wrap{grid-template-columns:1fr}.sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.trump-panel{grid-column:1 / -1}.table{min-height:820px}}@media(max-width:820px){.topbar{grid-template-columns:1fr auto}.table-location{display:none}.home-nav{grid-template-columns:repeat(5,auto)}.home-nav button{padding-inline:18px}.home-hero{min-height:0;grid-template-columns:1fr;padding:48px 28px 0}.home-hero:before{display:none}.hero-copy{padding-bottom:0}.hero-game{min-height:380px}.pool-preview{margin-inline:-28px;grid-template-columns:repeat(3,1fr)}.pool-preview .club-note{grid-column:1 / -1;min-height:76px;border-top:1px solid var(--line)}.lobby-layout,.ranking-layout,.profile-layout{grid-template-columns:1fr}.lobby-settings,.score-rules{order:-1}.nard-board{min-height:520px;grid-template-columns:54px minmax(0,1fr) 54px;padding:8px;border-width:7px}.nard-point{min-height:190px}.nard-point:nth-child(7){border-left-width:7px}.nard-matchbar{grid-template-columns:1fr 1fr}.nard-status{grid-column:1 / -1;grid-row:1}.nard-player{grid-row:2}.nard-controls{align-items:stretch;flex-direction:column}.nard-control-actions{display:grid;grid-template-columns:repeat(5,1fr)}.nard-controls .nard-control-actions button{min-width:0}.simple-home{min-height:calc(100dvh - 90px)}.room-heading{align-items:stretch;flex-direction:column}.room-heading-actions{min-width:0;grid-template-columns:1fr 1fr}.seat-layout{grid-template:120px 130px 120px / repeat(3,minmax(120px,1fr));gap:10px}.team-label{display:none}.room-builder{min-height:640px;padding-inline:14px}}@media(max-width:560px){.shell{padding:8px}.topbar{position:relative;top:auto;min-height:60px;margin-bottom:8px;padding:7px;border-radius:14px}.suit-mark{width:38px;height:38px;flex-basis:38px}.game-wordmark strong{font-size:1.05rem}.player-menu{min-width:0}.player-trigger{min-width:0;padding-right:4px}.player-trigger>.player-avatar{width:34px;height:34px;flex-basis:34px}.player-identity{display:none}.player-popover{max-height:calc(100dvh - 78px);overflow-y:auto}.home-nav{padding-inline:2px;border-radius:12px}.home-nav button{padding:12px 13px 10px;font-size:.7rem}.home-nav button>span{display:none}.home-hero{gap:10px;padding:34px 18px 0;border-radius:14px}.hero-copy h1{font-size:clamp(3.3rem,16vw,5rem)}.hero-copy>p{margin-block:20px 24px;font-size:.9rem}.hero-actions{grid-template-columns:1fr}.hero-actions .primary-action{min-height:74px;grid-row:auto}.hero-game{min-height:310px}.hero-table-surface{width:280px}.hero-game:before{width:280px;height:280px}.hero-game:after{width:220px;height:220px}.hero-game>p{right:4px;bottom:3px}.pool-preview{margin-inline:-18px;grid-template-columns:repeat(3,1fr)}.pool-preview>div{grid-template-columns:1fr;gap:4px;padding:15px 7px;text-align:center}.pool-preview strong{font-size:1.8rem}.pool-preview span{font-size:.56rem}.pool-preview .club-note{grid-template-columns:auto 1fr;text-align:left}.lobby-main,.browser-panel,.ranking-main,.profile-card,.history-card,.empty-state{min-height:0;padding:22px 15px}.lobby-settings,.score-rules{order:0}.section-heading{align-items:flex-start}.section-heading h1{font-size:2.6rem}.party-member{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px}.party-member select,.party-member .team-badge{grid-column:2;justify-self:start}.party-member .icon-button{grid-column:3;grid-row:1}.lobby-actions{display:grid;grid-template-columns:1fr 1fr}.lobby-card{grid-template-columns:auto minmax(0,1fr) auto}.lobby-card .lobby-code{display:none}.ranking-row{grid-template-columns:45px minmax(0,1fr) 50px 45px;padding-inline:4px;font-size:.74rem}.rank-player .player-avatar{display:none}.profile-stats{grid-template-columns:1fr}.history-row{grid-template-columns:45px minmax(0,1fr) 35px;font-size:.76rem}.history-row small{display:none}.result-screen{min-height:calc(100dvh - 80px);padding:22px}.game-picker{margin-bottom:17px}.game-picker button{min-height:66px;padding:9px}.game-picker button>span{font-size:1.55rem}.nard-shell{gap:7px}.nard-matchbar{min-height:0;gap:8px;padding:8px}.nard-matchbar .player-avatar{width:30px;height:30px;flex-basis:30px}.nard-status>strong{max-width:280px;font-size:.68rem}.nard-board{min-height:430px;grid-template-columns:38px minmax(0,1fr) 38px;gap:3px;padding:4px;border-width:5px;border-radius:10px}.nard-playing-surface{grid-template-rows:minmax(0,1fr) 42px minmax(0,1fr)}.nard-point{min-height:165px;padding:1px}.nard-point:before{inset-inline:1px}.nard-point:nth-child(7){border-left-width:4px}.point-number{display:none}.checker{width:23px;height:23px;margin-top:-4px;border-width:2px}.nard-bar-side{width:32px;border-inline-width:3px}.checker-stack.compact .checker{width:22px;height:22px}.nard-dice{gap:5px;padding:4px 7px}.nard-dice span{width:28px;height:28px}.bear-off-tray{padding:1px}.bear-off-tray strong{font-size:1.25rem}.bear-off-tray .checker{width:23px;height:23px}.nard-controls{padding:8px}.nard-control-actions{grid-template-columns:repeat(2,1fr)}.simple-hero,.join-room,.friend-room{padding:22px 14px}.simple-hero>h1{margin-bottom:22px;font-size:3.5rem}.simple-game-picker{gap:7px}.simple-game-picker button{min-height:128px;padding:12px 7px}.simple-game-picker .game-symbol{font-size:2rem}.simple-game-picker strong{font-size:1.3rem}.simple-game-picker small{font-size:.58rem}.simple-actions{grid-template-columns:1fr;gap:7px;margin-top:12px}.simple-actions button{min-height:72px}.join-room{min-height:calc(100dvh - 80px)}.code-join{margin-block:20px 28px}.nard-lobby-sides{grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}.nard-lobby-sides:after{display:none}.nard-lobby-player,.nard-lobby-player:nth-child(2){min-height:150px;grid-column:auto;padding:12px}.room-heading{padding:16px 12px}.room-heading h1{font-size:2.1rem}.room-heading p{font-size:.72rem}.room-heading-actions{grid-template-columns:1fr}.room-builder{min-height:570px;padding:12px 7px}.seat-layout{min-height:350px;grid-template:98px 112px 98px / repeat(3,minmax(82px,1fr));gap:6px}.lobby-seat{gap:4px;padding:5px}.lobby-seat>small{font-size:.45rem}.lobby-seat .player-avatar{display:none}.draggable-member{justify-content:center;padding:6px 4px}.draggable-member span:last-child{text-align:center}.draggable-member small{font-size:.48rem}.open-seat>span,.bot-avatar{width:28px;height:28px}.open-seat button,.bot-member button{padding:4px 6px}.waiting-tray{grid-template-columns:1fr}.waiting-players{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.table-wrap),body:has(.table-wrap) #app{height:100%;overflow:hidden}.shell:has(.table-wrap){height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.table-wrap{min-height:0;grid-template-rows:auto minmax(0,1fr);gap:6px;overflow:hidden}.sidebar{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:6px}.panel{min-width:0;padding:7px;border-radius:11px}.panel h2{font-size:.9rem}.match-status{margin:2px 0 4px;overflow:hidden;font-size:.56rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.match-summary{gap:3px}.match-summary>span{gap:0;padding:3px 5px}.match-summary small{font-size:.46rem}.match-summary strong{font-size:.6rem}.seat-row{min-height:23px;gap:3px;padding:2px 0;font-size:.56rem}.seat-row.active:before{display:none}.seat-player{gap:4px}.seat-player .player-avatar{width:20px;height:20px;flex-basis:20px;font-size:.44rem}.seat-team span{display:none}.trump-panel{position:fixed;right:8px;bottom:8px;left:8px;z-index:55;padding:12px;box-shadow:0 18px 48px #0000008c}.trump-panel .suit-grid{grid-template-columns:repeat(4,1fr);gap:5px}.trump-panel button{margin-top:5px;padding:8px}.table{min-height:0;height:100%;padding:6px;gap:3px;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border-radius:13px}.table-arena{min-height:0;height:100%}.opponent{width:110px;min-height:66px;gap:4px;padding:5px;border-radius:10px}.opponent-identity{gap:5px;justify-content:flex-start;text-align:left}.opponent-identity .player-avatar{width:27px;height:27px;flex-basis:27px;font-size:.52rem}.opponent h3{font-size:.72rem}.opponent-meta p{margin-top:1px;font-size:.5rem}.seat-top{top:0;width:128px}.seat-left,.seat-right{top:31%;width:110px}.played-card{min-height:25px;padding:3px;font-size:.54rem}.played-card.shown-card{padding:3px}.center-pot{top:59%}.felt{width:min(178px,48vw)}.status-chip{max-width:145px;padding:5px 7px;font-size:.54rem;line-height:1.2}.hand{gap:2px}.hand-heading{gap:5px}.hand-heading .player-avatar{width:23px;height:23px;flex-basis:23px;font-size:.46rem}.hand h2{font-size:.78rem}.cards{height:86px;min-height:86px;justify-content:flex-start;align-items:start;padding:2px 4px 4px}.hand-card-wrap{margin-left:-29px}.hand-card-wrap:first-child{margin-left:0}.card{width:56px;height:82px;border-radius:7px}.compact-card{width:43px;height:63px}}@media(max-width:560px)and (max-height:700px){.topbar{min-height:52px}.suit-mark{width:34px;height:34px;flex-basis:34px}.match-status,.match-panel>h2,.seats-panel>h2{display:none}.match-summary>span{padding-block:2px}.seat-row{min-height:20px;padding-block:1px}.cards{height:76px;min-height:76px}.card{width:52px;height:73px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}