.test-notice{box-sizing:border-box;margin:0 auto 14px;padding:12px 18px;max-width:974px;background:#102c43;border:1px solid #b6a85d;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:#edf5fb;font-size:14px;line-height:1.45}
.test-notice strong{color:#ffe279}.test-notice span{flex:1 1 420px}.test-notice a{color:#ffe279;white-space:nowrap}
.join-battle.test-download{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:66px;background:linear-gradient(#d8b23d,#76550a);border:2px solid #e8c764;border-radius:8px;color:#fff4bf;text-shadow:0 1px #302600;font-size:22px;font-weight:bold;text-decoration:none;line-height:1.2}
.test-download small{font-size:11px;font-weight:normal;margin-top:5px}.test-help{padding:10px;font-size:13px}.test-help a{color:#ffe279}
[data-service="release"]{overflow-wrap:anywhere}.test-release-link{display:inline-block;margin:8px 0;padding:12px 20px;background:#d9b743;color:#13222f!important;font-weight:bold;border-radius:4px;text-decoration:none}
@media(max-width:760px){.test-notice{margin:0 8px 12px;padding:10px;font-size:13px}.test-notice span{flex-basis:100%}.join-battle.test-download{font-size:16px;min-height:52px}.test-download small{font-size:9px}}
@media(max-width:900px){
 body.classic-home::before{height:236px;background-size:auto 236px}
 body.classic-home .classic-header{height:236px}
 .classic-logo{top:26px;left:50%;transform:translateX(-50%)}
 .classic-logo img{width:220px}
 .classic-account{top:6px;right:12px}
 .join-battle.test-download{top:166px;left:16px;right:16px;width:auto;min-width:0;min-height:56px;font-size:18px}
}

.social-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:8px 0;font-size:13px}.social-links span{color:#edf5fb}.social-links a{display:inline-block;padding:8px 14px;border:1px solid #9d8a43;border-radius:4px;color:#ffe279!important;text-decoration:none;background:#102c43}.social-links a:hover{background:#1d4058}.social-links a:focus-visible{outline:2px solid #ffe279;outline-offset:3px}.social-links-community{justify-content:flex-start;margin:12px 0}

/* Restore the recovered artwork at its intended scale, outside the content frame. */
body.classic-home{background-image:url('../live/images/content-bg.jpg'),url('../live/images/body-bg.jpg')!important;background-position:center 181px,center top!important;background-repeat:no-repeat,repeat-y!important}
.classic-layout,.classic-content-layout{background:transparent;border-color:#18405c;box-shadow:none}
.classic-left{background:#07111a url('../live/images/left-column-bg.png') center top/100% auto repeat-y;border:0}
.classic-document{background:#254c7c url('../live/images/large-text-bg.png') right top/100% auto repeat-y}
.classic-tabs{height:48px}
.classic-tabs.image-tabs a{align-items:center}
.test-notice{font-size:12px;line-height:1.35;padding:6px 10px;margin:0 auto 8px;border:0;border-left:2px solid #b6a85d;background:#071b2bdd;gap:6px 12px}
.join-battle.test-download{background:repeating-linear-gradient(0deg,#6c470c 0 1px,#a77c20 1px 3px);box-shadow:inset 0 0 0 3px #342810,inset 0 0 14px #ffda65,0 2px 5px #0009;color:#ffdf46;text-transform:uppercase;text-shadow:1px 2px #201300}
.original-invitation{padding:0;min-width:0;border:0;border-radius:0;background:none;box-shadow:none}
.original-invitation img{display:block;width:100%;height:auto}
body[data-page="home"] .classic-layout{padding:0 10px 10px;grid-template-columns:240px minmax(0,1fr) 240px}
body[data-page="home"] .classic-left{padding:0 8px 16px}
body[data-page="home"] .classic-side-nav{border:0;background:transparent}
body[data-page="home"] .classic-side-nav.utility{margin-top:28px;padding-top:18px;border-top:1px solid #4b849a}
body[data-page="home"] .classic-intro,body[data-page="home"] .classic-news{background:#285080 url('../live/images/text-bg.png') right top/100% auto repeat-y;border:1px solid #51b8db;box-shadow:inset 0 0 0 2px #163c61,0 0 4px #49bbe07a}
body[data-page="home"] .classic-intro{min-height:0;padding:9px 11px;font-size:13px;font-weight:normal}
body[data-page="home"] .classic-news{min-height:0;padding:10px}
body[data-page="home"] .classic-news .content-result{padding:9px 0}
body[data-page="home"] .classic-news h3{font-size:13px;margin:0 0 4px}
body[data-page="home"] .classic-news p{margin:4px 0;line-height:1.4}
body[data-page="home"] .classic-media{border:1px solid #51b8db;padding:4px;background:#285080 url('../live/images/text-bg.png') right top/100% auto repeat-y;box-shadow:inset 0 0 0 2px #163c61}
body[data-page="home"] .classic-media-stage{min-height:0;padding:0;background:#050d18}
body[data-page="home"] .classic-media-stage img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/10;object-fit:contain}
body[data-page="home"] .classic-media-thumbs{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:7px 2px 2px;background:transparent}
body[data-page="home"] .classic-media-thumbs button{min-width:0;padding:2px;border:1px solid #548baa;background:#071726}
body[data-page="home"] .classic-media-thumbs button.selected{border-color:#ffdf46;box-shadow:0 0 3px #ffdf46}
body[data-page="home"] .classic-right section{min-height:0;padding:10px;border:1px solid #51b8db;background:#285080 url('../live/images/box-bg.png') center top/100% auto repeat-y;box-shadow:inset 0 0 0 2px #163c61,0 0 4px #49bbe07a}
body[data-page="home"] .classic-right .ranking-human{min-height:110px;background:url('../live/images/human-symbol-bg.png') right top/auto 110px no-repeat,url('../live/images/human-players-bg.png') center top/100% auto repeat-y,#214877}
body[data-page="home"] .classic-right .ranking-bug{min-height:110px;border-color:#d56c30;background:url('../live/images/bugs-symbol-bg.png') right top/auto 110px no-repeat,url('../live/images/bugs-players-bg.png') center top/100% auto repeat-y,#632817;box-shadow:inset 0 0 0 2px #622c19,0 0 4px #c76b3d7a}
body[data-page="home"] .classic-right h2{font-weight:bold}
body[data-page="home"] .test-help{font-size:11px;padding:0 3px;margin:14px 0}
body[data-page="home"] .classic-search{margin-top:22px}
body[data-page="home"] .classic-facebook{padding:10px 6px;font-size:12px}
body[data-page="home"] :focus-visible{outline:2px solid #ffe279;outline-offset:3px}
body.classic-home .classic-footer nav{flex-wrap:wrap;justify-content:center;border:0;background:transparent;gap:6px 12px}
body.classic-home .classic-footer nav a{flex:0 0 auto;border:0;padding:8px;text-transform:none;min-height:36px}
body.classic-home .classic-footer .social-links a{border:1px solid #9d8a43;padding:8px 14px}
@media(min-width:761px) and (max-width:1010px){body[data-page="home"] .classic-layout{grid-template-columns:200px minmax(0,1fr)}body[data-page="home"] .classic-right{grid-column:2;grid-template-columns:1fr 1fr}}
@media(max-width:900px){body.classic-home{background-position:center 236px,center top!important}.original-invitation{display:block;top:166px;left:50%;right:auto;transform:translateX(-50%);width:260px}}
@media(max-width:760px){.classic-tabs{height:48px;background:#06142099}.test-notice{margin:0 8px 8px;font-size:11px;padding:6px 8px}.test-notice span{flex:1 1 200px}.classic-content-layout{padding:8px}body[data-page="home"] .classic-layout{grid-template-columns:minmax(0,1fr);padding:0 8px 8px;gap:14px}body[data-page="home"] .classic-main{grid-row:1}body[data-page="home"] .classic-left{grid-row:3;grid-template-columns:1fr 1fr;padding:10px;align-items:start}body[data-page="home"] .classic-side-nav.utility{margin:0;padding:0;border:0}body[data-page="home"] .classic-search{margin:0;grid-column:1/-1}body[data-page="home"] .classic-search input,body[data-page="home"] .classic-search button{height:44px}body[data-page="home"] .classic-right{grid-column:1;grid-template-columns:1fr 1fr}body[data-page="home"] .classic-media-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}body[data-page="home"] .classic-media-thumbs button{min-height:44px}body[data-page="home"] .classic-right section{min-width:0}body[data-page="home"] .classic-right h2{font-size:12px}}
@media(max-width:380px){body[data-page="home"] .classic-right{grid-template-columns:1fr}}

/* Put page tasks before secondary navigation on phones. */
@media(max-width:760px){.classic-content-layout>.classic-document{grid-row:1;min-width:0}.classic-account{top:0;right:8px;gap:2px}.classic-account a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px;font-size:13px}.classic-logo{top:52px}.classic-logo img{width:190px}.social-links a{box-sizing:border-box;min-height:44px;display:inline-flex;align-items:center}}

/* Shared account and community surfaces retain the recovered blue control palette. */
body.classic-home .classic-side-nav{border:0;background:transparent}
body.classic-home .classic-document-box{background:rgba(5,25,48,.62);border-color:#439cbf;line-height:1.5}
body.classic-home .enrollment-form input,body.classic-home .enrollment-form select,body.classic-home .community-form input,body.classic-home .community-form select,body.classic-home .community-form textarea,body.classic-home .content-filter input,body.classic-home .content-filter select{background:#071c30;color:#eefaff;border-color:#6dacc6;border-radius:2px;box-shadow:inset 0 1px 4px #0006}
body.classic-home input::placeholder,body.classic-home textarea::placeholder{color:#acc8d8;opacity:1}
body.classic-home .enrollment-form button,body.classic-home .community-form button,body.classic-home .content-filter button{background:linear-gradient(#245a83,#102e4b);color:#ffe279;border-color:#6dacc6;border-radius:2px;box-shadow:inset 0 1px #80c6de55}
body.classic-home .enrollment-form button:hover:not(:disabled),body.classic-home .community-form button:hover:not(:disabled),body.classic-home .content-filter button:hover{background:#285d80}
body.classic-home .classic-document-box a{overflow-wrap:anywhere}
.gallery-viewer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gallery-viewer-controls button{min-height:44px;margin:0}.gallery-viewer-controls [hidden],#image-viewer img[hidden]{display:none}.gallery-viewer-controls [role="status"]{flex-basis:100%}#image-viewer{min-width:min(300px,80vw)}
/* Keep the recovered small artwork inside comfortably sized touch targets. */
@media(max-width:760px){body.classic-home .classic-side-nav.image-side-nav{align-content:start;gap:4px}body.classic-home .classic-side-nav.image-side-nav a{display:flex;align-items:center;min-height:44px;min-width:44px;padding:4px 0}body.classic-home .classic-side-nav.image-side-nav img{height:auto}body.classic-home .classic-left{align-items:start}body.classic-home .classic-side-nav.utility{margin-top:0;padding-top:0}body.classic-home .classic-search button{min-width:44px}body.classic-home .classic-media-thumbs button{min-height:44px;min-width:44px}}
@media(max-width:760px){body.classic-home .classic-footer nav a{min-height:44px;display:inline-flex;align-items:center}body.classic-home .enrollment-form input,body.classic-home .enrollment-form select,body.classic-home .community-form input,body.classic-home .community-form select,body.classic-home .community-form textarea,body.classic-home .content-filter input,body.classic-home .content-filter select{font-size:16px}}