:root{--cream:#fff9f4;--ink:#21131c;--wine:#4b1028;--rose:#9c2854;--gold:#ffd166;--green:#32d6a0;--felt1:#9c2d58;--felt2:#52112e;--rail:#bb7146}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#48213c,#100910 70%);color:var(--cream);font-family:Poppins,system-ui,sans-serif}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:#111;padding:.75rem 1rem;border-radius:.5rem}.skip:focus{top:1rem}.hearts-app{min-height:100vh;padding-bottom:1rem}.gamebar{height:64px;padding:max(.55rem,env(safe-area-inset-top)) clamp(.65rem,3vw,2rem) .55rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f8f5f6;color:var(--ink);box-shadow:0 3px 14px #0008;position:relative;z-index:5}.leave,.icon-btn,.score-button,.game-actions button,.pass-actions button{min-height:44px;border:0;border-radius:999px;font:800 .9rem Poppins,sans-serif;cursor:pointer}.leave{justify-self:start;color:var(--ink);background:#fff;padding:.65rem 1rem;text-decoration:none;box-shadow:0 2px 8px #24101b22}.brand{display:flex;align-items:center;gap:.4rem;text-align:left}.brand>span{font-size:2rem;color:#c91f52}.brand strong,.brand small{display:block;line-height:1.05}.brand small{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:#7c4560}.gamebar-actions{justify-self:end;display:flex;gap:.4rem}.icon-btn{width:44px;background:#fff;color:var(--ink);font-size:1.1rem;box-shadow:0 2px 8px #24101b22}.match-strip{max-width:880px;margin:.65rem auto .45rem;display:flex;justify-content:center;align-items:center;gap:.4rem;padding:0 .7rem}.match-strip>div{min-width:76px;padding:.35rem .65rem;border:1px solid #ffffff25;border-radius:12px;background:#ffffff12;text-align:center}.match-strip small,.match-strip strong{display:block}.match-strip small{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#e9c8d7}.score-button{background:var(--gold);color:#321527;padding:.5rem 1rem}.announcement{max-width:720px;min-height:48px;margin:0 auto .55rem;padding:.45rem 1rem;border-radius:13px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:.55rem;text-align:center}.announcement strong{color:#8e1745}.announcement span{font-size:.86rem}.table-shell{max-width:1080px;margin:auto;padding:10px 18px 26px}.table-felt{position:relative;height:min(690px,calc(100vh - 190px));min-height:545px;border:9px solid #1a1117;border-radius:70px;background:radial-gradient(ellipse at 50% 16%,#bd4a72 0,var(--felt1) 28%,var(--felt2) 76%,#300719 100%);box-shadow:0 0 0 5px var(--rail),0 0 0 9px #3b1c14,0 17px 0 #090609,0 30px 45px #0009,inset 0 0 0 4px #edaa7b,inset 0 0 0 11px #2a2028,inset 0 0 70px #22000e;overflow:hidden}.table-felt:before{content:"";position:absolute;inset:17px;border:2px solid #ffffff22;border-radius:50px}.felt-mark{position:absolute;inset:43% 0 auto;text-align:center;font:italic 700 clamp(3.5rem,11vw,8rem) 'Playfair Display',serif;color:#ffffff0c}.seat{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:.25rem}.seat-top{left:50%;top:18px;transform:translateX(-50%)}.seat-left{left:24px;top:38%;transform:translateY(-50%)}.seat-right{right:24px;top:38%;transform:translateY(-50%)}.seat-badge,.player-seat{display:flex;align-items:center;gap:.35rem;border:2px solid #ffffff30;border-radius:999px;background:#2d0a1ccc;padding:.3rem .65rem;box-shadow:0 5px 12px #0005}.seat-badge b,.seat-badge small,.player-seat b,.player-seat small{display:block;line-height:1.15}.seat-badge small,.player-seat small{font-size:.68rem;color:#f5cada}.seat.turn .seat-badge{outline:4px solid var(--gold);box-shadow:0 0 22px #ffd166aa}.card-stack{display:flex;margin-top:.15rem}.seat-left .card-stack,.seat-right .card-stack{flex-direction:column}.card-back{width:25px;height:37px;margin-left:-15px;border:1px solid #fff;border-radius:4px;background:repeating-linear-gradient(45deg,#3a0c24 0 5px,#9c315b 5px 10px)}.card-back:first-child{margin-left:0}.seat-left .card-back,.seat-right .card-back{margin:-24px 0 0}.seat-left .card-back:first-child,.seat-right .card-back:first-child{margin-top:0}.center-status{position:absolute;z-index:2;top:18%;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;align-items:center}.heart-meter,.broken{border-radius:999px;background:#2b0a1bcc;padding:.35rem .65rem;font-size:.72rem}.heart-meter b{color:var(--gold);margin-right:.25rem}.heart-meter small{font-size:inherit}.broken.is-broken{background:#fff;color:#a20f43;font-weight:900}.trick{position:absolute;z-index:2;left:50%;top:31%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,78px);gap:.4rem;justify-content:center}.trick-slot{text-align:center;font-size:.67rem;font-weight:800}.table-card,.hand-card{background:#fff;color:#111;border:2px solid #fff;border-radius:10px;box-shadow:0 5px 12px #0006;position:relative}.table-card{width:68px;height:96px;margin:auto}.table-card.empty{background:#ffffff0d;border:2px dashed #ffffff55;box-shadow:none}.rank{position:absolute;left:5px;top:4px;font-weight:900;line-height:.9;text-align:center}.rank small{display:block;font-size:.8em}.pip{position:absolute;inset:0;display:grid;place-items:center;font-size:1.65rem}.red{color:#c91442}.player-seat{position:absolute;z-index:4;left:50%;bottom:11px;transform:translateX(-50%)}.hand-wrap{position:absolute;z-index:4;left:50%;bottom:62px;transform:translateX(-50%);width:min(90%,850px);padding:12px 4px 4px;overflow-x:auto;scrollbar-color:#d893ad transparent}.hand{display:flex;justify-content:center;min-width:max-content;padding:12px 10px}.hand-card{flex:0 0 58px;width:58px;height:86px;margin-left:-4px;padding:0;transition:transform .15s,filter .15s,opacity .15s;cursor:pointer}.hand-card:first-child{margin-left:0}.hand-card:hover:not(:disabled),.hand-card:focus-visible,.hand-card.selected{transform:translateY(-12px)}.hand-card:focus-visible{outline:4px solid var(--gold);outline-offset:3px;z-index:10}.hand-card:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.4)}.hand-card.playable{box-shadow:0 0 0 3px var(--green),0 7px 16px #0007}.hand-card.selected{box-shadow:0 0 0 4px var(--gold),0 9px 18px #0008}.hand-card.danger:after{content:"!";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#b50e3d;color:#fff;font-size:.72rem;font-weight:900}.pass-panel{position:absolute;z-index:7;left:50%;top:26%;transform:translateX(-50%);width:min(88%,640px);padding:1rem 1.2rem;background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 16px 36px #0008;display:flex;align-items:center;justify-content:space-between;gap:1rem}.pass-panel[hidden]{display:none}.pass-panel h2,.pass-panel p{margin:.15rem 0}.eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#a2194d;font-weight:900}.pass-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.pass-actions button{padding:.65rem 1rem}.primary{background:#a6194d;color:#fff}.primary:disabled{background:#ccc;color:#666}.secondary{background:#efe7eb;color:#54152f}.game-actions{display:flex;justify-content:center;gap:.6rem}.game-actions button{background:#ffffff16;color:#fff;border:1px solid #ffffff33;padding:.55rem 1rem}.game-modal{width:min(92vw,650px);max-height:88vh;overflow:auto;border:0;border-radius:22px;padding:1.4rem;color:var(--ink);box-shadow:0 25px 70px #000a}.game-modal::backdrop{background:#130912cc;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:.8rem;top:.7rem;border:0;background:#eee;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer}.game-modal h2{color:#8c1946;margin-top:.25rem}.game-modal h3{margin-bottom:.25rem}.game-modal table{width:100%;border-collapse:collapse}.game-modal th,.game-modal td{text-align:left;padding:.55rem;border-bottom:1px solid #ddd}.game-modal .modal-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.game-modal button.action{min-height:44px;border:0;border-radius:999px;background:#991b4b;color:#fff;padding:.6rem 1rem;font-weight:900;cursor:pointer}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;border-bottom:1px solid #ddd}.setting-row select{min-height:44px;border:2px solid #7d3151;border-radius:8px;padding:.3rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){.gamebar{height:58px;grid-template-columns:1fr auto 1fr}.leave span,.brand small{display:none}.brand strong{font-size:.95rem}.match-strip{margin:.35rem auto;gap:.25rem}.match-strip>div{min-width:58px;padding:.25rem;font-size:.78rem}.score-button{padding:.4rem .65rem;font-size:.72rem}.announcement{margin:.3rem .45rem;min-height:54px;display:block;padding:.35rem .7rem}.announcement strong,.announcement span{display:block}.announcement span{font-size:.72rem}.table-shell{padding:6px 9px 23px}.table-felt{height:calc(100vh - 185px);min-height:545px;border-width:7px;border-radius:45px}.table-felt:before{inset:12px;border-radius:31px}.seat-top{top:11px}.seat-left{left:10px;top:45%}.seat-right{right:10px;top:45%}.seat-badge{font-size:.7rem;padding:.22rem .4rem}.seat-badge small{font-size:.58rem}.card-back{width:21px;height:32px}.center-status{top:18%;width:100%;justify-content:center}.heart-meter,.broken{font-size:.58rem;padding:.3rem .45rem}.trick{top:30%;grid-template-columns:repeat(4,55px);gap:.1rem}.table-card{width:49px;height:70px}.trick-slot{font-size:.55rem}.player-seat{bottom:8px;font-size:.78rem}.hand-wrap{width:100%;bottom:55px}.hand{justify-content:flex-start;padding-inline:18px}.hand-card{flex-basis:50px;width:50px;height:76px;margin-left:-5px}.pass-panel{top:22%;display:block;text-align:center;padding:.75rem}.pass-panel h2{font-size:1rem}.pass-panel p{font-size:.72rem}.pass-actions{justify-content:center;margin-top:.6rem}.game-actions{padding:.2rem}.game-actions button{font-size:.72rem;min-height:40px}}
@media(max-height:700px) and (orientation:landscape){.match-strip{position:absolute;left:74px;top:7px;z-index:7;margin:0}.announcement{position:absolute;z-index:7;top:7px;left:50%;transform:translateX(-50%);min-height:44px;width:45%;margin:0}.table-shell{padding-top:10px}.table-felt{height:calc(100vh - 82px);min-height:430px}.center-status{top:14%}.trick{top:25%}.game-actions{display:none}.hand-card{height:70px}.pass-panel{top:19%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}