/* Current visual direction: flat, ink-dark cards and fine champagne line work. */
:root{--card-ink:#161a1c;--card-gold:#e1ca91;--card-red:#ed9a91}
.playing-card{background:linear-gradient(145deg,#242b2d,#15191c 68%);color:var(--card-gold);border:1px solid #bca87865;border-radius:6px;box-shadow:0 5px 14px #0003,0 15px 32px #0004;overflow:hidden;transform:rotate(var(--rotation));transform-style:flat}
.playing-card.red{color:var(--card-red)}
.playing-card .pip,.playing-card[data-joker=true] .pip{inset:0!important;display:grid;place-content:center;background:none!important;border-radius:0;mix-blend-mode:normal;font-family:Georgia,serif;font-size:54px!important;font-weight:400;line-height:1;color:inherit;z-index:1}
.playing-card .corner{font-weight:500;color:inherit;z-index:3;line-height:.9}.playing-card .corner small{font-weight:400}
.card-frame{position:absolute;inset:8% 11%;width:78%;height:84%;color:#c9b57b66;pointer-events:none;z-index:0}
.playing-card.red .card-frame{color:#d7968555}.playing-card .pip:before,.playing-card .pip:after{content:'·';font-family:Georgia,serif;font-size:18px;line-height:1;text-align:center;opacity:.65}.playing-card .pip:before{margin-bottom:3px}.playing-card .pip:after{margin-top:3px}
.hero-deal .playing-card,.hand-group .playing-card,.table-center .playing-card,.drag-ghost .playing-card{box-shadow:0 5px 15px #0004,0 17px 35px #0005;transform:rotate(var(--rotation));border-radius:5px}
.hero-deal .playing-card{box-shadow:0 15px 45px #0006}.hero-deal .playing-card:after{display:none}
.hero-deal .playing-card .pip{font-size:58px!important}.demo .playing-card{border-radius:6px;box-shadow:0 8px 25px #0005}.cards,.drag-ghost,.hero-deal{perspective:none}
.hand-group{transform-style:flat;border-radius:10px;background:#ffffff02;border-color:#c4af7a0d}.hand-group:hover{transform:translateY(-6px);background:#c3ad7a09;box-shadow:none}.hand-group[aria-pressed=true]{border-color:#d1b87a;background:#d1b87a0b;box-shadow:0 0 0 2px #d1b87a08}.hand-group .playing-card .pip{font-size:31px!important}.hand-group .playing-card .pip:before,.hand-group .playing-card .pip:after{font-size:10px}.hand-group .card-frame{inset:12% 15%;width:70%;height:76%}.hand-group .playing-card:hover{transform:rotate(var(--rotation))}
.table-center .playing-card .pip{font-size:36px!important}.table-center .playing-card .pip:before,.table-center .playing-card .pip:after{font-size:11px}.drag-ghost .playing-card .pip{font-size:40px!important}.drag-ghost{filter:drop-shadow(0 17px 20px #0003)}.drag-hint{background:#e4d6b4;color:#302e26}
.game-table{background:radial-gradient(ellipse at 50% 20%,#303631,#1b2421 70%);border:1px solid #beaa7744;border-radius:54px;box-shadow:inset 0 0 0 12px #10181555,0 15px 50px #0003;transform:none}.game-table:after{border-radius:37px;border-color:#cbb47716}.game-table:before{color:#c8b98510}.seat.active{background:#d6c39b0a;box-shadow:none}.seat.active strong{color:#e1ca91}.seat small{color:#b7baac}.card-backs i{background:repeating-linear-gradient(45deg,transparent 0 5px,#b8a16b22 5px 6px),repeating-linear-gradient(-45deg,#191f21 0 5px,#b8a16b22 5px 6px);border:1px solid #bca87877;border-radius:3px;box-shadow:0 5px 14px #0004}
.game-table.drop-ready{border-color:#d6c088;box-shadow:inset 0 0 0 12px #10181555,0 15px 50px #0003,0 0 35px #c5b17c15}.drop-ready .drop-indicator{background:#d6c18c0d;border-color:#d6c18c88}.drop-indicator:after{color:#e2cfa3}.play-controls .primary{background:#d5be85;border-color:#d5be85;color:#252b24;box-shadow:0 5px 15px #0002;border-radius:8px}.play-controls .primary:active{transform:translateY(1px)}.shuffle,.inspector,.demo{border-radius:10px}.inspector{background:#ffffff02}.group-label{color:#b3b4a4}.demo{background:radial-gradient(ellipse at center,#3b413329,transparent 75%)}
.mini-card{background:#1c2324;color:var(--card-gold);border:1px solid #bca87865;box-shadow:0 5px 14px #0003}.mini-card.red{color:var(--card-red)}
.hero-art{object-position:45% 50%;opacity:.78;filter:brightness(.75) saturate(.55);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 90%,transparent)}.hero:hover .hero-art{filter:brightness(.9) saturate(.7)}
body[data-page=hands] .page-title{position:relative;isolation:isolate;overflow:hidden;min-height:355px}body[data-page=hands] .page-title:before{content:'';position:absolute;z-index:-1;inset:60px 0 0 44%;background:linear-gradient(90deg,#121512,transparent 65%),linear-gradient(0deg,#121512,transparent 30%),url('assets/unsplash-focalinsight-cards.jpg') center 52%/cover no-repeat;opacity:.5}body[data-page=hands] .page-title h1,body[data-page=hands] .page-title .page-intro{max-width:800px}.photo-sources{font-size:12px;color:var(--muted);margin-top:12px}.photo-sources summary{cursor:pointer}.photo-sources a{display:inline-block;text-decoration:underline;text-underline-offset:3px;margin:8px 18px 0 0}.photo-sources a:hover{color:var(--gold)}
@media(max-width:1000px){.hero-deal .playing-card .pip{font-size:44px!important}.hand-group .playing-card .pip{font-size:27px!important}}
@media(max-width:700px){.game-table{border-radius:35px;box-shadow:inset 0 0 0 7px #10181555,0 12px 30px #0003}.game-table:after{border-radius:24px}.table-center .playing-card .pip{font-size:24px!important}.table-center .playing-card[data-joker=true] .pip{font-size:24px!important}.hand-group .playing-card .pip{font-size:24px!important}.drag-ghost .playing-card .pip{font-size:30px!important}.hero-deal .playing-card .pip{font-size:42px!important}.demo .playing-card .pip{font-size:37px!important}.playing-card .pip:before,.playing-card .pip:after{font-size:11px}.hero-art{object-position:50% 50%;opacity:.78}body[data-page=hands] .page-title:before{inset:70px 0 0 25%;opacity:.25}body[data-page=hands] .page-title{min-height:auto}}
@media(prefers-reduced-motion:reduce){.hand-group:hover{transform:none}.drag-ghost .playing-card{transform:none}}