/* Room-only Sky composition. Original sprites/canvases and all handlers remain. */
#roomScreen.theme-sky { overflow: hidden; background: #96d5f6 var(--sky-background) center / cover no-repeat; }
#roomScreen.theme-sky::before, #roomScreen.theme-sky::after { display: none; }
#roomScreen.theme-sky #roomShell {
    --room-columns: minmax(150px,1fr) minmax(260px,1.5fr) minmax(150px,1fr);
    position: absolute; inset: 0; width: auto; height: auto; margin: 0; transform: none;
    display: grid; grid-template-columns: var(--room-columns); grid-template-rows: 96px minmax(0,1fr); gap: 8px;
    padding: 10px var(--theme-safe-right,10px) max(10px,env(safe-area-inset-bottom)) var(--theme-safe-left,10px);
    border: 0; background: none; box-shadow: none; font: 15px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#roomScreen.theme-sky #roomShell * { box-sizing: border-box; text-shadow: none; }
#roomScreen.theme-sky #roomShell button {
    position: relative; inset: auto; width: auto; height: auto; min-width: 44px; min-height: 44px; margin: 0; padding: 8px 12px;
    border: 1px solid #b0d0e2; border-radius: 12px; background: linear-gradient(#f8fdff,#e1f2fc); color: var(--sky-ink);
    font: 750 15px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; text-indent: 0; transform: none;
    box-shadow: inset 0 1px 0 #fff,0 3px 8px #2579a317; cursor: pointer; touch-action: manipulation;
}
#roomScreen.theme-sky #roomShell button:disabled { opacity: .68; cursor: default; }
#roomScreen.theme-sky #roomShell input { position: static; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 10px 12px; border: 1px solid #a8c6da; border-radius: 11px; background: #f8fdff; color: var(--sky-ink); font: 16px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-user-select: text; user-select: text; }
#roomScreen.theme-sky #roomShell input::placeholder { color: #536e85; }
#roomScreen.theme-sky #roomHeaderPanel { position: static; grid-column: 1 / -1; width: auto; height: auto; display: grid; grid-template-columns: 70px 44px minmax(0,1fr) 90px; grid-template-rows: 44px 44px; gap: 8px; padding: 0; background: none; border: 0; box-shadow: none; }
#roomScreen.theme-sky #roomHeaderPanel > :is(#roomButtonBack,#roomBuddyOpen,#roomTitle,#roomNumber,#roomFixedOptions) { position: static; inset: auto; width: auto; height: 44px; margin: 0; transform: none; min-width: 0; }
#roomScreen.theme-sky #roomHeaderPanel > :is(#roomButtonBack,#roomBuddyOpen) { font-size: 15px; line-height: 20px; }
#roomScreen.theme-sky #roomHeaderPanel > #roomNumber { grid-column: 2; grid-row: 1; display: flex; align-items: center; justify-content: center; padding: 0 4px; border: 1px solid #8de3ff; border-radius: 12px; background: #2177a7; color: #fff; font-size: 18px; font-weight: 850; line-height: 1; }
#roomScreen.theme-sky #roomHeaderPanel > #roomTitle { grid-column: 3; grid-row: 1; padding: 6px 14px; text-align: left; font-size: 18px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#roomScreen.theme-sky #roomHeaderPanel > #roomBuddyOpen { grid-column: 4; grid-row: 1; position: relative; display: flex; align-items: center; justify-content: center; gap: 5px; }
#roomScreen.theme-sky #roomBuddyOpen .sky-icon { width: 18px; height: 18px; }
.buddyBadge { position: absolute; top: -5px; right: -5px; min-width: 20px; height: 20px; padding: 0 4px; border-radius: 12px; background: #bd354a; color: white; font: 700 12px/20px -apple-system,sans-serif; }
#roomScreen.theme-sky .roomChatLine.system, #roomScreen.theme-sky .roomChatLine.system strong { color: #227258; }
#roomScreen.theme-sky #roomHeaderPanel > #roomFixedOptions { grid-column: 1 / 5; grid-row: 2; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1.3fr 1fr; grid-template-rows: 44px; gap: 8px; }
#roomScreen.theme-sky #roomFixedOptions button { width: 100%; height: 44px; padding: 6px; font-size: 14px; }
#roomScreen.theme-sky #roomShell :is(#roomButtonBack,#roomBuddyOpen,#roomButtonChangeTeam,#roomButtonStart,#roomButtonReady,#roomButtonInvite,#roomNumber)::after,
#roomScreen.theme-sky #roomNumber::before { content: none; }
#roomScreen.theme-sky #roomPlayersPanel { position: relative; inset: auto; width: auto; min-width: 0; height: auto; min-height: 0; grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-rows: 20px minmax(0,1fr); gap: 4px; padding: 0; border: 0; background: none; box-shadow: none; z-index: auto; }
#roomScreen.theme-sky #roomPlayersPanel::before, #roomScreen.theme-sky #roomPlayersPanel::after { content: none; }
#roomScreen.theme-sky #roomTeamLabels { display: grid; grid-template-columns: var(--room-columns); column-gap: 8px; padding: 0; color: #176b96; font-size: 14px; font-weight: 800; }
#roomScreen.theme-sky #roomTeamLabels > :first-child { grid-column: 1; padding-left: 8px; }
#roomScreen.theme-sky #roomTeamLabels > :last-child { grid-column: 3; padding-right: 8px; color: #a33149; text-align: right; }
#roomScreen.theme-sky #roomRoster { position: relative; min-height: 0; display: grid; grid-template-columns: var(--room-columns); grid-template-rows: repeat(4,minmax(44px,1fr)); gap: 6px 8px; padding: 0; overflow: visible; }
#roomScreen.theme-sky #roomRoster .playerInRoom { position: relative; inset: auto; width: 100%; min-width: 0; height: 100%; min-height: 44px; margin: 0; padding: 0; border: 1px solid #a7d7ef; border-radius: 12px; background: linear-gradient(#f9fdff,#ddf2ff); box-shadow: none; overflow: hidden; touch-action: manipulation; }
#roomScreen.theme-sky #roomRoster .SideB { border-color: #e6bdc8; background: linear-gradient(#fffafb,#fae9ee); }
#roomScreen.theme-sky #roomRoster .roomSelf { outline: 2px solid #227ead; outline-offset: -2px; }
#roomScreen.theme-sky .roomPlayerName { position: absolute; left: 8px; right: 76px; top: 6px; width: auto; height: 20px; text-align: left; font: 800 14px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color: var(--sky-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 2; }
#roomScreen.theme-sky .SideB .roomPlayerName { left: 76px; right: 8px; text-align: right; }
/* Uniformly fit the original 223×95 canvas; anchors remain 100/123 in source space. */
#roomScreen.theme-sky .roomPlayerMobile { position: absolute; top: auto; bottom: 2px; left: calc(100% - 42px); right: auto; width: auto; height: calc(100% - 4px); max-height: 114px; aspect-ratio: 223 / 95; transform: translateX(-44.84305%); pointer-events: none; }
#roomScreen.theme-sky .SideB .roomPlayerMobile { left: 42px; right: auto; transform: translateX(-55.15695%); }
#roomScreen.theme-sky .roomPlayerShadow { display: none; }
#roomScreen.theme-sky :is(.roomPlayerMaster,.roomPlayerReady,.roomPlayerNotReady) { position: absolute; left: 8px; right: auto; top: auto; bottom: 5px; width: auto; height: 18px; padding: 0 5px; border: 1px solid #c4d8e4; border-radius: 6px; background: #f8fcff; line-height: 16px; font-size: 11px; font-weight: 800; z-index: 3; }
#roomScreen.theme-sky .SideB :is(.roomPlayerMaster,.roomPlayerReady,.roomPlayerNotReady) { left: auto; right: 8px; }
#roomScreen.theme-sky .roomPlayerMaster::after { content: "MASTER"; color: #825700; }
#roomScreen.theme-sky .roomPlayerReady::after { content: "READY"; color: #197344; }
#roomScreen.theme-sky .roomPlayerNotReady::after { content: "WAITING"; color: #425c76; }
#roomScreen.theme-sky #roomActions { display: flex; align-items: stretch; flex: 0 0 44px; gap: 6px; min-width: 0; }
#roomScreen.theme-sky #roomActions button { position: static; inset: auto; flex: 1; width: auto; height: 44px; padding: 6px; font-size: 14px; }
#roomScreen.theme-sky #roomActions #roomButtonStart { background: #d9e3e9; color: #435a6d; border-color: #b8cdd9; filter: none; }
#roomScreen.theme-sky #roomActions #roomButtonReady { background: #fff0b8; color: #755009; border-color: #dcbd62; }
#roomScreen.theme-sky #roomActions :is(#roomButtonStart.roomStartActive,#roomButtonReady.roomReadyActive) { background: #197344; color: #fff; border-color: #76d4a6; filter: none; }
#roomScreen.theme-sky #roomMessage { position: absolute; left: var(--theme-safe-left,10px); right: var(--theme-safe-right,10px); top: 110px; bottom: auto; z-index: 45; width: auto; padding: 10px 14px; border: 1px solid #d6b575; border-radius: 10px; background: #fff5d9; color: #704d13; font-size: 14px; line-height: 20px; text-align: left; pointer-events: none; }
#roomScreen.theme-sky #roomMessage:empty { display: none; }
#roomScreen.theme-sky #roomSidePanel { position: relative; grid-column: 2; grid-row: 2; min-width: 0; min-height: 0; display: flex; flex-direction: column; gap: 6px; }
#roomScreen.theme-sky #roomMapPanel { position: static; width: auto; height: 50px; flex: 0 0 50px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; border: 0; background: none; box-shadow: none; transform: none; }
#roomScreen.theme-sky #roomMapPanel::after { content: none; }
#roomScreen.theme-sky #roomShell #roomMapPreview { position: static; width: 213px; height: 50px; min-width: 213px; padding: 0; border: 1px solid #b7d9ed; border-radius: 8px; background-color: #eff9ff; background-image: url("../../assets/maps/minimaps.png"); background-repeat: no-repeat; box-shadow: var(--sky-shadow); }
#roomScreen.theme-sky #roomBattleItems { position: relative; inset: auto; width: auto; height: auto; min-height: 0; flex: 1; display: flex; flex-direction: column; gap: 4px; padding: 6px; border: 1.5px solid var(--sky-line); border-radius: 14px; background: var(--sky-panel); box-shadow: var(--sky-shadow); transform: none; }
#roomScreen.theme-sky #roomBattleItems > .roomPanelEyebrow { display: none; }
#roomScreen.theme-sky #roomBattleItemSelection { position: relative; inset: auto; width: auto; height: 44px; min-height: 44px; display: flex; align-items: center; gap: 5px; padding: 2px; border: 1px solid #b7d6e8; border-radius: 9px; background: #f4fbff; }
#roomScreen.theme-sky #roomBattleItemSelection #roomBattleItemSlots { position: static; inset: auto; width: auto; height: 38px; min-height: 38px; flex: 1; padding: 0; gap: 0; border-radius: 6px; background: repeating-linear-gradient(90deg,#e0eff8 0,#e0eff8 calc(16.666% - 1px),#b6cfdf calc(16.666% - 1px),#b6cfdf 16.666%); }
#roomScreen.theme-sky #roomBattleItemSelection .battleItemIcon { height: 38px; min-height: 38px; padding: 0; border-radius: 5px; border: 0; background: #f8fcff99; box-shadow: none; --item-scale: .9; }
#roomScreen.theme-sky #roomBattleItemEditLabel { position: static; width: 32px; height: auto; font-size: 11px; line-height: 13px; font-weight: 800; text-align: center; color: #176b96; }
#roomScreen.theme-sky #roomChatMessages { position: relative; inset: auto; width: auto; height: auto; min-height: 0; flex: 1; margin: 0; padding: 3px 3px; border: 0; border-radius: 0; background: none; color: #233d53; font: 15px/21px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; overflow-y: auto; }
#roomScreen.theme-sky .roomChatLine { margin: 0 0 8px; }
#roomScreen.theme-sky .roomChatLine strong { color: #176b96; }
#roomScreen.theme-sky .roomChatLine.mine strong { color: #825700; }
#roomScreen.theme-sky #roomChatForm { position: relative; inset: auto; height: 44px; min-height: 44px; display: flex; gap: 6px; margin: 0; }
#roomScreen.theme-sky #roomChatForm #roomChatInput { position: static; inset: auto; width: auto; height: 44px; min-width: 0; flex: 1; padding: 9px 32px 9px 10px; font-size: 16px; }
#roomScreen.theme-sky #roomChatForm #roomChatSend { position: static; width: 62px; height: 44px; padding: 6px; flex: 0 0 62px; background: linear-gradient(var(--sky-blue-top),var(--sky-blue-bottom)); color: #fff; border-color: #8de3ff; }
#roomScreen.theme-sky #roomChatLimit { position: absolute; top: 15px; right: 76px; font-size: 11px; line-height: 14px; color: #526a7f; }
#roomScreen.theme-sky #roomChatForm #roomChatDone { display: none; }
#roomScreen.theme-sky #roomChatStatus { position: static; width: auto; font-size: 12px; line-height: 16px; color: #8b471d; }
#roomScreen.theme-sky #roomChatStatus:empty { display: none; }

/* All room sheets share the same safe-area and keyboard-aware surface. */
#roomScreen.theme-sky #roomShell .sky-room-dialog { position: fixed; inset: 0; top: var(--theme-visible-top,0px); width: 100%; height: var(--theme-visible-height,100%); padding: 10px var(--theme-safe-right,10px) 10px var(--theme-safe-left,10px); display: flex; align-items: center; justify-content: center; z-index: 2000; background: none; transform: none; }
#roomScreen.theme-sky .sky-room-dialog > .dialogShade { position: absolute; inset: 0; width: auto; height: auto; background: #17466778; backdrop-filter: none; }
#roomScreen.theme-sky #roomShell .sky-room-dialog-panel { position: relative; inset: auto; width: min(100%,720px); height: 100%; max-height: 590px; min-height: 0; margin: 0; padding: 16px; display: flex; flex-direction: column; gap: 10px; transform: none; border: 1.5px solid #fff; border-radius: 20px; background: #eff9ff; color: var(--sky-ink); box-shadow: 0 14px 50px #164e6550; overflow: hidden; }
#roomScreen.theme-sky .sky-room-dialog-panel :is(.roomPanelEyebrow,.lobbyEyebrow) { display: none; }
#roomScreen.theme-sky .sky-room-dialog-panel > header { position: static; width: auto; height: auto; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#roomScreen.theme-sky .sky-room-dialog-panel h2 { position: static; margin: 0; color: var(--sky-ink); font-size: 22px; line-height: 26px; }
#roomScreen.theme-sky .sky-room-dialog-panel > header button { position: static; width: auto; height: 44px; min-width: 66px; flex-shrink: 0; font-size: 15px; }
#roomScreen.theme-sky #roomShell .sky-room-dialog-panel footer { position: static; display: flex; justify-content: flex-end; gap: 8px; height: auto; margin: 0; }
#roomScreen.theme-sky #roomShell .sky-room-dialog-panel footer button { position: static; width: auto; height: 44px; min-width: 80px; font-size: 15px; }
#roomScreen.theme-sky #roomShell :is(#roomTitleSave,#roomSettingsApply) { background: #2177a7 !important; color: #fff; }
#roomScreen.theme-sky .sky-room-dialog-panel .screenMessage { position: static; width: auto; margin: 0; color: #8b471d; font-size: 14px; line-height: 18px; }
#roomScreen.theme-sky .sky-room-dialog-panel .screenMessage:empty { display: none; }
#roomScreen.theme-sky #roomShell :is(#roomMapSelectGrid,#mobileSelectGrid,#roomInviteFriends) { position: relative; inset: auto; width: auto; height: auto; min-height: 0; flex: 1; margin: 0; padding: 3px; overflow: hidden auto; touch-action: pan-y; -webkit-overflow-scrolling: touch; }
#roomScreen.theme-sky #roomMapSelectGrid { display: grid; grid-template-columns: repeat(auto-fit,minmax(223px,1fr)); grid-auto-rows: 91px; gap: 8px; align-content: start; }
#roomScreen.theme-sky #roomShell .roomMapChoice { width: 100%; height: 91px; padding: 7px; display: flex; flex-direction: column; align-items: center; gap: 5px; touch-action: pan-y; }
#roomScreen.theme-sky .roomMapChoicePreview { position: static; width: 213px; height: 50px; flex-shrink: 0; transform: none; }
#roomScreen.theme-sky .roomMapChoice strong { position: static; width: auto; color: var(--sky-ink); font-size: 14px; }
#roomScreen.theme-sky #mobileSelectGrid { display: grid; grid-template-columns: repeat(auto-fit,minmax(94px,1fr)); grid-auto-rows: 100px; align-content: start; gap: 8px; }
#roomScreen.theme-sky #roomShell .mobileSelectBtn { position: relative; width: 100%; height: 100px; padding: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; touch-action: pan-y; }
#roomScreen.theme-sky .mobileSelectBtn canvas { position: static; width: 64px; height: 64px; flex-shrink: 0; }
#roomScreen.theme-sky .mobileSelectBtn .mobileName { position: static; display: block; width: 100%; height: auto; color: var(--sky-ink); font-size: 12px; line-height: 16px; text-align: center; }
#roomScreen.theme-sky #mobileSelectTagSlots { position: static; display: flex; gap: 8px; width: auto; height: 44px; }
#roomScreen.theme-sky #roomShell :is(.roomMapChoice,.mobileSelectBtn,.mobileSelectSlot).selected { outline: 3px solid #2378a6; outline-offset: -3px; box-shadow: none; background: #ddf0ff; }
#roomScreen.theme-sky #roomShell #roomBattleItemDialogSlots { position: static; width: auto; height: 48px; min-height: 48px; padding: 2px; gap: 2px; border: 1px solid #bfd8e8; background: repeating-linear-gradient(90deg,#e0eff8 0,#e0eff8 calc(16.666% - 1px),#b6cfdf calc(16.666% - 1px),#b6cfdf 16.666%); }
#roomScreen.theme-sky #roomBattleItemDialogSlots .battleItemIcon { height: 44px; padding: 0; background: #f8fcff; --item-scale: 1; }
#roomScreen.theme-sky #roomShell #roomBattleItemCatalog { position: relative; inset: auto; width: auto; height: auto; min-height: 0; flex: 1; margin: 0; padding: 3px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 60px; gap: 8px; overflow: hidden auto; touch-action: pan-y; }
#roomScreen.theme-sky #roomShell #roomBattleItemCatalog .battleItemIcon { height: 60px !important; padding: 6px 8px 6px 83px; --item-scale: 1; touch-action: pan-y; }
#roomScreen.theme-sky #roomBattleItemCatalog .battleItemName { font-size: 14px; line-height: 18px; color: var(--sky-ink); }
#roomScreen.theme-sky #roomBattleItemCatalog .battleItemSlotCount { font-size: 11px; line-height: 14px; color: var(--sky-muted); }
#roomScreen.theme-sky #roomBattleItemCatalog .roomItemLocked { filter: none; background: #e0e7ed; border-color: #aab9c5; box-shadow: none; }
#roomScreen.theme-sky #roomBattleItemCatalog .roomItemLocked::before { filter: grayscale(1); opacity: .45; }
#roomScreen.theme-sky #roomBattleItemCatalog .roomItemLocked::after { content: "LOCKED"; position: absolute; inset: auto; left: 8px; bottom: 2px; color: #5a6470; font-size: 11px; line-height: 12px; }
#roomScreen.theme-sky #roomShell #roomBattleItemHelp { position: static; width: auto; height: auto; margin: 0; color: var(--sky-muted); font-size: 12px; line-height: 16px; text-align: left; }
#roomScreen.theme-sky #roomShell #roomTitleDialogPanel { height: auto; width: min(100%,480px); overflow-y: auto; }
#roomScreen.theme-sky #roomTitleDialogPanel label { position: static; margin: 0; display: block; }
#roomScreen.theme-sky #roomTitleDialogPanel label > span { display: block; margin: 0 0 5px; color: var(--sky-muted); font-size: 13px; }
#roomScreen.theme-sky #roomInviteFriends button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 52px; margin-bottom: 6px; color: var(--sky-ink); font-size: 15px; text-align: left; }
#roomScreen.theme-sky #roomInviteFriends button span { color: var(--sky-muted); font-size: 13px; }
#roomScreen.theme-sky #roomInviteFriends .roomInviteFriend { grid-template-columns: minmax(0,1fr) 88px; gap: 10px; min-height: 64px; padding: 6px 0; border-bottom: 1px solid #c6dfed; }
#roomScreen.theme-sky #roomInviteFriends .roomInviteFriend strong { color: var(--sky-ink); font-size: 16px; }
#roomScreen.theme-sky #roomInviteFriends .roomInviteFriend span { color: var(--sky-muted); font-size: 13px; }
#roomScreen.theme-sky #roomSettingsPanel { overflow-y: auto; }
#roomScreen.theme-sky #roomSettingsPanel > header p { display: none; }
#roomScreen.theme-sky .roomSettingsSelector { position: static; height: auto; display: grid; grid-template-columns: 1fr 44px 1fr 44px; align-items: center; gap: 6px; padding: 0; margin: 0; }
#roomScreen.theme-sky .roomSettingsSelector :is(span,strong) { color: var(--sky-ink); font-size: 14px; }
#roomScreen.theme-sky #roomSettingsClassicOptions { position: static; display: flex; gap: 6px; }

#roomScreen.theme-sky.theme-chat-keyboard #roomBattleItems { position: fixed; inset: 0; top: var(--theme-visible-top,0px); height: var(--theme-visible-height,100%); padding: 8px var(--theme-safe-right,10px) 8px var(--theme-safe-left,10px); border-radius: 0; z-index: 100; background: #eff9ff; }
#roomScreen.theme-sky.theme-chat-keyboard #roomBattleItems > :is(.roomPanelEyebrow,#roomBattleItemSelection) { display: none; }
#roomScreen.theme-sky.theme-chat-keyboard #roomChatForm #roomChatDone { display: block; width: 58px; flex: 0 0 58px; padding: 6px; }
#roomScreen.theme-sky.theme-keyboard-compact #roomShell .sky-room-dialog { padding-top: 4px; padding-bottom: 4px; }
#roomScreen.theme-sky.theme-keyboard-compact #roomShell #roomTitleDialogPanel { width: min(100%,760px); max-height: 100%; display: grid; grid-template-columns: minmax(120px,1fr) auto; align-items: center; gap: 5px; padding: 6px 12px; }
#roomScreen.theme-sky.theme-keyboard-compact #roomTitleDialogPanel h2 { grid-column: 1 / 3; font-size: 17px; line-height: 21px; }
#roomScreen.theme-sky.theme-keyboard-compact #roomTitleDialogPanel label > span { display: none; }
#roomScreen.theme-sky.theme-keyboard-compact #roomTitleMessage:not(:empty) { grid-column: 1 / 3; }
@media (max-width:760px) {
    #roomScreen.theme-sky #roomShell { gap: 6px; grid-template-rows: 94px minmax(0,1fr); }
    #roomScreen.theme-sky #roomHeaderPanel { gap: 6px; grid-template-columns: 62px 40px minmax(0,1fr) 78px; }
    #roomScreen.theme-sky #roomHeaderPanel > #roomTitle { font-size: 17px; }
    #roomScreen.theme-sky #roomFixedOptions { gap: 6px; }
    #roomScreen.theme-sky #roomFixedOptions button { font-size: 13px; }
    #roomScreen.theme-sky #roomRoster, #roomScreen.theme-sky #roomTeamLabels { column-gap: 6px; }
}
@media (min-width:1000px) and (min-height:600px) {
    #roomScreen.theme-sky #roomShell { --room-columns: minmax(0,1fr) minmax(360px,1.5fr) minmax(0,1fr); padding-top: 16px; padding-bottom: 16px; gap: 12px; grid-template-rows: 112px minmax(0,1fr); }
    #roomScreen.theme-sky #roomHeaderPanel { grid-template-rows: 50px 50px; gap: 12px; grid-template-columns: 84px 54px minmax(0,1fr) 112px; }
    #roomScreen.theme-sky #roomHeaderPanel > :is(#roomButtonBack,#roomBuddyOpen,#roomTitle,#roomNumber,#roomFixedOptions) { height: 50px; }
    #roomScreen.theme-sky #roomHeaderPanel > #roomTitle { font-size: 22px; }
    #roomScreen.theme-sky #roomHeaderPanel > #roomFixedOptions { grid-template-rows: 50px; }
    #roomScreen.theme-sky #roomFixedOptions button { height: 50px; font-size: 16px; }
    #roomScreen.theme-sky #roomPlayersPanel { grid-template-rows: 24px minmax(0,1fr); gap: 8px; }
    #roomScreen.theme-sky #roomRoster { gap: 10px 12px; }
    #roomScreen.theme-sky #roomTeamLabels { column-gap: 12px; }
    #roomScreen.theme-sky .roomPlayerName { top: 12px; left: 12px; right: 112px; font-size: 16px; }
    #roomScreen.theme-sky .SideB .roomPlayerName { left: 112px; right: 12px; }
    #roomScreen.theme-sky .roomPlayerMobile { left: calc(100% - 66px); bottom: 8px; }
    #roomScreen.theme-sky .SideB .roomPlayerMobile { left: 66px; }
    #roomScreen.theme-sky #roomActions { flex-basis: 50px; }
    #roomScreen.theme-sky #roomActions button { height: 50px; font-size: 16px; }
    #roomScreen.theme-sky #roomBattleItems { padding: 16px; gap: 10px; }
    #roomScreen.theme-sky #roomChatMessages { font-size: 17px; line-height: 24px; }
}