body[data-help=false] .help-text,body[data-help=false] .premove-hint,body[data-help=false] [data-hint]{display:none!important}.connection{position:fixed;top:0;left:0;right:0;background:#7a431e;text-align:center;padding:9px;z-index:99}.profile-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profile-options label{padding:20px;border:1px solid #ba9c5966;border-radius:15px;background:#123b32}.guide-inline{color:#d9c693;font-size:13px;line-height:1.5;margin:8px 0}.invite-link{overflow-wrap:anywhere}.top nav{gap:3px}.top .flat{font-size:12px;padding:7px}.connection:empty{display:none}.busy{opacity:.65;pointer-events:none}@media(max-width:480px){.profile-options{grid-template-columns:1fr}.top .brand small{display:none}.top .brand{font-size:15px}}
body[data-screen=table] .game-layout>div{min-width:0;grid-template-rows:minmax(240px,1fr) auto 26px auto}body[data-screen=table] .arena{min-height:240px}.hand{max-width:100%}.hand .card{min-width:0}input[type=radio]{width:20px;height:20px;accent-color:var(--gold)}
@media(max-width:1050px){body[data-screen=table] .game-layout{display:block}.sidebar{display:none}body[data-screen=table] .game-layout>div{height:auto}body[data-screen=table] .shell{height:auto;min-height:100dvh}}
@media(max-width:800px){body[data-screen=table]:has(.auction-picker) .game-layout>div{grid-template-rows:240px auto 26px auto}.code{font-size:22px;letter-spacing:2px}.panel .row{flex-wrap:wrap}.controls .guide-inline{font-size:12px}.premove-bar small{max-width:180px}}
@media(prefers-reduced-motion:no-preference){.arena.trick-finished .trick-card{animation:collect-online .45s ease-in 2s forwards!important}@keyframes collect-online{to{opacity:0;translate:0 35px}}.arena.trick-finished.calm .trick-card{animation-delay:3.8s!important}.dealing .hand .card{animation:deal .4s both!important;animation-delay:calc(var(--i)*22ms)!important}}
@media(max-width:800px) and (min-height:760px){body[data-screen=table] .shell,body[data-screen=table]:has(.auction-picker) .shell{height:100dvh;min-height:0}body[data-screen=table] .game-layout>div{height:100%;grid-template-rows:minmax(185px,1fr) auto 24px auto;gap:5px}body[data-screen=table]:has(.auction-picker) .game-layout>div{grid-template-rows:minmax(155px,1fr) auto 24px auto}body[data-screen=table] .arena{min-height:155px}body[data-screen=table] .controls{max-height:38dvh;overflow-y:auto;padding:8px 10px}body[data-screen=table] .controls .last-move{padding-bottom:5px;margin-bottom:5px}.bid-leading{margin:3px 0;font-size:12px}.bid-number{margin:3px 0}.suit-picker{margin:4px 0}.controls .guide-inline{line-height:1.4;margin-bottom:0}body[data-screen=table] .hand .card{height:68px}body[data-screen=table] .hand{padding-top:4px}.top{height:56px}body[data-screen=table] .game-head{min-height:40px}}