@import url('/shared/site.css');
body{height:100dvh;display:flex;flex-direction:column}main{flex:1;min-height:0;width:100%;max-width:90rem;margin:auto;padding:var(--space-2) var(--space-4);display:flex;flex-direction:column}#entry{background:var(--panel);padding:var(--space-4);border-radius:var(--radius-panel)}form{display:flex;gap:var(--space-3);align-items:end;margin:var(--space-3) 0}label{display:grid;gap:var(--space-1)}#entry p{font-size:var(--fs-caption)}#game{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-1)}.table-top{display:flex;align-items:center;gap:var(--space-3);min-height:2rem}.table-top h1{font-size:var(--fs-title);margin-right:auto}.table-top small{font:var(--fs-micro) var(--font-ui);margin-left:var(--space-2);color:var(--muted)}#terms,#room{font-size:var(--fs-micro);color:var(--muted)}.felt{flex:1;min-height:0;position:relative;color:var(--felt-print)}#cloth{position:absolute;width:100%;height:100%;object-fit:fill}.seat{position:absolute;display:flex;flex-direction:column;align-items:center;font-size:var(--fs-caption);line-height:1.15}.seat strong{font-weight:500}.seat-balance{color:var(--gold)}.seat small{font-size:var(--fs-micro)}.north{left:37%;top:5%;width:26%}.west{left:5%;top:22%;width:16%}.east{right:5%;top:22%;width:16%}.south{left:32%;bottom:4%;width:36%;flex-direction:row;justify-content:center;gap:var(--space-2)}.hand-row{display:flex;align-items:center;gap:var(--space-1)}.seat .hand-row{height:2rem}.seat .row-label{font-size:var(--fs-micro);width:3.2rem}.cards{display:flex;align-items:center;justify-content:center;gap:calc(var(--space-1) * .5)}.card{display:flex;padding:0;min-height:0;border:0;border-radius:var(--radius-card);background:transparent;flex-shrink:0}.card img{display:block;height:100%;width:auto;border-radius:var(--radius-card)}.seat .card{height:1.9rem}.card[aria-pressed=true]{outline:var(--chip-ring) solid var(--gold);outline-offset:var(--space-1)}#table-label{position:absolute;top:35%;left:31%;width:38%;text-align:center;font-family:var(--font-title);font-size:var(--fs-title);letter-spacing:.15em}#table-label span{display:block;font-family:var(--font-ui);font-size:var(--fs-micro);letter-spacing:.08em}#editor{position:absolute;left:19%;width:62%;top:48%;bottom:11%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.row-group{display:flex;justify-content:center;gap:var(--space-3);width:100%}#editor .hand-row{flex-direction:column;gap:var(--space-1)}#editor .card{height:4.4rem}.row-target{font-size:var(--fs-micro);min-height:1.5rem;padding:0 var(--space-2);background:var(--felt);border-color:var(--felt-print);color:var(--felt-print)}#editor small{font-size:var(--fs-micro);line-height:1}.tray .cards{min-height:4.4rem}#editor .tray{display:flex;flex-direction:row;align-items:center}#editor .tray .card{height:3.8rem}#editor .tray .row-target{width:4rem}.tray-bar{display:flex;align-items:center;gap:var(--space-3);background:var(--panel);border:thin solid var(--line);border-radius:var(--radius-panel);padding:var(--space-2) var(--space-3);min-height:4rem}.unit{display:flex;flex-direction:column;font-size:var(--fs-micro);white-space:nowrap}.unit b{font-size:var(--fs-figure);color:var(--gold)}.chip-tray{display:flex;gap:var(--space-3);margin-right:auto}.chip-tray button{padding:0;min-height:0;background:transparent;border:0;display:grid;justify-items:center;font-size:var(--fs-micro)}.chip-tray img{height:2.5rem;width:2.5rem}.chip-tray [aria-pressed=true] img{outline:var(--chip-ring) solid var(--gold);border-radius:50%;outline-offset:calc(var(--space-1) * .5)}.actions{display:flex;gap:var(--space-2)}.actions button{white-space:nowrap;padding:var(--space-1) var(--space-3)}.actions .gold{min-width:8rem}#status,#message{margin:0;font-size:var(--fs-caption);line-height:1.3}#status{min-height:1.3em}.table-menu[open]{z-index:30}#receipt td{white-space:nowrap}#receipt{width:min(96vw,75em)}dialog p{font-size:var(--fs-caption)}
@media(max-width:900px),(max-height:500px){header{height:2.8rem;padding:0 var(--space-3)}header .brand{font-size:var(--fs-title-sm)}header .brand img{height:2rem}header nav{gap:var(--space-2)}header button{min-height:2rem}#bankroll,#account-balance{font-size:var(--fs-caption)}main{padding:calc(var(--space-1) * .5) var(--space-3)}.table-top{min-height:1.5rem;gap:var(--space-2)}.table-top h1{font-size:var(--fs-title-sm)}.table-top small{display:none}.table-top button{min-height:1.5rem;padding:0 var(--space-2);font-size:var(--fs-micro)}#terms,#room{font-size:var(--fs-micro)}.seat{font-size:calc(var(--space-1) * 2.5)}.seat small,.seat .row-label{font-size:calc(var(--space-1) * 2)}.north{top:5%;left:39%;width:22%}.west,.east{top:19%;width:17%}.seat .hand-row{height:1.05rem;gap:calc(var(--space-1) * .5)}.seat .row-label{width:2.1rem}.seat .card{height:1rem}.south{bottom:5%;font-size:calc(var(--space-1) * 2.5)}#table-label{top:35%;font-size:var(--fs-caption)}#table-label span{display:none}#editor{top:46%;bottom:13%;gap:var(--space-1)}#editor .card{height:2.6rem}.row-group{gap:var(--space-2)}#editor .hand-row{gap:calc(var(--space-1) * .5)}#editor small{font-size:calc(var(--space-1) * 2);line-height:1}.row-target{min-height:1rem;font-size:calc(var(--space-1) * 2.25);padding:0 var(--space-1);line-height:1}#editor .tray .card{height:2.4rem}.tray .cards{min-height:2.4rem}#editor .tray .row-target{width:3rem}.tray-bar{min-height:2.9rem;padding:var(--space-1) var(--space-2);gap:var(--space-2)}.chip-tray{gap:var(--space-2)}.chip-tray img{height:1.65rem;width:1.65rem}.chip-tray span,.unit{font-size:calc(var(--space-1) * 2)}.unit b{font-size:var(--fs-caption)}.actions{gap:var(--space-1)}.actions button{min-height:2rem;font-size:var(--fs-micro);padding:var(--space-1) var(--space-2)}.actions .gold{min-width:6rem}#status,#message{font-size:calc(var(--space-1) * 2.5);line-height:1.1}footer{padding:0 var(--space-3);font-size:calc(var(--space-1) * 2)}#entry{padding:var(--space-2)}#entry h1{font-size:var(--fs-title)}#entry p{font-size:var(--fs-micro)}form{margin:var(--space-2) 0;gap:var(--space-2)}form button{min-height:2rem}input,select{padding:var(--space-1)}#join label{width:20rem}}