.hearts-table{position:relative;height:clamp(520px,calc(100vh - 190px),800px);display:flex;flex-direction:column;padding:12px 14px 0}.hearts-cardbox{position:relative;width:var(--hcw, 96px);height:calc(var(--hcw, 96px) * 1.5);container-type:inline-size;display:block;flex:0 0 auto;padding:0;border:0;background:none;border-radius:8px;-webkit-tap-highlight-color:transparent}.hearts-cardbox>.card{top:0;pointer-events:none}.hearts-hud{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;z-index:20;pointer-events:none}.hearts-hud>*{pointer-events:auto}.hearts-scoreboard{background:#00000047;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:7px 12px 8px;font-size:12.5px;color:#cfe0d4;min-width:168px}.hearts-sb-row{display:grid;grid-template-columns:1fr 42px 42px;gap:2px;line-height:1.55}.hearts-sb-row span:nth-child(2),.hearts-sb-row span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.hearts-sb-head{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8fa898}.hearts-sb-you{color:var(--accent-gold, #d4af37);font-weight:700}.hearts-controls{display:flex;align-items:center;gap:10px}.hearts-broken{font-size:12px;color:#f0a9b4;background:#a01e3240;border:1px solid rgba(240,130,150,.35);padding:3px 10px;border-radius:999px;white-space:nowrap}.hearts-newgame{font:inherit;font-size:13px;font-weight:600;color:#dfe9e2;background:var(--btn-base, rgba(255, 255, 255, .08));border:1px solid var(--btn-border, rgba(255, 255, 255, .16));border-radius:9px;padding:7px 14px;cursor:pointer}.hearts-newgame:hover{background:var(--btn-hover, rgba(255, 255, 255, .14))}.hearts-arena{display:grid;grid-template-areas:". north ." "west trick east";grid-template-columns:minmax(84px,120px) 1fr minmax(84px,120px);grid-template-rows:minmax(118px,auto) minmax(0,1fr);align-items:center;flex:1 1 auto;min-height:0;margin-top:8px}.hearts-seat-west{grid-area:west;justify-self:start;align-self:stretch}.hearts-seat-north{grid-area:north;justify-self:center}.hearts-seat-east{grid-area:east;justify-self:end;align-self:stretch}.hearts-seat-west .hearts-opp,.hearts-seat-east .hearts-opp{height:100%}.hearts-opp{display:flex;flex-direction:column;align-items:center;gap:6px}.hearts-backs{--hcw: 42px}.hearts-backs-h{min-height:calc(var(--hcw) * 1.5);min-width:calc(var(--hcw) * (1 + 12 * .32));justify-content:center}.hearts-backbox>.card.fd{border-radius:8cqi}.hearts-backbox>.card.fd:before{top:6cqi;right:6cqi;bottom:6cqi;left:6cqi;border-radius:3.5cqi;background-size:7.5cqi 7.5cqi}.hearts-backs-h{display:flex;padding-left:0}.hearts-backs-h .hearts-cardbox+.hearts-cardbox{margin-left:calc(var(--hcw) * -.68)}.hearts-backs-v{position:relative;flex:1 1 auto;min-height:0;width:var(--hcw)}.hearts-backs-v .hearts-cardbox{position:absolute;left:0;top:calc(var(--bi, 0) * min((100% - var(--hcw) * 1.5) / 12,var(--hcw) * 1.5 * .3))}.hearts-backcount{font-size:11px;color:#9db4a5}.hearts-chiprow{display:flex;align-items:center;gap:7px}.hearts-chip{font-size:12.5px;font-weight:700;color:#e8efe9;background:#00000052;border:1px solid rgba(255,255,255,.14);padding:3px 12px;border-radius:999px;transition:box-shadow .25s ease,border-color .25s ease}.hearts-chip-turn{border-color:var(--accent-gold, #d4af37);box-shadow:0 0 0 2px #d4af3759}.hearts-chip-winner{animation:hearts-flash 1.1s ease}@keyframes hearts-flash{0%,to{box-shadow:0 0 0 2px #d4af3700}25%{box-shadow:0 0 0 5px #d4af37a6}}.hearts-pen{display:inline-flex;gap:5px;align-items:center}.hearts-pen-hearts{font-size:11.5px;color:#ff8fa0;background:#a01e324d;padding:2px 8px;border-radius:999px}.hearts-pen-q{font-size:11.5px;font-weight:800;color:#101216;background:#e8e2cf;padding:2px 7px;border-radius:999px}.hearts-trickzone{grid-area:trick;display:flex;align-items:center;justify-content:center;height:100%}.hearts-trick{--hcw: clamp(70px, 8.4vw, 92px);position:relative;width:calc(var(--hcw) * 3.4);height:calc(var(--hcw) * 1.5 * 2.15);transition:transform .55s ease,opacity .55s ease}.hearts-slot{position:absolute;width:var(--hcw);height:calc(var(--hcw) * 1.5)}.hearts-slot-0{left:50%;bottom:0;transform:translate(-50%) rotate(-2deg)}.hearts-slot-1{left:0;top:50%;transform:translateY(-50%) rotate(4deg)}.hearts-slot-2{left:50%;top:0;transform:translate(-50%) rotate(2deg)}.hearts-slot-3{right:0;top:50%;transform:translateY(-50%) rotate(-4deg)}.hearts-slot .hearts-cardbox{width:100%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}.hearts-away-0{transform:translateY(42%);opacity:0}.hearts-away-1{transform:translate(-42%);opacity:0}.hearts-away-2{transform:translateY(-42%);opacity:0}.hearts-away-3{transform:translate(42%);opacity:0}.hearts-status{margin:8px 0 0;text-align:center;font-size:14.5px;font-weight:600;color:#e9f1ea;min-height:22px}.hearts-banner{display:flex;align-items:center;justify-content:center;gap:14px;margin:8px auto 0;width:fit-content;background:#0000004d;border:1px solid var(--accent-gold-dim, rgba(212, 175, 55, .5));border-radius:12px;padding:8px 16px}.hearts-banner-text{font-size:14px;font-weight:600;color:#f2e9cf}.hearts-gold-btn{font:inherit;font-size:14px;font-weight:700;color:#1a1a1a;background:var(--accent-gold, #d4af37);border:0;border-radius:10px;padding:8px 18px;cursor:pointer}.hearts-gold-btn:hover:not(:disabled){filter:brightness(1.08)}.hearts-gold-btn:disabled{opacity:.45;cursor:default}.hearts-south{display:flex;flex-direction:column;align-items:center;padding:6px 0 40px}.hearts-hand{--hcw: clamp(72px, 8.6vw, 104px);display:flex;justify-content:center;align-items:flex-end;margin-top:16px;padding:0 8px;min-height:calc(var(--hcw) * 1.5 + 26px)}.hearts-hand .hearts-cardbox{--lift: 0px;margin-left:calc(var(--hcw) * -.62);transform:translateY(calc(var(--fy, 0px) + var(--lift))) rotate(var(--fr, 0deg));transform-origin:50% 100%;transition:transform .16s ease,filter .16s ease}.hearts-hand .hearts-cardbox:first-child{margin-left:0}.hearts-card-clickable{cursor:pointer}.hearts-card-clickable:hover{--lift: -14px;z-index:200!important}.hearts-card-clickable:hover>.card{box-shadow:0 6px 14px #0000004d,0 12px 28px #00000073}.hearts-card-dim{filter:grayscale(.55) brightness(.55);cursor:default}.hearts-card-sel{--lift: -18px;z-index:210!important}.hearts-card-sel>.card{box-shadow:0 0 0 2.5px var(--accent-gold, #d4af37),0 10px 22px #0006}.hearts-card-received>.card{animation:hearts-recv 1.3s ease 2}@keyframes hearts-recv{0%,to{box-shadow:0 0 #d4af3700}50%{box-shadow:0 0 0 3px #d4af37bf}}.hearts-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#06100a9e;border-radius:12px;display:flex;align-items:center;justify-content:center;z-index:500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hearts-panel{background:linear-gradient(180deg,#143724,#0d281a);border:1px solid var(--accent-gold-dim, rgba(212, 175, 55, .55));border-radius:16px;padding:22px 26px;min-width:300px;max-width:92%;text-align:center;color:#e9f1ea;box-shadow:0 18px 50px #00000080}.hearts-panel-title{margin:0 0 10px;font-size:21px;color:#f6efdb}.hearts-moon{margin:0 0 12px;font-weight:700;color:var(--accent-gold, #d4af37)}.hearts-score-rows{margin:4px 0 16px}.hearts-score-row{display:grid;grid-template-columns:1fr 56px 56px;gap:4px;padding:3px 6px;font-size:14px}.hearts-score-row span:nth-child(2),.hearts-score-row span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}.hearts-score-row-head{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#8fa898}.hearts-score-row-win{color:var(--accent-gold, #d4af37);font-weight:700;background:#d4af3717;border-radius:7px}.hearts-toast{position:absolute;top:14px;left:50%;transform:translate(-50%) translateY(-6px);background:#000000c7;color:#f0f5f1;font-size:13.5px;padding:8px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:600}.hearts-toast-show{opacity:1;transform:translate(-50%) translateY(0)}.hearts-hidden{display:none!important}.hearts-banner.hearts-hidden{display:flex!important;visibility:hidden}@media (max-width: 720px){.hearts-table{padding:10px 8px 0;height:clamp(480px,calc(100vh - 150px),760px)}.hearts-hud{flex-wrap:wrap}.hearts-scoreboard{min-width:150px;font-size:11.5px}.hearts-arena{grid-template-columns:56px 1fr 56px;grid-template-rows:auto minmax(170px,1fr);min-height:290px}.hearts-backs{--hcw: 30px}.hearts-backs-h .hearts-cardbox+.hearts-cardbox{margin-left:calc(var(--hcw) * -.74)}.hearts-chip{font-size:11px;padding:2px 9px}.hearts-backcount{font-size:10px}.hearts-trick{--hcw: clamp(54px, 15vw, 66px)}.hearts-hand{--hcw: clamp(50px, 13.5vw, 62px);margin-top:14px}.hearts-hand .hearts-cardbox{margin-left:calc(var(--hcw) * -.66)}.hearts-south{padding-bottom:30px}.hearts-status{font-size:13px}}@media (max-height: 940px) and (min-width: 721px){.hearts-hand{--hcw: clamp(64px, 7.2vw, 88px);margin-top:14px}.hearts-south{padding-bottom:34px}.hearts-status{margin-top:4px}.hearts-banner{padding:6px 14px}}@media (max-height: 800px) and (min-width: 721px){.hearts-hand{--hcw: clamp(56px, 6.4vw, 74px)}.hearts-backs{--hcw: 34px}.hearts-trick{--hcw: clamp(60px, 7vw, 78px)}.hearts-south{padding-bottom:26px}}