.online-coin-icon{display:inline-block!important;width:20px!important;height:20px!important;object-fit:contain!important;vertical-align:middle;image-rendering:pixelated;flex-shrink:0}
body.compensation-event-open{overflow:hidden}
.compensation-event-dialog{box-sizing:border-box;width:min(500px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid #58bfae;border-radius:14px;background:linear-gradient(145deg,#173b3b,#101d2a);box-shadow:0 20px 75px #000b;color:#eafff9;font-family:inherit;overflow:hidden}
.compensation-event-dialog:not([open]){display:none}.compensation-event-dialog[open]{display:flex;flex-direction:column}.compensation-event-dialog::backdrop{background:#020b10c9}
.compensation-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;margin:0;padding:13px 15px;border-bottom:1px solid #5d998849;background:#0b242c88}.compensation-dialog-heading h2{margin:0;font-size:18px;line-height:1.25;color:#effff9}.compensation-dialog-heading>[data-compensation-close]{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;min-width:32px;padding:0;border:1px solid #638d8980;border-radius:7px;background:#09222b;color:#eafff9;font:24px/1 sans-serif;cursor:pointer}.compensation-dialog-heading>[data-compensation-close]:focus-visible,.compensation-event-dialog button:focus-visible{outline:2px solid #ffe59a;outline-offset:2px}
.compensation-dialog-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.compensation-event-dialog .compensation-event-card{margin:0;padding:14px;border:0;border-radius:0;background:transparent}.compensation-online-coin{image-rendering:auto}
.compensation-event-card{margin:0 0 14px;padding:15px;border:1px solid #58bfae;border-radius:12px;background:linear-gradient(120deg,#173b3b,#111d2c);color:#eafff9}.compensation-event-card.hidden{display:none}.compensation-event-card>header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.compensation-event-card>header>span{font-size:11px;font-weight:900;color:#83ead4;letter-spacing:1px}.compensation-event-card>header>small{font-size:10px;color:#bacbd0}.compensation-event-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.compensation-event-benefits p{display:grid;gap:4px;margin:0;padding:10px;border:1px solid #4c727466;border-radius:8px;background:#09151c66}.compensation-event-benefits b{font-size:17px;color:#ffe78a}.compensation-event-benefits span{font-size:11px;line-height:1.5;color:#d1dfdf}.compensation-package{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;padding:13px;border:1px solid #549b9080;border-radius:9px;background:#08171c88}.compensation-package-art{display:grid;place-items:center;gap:3px}.compensation-package-art>.online-coin-icon{width:44px!important;height:44px!important}.compensation-package-art>b{font-size:18px;color:#ffe38c}.compensation-package-art>span{font-size:10px;color:#aceadb}.compensation-package h3{margin:4px 0;font-size:18px;color:#fff}.compensation-package p{font-size:12px;margin:5px 0;color:#d5e8e4}.compensation-package small{font-size:10px;line-height:1.5;color:#9dbab9}.compensation-package>button,.compensation-event-card>[data-compensation-refresh]{grid-column:1/-1;min-height:39px;padding:9px 15px;border:1px solid #83e7cb;border-radius:7px;background:#4fc2a5;color:#08271f;font-weight:900;cursor:pointer}.compensation-package>button:disabled{border-color:#546664;background:#253c3a;color:#a9bcb8;cursor:default}.compensation-package>button>.online-coin-icon{margin-right:7px}.compensation-event-status{margin:10px 0 0;font-size:11px;color:#e9d990;line-height:1.5}.compensation-event-card[data-phase="finished"]{border-color:#64797f}.beta-card-head>i>.online-coin-icon,.beta-diamond-hud>i>.online-coin-icon{width:28px!important;height:28px!important}.beta-card-balance em>.online-coin-icon{width:13px!important;height:13px!important}.beta-ribbon{font-size:7px!important}.beta-card-head b{font-size:13px}.diamond-offer button>.online-coin-icon{width:16px!important;height:16px!important}.rare-capture-art.diamond-purchase-art>span>.online-coin-icon{width:46px!important;height:46px!important}
#diamond-shop-system .diamond-store>header:before,#diamond-shop-system .diamond-balance:before{content:""!important;background:transparent url("assets/ui/online-coin.png?v=1196") center/contain no-repeat!important;box-shadow:none!important;border:0!important;transform:none!important;image-rendering:pixelated}
.compensation-event-hub{width:100px!important;min-width:100px!important;height:54px!important;display:grid!important;grid-template-columns:24px 1fr;align-items:center;gap:1px 4px;padding:6px!important;border-color:#6ed8b7!important;background:linear-gradient(135deg,#16433e,#122734)!important;color:#dffef2!important}.compensation-event-hub.hidden{display:none!important}.compensation-event-hub>.online-coin-icon{grid-row:1/3}.compensation-event-hub>b{font-size:9px;white-space:nowrap}.compensation-event-hub>span{font-size:10px;color:#ffe99f}.compensation-event-hub[data-phase="scheduled"]{width:122px!important}.compensation-promo-ribbon{position:absolute;left:-5px;right:-5px;bottom:-4px;padding:3px 2px;border-radius:4px;background:#d75219;color:#fff6cd;font:900 9px/1 sans-serif;text-align:center;pointer-events:none}
.compensation-event-card[data-phase="finished"] .compensation-event-benefits,.compensation-event-card[data-phase="disabled"] .compensation-event-benefits{display:none}
@media(max-width:620px){.compensation-event-benefits{grid-template-columns:1fr}.compensation-package{grid-template-columns:55px 1fr}.compensation-package h3{font-size:16px}.compensation-event-card{padding:11px}.compensation-package-art>.online-coin-icon{width:36px!important;height:36px!important}}