.smc-lobby { font-size: 15px; max-width: 1040px; margin: 1em auto; border: 0.066667em solid #334c76; background: #111a2c; color: #fff; font-family: sans-serif; line-height: 1.35; clear: both; }
.smc-lobby * { box-sizing: border-box; }
.smc-lobby a, .smc-lobby a.new, .smc-lobby a:visited { color: #fff; text-decoration: none; }
.smc-lobby a:hover { color: #fff4a2; text-decoration: none; }
.smc-lobby a:focus { outline: 0.2em solid #ffdf42; outline-offset: 0.2em; }
.smc-heading { display: flex; align-items: center; justify-content: space-between; gap: 0.8em; padding: 0.8em 1.2em; background: linear-gradient(110deg, #18304c, #294779 62%, #634d7d); border-bottom: 0.13333em solid #8dbde8; }
.smc-title { font-size: 1.5333em; font-weight: 900; font-style: italic; letter-spacing: -0.066667em; }
.smc-subtitle { display: block; font-size: 0.3913em; letter-spacing: 0.13333em; font-style: normal; color: #cadff8; }
.smc-toplinks { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 1.0667em; font-size: 0.86667em; font-weight: bold; }
.smc-frame { position: relative; }
.smc-stage { position: relative; height: 0; padding-top: 56.25%; overflow: hidden; background: #4a6d9b; }
.smc-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.smc-bg img { display: block; width: 100%; height: 100%; object-fit: cover; }
.smc-bg span, .smc-bg a { display: block; height: 100%; }
.smc-shade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(14,22,47,.28), transparent 32%, transparent 65%, rgba(22,29,51,.28)); }
.smc-mecha, .smc-pilot { position: absolute; }
.smc-mecha { left: 41%; bottom: 25%; width: 40%; z-index: 1; }
.smc-pilot { left: 37%; bottom: 6%; width: 34%; z-index: 2; }
.smc-mecha img, .smc-pilot img { display: block; width: 100%; height: auto; }
.smc-profile { position: absolute; top: 3%; left: 1.8%; display: flex; align-items: center; gap: 0.53333em; padding: 0.33333em 0.8em 0.33333em 0.33333em; border: 0.066667em solid #c8d8ec; background: linear-gradient(110deg, rgba(19,33,60,.9), rgba(35,58,86,.62)); box-shadow: 0 0.13333em 0.6em rgba(9,19,41,.3); z-index: 3; }
.smc-profile img { display: block; width: 2.8667em; height: 2.8667em; }
.smc-profile strong { display: block; font-size: 1.0667em; }
.smc-profile small { display: block; color: #bbd9f8; font-size: 0.66667em; }
.smc-teams { position: absolute; top: 20%; left: 1.8%; display: flex; gap: 0.53333em; z-index: 3; }
.smc-teams > div { min-width: 3.6667em; padding: 0.46667em 0.4em 0.33333em; text-align: center; background: linear-gradient(135deg, rgba(52,111,181,.82), rgba(51,42,91,.74)); border: 0.066667em solid rgba(169,203,242,.75); box-shadow: 0 0.13333em 0.53333em rgba(16,23,44,.3); }
.smc-teams img { display: block; width: 2em; height: 2em; object-fit: contain; margin: 0 auto 0.26667em; }
.smc-teams a { display: block; font-size: 0.8em; font-weight: bold; text-shadow: 0 0.13333em 0.2em #253552; }
.smc-events { position: absolute; top: 3%; right: 1.8%; display: flex; gap: 0.46667em; z-index: 3; }
.smc-event { width: 4.3333em; text-align: center; }
.smc-event img { display: block; width: 3.5455em; height: 3.5455em; object-fit: contain; margin: 0 auto 0.2em; }
.smc-event a { display: block; font-size: 0.73333em; font-weight: bold; text-shadow: 0 0.066667em 0.2em #162442, 0 0.13333em 0.33333em #162442; }
.smc-shop { position: absolute; top: 29%; right: 2%; display: flex; flex-direction: column; gap: 1.2em; z-index: 3; }
.smc-shop > div { text-align: center; width: 4.8667em; }
.smc-shop img { display: block; width: 2.7143em; height: 2.7143em; object-fit: contain; margin: 0 auto 0.2em; }
.smc-shop a { display: block; font-size: 0.93333em; font-weight: bold; text-shadow: 0 0.066667em 0.2em #162442, 0 0.13333em 0.33333em #162442; }
.smc-social { position: absolute; bottom: 17.5%; left: 1.8%; display: flex; gap: 0.6em; z-index: 3; padding: 0.2em 0.33333em; background: rgba(52,65,94,.4); }
.smc-social img { width: 1.5333em; height: 1.5333em; object-fit: contain; display: block; }
.smc-mode { position: absolute; right: 1.8%; bottom: 17.5%; width: 25%; padding: 0.53333em 0.66667em; border: 0.066667em solid #cfdeef; background: linear-gradient(125deg, rgba(16,29,60,.9), rgba(60,75,116,.82)); box-shadow: 0 0.13333em 0.6em rgba(8,17,35,.25); z-index: 3; }
.smc-mode strong { display: block; font-size: 1.1333em; font-style: italic; font-weight: 900; letter-spacing: 0.033333em; }
.smc-mode-line { display: flex; justify-content: space-between; margin-top: 0.46667em; gap: 0.53333em; font-size: 0.73333em; }
.smc-mode-line > span:first-child a { color: #75e5e7; }
.smc-launch { position: absolute; right: 1.8%; bottom: 2.5%; width: 25%; z-index: 3; }
.smc-launch a { display: block; padding: 0.45833em 0.41667em; min-height: 2.0417em; background: linear-gradient(115deg, #ffe537, #fff072 64%, #ffdf23); color: #172740; font-size: 1.6em; font-style: italic; font-weight: 900; text-align: center; border: 0.066667em solid #fff8b9; box-shadow: 0 0.2em 0 rgba(125,104,29,.5), 0 0 0.8em rgba(255,230,53,.26); }
.smc-lobby .smc-launch a, .smc-lobby .smc-launch a:visited { color: #172740; }
.smc-lobby .smc-launch a:hover { color: #172740; background: #fff7a3; }
.smc-bottom { position: absolute; left: 1.8%; right: 29%; bottom: 2.5%; display: flex; min-height: 3.2667em; z-index: 4; background: linear-gradient(105deg, rgba(28,52,89,.88), rgba(56,52,89,.86)); border: 0.066667em solid rgba(174,202,240,.8); box-shadow: 0 0.2em 0 rgba(35,52,76,.3); }
.smc-menu { position: relative; flex: 1; text-align: center; min-width: 0; border-right: 0.066667em solid rgba(197,212,239,.12); }
.smc-menu:last-child { border-right: none; }
.smc-menu-text a { display: flex; align-items: center; justify-content: center; padding: 0.38462em 0.23077em 0.38462em 2.4615em; min-height: 3.6923em; font-size: 0.86667em; font-weight: bold; white-space: nowrap; }
.smc-menu-icon { position: absolute; top: 50%; left: 0.26667em; transform: translateY(-50%); z-index: 1; }
.smc-menu-icon a { display: block; padding: 0; min-height: 0; line-height: 0; }
.smc-menu img { display: block; width: 1.8667em; height: 1.8667em; object-fit: contain; }
.smc-menu:hover { background: rgba(129,166,232,.2); }
.smc-utility { display: flex; border-left: 0.066667em solid rgba(197,212,239,.3); }
.smc-utility a { display: flex; align-items: center; justify-content: center; width: 2.2em; padding: 0.33333em; }
.smc-utility img { width: 1.5333em; height: 1.5333em; object-fit: contain; }
.smc-more { display: flex; flex-wrap: wrap; gap: 0; background: #18263d; border-top: 0.066667em solid #829bbd; padding: 0.53333em 0.66667em; font-size: 0.8em; }
.smc-more > div { padding: 0.33333em 0.66667em; border-right: 0.066667em solid #40516d; }
.smc-more > div:last-child { border-right: none; }
.smc-more strong { color: #8ebfe8; margin-right: 0.53333em; font-weight: bold; }
.smc-more a { white-space: nowrap; }
.smc-more .smc-dot { padding: 0 0.33333em; color: #788eac; }
.smc-lobby .whale-lazy-image-shell { background: transparent !important; vertical-align: middle; min-width: 0 !important; min-height: 0 !important; border: 0 !important; border-radius: 0 !important; }
.smc-bg .whale-lazy-image-shell { display: block; width: 100% !important; height: 100% !important; }
.smc-mecha .whale-lazy-image-shell, .smc-pilot .whale-lazy-image-shell { display: block; width: 100% !important; height: auto !important; }
.smc-profile .whale-lazy-image-shell { display: block; width: 2.8667em !important; height: 2.8667em !important; }
.smc-teams .whale-lazy-image-shell { display: block; width: 2em !important; height: 2em !important; margin: 0 auto; }
.smc-event .whale-lazy-image-shell { display: block; width: 3.5455em !important; height: 3.5455em !important; margin: 0 auto; }
.smc-shop .whale-lazy-image-shell { display: block; width: 2.7143em !important; height: 2.7143em !important; margin: 0 auto; }
.smc-social .whale-lazy-image-shell { display: block; width: 1.5333em !important; height: 1.5333em !important; }
.smc-menu-icon .whale-lazy-image-shell { display: block; width: 1.8667em !important; height: 1.8667em !important; }
@media (max-width: 1100px) { .smc-lobby { font-size: 1.4vw; } }
.smc-lobby { position: relative; font-size: 15px; }
.smc-lobby > .mw-collapsible-toggle { position: absolute; top: 0.8em; right: 1em; float: none; z-index: 5; font-size: 14px; color: #fff; }
.smc-lobby > .mw-collapsible-toggle { min-width: 72px; min-height: 36px; border: 1px solid #829bc1; background: rgba(15,27,48,.3); border-radius: 3px; cursor: pointer; }
.smc-lobby > .mw-collapsible-toggle .mw-collapsible-text { display: inline-block; padding: 0.5em; color: #fff !important; text-decoration: none; }
.smc-lobby > .mw-collapsible-toggle:before, .smc-lobby > .mw-collapsible-toggle:after { content: none; }
.smc-lobby .smc-heading { padding-right: 6em; }
.smc-lobby .smc-toplinks { justify-content: center; padding: 0.65em; background: #253c5d; }
.smc-lobby .smc-frame { font-size: 15px; }
.smc-lobby .smc-lobby-body { margin: 0; padding: 0; }
.smc-lobby .smc-bg img { width: 100% !important; height: 100% !important; max-width: none !important; }
.smc-lobby .smc-mecha img, .smc-lobby .smc-pilot img { width: 100% !important; height: auto !important; max-width: none !important; }
@media (max-width: 1100px) { .smc-lobby .smc-frame { font-size: 1.4vw; } }
@media (max-width: 600px) {
.smc-lobby .smc-title { font-size: 18px; }
.smc-lobby .smc-heading { min-height: 60px; padding: 10px 90px 10px 12px; }
.smc-lobby .smc-toplinks { font-size: 12px; }
.smc-lobby .smc-more { font-size: 11px; }
}
/* Original icon canvas padding */
.smc-lobby .smc-menu-icon { width: 1.8667em; height: 1.8667em; overflow: hidden; }
.smc-lobby .smc-social-icon { display: block; width: 1.5333em; height: 1.5333em; overflow: hidden; }
.smc-lobby .smc-event > span a, .smc-lobby .smc-teams > div > span a, .smc-lobby .smc-shop > div > span a { font-size: inherit; }
.smc-lobby .smc-menu-mecha img { transform: translate(0.976%, 12.683%) scale(1.717); transform-origin: center; }
.smc-lobby .smc-menu-pilot img { transform: translate(3.810%, 11.429%) scale(1.676); transform-origin: center; }
.smc-lobby .smc-menu-pet img { transform: translate(0.000%, 0.714%) scale(0.843); transform-origin: center; }
.smc-lobby .smc-menu-clan img { transform: translate(-1.250%, -10.000%) scale(2.000); transform-origin: center; }
.smc-lobby .smc-menu-gallery img { transform: translate(0.000%, -8.750%) scale(2.000); transform-origin: center; }
.smc-lobby .smc-menu-mission img { transform: translate(1.333%, -10.667%) scale(2.133); transform-origin: center; }
.smc-lobby .smc-menu-settings img { transform: translate(0.000%, 0.000%) scale(1.969); transform-origin: center; }
.smc-lobby .smc-menu-career img { transform: translate(0.000%, 1.050%) scale(0.840); transform-origin: center; }
.smc-lobby .smc-menu-inventory img { transform: translate(0.000%, -7.059%) scale(1.882); transform-origin: center; }
.smc-lobby .smc-social-friends img { transform: translate(1.600%, 0.000%) scale(2.048); transform-origin: center; }
.smc-lobby .smc-social-mail img { transform: translate(0.000%, 1.333%) scale(1.707); transform-origin: center; }
.smc-lobby .smc-social-ranking img { transform: translate(0.000%, 0.000%) scale(1.200); transform-origin: center; }
.smc-lobby .smc-social-video img { transform: translate(3.077%, 0.000%) scale(1.969); transform-origin: center; }
.smc-lobby .smc-social-emote img { transform: translate(0.000%, 0.000%) scale(2.000); transform-origin: center; }