/* V85 — bright daylight home and large in-world map-selection boards. */
#join.homeScreen{background:linear-gradient(180deg,#bceff1 0 62%,#dcecae 62% 100%)!important;color:#294f51!important}
#join.homeScreen:before{background:linear-gradient(90deg,rgba(255,252,226,.52),rgba(255,255,255,.12) 55%,transparent)!important}
#join.homeScreen:after{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,241,180,.12))!important}
#titleScene{filter:saturate(.94) brightness(1.13) contrast(.91)!important}
#join .brandMark,#join .heroCopy h1{color:#315859!important;text-shadow:0 2px 0 rgba(255,255,235,.52)!important}
#join .serverPill{background:rgba(255,250,219,.83)!important;color:#315859!important;box-shadow:0 3px 10px rgba(53,93,87,.12)!important}
#join .entryConsole,#join .roomShelf,#join .hallShelf{background:linear-gradient(145deg,rgba(255,253,236,.83),rgba(239,248,221,.66))!important;color:#294f51!important;border:1px solid rgba(255,255,245,.78)!important;box-shadow:0 14px 34px rgba(52,91,84,.15),inset 0 1px rgba(255,255,255,.8)!important;transform:none!important}
#join .entryConsole{clip-path:none!important;border-radius:20px!important;filter:none!important}
#join .entryConsole .nameField{background:rgba(69,103,99,.13)!important;border-radius:12px!important;padding:6px 7px 6px 11px!important}
#join .entryConsole .nameField span{color:#365d5c!important}
#join .entryConsole .nameField input{background:rgba(255,255,246,.88)!important;color:#294f51!important;border-radius:9px!important}
#join .entryConsole .primaryBig{background:#efbc50!important;color:#294b4d!important;border-radius:12px!important;box-shadow:0 5px 0 rgba(137,102,41,.22)!important}
#join .roomShelf .roomCard{background:rgba(255,250,228,.88)!important;color:#294f51!important;border-radius:12px!important;box-shadow:0 4px 10px rgba(50,83,78,.10)!important}
#join .emptyRooms b,#join .shelfHead h2,#join .hallShelf{color:#315859!important}
#join .hallRow{background:rgba(255,255,242,.45)!important}
body.touchUI #join .roomShelf,body.touchUI #join .hallShelf{background:rgba(255,253,235,.84)!important;color:#294f51!important}
.joystickSettings{display:grid;grid-template-columns:1fr;gap:5px;padding:8px 9px;border-radius:12px;background:rgba(49,88,89,.08)}.joystickSettings>b{font-size:12px;color:#315859}.joystickSettings .volumeRow{margin:0!important}.joystickSettings button{min-height:30px!important;padding:4px 9px!important;font-size:11px!important;background:rgba(255,250,226,.72)!important;color:#315859!important}
body.touchUI #mobile .movementPad{left:calc(max(4px,env(safe-area-inset-left)) + var(--joy-offset-x,0px))!important;bottom:calc(max(3px,env(safe-area-inset-bottom)) + var(--joy-offset-y,0px))!important;transition:left .12s ease,bottom .12s ease!important}

@media(max-width:900px),(max-height:600px){
 #join .homeHero{display:grid!important;grid-template-columns:minmax(210px,39%) minmax(0,61%)!important;grid-template-rows:minmax(0,1fr) auto!important;grid-template-areas:'entry rooms' 'hall hall'!important;gap:8px 12px!important;align-items:center!important}
 #join .heroCopy{grid-column:1!important;grid-row:1!important;align-self:center!important;width:100%!important;min-width:0!important;padding:0!important}
 #join .roomShelf{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;min-height:0!important;max-height:calc(100dvh - 105px)!important;margin:0!important}
 #join .hallShelf{grid-column:1/-1!important;grid-row:2!important;width:100%!important;margin:0!important}
 #join .entryConsole{width:100%!important;max-width:none!important}
 #join .entryConsole,#join .roomShelf,#join .hallShelf{border-radius:13px!important;background:rgba(255,253,235,.86)!important}
 #join .brandMark,#join .heroCopy h1{text-shadow:0 2px 0 rgba(55,91,86,.22)!important}
}
@media(max-width:430px) and (orientation:portrait){
 #join .homeHero{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;grid-template-areas:'entry' 'rooms' 'hall'!important;overflow:auto!important}
 #join .heroCopy,#join .roomShelf,#join .hallShelf{grid-column:1!important;grid-row:auto!important;max-height:none!important}
}
.partyPickStatus { min-height: 24px; text-align:center; color:#315e56; font-weight:800; pointer-events:none; }
#partyCards .partyPick.pending { box-shadow:inset 0 0 0 3px #70bda0,0 4px 12px #355b4926; }
#partyCards .partyPick.pending i { display:block!important; color:#275c4b; background:#e4f5d9; border-radius:12px; padding:4px 9px; }
@media(prefers-reduced-motion:no-preference){#partyCards .partyPick.pending img { animation:partyPickPulse .65s ease-in-out infinite alternate; } }
@keyframes partyPickPulse { from{opacity:.65} to{opacity:1} }