:root{color-scheme:dark;--ink:#f4f0df;--muted:#acbdb1;--gold:#e9c77b;--line:#ffffff1c;--panel:#142b25}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 0,#244339 0,#0a1814 65%);color:var(--ink);font:16px/1.5 'Segoe UI',Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid #8daba64d;color:var(--ink);background:#243e34;padding:11px 15px;border-radius:8px;cursor:pointer;transition:background .2s,transform .15s;min-height:44px}button:hover{background:#355649}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe29b;outline-offset:3px}a{color:var(--gold)}input,select{width:100%;background:#0f211b;border:1px solid #78998a77;border-radius:6px;color:var(--ink);padding:11px;min-height:44px}label{display:block;font-size:.88rem;margin:12px 0 6px}input[type=checkbox]{width:20px;min-height:20px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h2{font-family:Georgia,serif;font-weight:normal}.mast{padding:19px 4%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;background:#0b1a16b3}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#f5ecd5;font-weight:700;letter-spacing:2px;font-size:13px}.brand small{display:block;font-size:9px;color:#a2b9ac;letter-spacing:3px}.brandmark{font-size:31px;color:var(--gold)}nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap}nav button{background:transparent;border-color:transparent;font-size:13px}nav a{font-size:13px;margin-left:10px}main{max-width:1580px;margin:auto;padding:28px 4% 16px}.titleline{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:15px}.eyebrow{letter-spacing:2px;color:var(--gold);font-size:10px;font-weight:700;margin-bottom:8px}h1{font-family:Georgia,serif;font-size:51px;line-height:1.1;font-weight:normal;margin:0;letter-spacing:-1px}h1 span{font:18px Georgia,serif;margin-left:25px;letter-spacing:9px;color:#a8beab}.modebadge{font-size:12px;border:1px solid #a6b19945;border-radius:25px;padding:9px 15px;color:#d7dcca}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px;align-items:start}.tableframe{padding:14px;border-radius:26px;background:repeating-linear-gradient(4deg,#62432c 0,#715034 3px,#4c3325 7px,#765135 11px);box-shadow:0 15px 38px #0007,inset 0 2px 2px #d6a27377,inset 0 -4px 4px #170c08}.felt{position:relative;padding:22px;border-radius:15px;border:1px solid #d5b87d8c;background:radial-gradient(ellipse at center,#23604a88,#103c2fe6),repeating-radial-gradient(circle at 40% 50%,#3c775c 0,#2d644c 1px,#316c50 2px,#266046 3px);box-shadow:inset 0 0 70px #0006;min-height:730px}.tableheading{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.2px;color:#d2dcc5;margin-bottom:22px}.seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:23px}.seat{background:#0b2a2399;border:1px solid #6c9c7955;border-radius:10px;padding:10px;text-align:center;min-width:0}.seat.active{border-color:var(--gold);box-shadow:0 0 0 2px #e9c77b16}.seat b{display:block;font-size:13px;overflow-wrap:anywhere}.seat small{font-size:10px;color:#c0d0b8}.seat em{display:block;font-size:10px;color:var(--gold);font-style:normal}.teams{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meldarea{background:#04241d66;border:1px solid #a0c29335;border-radius:10px;padding:12px;min-height:122px}.meldarea h3{font:12px 'Segoe UI',sans-serif;color:#d3ddca;margin:0 0 9px}.meldarea small{font-size:10px;color:#bdd0b9}.melds{display:flex;flex-wrap:wrap;gap:6px}.meldchip{padding:7px 9px;font-size:12px;background:#dbe1cf;color:#123729;border-radius:5px;border:1px solid #e2efcf;min-height:44px}.meldchip.natural{background:#f4d79c;border:2px solid #f7e9c7}.meldchip.mixed{background:#202c27;color:#fff;border:2px solid #b7c2ae}.meldchip span{display:block;font-size:9px}.nomeld{font-size:11px;font-style:italic;color:#acc4af;padding:12px 0}.center{display:flex;justify-content:center;align-items:center;gap:42px;padding:27px 0 10px}.pile{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.pile strong{font-size:10px;letter-spacing:1.5px;color:#d3dfc7}.pile strong span{color:var(--gold);margin-left:8px}.card{width:76px;height:110px;background:linear-gradient(120deg,#fffdf5,#ece9de);border:1px solid #fffc;border-radius:7px;color:#202b28;box-shadow:0 4px 7px #0004;position:relative;padding:6px;text-align:left;display:inline-flex;flex-direction:column;justify-content:space-between;line-height:1;flex-shrink:0;font-family:Georgia,serif;font-size:22px;min-height:0}.card.red{color:#ae2f37}.card .suit{align-self:center;font-size:35px}.card .corner{font-size:12px;align-self:flex-end;transform:rotate(180deg)}.card.wild{color:#735522;background:linear-gradient(135deg,#fffbea,#e5d5aa)}.card small{font:8px 'Segoe UI';letter-spacing:.4px}.card.back{border:5px solid #f2eddd;background:repeating-linear-gradient(45deg,transparent 0,transparent 5px,#d9bc6744 5px,#d9bc6744 6px),repeating-linear-gradient(-45deg,#143d36 0,#143d36 5px,#d9bc6744 5px,#d9bc6744 6px);align-items:center;justify-content:center;box-shadow:3px 3px 0 #d9d9c8,5px 5px 0 #174131,7px 7px 0 #d9d9c8,9px 9px 10px #0006}.back span{border:1px solid #bba269;border-radius:50%;font-size:30px;padding:10px;color:#d0b16e;background:#173d32}.empty{align-items:center;justify-content:center;opacity:.55}.tablecrest{text-align:center;opacity:.7;color:#dbd8b5}.tablecrest>span{font-size:34px;display:block}.tablecrest b{display:block;letter-spacing:5px;font:18px Georgia}.tablecrest small{display:block;font:italic 11px Georgia;margin-top:6px}.pileinfo{text-align:center;font-size:11px;color:#ccd6be;margin:12px auto 22px;max-width:480px}.status{background:#102f2699;border:1px solid #c5c7a533;border-radius:9px;padding:12px 15px;color:#f3e8c2;font-size:13px;min-height:47px}.handheading{display:flex;justify-content:space-between;align-items:center;margin:21px 0 12px;gap:8px}.handheading h2{font-size:18px;margin:0}.handheading>div{font-size:11px;color:#c2d0b7}.handheading button{font-size:11px;padding:6px 10px;margin-left:10px}.hand{display:flex;flex-wrap:wrap;gap:7px;padding:10px 0 15px;min-height:140px;align-items:flex-start}.hand .card{width:64px;height:96px;cursor:pointer;animation:deal .26s ease both;transition:transform .18s,box-shadow .18s}.hand .card .suit{font-size:28px}.hand .card[aria-pressed=true]{transform:translateY(-10px);outline:3px solid #f3cd73;box-shadow:0 8px 16px #0007}.hand .card.queued{opacity:.45;outline:2px dashed #f3cd73;transform:none}.panel{background:linear-gradient(130deg,#1c352b,#122820);border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:15px}.scoreline{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.scoreline b{font:28px Georgia;color:#edd8a3}.scoreline small{display:block;color:#a9bcae;font-size:10px}.scoreline span{font-size:13px}.muted,.hint{font-size:11px;color:#adbeae}.muted{margin:12px 0 0}.controls{display:flex;flex-direction:column;gap:8px}.controls label{font-size:11px;margin:0}.controls button{font-size:13px}.controls .hint{margin:6px 0 0}.gold{background:linear-gradient(120deg,#efd79a,#ceaa5e);border:1px solid #f0d596;color:#23342a;font-weight:700}.gold:hover{background:#f8dfa0}.quiet{background:transparent;border-color:transparent;color:#b8cabb}.controls hr{width:100%;border:0;border-top:1px solid var(--line);margin:4px 0}.proposal{padding:10px;border:1px dashed var(--gold);border-radius:7px;font-size:12px}.activity{padding-left:18px;font-size:11px;color:#acbeae;margin:0}.activity li{margin:8px 0}.privacy{position:absolute;inset:165px 15px 15px;background:#123b31f5;z-index:5;border:1px solid #d2bb7e77;border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding:25px}.privacy p{max-width:310px;color:#c3cdb9}.privacyicon{font:64px Georgia;color:var(--gold)}[hidden]{display:none!important}footer{display:flex;gap:20px;align-items:center;font-size:10px;letter-spacing:2px;color:#9ab19f;padding:25px 0}footer span{font:italic 13px Georgia;letter-spacing:0}footer button{margin-left:auto;font-size:12px;letter-spacing:0}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:90%;width:580px;padding:17px 22px;background:#592d24;color:#fff2d7;border:1px solid #df9e7f;border-radius:10px;box-shadow:0 10px 40px #0009;z-index:25}dialog{color:var(--ink);background:linear-gradient(130deg,#1f4033,#122a23);border:1px solid #b7a27188;border-radius:17px;width:min(620px,94vw);max-height:90dvh;padding:28px;box-shadow:0 25px 90px #000b}dialog::backdrop{background:#04100cba;backdrop-filter:blur(5px)}dialog h2{font-size:30px;margin-bottom:12px}dialog p{font-size:14px;color:#c5d1bf}.dialoghead{display:flex;justify-content:space-between;align-items:start}.dialoghead button{padding:4px 12px;font-size:20px}.tabs{display:flex;gap:10px;margin:20px 0}.tabs>*{flex:1}.wide{width:100%;margin-top:12px}.setupseat{display:grid;grid-template-columns:75px 1fr 1fr;gap:8px;align-items:center;margin-top:12px;font-size:12px}.setupseat input,.setupseat select{min-width:0;font-size:13px}.lobbyseat{padding:12px;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin:8px 0;gap:10px}.lobbyseat small{display:block;color:var(--muted)}details{margin:16px 0;font-size:13px}summary{cursor:pointer;min-height:32px}.connection{font-size:12px;padding:8px 15px;background:#263e30;border-radius:8px;margin-bottom:15px}#setupError,#lobbyError{color:#ffb6a0;margin:12px 0 0}#infoBody{font-size:14px}#infoBody h3{font:20px Georgia;color:var(--gold);margin:22px 0 8px}#infoBody table{border-collapse:collapse;width:100%;font-size:13px}#infoBody th,#infoBody td{border-bottom:1px solid var(--line);padding:8px;text-align:left}#infoBody ul,#infoBody ol{padding-left:23px}#infoBody li{margin:9px 0}#answerControls{display:flex;gap:6px}@keyframes deal{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.hand .card{width:70px;height:103px}.felt{min-height:780px}}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 245px;gap:14px}.felt{padding:15px}.center{gap:22px}.tablecrest b{font-size:14px}.tableheading span:last-child{display:none}.mast{padding:12px 3%}nav{gap:2px}nav button{padding:8px}.tableframe{padding:10px}}@media(max-width:760px){main{padding:20px 12px}.mast{align-items:start}.brand{font-size:10px;letter-spacing:1px}.brand small{font-size:7px}nav{justify-content:flex-end}nav a{width:100%;text-align:right}h1{font-size:38px}h1 span{display:none}.modebadge{font-size:10px;max-width:165px;text-align:center}.layout{display:flex;flex-direction:column}.tableframe,aside{width:100%}.felt{min-height:620px;padding:12px}.tableheading{font-size:9px;margin-bottom:14px}.seats{gap:5px;margin-bottom:15px}.seat{padding:7px 3px}.seat b{font-size:11px}.seat small,.seat em{font-size:9px}.teams{gap:8px}.meldarea{padding:8px;min-height:105px}.center{gap:25px;padding-top:19px}.tablecrest{max-width:95px}.tablecrest small{font-size:10px}.card{width:65px;height:94px}.hand .card{width:56px;height:85px;font-size:20px}.hand .card .suit{font-size:25px}.hand{gap:6px}.handheading button{margin-left:5px;padding:5px}.handheading h2{font-size:16px}.privacy{inset:125px 8px 8px}.controls{display:grid;grid-template-columns:1fr 1fr}.controls .eyebrow,.controls label,.controls select,.controls .hint,.controls hr,.controls .proposal,#answerControls{grid-column:1/-1}.scorepanel{margin-top:6px}#scoreboard{display:flex;gap:20px}.scoreline{flex:1;gap:10px}.panel{padding:15px}.activity{columns:2}footer{flex-wrap:wrap;gap:9px}footer button{margin-left:0}dialog{padding:20px}.setupseat{grid-template-columns:55px 1fr 1fr;gap:5px}.titleline{margin-bottom:17px}.hand .card[aria-pressed=true]{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}