/* Illustrated canonical identities; original game models and animations are unchanged. */
body.arcade-home.home-art-active #main-screen .guild-card{
 background-color:#064d6b;
 background-image:linear-gradient(90deg,transparent 45%,#075a8899 61%,#064d6b 77%),url('../assets/guild-v1/guild-home-illustrated-canonical-v2.png');
 background-size:cover,auto 90%;background-position:center,left center;
 border-color:#fff0aa;box-shadow:inset 0 0 0 2px #d7a62a,0 5px 0 #76531688,0 0 0 2px #e0b041;
 padding-left:53%;
}
body.arcade-home.home-art-active #main-screen .guild-card>span{min-width:0;}
body.arcade-home.home-art-active #main-screen .guild-card strong{text-shadow:0 2px #12394b;}
body.guild-arena #room-screen{display:none;}
body.guild-arena #character-loading{z-index:170;}
body.guild-arena .map-heading{display:none;}
body.guild-arena.is-playing .topbar>.brand{
 background:transparent url('../assets/home-art-v1/logo.webp') center/contain no-repeat;
 border:0;box-shadow:none;transform:none;min-width:100px;min-height:44px;
}
body.guild-arena.is-playing .topbar>.brand>span{visibility:hidden;}
body.guild-arena.is-playing #exit-button,
body.guild-arena.is-playing .top-actions>[data-action="help"],
body.guild-arena.is-playing .top-actions>[data-action="fullscreen"],
body.guild-arena.is-playing .top-actions>.connection-badge{display:none!important;}
/* Reuse the approved whole button plates on the existing native touch targets. */
body.guild-arena.is-playing .touch-actions .touch-bomb,
body.guild-arena.is-playing .touch-actions .touch-skill{
 border:0;border-radius:0;box-shadow:none;background-color:transparent;
 background-repeat:no-repeat;background-position:center;background-size:100% 100%;
 font-weight:900;padding:12px 8px;text-align:center;line-height:1.15;
 filter:drop-shadow(0 2px 1px #07334299);
}
body.guild-arena.is-playing .touch-actions .touch-bomb{
 background-image:url('../assets/guild-v1/guild-button-gold-f8b73b3387cf.webp');
 color:#4c300b;text-shadow:0 1px #fff5b7;
}
body.guild-arena.is-playing .touch-actions .touch-skill{
 background-image:url('../assets/guild-v1/guild-button-blue-4ecfea99d08d.webp');
 color:#fff9df;text-shadow:0 1px 1px #064767;
}
body.guild-arena.is-playing .touch-actions .touch-skill:disabled{opacity:.82;filter:grayscale(.45) brightness(.82);}
body.guild-arena.is-playing .touch-skill span{background:#fff1c1;color:#173e60;border-color:#cda54f;}
body.guild-arena.is-playing .arena-status{top:auto;bottom:8px;}
@media(orientation:landscape) and (max-height:600px){
 body.arcade-home.home-art-active #main-screen .guild-card{padding-left:54%;background-size:cover,auto 100%;}
 body.arcade-home.home-art-active #main-screen .guild-card>span>small{font-size:9.5px;letter-spacing:.1px;line-height:1.15;white-space:nowrap;}
 body.arcade-home.home-art-active #main-screen .guild-card strong{font-size:21px;line-height:1.1;}
}

/* Let the approved illustration fill the complete card, including its lagoon. */
body.arcade-home.home-art-active #main-screen .guild-card{
 background-image:linear-gradient(90deg,transparent 42%,#03557415 56%,#033d615c 100%),url('../assets/guild-v1/guild-home-illustrated-canonical-v2.png');
 background-size:cover,cover;background-position:center,center 43%;
}
/* Keep the illustrated crew clear; the navigation label belongs on the lagoon. */
body.arcade-home.home-art-active #main-screen .guild-card{position:relative;padding-left:0;}
body.arcade-home.home-art-active #main-screen .guild-card>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:auto;min-width:0;padding:7px 12px;border-radius:14px;background:#053449c9;border:1px solid #f6e7bb8c;box-shadow:0 2px 8px #052a434d;}
body.arcade-home.home-art-active #main-screen .guild-card>span>small{display:none;}
body.arcade-home.home-art-active #main-screen .guild-card>span>strong{font-size:26px;line-height:1.1;color:#fffbe6;text-shadow:0 1px 2px #002537;white-space:nowrap;}
body.arcade-home.home-art-active #main-screen .guild-card>i{display:none;}
@media(orientation:landscape) and (max-height:600px){
 body.arcade-home.home-art-active #main-screen .guild-card>span{right:7px;padding:4px 9px;border-radius:10px;}
 body.arcade-home.home-art-active #main-screen .guild-card>span>strong{font-size:19px;line-height:1.1;}
}
@media(orientation:landscape) and (max-width:740px) and (max-height:600px){
 body.arcade-home.home-art-active #main-screen .guild-card>span{right:4px;padding:4px 6px;}
 body.arcade-home.home-art-active #main-screen .guild-card>span>strong{font-size:16px;}
}