:root{--felt: #0b3d2e;--felt-deep: #07281e;--ink: #f4efe4;--muted: #c9d5ce;--gold: #f0c75e;--cream: #f7f1e3;--danger: #e85d4c}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,#146348 0%,transparent 55%),var(--felt-deep)}button,input{font:inherit}.app{max-width:980px;margin:0 auto;padding:20px 16px 48px}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.brand{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:1.35rem}.meta{text-align:right;font-size:.85rem;color:var(--muted)}.meta strong{color:var(--gold)}.announcement{background:#f0c75e1f;border:1px solid rgba(240,199,94,.45);border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:1rem}.rank-key{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.rank-key span{font-size:.72rem;letter-spacing:.02em;padding:4px 8px;border-radius:999px;background:#ffffff0f;color:var(--muted)}.table{display:flex;flex-direction:column;gap:16px}.player-hand{border-radius:16px;padding:12px;background:#ffffff0a;border:1px solid transparent}.player-hand.active{border-color:var(--gold);box-shadow:0 0 0 1px #f0c75e40}.player-hand h3{margin:0 0 10px;font-size:.95rem;font-weight:600}.cards{display:grid;grid-template-columns:repeat(2,72px);gap:10px}.slot-wrap{position:relative;min-height:124px}.pointer{position:absolute;top:-6px;left:0;right:0;text-align:center;color:var(--gold);font-size:1.1rem;line-height:1;animation:bob 1.2s ease-in-out infinite;z-index:2}.pointer-label{display:block;font-size:.65rem;letter-spacing:.02em;margin-top:2px}@keyframes bob{50%{transform:translateY(4px)}}.card{width:72px;height:100px;padding:0;border:0;background:none;perspective:600px;cursor:pointer}.card:disabled{cursor:default}.card-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s ease}.card.is-up .card-inner{transform:rotateY(180deg)}.card.is-arriving{z-index:4}.card.is-arriving .card-inner{animation:arrive 1.6s ease}@keyframes arrive{0%{transform:translateY(-96px) scale(.55);opacity:0}55%{transform:translateY(8px) scale(1.06);opacity:1}to{transform:none}}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 16px #00000047}.card-back{background:repeating-linear-gradient(45deg,#6b1d2a 0,#6b1d2a 6px,#8a2434 6px,#8a2434 12px);border:2px solid #f3d48a}.card-front{background:var(--cream);color:#1b1b1b;transform:rotateY(180deg)}.card-front.is-red{color:#c62828}.card-rank{font-size:1.25rem;font-weight:700}.card-suit{font-size:1.1rem}.card-dot{color:#64b5f6;font-size:1.6rem}.card.is-known:not(.is-up) .card-back{box-shadow:0 0 0 2px #64b5f6,0 8px 16px #00000047}.card.is-selectable .card-face{box-shadow:0 0 0 2px var(--gold),0 8px 16px #00000047}.card.is-matching{animation:pulse 1s ease-in-out infinite}.card.is-selected .card-face{box-shadow:0 0 0 3px #fff,0 8px 16px #00000047}.card.is-empty{opacity:.22;pointer-events:none}@keyframes pulse{50%{transform:translateY(-4px)}}.piles{display:flex;justify-content:center;gap:28px;margin:18px 0 8px}.pile-label{text-align:center;font-size:.75rem;color:var(--muted);margin-top:6px}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}button{min-height:44px;padding:10px 18px;border:0;border-radius:999px;background:#1f8a4c;color:#fff;font-weight:700;cursor:pointer}button:disabled{background:#44554c;cursor:not-allowed;opacity:.7}button.secondary{background:#3d4f47}button.danger{background:var(--danger)}input{min-height:44px;border:1px solid rgba(255,255,255,.15);background:#0003;color:var(--ink);border-radius:10px;padding:8px 12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:20px}.scoreboard{background:#12382c;border-radius:16px;padding:20px;min-width:min(420px,100%)}.scoreboard table{width:100%;border-collapse:collapse}.scoreboard td,.scoreboard th{text-align:left;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.08)}.scoreboard tr.winner{color:var(--gold);font-weight:700}.match-banner{text-align:center;font-size:1.4rem;letter-spacing:.08em;color:var(--gold);margin:8px 0 4px}.felt{position:relative;min-height:620px;margin:12px 0 8px;padding:8px 12px 28px;border-radius:48%/28%;background:radial-gradient(120% 80% at 50% 30%,#1a6b4a,#0b3d2e 58%,#07281e);box-shadow:inset 0 0 0 10px #5a3218,inset 0 0 0 14px #c4a36a,0 18px 40px #00000059}.felt-top{display:flex;justify-content:center;position:relative;z-index:3;padding:6px 0 8px}.felt-top .piles{margin:0}.seat{position:absolute;z-index:2}.seat-you{left:50%;bottom:10px;transform:translate(-50%)}.seat-top{left:50%;top:108px;transform:translate(-50%)}.seat-left{left:8px;top:52%;transform:translateY(-50%)}.seat-right{right:8px;top:52%;transform:translateY(-50%)}.seat .player-hand{background:#0000002e}.seat-left .cards,.seat-right .cards{grid-template-columns:repeat(2,64px)}.seat-left .card,.seat-right .card{width:64px;height:88px}.slot-num{display:block;text-align:center;font-size:.68rem;letter-spacing:.04em;color:#d7e4db;margin-top:3px;pointer-events:none}.confirm-card{background:#12382c;border-radius:16px;padding:22px 20px;min-width:min(420px,100%);text-align:center}.confirm-card h2{margin:0 0 10px}.confirm-card p{margin:0 0 16px;color:var(--muted)}@media (max-width: 720px){.felt{min-height:720px;border-radius:36px}.cards{grid-template-columns:repeat(2,88px);gap:12px}.card{width:88px;height:122px}.seat-top{top:128px}.seat-left .cards,.seat-right .cards{grid-template-columns:repeat(2,72px)}.seat-left .card,.seat-right .card{width:72px;height:100px}}