@import url('/center-assets/theme.css?v=91a4d16fdb7fb555');
@import url('/center-assets/royal.css?v=91a4d16fdb7fb555');

@import url('/center-assets/host.css?v=91a4d16fdb7fb555');

/* Definite card dimensions avoid intrinsic image/button sizing differences in
   WebKit. A flat scroll rail keeps every rank visible and every card reachable. */
.room,.hand-panel{min-width:0;max-width:100%}
.room-heading{flex-wrap:wrap;min-width:0}.room-heading>div{min-width:0}.room-code{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-all;white-space:normal}
.hand{display:flex;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:24px 8px 18px;min-height:168px;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
.hand-card{appearance:none;-webkit-appearance:none;display:block;flex:0 0 88px;width:88px;min-width:88px;max-width:88px;height:123.2px;min-height:0;line-height:0;padding:0;border:0;transform:none;box-sizing:content-box;overflow:visible;position:relative}
.hand-card>.playing-card{display:block;flex:none;width:88px;height:123.2px;min-width:0;max-width:none;aspect-ratio:auto;object-fit:contain;filter:none;box-shadow:0 3px 6px #08030a70;pointer-events:none}
.hand-card:not(:disabled):hover{transform:translateY(-6px);filter:none}
.hand-card.selected{transform:translateY(-10px);filter:none;outline:3px solid var(--gold);outline-offset:3px;z-index:1}
.hand-card:disabled{filter:none}
.hand-card.illegal{filter:none;opacity:.65!important}
@media(max-width:700px){.hand{min-height:145px;padding:22px 6px 16px;gap:8px}.hand-card{flex-basis:65px;width:65px;min-width:65px;max-width:65px;height:91px}.hand-card>.playing-card{width:65px;height:91px}.hand-heading{flex-wrap:wrap}.hand-heading>span{max-width:none}.move-controls .button-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:360px){.hand-card{flex-basis:60px;width:60px;min-width:60px;max-width:60px;height:84px}.hand-card>.playing-card{width:60px;height:84px}}