/* Reference frontend loading paint: contextual placeholders, never real data. */
:root{--reference-loading-surface:var(--skin-surface,#fff);--reference-loading-soft:var(--skin-surface-soft,#edf1f5);--reference-loading-line:var(--skin-line,#e2e8ef);--reference-loading-ink:var(--skin-muted,#7f8ea4);--reference-loading-accent:var(--skin-primary,var(--wallet-accent,#159a9b))}
html[data-player-skin="aurum"],html[data-skin="aurum"],html.aurum,:is(.aurum-theme,.aurum-app,.theme-aurum){--reference-loading-surface:#1c1d22;--reference-loading-soft:#2a2b30;--reference-loading-line:#35353b;--reference-loading-ink:#a9a59a;--reference-loading-accent:#d6b86a}
/* Loading reserves the same space as the receiving view; no extra card shell. */
[data-reference-loading]{box-sizing:border-box!important;display:block!important;min-width:0;min-height:0!important;padding:0!important;text-align:left!important;color:var(--reference-loading-ink)!important;position:relative}
.reference-skeleton{display:block;width:100%;pointer-events:none;box-sizing:border-box}
.reference-skeleton *{box-sizing:border-box}
.reference-skeleton :is(i,b){display:block;position:relative;overflow:hidden;margin:0;border:0;background:linear-gradient(90deg,var(--reference-loading-soft) 24%,var(--reference-loading-surface) 50%,var(--reference-loading-soft) 76%);background-size:240% 100%;animation:reference-loading-shimmer 1.35s linear infinite;border-radius:5px}
.reference-skeleton-line{height:12px;max-width:100%;flex-shrink:0}.reference-title{height:18px}.reference-amount{height:21px}.reference-loading-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.reference-tab-rail{display:flex;gap:8px!important;margin:0 0 8px!important;padding:2px 1px 5px!important;overflow:hidden!important}.reference-tab-rail .reference-tab{height:34px;width:56px;flex:0 0 56px;border-radius:18px}
.reference-banner-list{gap:10px}.reference-banner{position:relative;overflow:hidden;border-radius:12px!important;background:var(--reference-loading-surface)!important}.reference-banner::before{display:none!important}.reference-banner-art{position:absolute!important;inset:0 0 0 auto;width:45%;height:100%;border-radius:0!important;opacity:.6}.reference-banner-copy{position:relative;height:100%;padding:14px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.reference-banner-copy .reference-title{height:23px;margin-bottom:1px}.reference-banner-copy>.reference-skeleton-line{height:12px}.reference-banner-copy>.reference-title{height:23px}.reference-platform-list{gap:10px}.reference-platform-list>.reference-banner{height:136px}.reference-platform-list .reference-banner-copy{display:none}.reference-platform-list .reference-banner-art{width:100%}
.reference-game-covers{gap:12px 10px}.reference-game-cover{min-width:0;overflow:hidden;border-radius:8px;background:var(--reference-loading-surface)}.reference-game-cover>i{width:100%;aspect-ratio:1;border-radius:8px 8px 0 0}.reference-game-cover>div{display:flex;align-items:center;justify-content:space-between;height:29px;padding:0 6px;gap:4px}.reference-favorite{flex:0 0 12px;width:12px;height:12px;border-radius:50%!important}.third-game-grid .reference-game-cover{height:99px}.third-game-grid .reference-game-cover>i{height:79px;aspect-ratio:auto}.third-game-grid .reference-game-cover>div{height:20px}
.reference-search-field{height:38px;margin-bottom:12px!important;border-radius:8px!important}.reference-game-filters{display:flex;height:36px;margin-bottom:12px;gap:8px}.reference-game-filters>i{flex:1}
.reference-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 18px 0}.reference-stat-grid>div{min-width:0;min-height:80px;padding:13px 10px 11px;border-radius:12px;background:var(--reference-loading-surface)}.reference-stat-grid>div>i:first-child{height:16px}.reference-stat-grid .reference-amount{margin-top:5px}.reference-stat-grid .reference-meter{height:3px;margin-top:10px}
.reference-chart{margin:14px 18px 0;padding:16px 14px;border-radius:14px;background:var(--reference-loading-surface)}.reference-chart>header{display:flex;align-items:center;justify-content:space-between;min-height:24px;gap:10px}.reference-chart>div{display:grid;gap:15px;margin-top:18px}.reference-chart-row{display:grid;grid-template-columns:64px minmax(0,1fr) 58px;gap:10px;align-items:center;min-height:18px}.reference-chart-track{height:8px}.reference-chart-track>b{height:100%;background:var(--reference-loading-line)}.wallet-embedded [data-reference-loading="wallet-overview"] :is(.reference-stat-grid,.reference-chart){margin-left:0;margin-right:0}.reference-skeleton--wallet-chart>.reference-chart{margin:0;padding:0}.reference-skeleton--wallet-chart>.reference-chart>header{display:none}
.reference-wallet-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}.reference-wallet-platforms>div{display:grid;place-items:center;align-content:center;gap:7px;min-height:50px;padding:0 2px}
.reference-form{display:grid;gap:12px}.reference-form-row{display:flex;align-items:center;min-height:48px;gap:12px}.reference-form-row>.reference-skeleton-line{flex:0 0 64px}.reference-form-input{flex:1;min-width:0;height:42px;border-radius:8px!important}.reference-skeleton--bind-form .reference-form-row{display:block;min-height:46px}.reference-skeleton--bind-form .reference-form-row>.reference-skeleton-line{display:none}.reference-skeleton--bind-form .reference-form-input{width:100%;height:46px}
.reference-agent-hero{padding:16px;border-radius:14px;background:var(--reference-loading-surface)}.reference-agent-hero>.reference-title{height:22px}.reference-agent-hero>.reference-skeleton-line+ .reference-skeleton-line{height:18px;margin-top:2px}.reference-agent-hero>.reference-stat-grid{margin:14px 0 0;gap:10px}.reference-agent-hero .reference-stat-grid>div{min-height:76px;padding:12px 10px;border:1px solid var(--reference-loading-line);border-radius:10px}.reference-agent-hero .reference-meter{display:none}.reference-invite{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;margin-top:13px;border-radius:14px;background:var(--reference-loading-surface)}.reference-invite>div{flex:1;display:grid;gap:12px}.reference-invite-qr{width:84px;height:84px;flex:0 0 84px}.reference-agent-menu{padding:0 14px;margin-top:13px;border-radius:14px;background:var(--reference-loading-surface)}.reference-agent-menu>div{display:flex;align-items:center;gap:12px;min-height:74px;border-bottom:1px solid var(--reference-loading-line)}.reference-agent-menu>div:last-child{border-bottom:0}.reference-agent-menu span{display:grid;flex:1;gap:10px}.reference-agent-rule{display:grid;gap:12px;margin-top:13px;padding:16px;border-radius:14px;background:var(--reference-loading-surface)}
.reference-address-line{display:flex;align-items:center;justify-content:center;min-height:68px}
.reference-record-list{display:grid;gap:12px}.reference-record{padding:14px;border-radius:14px;background:var(--reference-loading-surface)}.reference-record header{display:flex;align-items:center;gap:10px;min-height:36px}.reference-record header>div{display:grid;gap:8px;min-width:0}.reference-record header>aside{display:grid;justify-items:end;gap:8px;margin-left:auto}.reference-record footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.reference-record-symbol{width:36px;height:36px;flex:0 0 36px;border-radius:10px!important}.reference-fund-record{display:flex;align-items:flex-start;gap:10px}.reference-fund-record>div{flex:1;min-width:0;display:grid;gap:10px}.reference-fund-record header{justify-content:space-between;min-height:22px}.reference-bet-record{padding:14px 14px 12px}.reference-bet-record header .reference-record-symbol{width:32px;height:32px;flex-basis:32px}.reference-record-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:31px}.reference-record-detail:first-of-type{margin-top:10px}.reference-draw-balls{display:flex;gap:5px}.reference-draw-balls>i{width:22px;height:22px;border-radius:50%!important}.reference-bet-record footer{padding-top:12px;border-top:1px solid var(--reference-loading-line)}.reference-bet-record footer>div{display:grid;gap:8px}.reference-bet-record footer>div:last-child{justify-items:end}
.reference-article{padding:20px 18px;border-radius:14px;background:var(--reference-loading-surface)}.reference-article-time{margin:12px 0 22px!important}.reference-article>div{display:grid;gap:17px}.reference-rules{padding:18px 16px}.reference-rules>section{display:grid;gap:14px;margin-bottom:28px}.reference-rules>section>.reference-title{margin-bottom:3px}
.reference-notice-list{display:grid;gap:12px}.reference-notice-list>article{display:grid;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--reference-loading-line);background:var(--reference-loading-surface)}.reference-notice-list header{display:flex;align-items:center;gap:12px}.reference-notice-time{margin-top:4px!important}.reference-activity-list{display:grid;gap:14px}.reference-activity-list>article{overflow:hidden;border-radius:14px;background:var(--reference-loading-surface)}.reference-activity-cover{width:100%;aspect-ratio:2.6;border-radius:0!important}.reference-activity-list>article>div{display:grid;gap:12px;padding:14px}
.reference-chat-toolbar{display:flex;align-items:center;justify-content:center;height:56px;border-bottom:1px solid var(--reference-loading-line)}.reference-chat-thread{display:grid;align-content:start;gap:22px;padding:20px 14px;min-height:310px}.reference-chat-message{display:flex;align-items:flex-start;gap:10px}.reference-chat-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%!important}.reference-chat-message>div{display:grid;gap:7px}.reference-chat-bubble{width:152px;max-width:40vw;height:48px;border-radius:4px 12px 12px 12px!important}.reference-chat-message.is-own{flex-direction:row-reverse}.reference-chat-message.is-own>div{justify-items:end}.reference-chat-message.is-own .reference-chat-bubble{width:112px;border-radius:12px 4px 12px 12px!important}.reference-chat-composer{display:flex;gap:12px;height:54px;padding:8px 12px;border-top:1px solid var(--reference-loading-line)}.reference-chat-composer>i:first-child{flex:1}.reference-chat-composer>i:last-child{width:46px}.reference-contact-methods{display:grid;gap:12px}.reference-contact-methods>div{display:grid;gap:9px;min-height:48px;padding:8px 0}.reference-packet-card{display:grid;justify-items:center;gap:18px;padding:24px 16px}.reference-packet-icon{width:62px;height:72px}.reference-packet-card>.reference-form-row{width:100%}
.reference-download-actions{display:flex;gap:14px;flex-wrap:wrap}.reference-download-actions>div{display:flex;align-items:center;gap:12px;min-width:180px;min-height:76px;padding:16px 20px;border:1px solid var(--reference-loading-line);border-radius:12px}.reference-download-icon{width:32px;height:36px}.reference-download-actions span{display:grid;gap:10px}.reference-room-groups{display:grid;gap:18px}.reference-room-groups>section>.reference-title{margin-bottom:12px}.reference-room-groups>section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reference-room-groups article{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px;border:1px solid var(--reference-loading-line);border-radius:8px}.reference-room-icon{width:36px;height:36px;flex:0 0 36px;border-radius:50%!important}.reference-room-picker>div{display:flex;align-items:center;gap:14px;min-height:70px;padding:12px 20px;border-bottom:1px solid var(--reference-loading-line)}.reference-room-arrow{height:14px;width:7px;margin-left:auto!important}.reference-draw-table>div{display:grid;grid-template-columns:repeat(var(--reference-table-columns),minmax(0,1fr));align-items:center;min-height:42px;border-bottom:1px solid var(--reference-loading-line)}.reference-draw-table>div>i{justify-self:center}
.reference-skeleton--progress{height:100%;min-height:96px}.reference-progress{display:grid;place-items:center;min-height:96px;height:100%}.reference-progress>i{width:24px;height:24px;border:2px solid var(--reference-loading-line);border-top-color:var(--reference-loading-accent);border-radius:50%;background:none;animation:reference-inline-spin .8s linear infinite}
.reference-game-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.reference-b-lottery,.reference-b-platform{display:grid;gap:12px}.reference-b-lottery>.reference-banner{aspect-ratio:2.9;height:auto}.reference-b-platform>.reference-banner{height:145px}.reference-b-platform .reference-banner-copy{display:none}.reference-b-platform .reference-banner-art{width:100%}.reference-electronic-heading{display:grid;gap:8px;margin:0 0 14px}.reference-coin-record{padding:16px;border:1px solid var(--reference-loading-line);border-radius:16px}.reference-coin-record>header{padding-bottom:15px}.reference-coin-record>footer{margin-top:0;padding-top:12px;border-top:1px solid var(--reference-loading-line)}.reference-fund-record{gap:8px;padding:14px 12px;border:1px solid var(--reference-loading-line);border-radius:16px}
.reference-upload-row{display:flex;align-items:center;gap:12px;min-height:96px}.reference-upload-row>i:first-child{flex:0 0 64px}.reference-upload-row>i:last-child{height:86px;width:86px}
/* Match native insets and form/navigation flow, including embedded dialogs. */
.refined-records-page :is([data-reference-loading="fund-records"],[data-reference-loading="bet-records"])>.reference-skeleton{padding:0 14px}
.refined-records-page .reference-record-list{gap:10px}
.reference-bet-record{padding:12px 12px 0;border:1px solid var(--reference-loading-line);border-radius:16px}
.reference-bet-record>header{padding-bottom:9px;min-height:49px}
.reference-bet-record>header .reference-record-symbol{width:34px;height:36px;flex-basis:34px;border-radius:11px!important}
.reference-bet-record .reference-record-detail{min-height:37px;padding:8px 0;border-top:1px solid var(--reference-loading-line)}
.reference-bet-record .reference-record-detail:first-of-type{margin-top:0}
.reference-bet-record>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:3px 0 8px;padding:9px 0;border:1px solid var(--reference-loading-line);border-radius:11px;background:var(--reference-loading-soft)}
.reference-bet-record>footer>div{padding:0 12px;gap:4px;justify-items:start!important}
.reference-bet-record>footer>div+div{border-left:1px solid var(--reference-loading-line)}
.reference-bet-record>footer .reference-amount{height:25px}
[data-reference-loading="withdraw-form"]{height:auto!important}
.reference-skeleton--withdraw-form .reference-form{gap:14px;padding-top:14px}
.reference-skeleton--withdraw-form .reference-form-row{display:grid;gap:8px}
.reference-skeleton--withdraw-form .reference-form-row>.reference-skeleton-line{height:17px;flex-basis:auto}
.reference-skeleton--withdraw-form .reference-form-input{height:44px;width:100%}
.reference-skeleton--withdraw-form .reference-upload-row{display:grid;gap:8px;justify-items:start}
.reference-skeleton--withdraw-form .reference-upload-row>i:first-child{height:17px;flex-basis:auto}

.bind-loading[data-reference-loading="saving"]{position:absolute!important;inset:-4px 0!important}.reference-skeleton--saving{height:100%}.reference-skeleton--saving .reference-progress{min-height:0;gap:10px;align-content:center}.reference-saving-caption{font-size:12px;color:var(--reference-loading-ink)}
.reference-skeleton--bind-form .reference-form{gap:30px}
.reference-skeleton--bind-form :is(.reference-form-row,.reference-form-input){min-height:39px;height:39px;border-radius:5px!important}
.reference-skeleton--withdraw-form .reference-form-input{height:42px;border-radius:999px!important}
.reference-skeleton--withdraw-form .reference-form-row>.reference-skeleton-line{height:15px}
.reference-skeleton--withdraw-form .reference-upload-row{display:block;min-height:156px;height:156px;margin:-6px 0 0}
.reference-skeleton--withdraw-form .reference-upload-row>i{width:156px;height:156px;margin:0 auto!important;border-radius:12px!important}
.reference-skeleton--withdraw-form .reference-upload-row~.reference-form-row:nth-child(4)>.reference-form-input{height:78px;border-radius:14px!important}
.reference-agent-invite{padding:12px;margin-top:14px;border-radius:14px;background:var(--reference-loading-surface)}
.reference-invite-qr-card{display:grid;justify-items:center;padding:14px;gap:10px;border:1px solid var(--reference-loading-line);border-radius:12px}
.reference-invite-qr-card>.reference-invite-qr{width:156px;height:156px;flex-basis:auto;border-radius:14px!important}
.reference-invite-qr-card>.reference-skeleton-line{height:18px}
.reference-invite-link{display:grid;gap:6px;padding:12px 14px;margin-top:12px;border:1px solid var(--reference-loading-line);border-radius:12px}
.reference-invite-link>i:first-child{height:18px}.reference-invite-link>i:last-child{height:20px}
.reference-invite-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.reference-invite-actions>i{height:44px;border-radius:11px!important}
.reference-agent-menu{margin-top:14px;padding:0 14px}.reference-agent-menu>div{min-height:72px}
.reference-agent-rule{margin-top:14px}
.reference-notice-list{gap:0}
.reference-notice-list>article{display:flex;align-items:flex-start;gap:12px;padding:18px 16px;border:0;border-bottom:1px solid var(--reference-loading-line);border-radius:0}
.reference-notice-list>article>div{display:grid;flex:1;min-width:0;gap:9px;padding-bottom:9px}
.reference-notice-list .reference-title{height:24px}
.reference-ticker-list .reference-record-symbol{width:34px;height:34px;flex-basis:34px;border-radius:50%!important}
.reference-ticker-list .reference-skeleton-line:not(.reference-title){height:21px}
.ds-service-content-state[data-reference-loading],.dg-state[data-reference-loading]{position:absolute!important;inset:0}
.reference-room-groups{gap:0}
.reference-room-groups>section>.reference-title{height:12px;max-width:calc(100% - 48px);margin:0!important}
.reference-room-groups>section{padding-top:16px;border-top:1px solid var(--reference-loading-line)}
.reference-room-groups>section>.reference-title{margin-left:35px!important;margin-bottom:17px!important}
.reference-room-groups>section>div{display:block}
.reference-room-groups article{min-height:47px;padding:10px 16px 10px 20px;gap:7px;border:0;border-top:1px solid var(--reference-loading-line);border-radius:0}
.reference-room-groups .reference-room-icon{width:26px;height:26px;flex-basis:26px;border-radius:7px!important}
html[data-skin="aurum"] .reference-tab-rail>.reference-tab{border-radius:8px}
@media(prefers-reduced-motion:reduce){.reference-skeleton :is(i,b){animation:none!important}}

.reference-load-error{display:grid;justify-items:center;gap:12px;padding:36px 16px;text-align:center;color:var(--reference-loading-ink);font-size:13px;line-height:1.6}.reference-load-error button{border:1px solid var(--reference-loading-line);border-radius:8px;padding:8px 20px;background:var(--reference-loading-surface);color:var(--reference-loading-accent);font:inherit;cursor:pointer}.reference-load-error button:focus-visible{outline:2px solid var(--reference-loading-accent);outline-offset:3px}
/* Existing contextual skeletons keep their layout and request ownership. */
:is(.dl-skeleton,.deg-loading,.dn-skeleton,.dr-skeleton-row,.dw-skeleton-row,.dag-skeleton,.dag-skeleton-row,.ddl-qr-skeleton,.center-skeleton,.venue-skeleton,.b-room-skeleton,.b-notice-skeleton,.b-service-skeleton,.activity-skeleton,.service-skeleton,.reference-group-skeleton,.tx-scratch-skeleton,.vip-skeleton,.benefits-skeleton,.checkin-skeleton,.spinner-skeleton,.invitation-skeleton,.personal-statistics-skeleton,.rebate-page-skeleton,.benefit-records-skeleton,.wallet-request-history-skeleton) :is(.skeleton-line,.skeleton-icon,.skeleton-block,[class$="-skeleton-line"],[class$="-skeleton-icon"]){background:linear-gradient(90deg,var(--reference-loading-soft) 24%,var(--reference-loading-surface) 50%,var(--reference-loading-soft) 76%)!important;background-size:240% 100%!important;animation:reference-loading-shimmer 1.35s linear infinite!important}
.van-loading{color:var(--reference-loading-accent)}.van-loading__text{color:var(--reference-loading-ink)}
/* The reference frontend already supplies these page-specific placeholder
   layouts. Share its neutral shimmer without recoloring actual page content. */
:is(.dl-skeleton,.deg-loading,.dn-skeleton,.dr-skeleton-row,.dw-skeleton-row,.dag-skeleton,.dag-skeleton-row,.ddl-qr-skeleton,.center-skeleton,.venue-skeleton,.b-room-skeleton,.b-notice-skeleton,.b-service-skeleton,.activity-skeleton,.service-skeleton,.reference-group-skeleton,.tx-scratch-skeleton,.vip-skeleton,.benefits-skeleton,.checkin-skeleton,.spinner-skeleton,.invitation-skeleton,.personal-statistics-skeleton,.rebate-page-skeleton,.benefit-records-skeleton,.wallet-request-history-skeleton,.leb-skeleton-grid,.dv-skeleton,.db-skeleton,.dhr-skeleton,.dht-skeleton) :is(i,b,em,small,span,strong):empty{background:linear-gradient(90deg,var(--reference-loading-soft) 24%,var(--reference-loading-surface) 50%,var(--reference-loading-soft) 76%)!important;background-size:240% 100%!important;animation:reference-loading-shimmer 1.35s linear infinite!important}
.vip-record-loading{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--reference-loading-ink)}.vip-record-loading::before{content:"";width:18px;height:18px;border:2px solid var(--reference-loading-line);border-top-color:var(--reference-loading-accent);border-radius:50%;animation:reference-inline-spin .8s linear infinite}@keyframes reference-inline-spin{to{transform:rotate(360deg)}}
@keyframes reference-loading-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce){.reference-skeleton :is(i,b){animation:none!important}:is(.dl-skeleton,.deg-loading,.dn-skeleton,.dr-skeleton-row,.dw-skeleton-row,.dag-skeleton,.center-skeleton,.venue-skeleton,.b-room-skeleton,.b-notice-skeleton,.b-service-skeleton,.activity-skeleton,.service-skeleton,.reference-group-skeleton,.tx-scratch-skeleton,.vip-skeleton,.benefits-skeleton,.checkin-skeleton,.spinner-skeleton,.invitation-skeleton,.personal-statistics-skeleton,.rebate-page-skeleton,.benefit-records-skeleton,.wallet-request-history-skeleton) *{animation:none!important}.van-loading__spinner{animation:none!important}}
@media(prefers-reduced-motion:reduce){:is(.leb-skeleton-grid,.dv-skeleton,.db-skeleton,.dhr-skeleton,.dht-skeleton) *,.vip-record-loading::before{animation:none!important}}