/* Shared server and gameplay; the same client fits small browser and installed-web-app screens. */
.mobile-nav{display:none}
#provider-return{margin:15px 30px}#provider-return a{color:#ffc183;margin-left:10px;cursor:pointer}
@media(max-width:420px){.topbar .avatar{display:none}.topbar .account{gap:8px}.connection-bar .link{font-size:9px}}
@media(max-width:600px){body{padding-bottom:65px}.mobile-nav{position:fixed;inset:auto 0 0;z-index:8;display:flex;justify-content:space-around;background:#21162d;border-top:1px solid #604078;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}.mobile-nav button{background:none;color:#d4b2ec;font-size:12px;padding:10px 24px}#toast{bottom:80px}}
@media(max-width:600px){
 body{font-size:13px}.topbar{height:70px;padding:0 12px;gap:6px}.brand{gap:5px}.brand strong{font-size:16px}.comet{font-size:27px}.account{gap:9px}.account small{font-size:7px}.account strong{font-size:13px}.account>button:not(.avatar){padding:9px;font-size:11px}.avatar{width:30px;height:30px;font-size:10px}.connection-bar{padding:0 12px;gap:8px;font-size:9px}.connection-bar>span:first-child{max-width:59%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section{padding:15px 12px}.banner{min-height:170px;padding:23px 20px}.banner h1{font-size:28px}.banner p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.4px}.game-tabs{gap:8px;margin-top:10px}.tab{padding:12px 6px;font-size:11px}.tab small{font-size:6px}.filters{padding:12px 9px;gap:4px;flex-wrap:wrap}.filter-label{font-size:8px;margin-right:0}.filter-label:nth-of-type(2){margin-left:3px}.chip{padding:6px 8px;font-size:10px}.hide-full{font-size:9px;gap:2px}.hide-full input{margin:0;width:11px}.list-head,.room{grid-template-columns:1.2fr 1fr .65fr 70px;gap:5px;padding:12px 9px}.list-head{font-size:7px}.room{font-size:10px;min-height:67px}.room small{font-size:8px}.room button{font-size:9px;padding:8px}.room>span:nth-child(4),.list-head>span:nth-child(4){display:none}.lobby-foot{font-size:9px}.table-preview{padding:16px}.table-preview .mini-felt{height:80px;line-height:66px;margin-top:25px;margin-bottom:25px}.table-preview h2{font-size:20px}.preview-stat{font-size:11px}.notice{font-size:10px;line-height:1.6;padding:12px}.table-toolbar{gap:9px;flex-wrap:wrap}.table-toolbar button{font-size:10px;padding:8px}.table-toolbar h2{font-size:13px}.table-toolbar small{font-size:10px}.table-tools{gap:7px}#turn-clock{font-size:9px}.felt-wrap{height:410px;padding:78px 8px 75px}.felt{height:235px;border-width:9px;border-radius:130px;padding:48px 10px;outline-width:2px}.felt:after{inset:9px}.felt-brand{font-size:10px;letter-spacing:2px}.felt-brand>span{font-size:9px}#pot{font-size:10px;margin:9px}.cards{gap:4px;min-height:54px}.card{width:36px;height:52px;padding:4px 5px;font-size:15px}.card>span{font-size:20px}.seat{min-width:145px;padding:7px 16px;font-size:11px}.seat small{font-size:11px}.seat-avatar{width:29px;height:29px;line-height:24px;font-size:20px;left:-14px}.opponent{top:-68px}.player{bottom:-77px}.seat-bet{font-size:10px;left:calc(100% + 8px)}#message{font-size:11px;line-height:1.6;min-height:45px;margin-top:6px}.betting-panel{padding:13px 10px}.bet-presets{gap:4px;flex-wrap:wrap}.bet-presets button{padding:7px 10px;font-size:10px}.bet-presets label{display:flex;align-items:center;gap:5px;font-size:10px}.bet-presets input{width:73px;margin-top:0;margin-left:0;padding:6px}.actions{gap:6px;flex-wrap:wrap}.actions button{min-width:0;flex:1;padding:11px 9px;font-size:11px}#deal{flex-basis:100%}.cash-grid{gap:0}article{padding:19px 16px;margin-top:15px}.page-heading{margin:10px 0 20px}.page-heading h1{font-size:30px}.wallet-card{padding:20px}.wallet-card>small{display:block;margin:16px 0 0}.wallet-card h1{font-size:34px}dialog{width:calc(100vw - 24px);padding:24px;max-height:calc(100dvh - 24px)}dialog h1{font-size:28px}.auth-brand{margin-bottom:22px}footer{padding:12px;gap:10px;flex-wrap:wrap;font-size:8px}footer small{display:block;margin:5px 0 0;font-size:7px}footer a{color:#d0a2ed;font-size:9px}#toast{width:calc(100vw - 28px);padding:13px;font-size:12px;bottom:20px}.server-address{font-size:11px;overflow-wrap:anywhere}
}
@media(min-width:601px){footer a{color:#caa4e4;font-size:10px}}
