@import url('/shared/site.css');
body{height:100dvh;display:flex;flex-direction:column}main{flex:1;min-height:0;max-width:calc(var(--space-1) * 320);width:100%;margin:auto;padding:calc(var(--space-1) * 2) calc(var(--space-1) * 6);display:flex;flex-direction:column}#entry{background:var(--panel);padding:calc(var(--space-1) * 5);border-radius:var(--radius-panel)}form{display:flex;align-items:end;gap:calc(var(--space-1) * 3);margin:calc(var(--space-1) * 4) 0}label{display:grid;gap:calc(var(--space-1) * 1)}#entry p{font-size:var(--fs-caption)}#game{flex:1;min-height:0;display:flex;flex-direction:column;gap:calc(var(--space-1) * 1)}.table-top{display:flex;align-items:center;gap:calc(var(--space-1) * 4)}.table-top h1{margin-right:auto;font-size:var(--fs-title)}.felt{position:relative;flex:1;min-height:0;color:var(--felt-print)}#cloth{position:absolute;width:100%;height:100%;object-fit:fill}.dealer,.player{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-size:var(--fs-caption)}.dealer{top:17%}.player{top:58%}.cards{display:flex;justify-content:center;gap:calc(var(--space-1) * 1.25);height:clamp(calc(var(--space-1) * 15),10vh,calc(var(--space-1) * 23))}.cards img{height:100%;width:auto;border-radius:var(--radius-card)}.cards button{display:flex;min-height:0;background:none;border:0;padding:0}.cards button[aria-pressed=true]{outline:calc(var(--space-1) * 0.5) solid var(--gold);transform:translateY(calc(var(--space-1) * -1.25))}.spots{position:absolute;left:30%;width:40%;top:81%;display:flex;align-items:center;justify-content:center;gap:calc(var(--space-1) * 4)}.spot,.bet-box{color:var(--felt-print);background:var(--felt);border:calc(var(--space-1) * 0.25) solid var(--felt-print);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--fs-micro);text-align:center;min-height:calc(var(--space-1) * 12);padding:calc(var(--space-1) * 1)}.spot{border-radius:50%;width:calc(var(--space-1) * 19);height:calc(var(--space-1) * 16)}.bet-box{width:calc(var(--space-1) * 28);border-radius:calc(var(--space-1) * 1)}.spot b,.bet-box b{font-size:var(--fs-caption)}.spot img{width:calc(var(--space-1) * 5);height:calc(var(--space-1) * 5)}.tray-bar{display:flex;align-items:center;gap:calc(var(--space-1) * 3);background:var(--panel);border-radius:var(--radius-panel);padding:calc(var(--space-1) * 2)}.chip-tray{display:flex;gap:calc(var(--space-1) * 3);margin-right:auto}.chip-tray button{padding:0;background:none;border:0;display:grid;justify-items:center}.chip-tray img{width:calc(var(--space-1) * 11);height:calc(var(--space-1) * 11)}.chip-tray span{font-size:var(--fs-micro)}.chip-tray [aria-pressed=true] img{outline:calc(var(--space-1) * 0.5) solid var(--gold);outline-offset:calc(var(--space-1) * 0.5);border-radius:50%}.tools,.actions{display:flex;gap:calc(var(--space-1) * 1.5)}#result{min-height:calc(var(--space-1) * 5);text-align:center;color:var(--gold);font-size:var(--fs-caption);margin:0}#status,#message{font-size:var(--fs-caption);margin:0}#status{min-height:calc(var(--space-1) * 5)}.paytables{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--space-1) * 6)}dialog p{font-size:var(--fs-caption)}
@media(max-width:900px),(max-height:500px){main{padding:calc(var(--space-1) * 0.5) calc(var(--space-1) * 4)}.table-top h1{font-size:var(--fs-title-sm)}.table-top{height:calc(var(--space-1) * 7.5)}.table-top button{min-height:calc(var(--space-1) * 7)}.dealer{top:8%;left:28%}.player{top:8%;left:72%}.cards{height:calc(var(--space-1) * 11);gap:calc(var(--space-1) * 0.5)}.cards img{height:100%;width:auto}.dealer>span,.player>span{font-size:calc(var(--space-1) * 2.5)}.spots{top:58%;left:32%;width:36%;gap:calc(var(--space-1) * 2)}.spot{height:calc(var(--space-1) * 12);width:calc(var(--space-1) * 17.5);min-height:0}.bet-box{min-height:calc(var(--space-1) * 10);width:calc(var(--space-1) * 25)}.spot span,.bet-box span{font-size:calc(var(--space-1) * 2.25)}.spot img{display:none}.tray-bar{padding:calc(var(--space-1) * 0.75) calc(var(--space-1) * 1.5);gap:calc(var(--space-1) * 2)}.chip-tray{gap:calc(var(--space-1) * 2.25)}.chip-tray img{width:calc(var(--space-1) * 8);height:calc(var(--space-1) * 8)}.tools button{padding:calc(var(--space-1) * 0.5) calc(var(--space-1) * 2)}.actions{gap:calc(var(--space-1) * 1)}.actions button{padding:calc(var(--space-1) * 0.5) calc(var(--space-1) * 2.5);min-width:calc(var(--space-1) * 17.5)}.actions button.gold{min-width:calc(var(--space-1) * 22)}#result,#status{font-size:calc(var(--space-1) * 2.5);min-height:calc(var(--space-1) * 3.5);line-height:calc(var(--space-1) * 3.5)}footer{padding:calc(var(--space-1) * 0.25) calc(var(--space-1) * 4)}#entry{padding:calc(var(--space-1) * 2)}form{margin:calc(var(--space-1) * 2) 0}#entry h1{font-size:calc(var(--space-1) * 6)}#entry p{font-size:calc(var(--space-1) * 2.75)}header{padding:0 calc(var(--space-1) * 4)}#bankroll{font-size:calc(var(--space-1) * 3)}#account-balance{font-size:calc(var(--space-1) * 3)}}