:root{color-scheme:dark;--ink:#f4ebd6;--muted:#bfccb9;--gold:#e6c77e;--bg:#0c2622;--edge:#466355}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 10%,#1d4c3e,var(--bg) 65%);color:var(--ink);font:16px/1.5 system-ui,Segoe UI,sans-serif;min-height:100vh}button,input,select{font:inherit}button,select,input{border:1px solid #688273;border-radius:8px;padding:10px 14px;background:#193f35;color:var(--ink);min-height:44px}button{cursor:pointer;font-weight:600;transition:background .16s,transform .16s}button:hover:not(:disabled){background:#305e4f}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffdb89;outline-offset:3px}.gold{background:var(--gold);color:#263326;border-color:#f1d58b}.gold:hover:not(:disabled){background:#f5dda6}a{color:var(--gold)}.mast{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:23px 30px;border-bottom:1px solid #ffffff19;gap:20px}.brand{font:bold 17px Georgia,serif;letter-spacing:2px;text-decoration:none;color:var(--ink)}.brand span{display:block;font:10px system-ui;letter-spacing:3px;color:var(--muted);margin-top:3px}.preferences{display:flex;align-items:center;gap:18px;font-size:13px}input[type=checkbox]{min-height:0;accent-color:var(--gold);width:17px;height:17px;vertical-align:middle}main{max-width:1180px;margin:auto;padding:20px 28px}.intro{text-align:center;padding:15px 0 24px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--gold);margin:6px 0}h1{font:64px/1.15 Georgia,serif;margin:8px 0}h1 em{color:var(--gold);font-weight:normal}h2{font:28px Georgia,serif;margin:8px 0}h3{font-size:16px;margin:10px 0}.subtitle{color:var(--muted);margin:8px 0}.panel{background:#16392f;border:1px solid var(--edge);border-radius:14px;padding:24px;margin:16px 0;box-shadow:0 8px 24px #0002}#setup{max-width:820px;margin:auto}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.sectionhead>span,summary span{font-size:10px;letter-spacing:1px;color:var(--muted)}.seat{display:grid;grid-template-columns:45px 1fr 1fr 1fr;align-items:center;gap:12px;margin:12px 0}.seat input,.seat select{width:100%;min-width:0}.seatno{border:1px solid var(--edge);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--gold)}label{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}details{border-top:1px solid var(--edge);margin-top:20px;padding-top:14px}summary{cursor:pointer;font-weight:600;min-height:44px}summary span{margin-left:15px}.rulegrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rulegrid label{display:flex;align-items:center;font-size:14px}.rulegrid select{width:100%}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 8px}.join{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--edge);padding-top:20px;margin-top:22px}.join label{flex:1;min-width:140px;display:block}.join input{width:100%}.join button{align-self:end}.muted{font-size:13px;color:var(--muted)}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:15px 0}.scorebox{border:1px solid var(--edge);border-radius:10px;padding:12px 16px;background:#16362e}.scorebox.active{border:2px solid var(--gold);padding:11px 15px}.scorebox b{display:block;font:30px Georgia;color:var(--gold)}.scorebox small{display:block;color:var(--muted)}.table{border:12px solid #6b442a;border-radius:30px;background:radial-gradient(ellipse at 50% 20%,#236451,#174836);box-shadow:0 0 0 2px #a98252,inset 0 0 25px #0006,0 16px 30px #0003;padding:24px}.drawarea{display:flex;gap:26px;align-items:start;margin-bottom:24px}.stock{width:106px;flex-shrink:0;min-height:148px;background:repeating-linear-gradient(45deg,#254b69 0 5px,#1f425e 5px 7px);border:4px solid #ddd1ae;box-shadow:4px 4px 0 #ac9e7d;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;color:white}.stock span{font-size:38px;color:#f0d49a}.stock strong{font-size:12px}.stock small{font-size:11px}.discardzone{min-width:0;flex:1}.discardzone h3{margin-top:0}.cards{display:flex;gap:8px;padding:10px 4px 14px}.strip{overflow-x:auto;max-width:100%;scrollbar-color:var(--gold) #193d32;scrollbar-width:thin;min-height:117px}.card{position:relative;flex:0 0 72px;width:72px;height:104px;border:2px solid #dfd8c6;border-radius:8px;background:linear-gradient(145deg,#fffdf4,#e9e2d1);color:#19252a;box-shadow:0 4px 6px #0003;display:flex;flex-direction:column;align-items:start;justify-content:space-between;font:bold 24px Georgia;padding:5px 7px;min-height:0}.card.red{color:#ab2334}.card:hover:not(:disabled){background:#fff9e8;transform:translateY(-3px)}.card .suit{align-self:center;font-size:33px}.card .tiny{align-self:end;font-size:12px}.card.selected{outline:3px solid #ffd36d;transform:translateY(-6px)}.card.taken{outline:3px solid #ecc782}.card small{font:9px system-ui;color:#27372e;position:absolute;bottom:4px;left:5px}.melds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.meldbox{border:1px dashed #90ad91;border-radius:10px;padding:10px;min-width:0}.meldbox .card{flex-basis:51px;width:51px;height:80px;font-size:19px}.meldbox .suit{font-size:24px}.meldbox .cards{overflow-x:auto;gap:5px}.meldbox button{width:100%;font-size:12px}.meldbox.valid{border:2px solid #f7d686}.handpanel{padding:22px 0;position:relative}.handpanel .card{flex-basis:84px;width:84px;height:122px;font-size:27px}.handpanel .suit{font-size:42px}.sorts{display:flex;gap:5px}.sorts button{font-size:12px;padding:7px 10px}.handpanel p{margin:5px 0;color:var(--muted)}#notice{position:sticky;bottom:12px;background:#ecd399;color:#252f26;border-radius:8px;padding:12px 18px;box-shadow:0 4px 12px #0005;z-index:4}#notice:empty{display:none}footer{border-top:1px solid #ffffff20;padding:24px 0;margin-top:28px;font-size:10px;letter-spacing:2px;color:var(--muted);display:flex;justify-content:space-between}footer span{letter-spacing:0}dialog{width:min(680px,95vw);max-height:85vh;background:#173a31;color:var(--ink);border:1px solid var(--gold);border-radius:16px;padding:28px}dialog::backdrop{background:#001c18c9}.curtain{position:fixed;inset:0;background:#0b2924;display:grid;place-items:center;z-index:10;text-align:center;padding:25px}.curtain h2{font-size:42px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:9px;border-bottom:1px solid var(--edge);text-align:left}#ledger{overflow-x:auto}#history{font-size:13px;color:var(--muted);max-height:260px;overflow:auto}.animate .card{animation:arrive .22s ease-out}@keyframes arrive{from{opacity:.65;translate:0 5px}to{opacity:1;translate:0 0}}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:620px){main{padding:12px}.mast{padding:15px 12px;align-items:start}.brand{font-size:13px}.brand span{font-size:8px}.preferences{gap:9px;flex-wrap:wrap;justify-content:end;font-size:11px;max-width:195px}.preferences button{padding:6px 10px}h1{font-size:49px}.intro{padding:7px 0 17px}.subtitle{font-size:13px}.panel{padding:16px}.seat{grid-template-columns:25px 1fr 1fr;gap:7px}.seat select:last-child{grid-column:2/4}.seatno{width:24px;height:24px}.seat input,.seat select{font-size:13px;padding:8px}.rulegrid{grid-template-columns:1fr}.sectionhead{align-items:start}.sectionhead>span{font-size:8px;max-width:130px;text-align:right}.table{border-width:7px;padding:15px 10px;border-radius:18px}.drawarea{gap:14px}.stock{width:80px;min-height:120px}.discardzone .card{flex-basis:61px;width:61px;height:92px}.discardzone .sectionhead{display:block}.discardzone .sectionhead span{display:block;text-align:left}.discardzone p{font-size:12px}.discardzone button#take{font-size:12px;padding:8px}.sorts{flex-wrap:wrap;justify-content:end}.handpanel .card{flex-basis:73px;width:73px;height:110px}.scorebox{padding:8px}.scorebox.active{padding:7px}.scorebox small{font-size:10px}.scoreboard{gap:7px;grid-template-columns:repeat(2,1fr)}.scorebox b{font-size:24px}.actions button{flex:1;font-size:13px}.handpanel .sectionhead{align-items:center}.handpanel h3{min-width:90px}footer span{display:none}.melds{grid-template-columns:1fr}h2{font-size:24px}}
#notice{position:static;margin:12px 0;box-shadow:none}.playing .intro{padding:8px 0 14px}.playing .intro h1{font-size:40px}.playing .intro .eyebrow,.playing .intro .subtitle{display:none}@media(max-width:620px){.playing .intro h1{font-size:32px}.playing .intro{padding:3px 0 8px}.playing .table{padding-top:12px;padding-bottom:12px}.playing .drawarea{margin-bottom:10px}.playing .melds{max-height:260px;overflow-y:auto}.playing .handpanel{padding:15px 0}.handpanel .actions{position:sticky;bottom:0;background:#0f3028;padding:10px 4px;z-index:2;border-radius:8px}}
.table{border-color:transparent;background:radial-gradient(ellipse at 50% 20%,#236451,#174836) padding-box,repeating-linear-gradient(5deg,#714a2b 0px,#825839 3px,#633e24 5px,#775031 9px) border-box}.tablelinks{display:flex;gap:10px;align-items:center}.handjump{display:none}#handLabel{scroll-margin-top:15px}@media(max-width:620px){.handpanel .actions{position:static}.tablelinks{flex-direction:column;gap:4px}.handjump{display:block;font-size:13px;padding:7px;min-height:36px}}
.card:disabled{opacity:1;cursor:default}