#screen-club { position:relative; overflow:hidden; background:#000; }
.club { overflow:clip; background-size:cover; background-position:center; font-family:'FZCuYuan',sans-serif; }
.club-ui { pointer-events:none; }
.club .cc-img,.club .cc-s9,.club .cc-text,.club .cc-bar,.club .cc-panel { pointer-events:none!important; }
.club .cc-btn,.club button,.club-input,.club-scroll { pointer-events:auto; }
.club-picture { object-fit:contain; pointer-events:none; }
.club-label { display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; white-space:pre-line; text-shadow:0 2px 2px #000,1px 0 #000,-1px 0 #000; }
.club-button { position:absolute; background-size:100% 100%; border:0; background-color:transparent; color:#fff; font:26px 'FZCuYuan',sans-serif; text-shadow:0 2px 2px #000,1px 0 #000,-1px 0 #000; cursor:pointer; }
.club-button:active { filter:brightness(.85); }
.club-hit,.club-building { background:transparent;border:0;position:absolute;cursor:pointer; }
.club-input { position:absolute; resize:none; border:0; outline:0; background:transparent; color:#fff; font:24px 'FZCuYuan',sans-serif; padding:4px 8px; box-sizing:border-box; }
.club-input::placeholder { color:#b4a695; }
.club-name-input { text-shadow:none; }
.club-name-input::placeholder { color:#76543a; opacity:1; }
.club-rename-input { color:#382b22; font-size:25px; padding:6px 20px; text-shadow:none; }
.club-rename-input::placeholder { color:#76543a; opacity:1; }
.club-scroll { position:absolute;overflow-y:auto;overflow-x:hidden; scrollbar-width:thin;scrollbar-color:#8b6141 #1e1921; }
.club-row { position:relative;flex-shrink:0; }
.lb-group > .club-row {position:absolute;}
.club-row > * { position:absolute; }
.club-hero {pointer-events:none;}
.club-hero .lu-icon {width:120px;height:120px;transform:scale(.666667);transform-origin:0 0;}
.club-member-bg {left:0;bottom:0;width:810px;height:88px;pointer-events:none;}
.club-hall-name {max-width:160px;overflow:hidden;text-overflow:ellipsis;}
.club-hall-cell {overflow:hidden;text-overflow:ellipsis;}
.club-hall-member .lu-ic-lv {display:none;}
.club-popup {position:absolute;inset:0;z-index:30;pointer-events:none;}
.club-mask {position:absolute;inset:0;background:rgba(0,0,0,.353);pointer-events:auto;}
.club-donate-off,.club-donate-off:hover,.club-donate-off:active {filter:grayscale(1)!important;cursor:default;}
.club-donation-fx {position:absolute;pointer-events:none;}
.club-popup .lb-group {z-index:1;}
.club-head-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:10px;box-sizing:border-box;padding:10px;}
.club-emblem {padding:0;border:0;background:transparent;cursor:pointer;}
.club-emblem img {width:90px;height:90px;object-fit:contain;}
.club-tab-active {filter:brightness(1.22);}
.club-town {position:absolute;inset:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:none;user-select:none;cursor:grab;}
.club-town-dragging,.club-town-dragging .club-building {cursor:grabbing;}
.club-town[hidden] {display:none;}
.club-map {position:relative;}
.club-map-canvas {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.club-building {z-index:1;}
.club-building:focus-visible {outline:2px solid #ffd231;}
.club-red:after {content:'';position:absolute;right:8px;top:4px;width:17px;height:17px;background:url('/assets/ui/club/pic_tishidian1.png') center/contain no-repeat;}
.club-log,.club-help {padding:16px 12px;color:#fff;font-size:22px;line-height:1.4;text-shadow:1px 2px #000;border-bottom:1px solid #655647;}
.club-tech-row {position:relative;height:134px;}
.club-tech-row > img {position:absolute;left:0;top:0;width:837px;height:134px;object-fit:contain;}
.club-tech-name {position:absolute;left:330px;top:24px;width:340px;color:#ffe688;font-size:25px;text-shadow:1px 2px #000;}
.club-tech-name small {display:block;color:white;font-size:19px;padding-top:12px;}
.club-rank-row {display:flex;align-items:center;gap:26px;padding:10px 20px;min-height:88px;background:url('/assets/ui/club/bg_club_hall_03.png') center/100% 100%;font-size:25px;color:#fff;text-shadow:1px 2px #000;}
.club-rank-row img {width:80px;height:80px;object-fit:contain;}
.club-rank-row span:nth-last-child(2) {flex:1;}
.club-rank-row small {display:block;font-size:20px;color:#ffda7d;}
.club-reward {pointer-events:none;}
.club-role {pointer-events:none;}
.club-dice-canvas {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.club-dice-item {position:absolute;pointer-events:none;}
.club-dice-item .it-icon {width:120px;height:120px;transform:scale(var(--dice-icon-scale));transform-origin:0 0;}
.club-dice-skip {background:url('/assets/ui/club/btn_woyaobashen_passbtn_bg.png') center/100% 100%;cursor:pointer;}
.club-dice-skip input {position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}
.club-dice-skip:has(input:checked)::after {content:'';position:absolute;inset:0;background:url('/assets/ui/club/btn_woyaobashen_passbtn_select.png') center/100% 100%;pointer-events:none;}
.club-dice-skip:has(input:focus-visible) {outline:2px solid #ffd231;}
.club-dice-award {pointer-events:none;}
.club-dice-rule {padding:5px 27px;color:#edca82;font-size:21px;line-height:1.15;border:0;}
.club-dice-donation {display:block;font-size:16px;line-height:1.1;}
.club-dice-status {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}

.club-training-slots,.club-envelope-cards {display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;}
.club-training-slots>.club-row {scroll-snap-align:start;}
.club-billy-canvas {pointer-events:auto;touch-action:none;cursor:pointer;}

#screen-clubbattle {position:relative;overflow:hidden;background:#000;}

.club-label {pointer-events:none;}
.club-row .cc-text {text-shadow:none;}

.club-raid-stages {display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;}