html,body{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;width:100%;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:monospace;background:var(--color-background);color:var(--color-text);min-height:100vh;overscroll-behavior:none;-webkit-overflow-scrolling:touch}@media screen and (orientation: landscape) and (max-height: 600px){.room-header{padding:clamp(4px,1vh,8px) clamp(8px,2vw,16px)!important}.room-header.collapsed{height:clamp(24px,5vmin,30px)!important}.chat-window.mobile.expanded{height:150px!important}.chat-window.mobile.collapsed{height:24px!important}.game-content{--game-scale: calc(var(--game-scale) * .85) !important}}html.mobile.landscape .room-header:not(.collapsed){padding:clamp(4px,1vh,8px) clamp(52px,14vmin,72px)!important}html.mobile.landscape .game-content{transform:scale(calc(var(--game-scale) * .9))}html.mobile.portrait .game-content{transform:scale(var(--game-scale))}:root{--color-primary: #660355;--color-secondary: #b600bd;--color-background: #000000;--color-surface: #222222;--color-surface-light: #444444;--color-text: #ffffff;--color-text-muted: #cccccc;--color-border: #555555}@media (max-width: 767px){button,.button,input[type=button],input[type=submit]{min-height:44px;min-width:44px;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}input,textarea,select{-webkit-appearance:none;appearance:none;border-radius:0;font-size:16px}}@media (max-width: 767px){body,html{overscroll-behavior:none;-webkit-overflow-scrolling:auto;width:100%;height:100%;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}}@media (max-width: 767px){.game-area{transform-origin:center center}}@media (max-width: 767px) and (max-width: 480px),(max-width: 767px) and (max-height: 600px){.game-area{--game-scale: calc(var(--game-scale) * .8) !important}}@media (max-width: 767px){.seat{transform:scale(1.1)}.actor-name{font-size:clamp(8px,2vmin,12px)!important;padding:2px 6px}}@media (max-width: 767px) and (max-width: 479px){.actor-name{font-size:clamp(10px,2.5vmin,14px)!important}}@media screen and (orientation: landscape) and (max-height: 600px){.room-header{padding:clamp(2px,.5vh,6px) clamp(8px,2vw,16px)!important}.room-header .room-info{padding:clamp(6px,1vh,10px)!important}.room-header .room-info h2{font-size:clamp(16px,4vw,20px)!important;margin:0!important}.room-header .room-info p{font-size:clamp(10px,2.5vw,12px)!important;margin:2px 0!important}.room-controls .control-buttons button{padding:clamp(2px,.5vmin,4px) clamp(6px,1vmin,8px)!important;font-size:clamp(10px,2vmin,12px)!important}.room-controls .username-input{min-width:clamp(60px,15vmin,100px)!important;font-size:clamp(14px,2vmin,16px)!important}.chat-window.mobile.expanded{height:clamp(120px,25vh,180px)!important}.chat-window.mobile .chat-header{height:clamp(24px,4vh,32px)!important;padding:clamp(4px,1vh,8px) clamp(8px,2vw,12px)!important}.chat-window.mobile .chat-title .chat-text{font-size:clamp(8px,2vmin,10px)!important}.chat-window.mobile .chat-title .chat-icon{font-size:clamp(10px,2.5vmin,14px)!important}.game-content{transform:scale(calc(var(--game-scale) * .75))!important}}@media screen and (max-width: 375px){.room-header{padding:clamp(6px,2vw,10px) clamp(6px,2vw,10px)!important}.room-header:not(.collapsed){padding-left:clamp(45px,12vmin,60px)!important}.header-toggle-btn{width:clamp(30px,8vmin,40px)!important;height:clamp(24px,6vmin,32px)!important;font-size:clamp(10px,2.5vmin,12px)!important}.game-content{--game-scale: calc(var(--game-scale) * .7) !important}}