:root{color-scheme:dark;font-family:Trebuchet MS,Avenir Next,sans-serif;--bg: #102119;--panel: rgba(7, 22, 17, .8);--panel-border: rgba(199, 224, 196, .14);--felt: radial-gradient(circle at top, #2d6945 0%, #133020 58%, #09170f 100%);--ink: #f6f2e7;--muted: #bdd2bc;--accent: #d5b36a;--danger: #c85f5f;--card-bg: #f8f6ef;--card-ink: #13231a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(213,179,106,.12),transparent 26%),linear-gradient(180deg,#14281e,#09120c);color:var(--ink)}button{font:inherit;cursor:pointer}button{border:0}.shell{min-height:100vh;padding:20px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.topbar h1,.panel h2,.hand h2,.opponent h3{margin:0;font-family:Georgia,Times New Roman,serif}.topbar p,.panel p{color:var(--muted)}.topbar-meta{display:flex;gap:12px;flex-wrap:wrap}.pill,.status-chip{padding:10px 14px;border-radius:999px;background:#ffffff0f;border:1px solid var(--panel-border)}.table-wrap{display:grid;grid-template-columns:320px 1fr;gap:18px}.sidebar,.table{display:grid;gap:16px}.panel,.table,.opponent{background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel{padding:18px}.panel button,.suit-btn{width:100%;margin-top:10px;padding:12px;border-radius:14px;border:0;background:linear-gradient(180deg,#ebcf8c,#bb9047);color:#1d1608;font-weight:700}.panel button:disabled,.card:disabled{opacity:.4;cursor:not-allowed}.seat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.seat-row.active{color:var(--accent)}.suit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.suit-btn.selected{outline:2px solid #fff5cf}.table{min-height:720px;padding:20px;grid-template-rows:1fr auto;background:radial-gradient(circle at top,rgba(255,255,255,.05),transparent 22%),var(--felt)}.table-arena{min-height:470px;position:relative;display:grid;place-items:center}.opponent{position:absolute;width:180px;padding:16px;min-height:148px;display:grid;gap:10px;text-align:center}.opponent-meta p{margin:6px 0 0}.active-seat{box-shadow:0 0 0 2px #d5b36a59}.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{padding:10px;border-radius:14px;background:#ffffff14;text-align:center;font-weight:700;display:grid;place-items:center}.played-card.shown-card{padding:8px}.played-card.empty{color:var(--muted)}.center-pot{display:grid;place-items:center;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.felt{width:min(420px,100%);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle,rgba(255,255,255,.12),transparent 64%)}.status-chip{position:absolute}.hand{display:grid;gap:12px;overflow:hidden}.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(-6px) scale(1.02)!important}.card{width:72px;height:104px;padding:6px;position:relative;display:block;border-radius:16px;border:2px solid rgba(19,35,26,.12);background:var(--card-bg);color:var(--card-ink);transition:transform .14s ease;box-shadow:inset 0 1px #ffffffd9,0 6px 16px #0000002e}.card:not(:disabled):hover{transform:translateY(-4px)}.card.hearts,.card.diamonds{color:var(--danger)}.compact-card{width:58px;height:84px;border-radius:14px}.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}.corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.95}.corner.top{top:6px;left:7px}.corner.bottom{right:7px;bottom:6px;transform:rotate(180deg)}.rank{font-size:.95rem;font-weight:700}.suit{font-size:.9rem}.pips{position:absolute;inset:18px 16px}.pip,.face-card,.ace-card{position:absolute;display:grid;place-items:center}.pip{width:100%;left:0;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{bottom:0;right:0;left:auto;width:50%}.face-card,.ace-card{inset:24px 14px;font-family:Georgia,Times New Roman,serif;font-weight:700}.face-card{font-size:2rem;letter-spacing:.04em}.ace-card{font-size:2.35rem}@media(max-width:960px){.table-wrap{grid-template-columns:1fr}.table{min-height:860px}.table-arena{min-height:560px;padding-top:8px}.seat-top{top:0;width:min(100%,220px)}.seat-left,.seat-right{top:180px;width:calc(50% - 10px);transform:none}.seat-left{left:0}.seat-right{right:0}.center-pot{top:365px}.felt{width:min(300px,82vw)}.cards{justify-content:flex-start;padding:6px 4px 14px}.hand-card-wrap{margin-left:-26px}.hand-card-wrap:first-child{margin-left:0}}