@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{color-scheme:dark;--bg:#0d1917;--paper:#f4edde;--muted:#a4b7ac;--gold:#e6c78c;--border:#ffffff19}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 25%,#1c3831,transparent 65%),var(--bg);color:var(--paper);font-family:'DM Sans',sans-serif;font-size:15px;min-height:100vh}a{color:inherit;text-decoration:none}header,footer{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.08em}header{border-bottom:1px solid var(--border)}header a:last-child{color:var(--muted)}.brand{letter-spacing:.22em;display:flex;align-items:center;gap:13px}.brand span{font-size:25px;color:var(--gold)}main{max-width:1360px;margin:58px auto;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);gap:65px;padding:0 5%;align-items:center}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:700}h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(38px,4.2vw,62px);line-height:1.15;letter-spacing:-.035em;margin:24px 0}h1 em{color:var(--gold);font-weight:500}.intro{color:var(--muted);line-height:1.85;font-size:14px}.ornament{font-size:22px;letter-spacing:12px;margin:32px 0;color:var(--gold)}.ornament span{color:#c39184}details{border-top:1px solid var(--border);padding-top:22px;max-width:350px;font-size:12px;color:var(--muted);line-height:1.75}summary{color:var(--paper);cursor:pointer;font-size:12px;letter-spacing:.08em}ul{padding-left:17px}li{padding:3px 0}details p{font-size:11px}.signature{font-size:12px;line-height:1.8;margin-top:32px}.signature span{font-size:10px;color:var(--muted)}.game{border:1px solid #607c614f;border-radius:18px;overflow:hidden;background:#12241f;box-shadow:0 26px 80px #0004}.table-top{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;background:#ffffff03}.table-top .eyebrow{margin:0 0 8px;font-size:9px}#round{font-size:12px;color:var(--muted)}.session{display:flex;gap:22px}.session span{display:flex;flex-direction:column;gap:5px;font-size:8px;letter-spacing:.12em;color:var(--muted);text-align:center}.session b{font-size:23px;font-weight:400;color:var(--paper);font-variant-numeric:tabular-nums}.felt{padding:24px 32px;background:radial-gradient(ellipse,#23574733,transparent),repeating-linear-gradient(45deg,#ffffff01 0 1px,transparent 1px 4px),#143c30;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}.hand-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hand-label h2{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;margin:0;color:#c1d0c1}.hand-label>span{font-size:12px;color:var(--gold);min-height:22px}.cards{display:flex;gap:10px;flex-wrap:wrap;min-height:113px}.card{width:78px;height:110px;background:#f8f1e5;border-radius:7px;color:#192c27;box-shadow:0 5px 8px #0002;display:flex;flex-direction:column;justify-content:space-between;padding:8px;font-family:Georgia,serif;font-size:20px;position:relative;flex-shrink:0;animation:arrive .25s ease-out}.card>span{font-size:34px;text-align:center;line-height:1}.card>small{font-size:15px;align-self:flex-end;transform:rotate(180deg)}.card.red{color:#a94447}.card.back{background:repeating-linear-gradient(45deg,#d8bb7820 0 1px,transparent 1px 7px),#203d36;border:4px solid #eee0bf;outline:1px solid #ffffff20;outline-offset:-8px;justify-content:center;text-align:center;color:var(--gold);font-size:35px}.card.placeholder{opacity:.14;animation:none}.table-mark{text-align:center;margin:18px 0;color:#d3b87988}.table-mark>span{font-size:22px}.table-mark p{font-family:Georgia,serif;letter-spacing:.3em;font-size:17px;margin:5px 0}.table-mark small{font-size:8px;letter-spacing:.22em}.control-desk{padding:16px 28px 12px}#status{font-size:14px;min-height:22px;text-align:center;margin:4px 0 16px;color:var(--gold)}.actions{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px}button{font:600 13px 'DM Sans',sans-serif;min-height:46px;border-radius:7px;padding:12px;border:1px solid #ffffff26;background:#ffffff06;color:var(--paper);cursor:pointer;transition:background .15s}button span{margin-left:15px;color:var(--gold)}button.primary{background:var(--gold);color:#182c25;border-color:var(--gold)}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}.table-note{font-size:9px;text-align:center;color:var(--muted);margin:14px 0 3px}footer{border-top:1px solid var(--border);color:#90a397;font-size:9px}@keyframes arrive{from{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){main{gap:30px;margin:30px auto;grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}aside>.eyebrow,aside>h1,aside>.intro{grid-column:1}aside>details{grid-column:2;grid-row:2/5;align-self:center}h1{font-size:40px;margin:12px 0}.ornament,.signature{display:none}.game{width:100%;max-width:650px;margin:auto}}@media(max-width:500px){header{padding:18px 5%}main{padding:0 4%;margin:22px auto}aside{display:block}h1{font-size:37px}.intro{font-size:12px;margin-bottom:20px}details{max-width:none;font-size:11px;padding-top:12px}.felt{padding:18px}.table-top{padding:17px}.session{gap:16px}.card{width:63px;height:91px;font-size:17px}.cards{min-height:94px;gap:7px}.card>span{font-size:27px}.table-mark{margin:13px 0}.control-desk{padding:16px}.actions{gap:7px}button{font-size:12px;padding:10px}button span{margin-left:5px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}