:root{color-scheme:dark;--bg:#10191b;--panel:#192528;--edge:#3c4849;--text:#f5eee0;--muted:#bbc5be;--gold:#e5bc72;--red:#a62f46;--green:#153f37;--cardw:100px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#263638,var(--bg) 65%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100svh}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid #65706a;border-radius:7px;background:#263437;color:var(--text);min-height:42px;padding:9px 16px;font-weight:650;cursor:pointer}button:hover{background:#344947;border-color:var(--gold)}button:disabled{cursor:default;opacity:.5}button.primary{background:var(--gold);border-color:var(--gold);color:#18211e}button.primary:hover{background:#f3d49e}button.subtle{border-color:transparent;background:transparent;color:var(--gold);padding:4px 12px}a{color:var(--gold)}:focus-visible{outline:3px solid #ffe5a2;outline-offset:3px}input,select{min-height:42px;border:1px solid #637374;border-radius:6px;background:#0e1c20;color:var(--text);padding:8px;width:100%}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--gold)}input[type=range]{padding:0;accent-color:var(--gold)}label{display:flex;flex-direction:column;gap:6px;font-size:.88rem;color:#d6dbd1;margin:12px 0}label.check{flex-direction:row;align-items:center;gap:10px}.masthead{max-width:1140px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 24px 14px}.brand{color:#e6d4b5;font:700 18px Georgia,serif;text-decoration:none}.brand em{color:#e66d75}.brand span{font:10px system-ui;letter-spacing:2px;text-transform:uppercase;margin-left:9px}h1{font:40px Georgia,serif;letter-spacing:1px;margin:6px 0 0}h1 small{font:12px system-ui;letter-spacing:1.7px;margin-left:12px;text-transform:uppercase;color:var(--muted)}.return{font-size:13px;text-decoration:none;border-bottom:1px solid #9a7a50;padding:8px 0}.toolbar{max-width:1092px;margin:0 auto;display:flex;gap:8px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:8px 0}.toolbar button{font-size:12px;padding:7px 13px;min-height:34px;background:transparent;border-color:transparent}.toolbar button:first-child{color:var(--gold)}main{max-width:1060px;margin:14px auto 0;padding:0 16px}.welcome{text-align:center;padding:40px 0 24px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold)}.welcome h2{font:56px/1.08 Georgia,serif;margin:16px 0}.welcome p{color:var(--muted);font-size:15px}.welcomeCards{height:226px;margin:24px auto 10px;display:flex;align-items:center;justify-content:center}.welcomeCards img{width:126px;box-shadow:0 12px 22px #0006;transform:rotate(-15deg);margin-right:-24px;border-radius:10px}.welcomeCards img:nth-child(2){transform:translateY(-14px);z-index:1}.welcomeCards img:nth-child(3){transform:rotate(15deg)}.welcome>.primary{padding:13px 40px}.small{font-size:12px;color:var(--muted);line-height:1.5}.scoreboard{display:grid;grid-template-columns:1fr 1.1fr 1fr;border:1px solid var(--edge);border-radius:12px 12px 0 0;background:#152226;min-height:92px;align-items:center;text-align:center}.scoreboard>div:first-child,.scoreboard>div:last-child{display:grid;grid-template-columns:1fr auto;align-items:center;padding:6px 22px}.scoreboard span{font-size:13px}.scoreboard b{font:42px Georgia,serif;color:var(--gold);grid-column:2;grid-row:1/3;margin-left:8px}.scoreboard small{font-size:11px;color:var(--muted)}.contract{display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--edge);border-right:1px solid var(--edge)}.contract strong{font:24px Georgia,serif;color:var(--gold)}.table{height:350px;position:relative;isolation:isolate;border:1px solid #466759;border-top:0;border-radius:0 0 38% 38% / 0 0 12% 12%;background:radial-gradient(ellipse at 50% 45%,#24584b,#143c34 75%);box-shadow:inset 0 0 0 8px #111e1c,inset 0 0 0 10px #b19c6533;overflow:hidden}.tablegrain{position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:repeating-linear-gradient(35deg,transparent 0 3px,#b6c5b4 3px 4px)}.seat{position:absolute;z-index:2;text-align:center;min-width:110px;max-width:190px;background:#102622d9;border:1px solid #5a7763;border-radius:10px;padding:9px 12px;font-size:12px}.seat strong{font-size:15px;display:block;overflow-wrap:anywhere}.seat small{color:#c8d2c2;display:block;font-size:10px;margin-top:4px}.seat.current{border:2px solid var(--gold);box-shadow:0 0 18px #e5bc7226;padding:8px 11px}.seat.inactive{opacity:.55}.north{top:15px;left:50%;transform:translateX(-50%)}.south{bottom:14px;left:50%;transform:translateX(-50%)}.west{left:22px;top:42%}.east{right:22px;top:42%}.seat .badge{font-size:9px;color:var(--gold);letter-spacing:.5px}.miniBack{display:inline-block;width:11px;height:17px;background:repeating-linear-gradient(45deg,#6b1731 0 3px,#b39b6a 3px 4px);border:1px solid #e5dbc2;border-radius:2px;margin:5px 1px 0}.trickCenter{position:absolute;inset:75px 200px 75px;display:flex;justify-content:center;align-items:center}.tableNote{position:absolute;color:#e4dcb8;font:18px Georgia,serif;text-align:center;max-width:190px;opacity:.7}.trickCards{position:relative;width:230px;height:196px}.played{position:absolute;width:70px;text-align:center}.played img{width:64px;filter:drop-shadow(0 4px 5px #0005);animation:land .2s ease-out}.played small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;background:#102622cc;border-radius:4px}.played.pos0{bottom:-8px;left:80px;z-index:4}.played.pos1{left:0;top:34px;z-index:2}.played.pos2{top:-7px;left:80px;z-index:1}.played.pos3{right:0;top:34px;z-index:3}.played.won img{outline:2px solid var(--gold);border-radius:6px}.upcard{position:absolute;right:18%;top:22px;width:62px;text-align:center;font-size:9px;color:#d7d9c6}.upcard img{display:block;width:52px;margin:auto}.upcard .turned{width:40px}.decision{min-height:104px;text-align:center;padding:12px 10px 8px}.decision p{margin:0 0 10px;font-size:14px;min-height:20px}.actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.actions button{min-width:100px}.handArea{max-width:760px;margin:auto}.handHeading{display:flex;justify-content:space-between;align-items:center;height:34px;font-size:13px}.hand{display:flex;justify-content:center;gap:10px;min-height:155px;align-items:flex-end;padding-top:8px}.card{border:0;background:transparent;padding:0;min-height:0;width:var(--cardw);flex:0 0 var(--cardw);border-radius:8px;position:relative;transition:transform .15s;box-shadow:0 4px 10px #0005;line-height:0}.card img{width:100%;border-radius:8px;pointer-events:none}.card:hover{background:transparent;transform:translateY(-6px)}.card.selected{transform:translateY(-13px);outline:3px solid var(--gold);outline-offset:2px}.card.illegal img{filter:brightness(.62)}.card .bowerMark{position:absolute;bottom:6px;left:7px;right:7px;font-size:9px;line-height:14px;background:#1f3932;color:#fff4cf;border-radius:4px}.handArea>p{min-height:18px;text-align:center;margin:6px 0}.connection{background:#162c2d;padding:5px 10px;font-size:11px;text-align:center;color:#d8c599;overflow-wrap:anywhere}.connection.offline{background:#662e37;color:#fff}.teaching{background:#233934;border-left:3px solid var(--gold);padding:10px 14px;font-size:13px;line-height:1.5;margin:10px auto;max-width:760px}.muted{color:var(--muted)}footer{max-width:1060px;margin:20px auto 0;padding:16px;text-align:center;font-size:11px;color:#8faaa0}footer span{margin:0 8px}dialog{width:min(610px,calc(100% - 24px));max-height:90svh;border:1px solid #6d7a6c;border-radius:16px;background:#182629;color:var(--text);padding:24px;box-shadow:0 24px 100px #000a}dialog::backdrop{background:#050c10c9;backdrop-filter:blur(6px)}dialog h2{font:30px Georgia,serif;margin:0 0 10px}dialog h3{color:var(--gold);font:21px Georgia,serif;margin:22px 0 8px}dialog p{line-height:1.55}dialog .dialogHeading{display:flex;justify-content:space-between;align-items:center}.dialogHeading button{font-size:24px;padding:0 13px;min-height:36px;background:transparent;border:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seatConfig,.seatConfigHeading{display:grid;grid-template-columns:1.15fr .8fr .8fr;gap:8px;align-items:center}.seatConfigHeading{font-size:11px;color:var(--muted);margin-top:14px}.seatConfig label{font-size:10px}.seatConfig input,.seatConfig select{font-size:12px}.error{color:#ff9caa;min-height:18px}.privacy{min-height:100svh;min-width:100vw;max-height:100svh;margin:0;border:0;border-radius:0;text-align:center;padding:30svh 20px 30px;background:#10191b}.privacy p{max-width:400px;margin:18px auto}.privacy button{display:block;margin:15px auto}.rulesCards{display:flex;gap:12px;justify-content:center}.rulesCards img{width:74px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:9px;text-align:left;border-bottom:1px solid #4e615c}.summaryCard{padding:14px;background:#10211f;border:1px solid #6e7c60;border-radius:10px;margin:12px 0}.lobbySeat{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #52655e;font-size:13px}.lastCards{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.lastCards>div{max-width:85px;text-align:center;font-size:12px}.lastCards img{width:80px}details{margin:18px 0}summary{cursor:pointer}hr{border:0;border-top:1px solid var(--edge);margin:22px 0}[hidden]{display:none!important}.contrast{--bg:#000;--panel:#000;--text:#fff;--muted:#eee;--gold:#ffe000;--edge:#fff}.contrast .table{background:#003624}.contrast .card.illegal img{filter:grayscale(1) brightness(.5)}.contrast .seat{background:#000}.contrast button{border-color:#fff}.contrast .connection{color:#fff}@keyframes land{from{transform:translateY(10px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:680px){:root{--cardw:clamp(49px,16vw,67px)}.masthead{padding:10px 12px 8px;gap:8px}.brand{font-size:15px}.brand span{font-size:8px;letter-spacing:1px;margin-left:4px}h1{font-size:30px;margin-top:3px}h1 small{font-size:8px;letter-spacing:.7px;margin-left:6px}.return{font-size:10px;white-space:nowrap}.toolbar{padding:4px 6px;gap:0;justify-content:space-between;flex-wrap:wrap}.toolbar button{font-size:10px;padding:5px 6px;min-height:32px}main{padding:0 7px;margin-top:7px}.welcome{padding-top:30px}.welcome h2{font-size:43px}.welcomeCards{height:200px}.welcomeCards img{width:108px}.scoreboard{min-height:67px}.scoreboard>div:first-child,.scoreboard>div:last-child{padding:5px 8px;grid-template-columns:1fr auto;gap:2px}.scoreboard span{font-size:10px}.scoreboard b{font-size:29px;margin-left:5px}.scoreboard small{font-size:9px}.contract{gap:2px}.contract strong{font-size:18px}.table{height:253px;box-shadow:inset 0 0 0 4px #111e1c,inset 0 0 0 5px #b19c6533;border-radius:0 0 24px 24px}.seat{min-width:66px;max-width:100px;padding:6px;border-radius:7px;font-size:10px}.seat.current{padding:5px}.seat strong{font-size:11px}.seat small{font-size:8px;margin-top:2px}.seat .badge{font-size:8px}.miniBack{width:7px;height:11px;margin:3px 0 0}.north{top:9px}.south{bottom:9px}.west{left:7px;top:39%}.east{right:7px;top:39%}.trickCenter{inset:58px 65px}.trickCards{width:160px;height:135px}.played{width:46px}.played img{width:45px}.played small{font-size:8px;max-width:52px}.played.pos0{bottom:-4px;left:57px}.played.pos1{left:2px;top:23px}.played.pos2{top:-4px;left:57px}.played.pos3{right:2px;top:23px}.tableNote{font-size:14px;max-width:110px}.upcard{right:17px;top:10px;width:43px;font-size:8px}.upcard img{width:34px}.upcard .turned{width:30px}.decision{padding:8px 4px 4px;min-height:98px}.decision p{font-size:12px;margin-bottom:7px;min-height:30px}.actions{gap:6px}.actions button{min-width:0;min-height:42px;padding:8px 10px;font-size:12px}.handHeading{font-size:11px;height:27px;padding:0 8px}.handHeading button{font-size:11px;min-height:27px}.hand{gap:0;min-height:110px;padding:10px 2px 0}.card+.card{margin-left:-5px}.card .bowerMark{font-size:7px;bottom:4px;left:4px;right:4px;line-height:10px}.card.selected{transform:translateY(-9px)}.handArea>p{font-size:10px;margin:5px 0;min-height:15px}.connection{font-size:10px;padding:4px}.teaching{font-size:11px;margin:7px}.two{gap:10px}dialog{padding:18px}dialog h2{font-size:27px}.seatConfig{gap:5px}.seatConfig input,.seatConfig select{font-size:11px;padding:6px}.seatConfigHeading{font-size:9px}footer{margin-top:6px;padding:10px;font-size:9px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.welcome>.small{font-size:11px}.privacy{padding-top:28svh}}
@media(max-height:730px) and (max-width:680px){.table{height:218px}.seat small{margin-top:1px}.miniBack{display:none}.decision{min-height:88px}.masthead{padding-top:7px}h1{font-size:26px}.hand{min-height:102px}:root{--cardw:clamp(49px,15vw,61px)}footer{padding-top:5px}.trickCenter{inset:49px 65px}.trickCards{height:127px}}
@media(max-width:680px){body{overflow-x:clip}.welcomeCards{max-width:100%;overflow:hidden;padding:20px 12px}h1 small{display:block;margin:2px 0 0;font-size:8px;letter-spacing:1.2px}.toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:3px 5px}.toolbar button{padding:5px 2px;min-width:0}.hand{min-height:114px}.seat small{overflow-wrap:anywhere}}

.midnight .miniBack{background:repeating-linear-gradient(45deg,#162d4d 0 3px,#b39b6a 3px 4px)}