.online-account-bar { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 12px; background:#17283d; border-bottom:1px solid #43546b; font-size:11px; color:#a0ebd2; }
.online-account-bar button { font:inherit; border:1px solid #729a91; color:#d1f9eb; background:#29493f; padding:5px 11px; border-radius:9px; min-height:32px; cursor:pointer; }
.app-shell:is([data-phase="brawl"],[data-phase="ready"],[data-phase="trap_place"]) .online-account-bar { display:none; }
#accountDialog { width:min(92vw,430px); color:#f1f5fa; }
#accountDialog p { font-size:13px; line-height:1.6; margin:10px 0; }
#accountDialog label { display:block; margin:12px 0; font-size:13px; }
#accountDialog input { display:block; width:100%; margin-top:5px; padding:12px; border:1px solid #60738a; border-radius:10px; background:#18243b; color:#fff; font:inherit; box-sizing:border-box; }
.account-button-row { display:flex; gap:8px; margin:12px 0; flex-wrap:wrap; }
.account-button-row button { flex:1; min-width:130px; }
#accountStatus { padding:12px; border-radius:10px; background:#17283d; color:#a0ebd2; }
.checkout-test-note { color:#d6dbea; border-top:1px solid #53637c; padding-top:14px; }
.skin-pack-card { margin:16px 0; padding:16px; border:1px solid #91e3cc; border-radius:18px; background:linear-gradient(135deg,#234638,#3b314e); text-align:center; }
.skin-pack-preview { display:flex; justify-content:center; gap:10px; }
.skin-pack-preview img { width:84px; height:84px; }
.skin-pack-card h3 { margin:8px 0; color:#fff6d8; }
.skin-pack-card .test-badge { color:#173b32; background:#b9f2dc; border-radius:20px; padding:5px 10px; font-weight:700; }
.skin-pack-card>button { width:100%; }
.native-app #stripeTestPanel { display:none; }
.native-app body { overscroll-behavior:none; }
.native-app .app-shell { padding-top:env(safe-area-inset-top); padding-bottom:env(safe-area-inset-bottom); }
.skin-item-icon img { width:54px; height:54px; object-fit:contain; }