/* Shared public shell, based on the reference guide. */
.cm-site-body{background:linear-gradient(145deg,#2ba4a7 0%,#187681 48%,#0c4f62 100%);min-height:100vh;margin:0;color:var(--cm-ink)}
.cm-max-levels{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:12px;background:var(--cm-gold);color:#18333d!important;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.cm-max-levels:hover{background:#ffe171}.cm-site-body a:focus-visible{outline:2px solid var(--cm-gold);outline-offset:5px}
.cm-bases-page,.cm-single-page{width:min(1160px,calc(100% - 80px));padding:50px 0 48px}
.cm-bases-hero{max-width:800px;padding:24px 0 30px;margin-bottom:20px}.cm-bases-hero h1,.cm-single-header h1{font-weight:800;font-size:clamp(44px,5.5vw,70px);letter-spacing:-.045em;line-height:1.03}
.cm-bases-hero>p:last-child{font-size:15px;line-height:1.8;max-width:610px}.cm-bases-page .cm-eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}
.cm-filter-bar{border-radius:18px;background:#123f4d}.cm-single-card{background:linear-gradient(180deg,#164b59,#0b303d);border:1px solid var(--cm-line);border-radius:18px}
.cm-standard-page{padding-top:50px;padding-bottom:50px;min-height:65vh}.cm-content-panel{padding:32px;background:linear-gradient(180deg,#164b59,#0b303d);border:1px solid var(--cm-line);border-radius:18px;margin-bottom:24px}.cm-content-panel h1{font-size:clamp(36px,5vw,60px)}.cm-page-content{line-height:1.8;color:var(--cm-muted)}.cm-page-content h2,.cm-page-content h3{color:var(--cm-ink);margin:28px 0 14px}.cm-page-content a{text-decoration:underline;color:var(--cm-gold)}.cm-page-content img{max-width:100%;height:auto}.cm-skip-link{position:absolute;left:16px;top:-80px;background:#ffd43b;color:#18333d;padding:12px;z-index:9999}.cm-skip-link:focus{top:12px}
@media(max-width:700px){.cm-bases-page,.cm-single-page{width:calc(100% - 36px);padding-top:30px}.cm-guide-nav nav{gap:12px}.cm-guide-nav{height:auto;min-height:94px;flex-wrap:wrap;gap:14px;padding:18px 0}.cm-content-panel{padding:22px}.cm-bases-hero h1{font-size:44px}.cm-max-levels{padding:10px 14px}}

.cm-site-body .cm-guide-nav nav>a{display:inline-flex}.cm-site-body .cm-guide-footer p{margin:0}

.cm-bases-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:center;max-width:none;min-height:400px}.cm-bases-hero>div>p:last-child{color:var(--cm-muted);font-size:15px;line-height:1.8;max-width:610px}.cm-standard-page .cm-guide-reference{border-top:0}@media(max-width:700px){.cm-bases-hero{grid-template-columns:1fr;gap:8px;padding-top:8px}.cm-bases-hero .cm-hero-art{min-height:210px}}

.cm-account-nav{position:relative}.cm-account-nav summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer}.cm-account-nav summary::-webkit-details-marker{display:none}.cm-account-nav summary>a{color:inherit;text-decoration:none}.cm-account-nav summary>span{font-size:12px;color:var(--cm-gold);padding:8px 3px}.cm-account-nav summary:focus-visible{outline:2px solid var(--cm-gold);outline-offset:5px}.cm-account-submenu{position:absolute;right:0;top:calc(100% + 10px);min-width:140px;padding:8px;background:#123f4d;border:1px solid var(--cm-line);border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.2);z-index:100}.cm-account-submenu>a{display:block;padding:12px 16px;border-radius:7px;color:var(--cm-ink);text-decoration:none;white-space:nowrap}.cm-account-submenu>a:hover{background:var(--cm-gold);color:#18333d}

.cm-guide-nav nav>a,.cm-account-nav summary>a{padding:11px 14px;border-radius:12px;white-space:nowrap}.cm-site-body .cm-guide-nav nav .cm-menu-active{background:var(--cm-gold);color:#18333d!important}.cm-account-nav summary{gap:3px}.cm-account-nav summary>a.cm-menu-active:hover{color:#18333d}

.cm-account-nav summary{padding:11px 14px;border-radius:12px;gap:8px;white-space:nowrap}.cm-account-nav summary>span{padding:0}.cm-account-nav summary.cm-menu-active{background:var(--cm-gold);color:#18333d!important}.cm-account-nav summary.cm-menu-active>span{color:inherit}

.cm-profile-crown{display:inline-flex;align-items:center;justify-content:center;font-size:30px;line-height:1}
.cm-main-player-crown{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1em;line-height:1;margin-right:6px;vertical-align:baseline}.cm-player-unverified{display:inline-block;margin-left:6px;font-size:12px;font-weight:600;color:#ff9b9b!important;line-height:1.4;white-space:nowrap}.cm-profile-identity h3{display:block}
[data-player-tag]{display:inline-flex;align-items:center;flex-wrap:wrap;column-gap:6px;row-gap:4px;vertical-align:middle}[data-player-tag]>.cm-main-player-crown,[data-player-tag]>.cm-player-unverified{margin:0;vertical-align:middle}.cm-profile-identity h3[data-player-tag]{display:inline-flex}.cm-player-unverified{align-self:center}
.cm-main-player-crown{position:relative;top:-2px}

a.cm-player-unverified{text-decoration:none;cursor:pointer}a.cm-player-unverified:hover{text-decoration:underline}#cm-main-player-verify{scroll-margin-top:60px}

.cm-verification-focus{appearance:none;background:none!important;border:0!important;padding:0!important;box-shadow:none!important;color:#8fe3a0!important;font:inherit;text-align:left;cursor:pointer}.cm-verification-focus:hover{text-decoration:underline}
.cm-town-hall-icon{display:inline-block!important;width:28px!important;height:28px!important;object-fit:contain;vertical-align:middle;margin-right:6px;flex-shrink:0}.cm-town-hall-label{white-space:nowrap}.cm-badges .cm-town-hall-icon{width:22px!important;height:22px!important;margin-right:5px}.cm-town-hall-select{display:flex;align-items:center;gap:10px;min-width:0}.cm-town-hall-select>select{flex:1;min-width:0}.cm-town-hall-select>.cm-town-hall-icon{width:36px!important;height:36px!important;margin:0}.cm-clan-th-bars>div{grid-template-columns:85px 1fr 35px}.cm-stat strong .cm-town-hall-icon{width:32px!important;height:32px!important}
/* Keep the expanded navigation within the viewport on every page. */
.cm-site-body .cm-guide-nav{height:auto;min-height:94px;flex-wrap:wrap;gap:14px;padding:18px 0}.cm-site-body .cm-guide-nav nav{flex-wrap:wrap;max-width:100%;min-width:0}

/* Mark the tutorial preview in both desktop and mobile navigation. */
.cm-guide-nav .cm-nav-beta{display:inline-block;align-self:center;margin-left:6px;padding:2px 5px;border-radius:4px;background:var(--cm-gold);color:#18333d;font-size:9px;font-weight:800;line-height:1.2;letter-spacing:.2px}
.cm-guide-nav .cm-menu-active .cm-nav-beta{background:#18333d;color:var(--cm-gold)}