/* Keep the game chrome on screen; long clan lists scroll inside the content panel. */
html:has(>body.cc-body){height:100%;overflow:hidden;overscroll-behavior:none}
body.cc-body{height:100dvh;min-width:0;overflow:hidden!important}
.cc-viewport{position:fixed;inset:0;height:var(--cc-viewport-height,100dvh);display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}
.cc-viewport .cc-shell{flex:0 0 auto;width:1586px;height:992px;min-height:0;margin:0;display:grid;grid-template-rows:120px minmax(0,1fr) 121px;grid-template-areas:"hud" "content" "nav";padding:0 18px 16px;overflow:hidden;zoom:var(--cc-scale,1)}
.cc-viewport .cc-hud{grid-area:hud}
.cc-viewport #ccContent{grid-area:content;height:auto!important;min-height:0!important;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ad8150 #efdcb7;scroll-padding:10px;padding:0 0 5px}
.cc-viewport #ccContent:focus{outline:none}
.cc-viewport .cc-clan-page{height:auto!important;min-height:100%;min-width:0}
.cc-viewport .cc-game-nav{grid-area:nav;align-self:end}
.cc-viewport .cc-alert{margin:4px 0 10px}
.cc-viewport .cc-extras-toggle{position:absolute;right:22px;top:852px;width:154px;min-height:43px;height:auto;padding:7px 5px;font-size:16px;line-height:1.1;white-space:normal;z-index:4}
.cc-viewport .cc-extras-toggle[hidden]{display:none!important}
.cc-viewport .cc-additional{margin:0}
.cc-viewport .cc-additional:empty{display:none}
.cc-extras-dialog{position:fixed;inset:auto 0;top:max(14px,calc((var(--cc-viewport-height,100dvh) - 800px)/2));width:min(1000px,calc(100vw - 28px));height:min(800px,calc(var(--cc-viewport-height,100dvh) - 28px));max-height:calc(var(--cc-viewport-height,100dvh) - 28px);max-width:calc(100vw - 28px);margin:0 auto;padding:0;overflow:hidden;border:3px solid #fff3d7;border-radius:21px;background:linear-gradient(115deg,#fff4d8,#efdab4);box-shadow:0 14px 65px #21170888;color:#432b1d;font:18px/1.35 "Roboto Condensed",Arial,sans-serif}
.cc-extras-dialog::backdrop{background:#2c2014b8}
.cc-extras-dialog[open]{display:flex;flex-direction:column}
.cc-extras-heading{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:2px solid #d5b888;background:linear-gradient(#fff2d3,#e7cc9f)}
.cc-extras-heading h2{font-size:25px;margin:0}
.cc-extras-close{flex:none;width:44px;min-height:44px;padding:2px;font-size:25px}
.cc-extras-content{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ad8150 #efdcb7;padding:12px}
.cc-extras-content .cc-additional,.cc-extras-content .cc-additional>.cc-panel,.cc-extras-content .cc-membership-actions,.cc-extras-content .cc-extra,.cc-extras-content .cc-expedition{margin:0 0 12px}
.cc-extras-content .cc-form-grid{grid-template-columns:1fr 1fr;gap:12px}
.cc-extras-content details>summary{cursor:pointer}
.cc-extras-content :is(input,select,textarea){max-width:100%;font-size:17px}
.cc-extras-content :is(button,a,input,textarea,select,summary):focus-visible,.cc-extras-close:focus-visible{outline:3px solid #227348;outline-offset:3px}
@media(max-width:760px){
 .cc-viewport .cc-shell{width:100%;height:100%;max-height:100%;zoom:1!important;padding:0 8px;grid-template-rows:110px minmax(0,1fr) auto 88px;grid-template-areas:"hud" "content" "extra" "nav"}
 .cc-viewport .cc-hud{height:110px;margin:0;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:5px;padding-top:53px}
 .cc-viewport .cc-logo{top:-4px;left:-5px;width:177px;height:59px}
 .cc-viewport .cc-hud-stat{height:52px;padding:0}
 .cc-viewport .cc-hud-stat>span:last-of-type{left:6px;top:4px}
 .cc-viewport .cc-hud-stat small{font-size:10px;line-height:12px}
 .cc-viewport .cc-hud-stat b,.cc-viewport .cc-hud-stat:nth-child(4) b{font-size:23px;line-height:27px}
 .cc-viewport .cc-hud-stat em{top:36px;left:0;font-size:9px;line-height:10px;width:88px}
 .cc-viewport .cc-hud-stat i{right:3px;bottom:8px;width:21px;height:23px;font-size:25px;line-height:18px}
 .cc-viewport .cc-hud-short{top:3px;width:44px;height:46px;padding:1px;border-radius:11px}
 .cc-viewport .cc-hud-short:nth-child(5){right:49px}
 .cc-viewport .cc-hud-short:nth-child(6){right:0}
 .cc-viewport .cc-hud-short .cozy-aux-icon{width:29px;height:29px}
 .cc-viewport .cc-hud-short small{font-size:7px;line-height:9px}
 .cc-viewport #ccContent{padding:0 1px 9px;border-radius:12px}
 .cc-viewport .cc-clan-head{min-height:117px;padding-top:40px}
 .cc-viewport .cc-clan-badge{width:65px;height:80px}
 .cc-viewport .cc-clan-title{min-height:74px;width:calc(100% - 56px);padding:8px 7px 7px 14px}
 .cc-viewport .cc-clan-title h1{font-size:22px;line-height:24px}
 .cc-viewport .cc-clan-title b,.cc-viewport .cc-clan-title>div>span{font-size:13px!important}
 .cc-viewport .cc-clan-tabs{position:sticky;top:0;z-index:8;margin:0 0 8px;height:44px!important;background:#efdab9;overflow-x:auto;overscroll-behavior:contain}
 .cc-viewport .cc-clan-tabs>a{font-size:15px;padding:7px 11px}
 .cc-viewport .cc-game-nav{position:relative;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,40px);gap:3px;width:calc(100% + 16px);height:88px;margin:0 -8px;padding:3px 6px;overflow:hidden;border-top:2px solid #fff4d7}
 .cc-viewport .cc-game-nav>a{min-width:0;width:auto;height:40px;flex:none;display:flex;align-items:center;justify-content:center;gap:1px;padding:1px 2px;border-radius:10px;font-size:10px;line-height:12px}
 .cc-viewport .cc-game-nav .cozy-nav-icon,.cc-viewport .cc-game-nav .cozy-icon-mine{position:relative;inset:auto;transform:none;flex:none;width:30px;height:33px}
 .cc-viewport .cc-extras-toggle{position:relative;inset:auto;grid-area:extra;align-self:center;justify-self:stretch;width:auto;min-height:32px;height:32px;margin:3px 1px 5px;padding:3px 10px;font-size:15px;border-width:2px;border-radius:9px}
 .cc-extras-dialog{top:6px;width:calc(100vw - 12px);max-width:calc(100vw - 12px);height:calc(var(--cc-viewport-height,100dvh) - 12px);max-height:calc(var(--cc-viewport-height,100dvh) - 12px);border-radius:15px}
 .cc-extras-heading{padding:7px 10px}.cc-extras-heading h2{font-size:21px}
 .cc-extras-content{padding:9px}.cc-extras-content .cc-form-grid{grid-template-columns:1fr}
}
@media(max-width:760px) and (max-height:500px){
 .cc-viewport .cc-shell{grid-template-rows:80px minmax(0,1fr) auto 46px}
 .cc-viewport .cc-hud{height:80px;padding-top:31px}
 .cc-viewport .cc-logo{width:115px;height:39px;top:-6px}
 .cc-viewport .cc-hud-short{height:29px;width:34px;top:0;display:block}.cc-viewport .cc-hud-short:nth-child(5){right:39px}.cc-viewport .cc-hud-short .cozy-aux-icon{width:24px;height:24px;margin:auto}.cc-viewport .cc-hud-short small{display:none}
 .cc-viewport .cc-hud-stat{height:46px}.cc-viewport .cc-hud-stat b,.cc-viewport .cc-hud-stat:nth-child(4) b{font-size:21px;line-height:23px}.cc-viewport .cc-hud-stat em{top:31px}
 .cc-viewport .cc-game-nav{height:46px;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:40px;gap:2px}.cc-viewport .cc-game-nav>a{font-size:8px;flex-direction:column;gap:0;padding:0}.cc-viewport .cc-game-nav .cozy-nav-icon,.cc-viewport .cc-game-nav .cozy-icon-mine{height:25px;width:29px}
}