@import url('/fonts.css');
:root{color-scheme:dark;--bg:#0b2023;--panel:#132e31;--gold:#dfbd79;--ink:#f5efdf;--muted:#b3c5bd;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#24505455,transparent 55%),var(--bg);color:var(--ink);font:16px/1.6 Georgia,serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--gold);border-radius:5px;color:var(--ink);background:#28494a;padding:10px 18px;transition:background .15s}button:hover{background:#3b5e5b}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button.gold{background:var(--gold);color:#162b2a}.quiet{border-color:var(--line);background:transparent}.text{border:0;padding:0;background:transparent;color:var(--gold)}header,footer{max-width:1280px;margin:auto;padding:26px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font:700 18px/1.3 Arial,sans-serif;letter-spacing:.2em;color:var(--ink);text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:.3em;color:var(--gold);margin-top:7px}main{max-width:1180px;margin:auto;padding:36px}.intro{position:relative;margin-bottom:36px;padding:15px 0}.eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}h1{font-size:clamp(56px,8vw,100px);line-height:1;margin:20px 0}h1 span{display:block;font-size:.42em;font-style:italic;font-weight:400;color:var(--gold);margin-top:14px}.subtitle{color:var(--muted);position:absolute;right:0;bottom:0;font-size:18px}h2{font-size:26px;font-weight:400;margin:5px 0 12px}p{margin:10px 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px}form{display:flex;gap:16px;align-items:end;margin:24px 0}label{display:grid;gap:6px;font:12px Arial,sans-serif;color:var(--muted);flex:1}input,select{background:#0b2326;border:1px solid #7a9895;border-radius:4px;padding:12px;color:var(--ink);width:100%;min-width:0}.fine{color:var(--muted);font:12px/1.7 Arial,sans-serif}.table-top{display:flex;align-items:center;justify-content:space-between;font:12px Arial,sans-serif;margin:18px 0}.table-top p{color:var(--muted)}.felt{background:radial-gradient(ellipse at 50% 20%,#265e56,#153e39 70%);border:1px solid #c7a86577;box-shadow:inset 0 0 0 7px #08231e55,0 20px 60px #0003;border-radius:90px 90px 24px 24px;padding:32px 20px;min-height:480px}.dealer{text-align:center;min-height:180px}.cards{display:flex;justify-content:center;align-items:center;padding:6px 10px;min-height:110px}.cards img{width:78px;height:auto;filter:drop-shadow(0 5px 4px #0005);border-radius:7px}.cards img+img{margin-left:-24px}.table-mark{text-align:center;color:#e8d9a6a0;letter-spacing:.18em;font-size:18px;padding:14px 0 24px}.table-mark span{display:block;font:9px Arial,sans-serif;letter-spacing:.16em;margin-top:5px}#seats{display:flex;gap:16px;justify-content:center}.seat{flex:1;min-width:0;text-align:center;border:1px solid #ffffff20;border-radius:12px;padding:14px 8px;background:#082c2840}.seat.mine{border-color:#daba7670}.seat-name{font:13px Arial,sans-serif;color:var(--gold)}.hands{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.hand{border:1px solid transparent;border-radius:7px;min-width:110px;padding:4px}.hand.active{border-color:var(--gold);background:#ffffff0c}.hand p{font:11px Arial,sans-serif;margin:4px}.hand .cards img{width:65px}.hand .cards{padding:8px 0;min-height:100px}.controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}#actions{display:flex;gap:8px;flex-wrap:wrap;max-width:58%}#actions input{max-width:110px}#suggestion{font:13px Arial,sans-serif;color:var(--gold)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.metric{border-top:1px solid var(--line);padding:16px 0;color:var(--muted);font:12px Arial,sans-serif}.metric strong{display:block;font:30px Georgia,serif;color:var(--ink);margin-top:8px}.metric small{display:block;margin-top:7px}footer{border-top:1px solid var(--line);border-bottom:0;font:10px Arial,sans-serif;letter-spacing:.12em;margin-top:30px;color:var(--muted)}dialog{background:#f5efdf;color:#18332f;border:0;border-radius:12px;width:min(760px,94vw);max-height:88vh;padding:36px;line-height:1.7}dialog::backdrop{background:#000b}dialog .eyebrow{color:#785b27}dialog a{color:#355c55}dialog h3{font-size:21px;margin-top:30px}dialog table{border-collapse:collapse;width:100%;font:12px Arial,sans-serif}dialog td,dialog th{border:1px solid #1233;padding:5px;text-align:center}.close{float:right;color:#18332f;background:transparent;border-color:#18332f55}#message{min-height:26px;color:var(--gold)}[hidden]{display:none!important}@media(max-width:700px){header,footer{padding:20px}.subtitle{position:static;font-size:15px}main{padding:20px}.intro{margin-bottom:24px}form{flex-wrap:wrap}form label{flex-basis:42%}.panel{padding:20px}.felt{padding:25px 8px;border-radius:40px 40px 16px 16px}#seats{gap:6px}.seat{padding:10px 3px}.hand .cards img{width:55px}.hand{min-width:90px}.controls{display:block}#actions{max-width:none;margin-top:18px}.table-top{gap:10px}.table-top button{padding:8px}.table-mark{font-size:14px}.metrics{gap:12px}.metric strong{font-size:25px}footer{gap:18px}.brand{font-size:14px}header button{font-size:12px}.cards img{width:68px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
#shoe.cut{color:#f2c7bd}#shoe.cut::before{content:'';display:inline-block;width:12px;height:18px;background:#b33840;border:1px solid #f1b6a9;border-radius:2px;vertical-align:middle;margin-right:8px}
#actions .basic-picked{outline:2px solid var(--gold);outline-offset:3px}