/* Official ruby-and-gold identity. Reuse the approved artwork without recoloring. */
.gm-name{color:#ff777d!important}.gm-badge{display:inline-block;vertical-align:middle;font:700 11px/1.3 system-ui;letter-spacing:.04em;border:1px solid #c65c62;border-radius:3px;padding:2px 4px;color:#ff9297;background:#3d131b;margin-left:4px}.gm-gift-panel{padding:16px 20px;border:1px solid #704044;border-radius:6px;background:#25171c;margin-bottom:20px}.gm-gift-panel p{font-size:14px;line-height:1.6;margin:7px 0 0}.gm-gift-button{border-color:#a85c62;color:#ffb5b9;min-height:40px}.gm-gift-button:disabled{opacity:.55;cursor:wait}
img.loe-logo{display:block;width:100%;height:auto;object-fit:contain;filter:none!important}
.brand:has(.loe-logo){gap:0;line-height:0;min-width:0}
.brand img.loe-logo{width:144px;height:48px;max-width:100%;flex:none}
.selection-logo{display:flex;align-items:center;width:min(100%,234px);min-height:44px}
.selection-logo img.loe-logo{width:100%;max-height:78px}
.profile-logo{display:block;line-height:0}.profile-logo img.loe-logo{width:100%;max-width:255px;margin:auto}
.entrance-center h1{line-height:0}
.entrance-center h1 img.loe-logo{width:108%;max-width:none;height:auto;margin:0 0 0 -4%;object-fit:contain}
#menu-title img.loe-logo{width:min(100%,330px);max-height:110px;margin:auto}
.mobile-brand img.loe-logo{width:120px;height:40px}
.account-entry img.loe-logo{width:min(100%,270px);height:90px;object-fit:contain;margin:0 auto 16px}
.guide-brand{display:inline-flex;align-items:center;min-width:150px}.guide-brand img.loe-logo{width:150px;height:50px}
@media(max-height:650px), (any-pointer:coarse) and (max-width:600px){
 .brand img.loe-logo{width:126px;height:42px}
 .selection-logo img.loe-logo{max-height:48px}
 .entrance-center{top:50%}
 .entrance-center .community-links{grid-template-columns:repeat(4,minmax(0,1fr))}
 .entrance-center .community-links>a{min-height:44px;padding:4px 2px;font-size:.75rem;line-height:1.2}
}
@media(max-height:360px), (any-pointer:coarse) and (max-width:360px){
 .entrance-center h1{margin-bottom:0}
 .entrance-center .home-player-links{margin:0}
}
@media(max-width:760px) and (orientation:landscape){.brand img.loe-logo{width:114px;height:38px}}

.gm-upcoming{margin:20px 0;padding:16px;border:1px solid #704044;border-radius:6px;background:#25171c}.gm-upcoming h2{font-size:20px;margin:0 0 6px;color:#f4d59b}.gm-upcoming>p{font-size:14px;margin:0 0 14px}.gm-upcoming-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.gm-upcoming-card{display:flex;gap:10px;align-items:center;padding:10px;background:#171c1a;border:1px solid #6c5750;border-radius:5px;text-decoration:none;color:#eee5d5;min-width:0}.gm-upcoming-card:hover,.gm-upcoming-card:focus-visible{border-color:#e7c984;background:#28362f}.gm-upcoming-portrait{width:56px;height:56px;flex:none;border-radius:4px}.gm-upcoming-card strong{display:block;font-size:14px;line-height:1.35}.coming-soon-label{display:block;color:#f4d59b;font-size:12px;line-height:1.5}.gm-upcoming-card small{display:block;font-size:12px;color:#ffb5b9}

.gm-preview-mode #app[data-page="heroes"] .hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gm-preview-mode #app[data-page="heroes"] .hero-card h3{overflow-wrap:anywhere}.gm-preview-mode #app[data-page="heroes"] .hero-card .coming-soon-label{white-space:nowrap;font:11px/1.2 system-ui;margin-bottom:2px}@media(max-width:900px){.gm-preview-mode #app[data-page="heroes"] .hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:116px}}

.gm-preview-mode #app[data-page="heroes"] .hero-card[data-hero="tutankhamun"] h3{font-size:11px}