/* Shared low-cost glass for the game's web-backed menus. No blur/filter passes. */
:root { --ro-glass:rgba(10,19,28,.58);--ro-edge:rgba(212,234,249,.24);--ro-ink:#f0f6fb;--ro-muted:#bacbd8;--ro-accent:#a0dfeb; }
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) {
  background:rgba(4,10,16,.045)!important;color:var(--ro-ink)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) :is(section,form,.panel,.social-panel,.vip-panel,.gacha-item-window) {
  background:linear-gradient(160deg,rgba(35,52,65,.64),rgba(9,18,27,.52))!important;color:var(--ro-ink)!important;
  border:1px solid var(--ro-edge)!important;border-radius:14px!important;box-shadow:0 14px 42px #0003,inset 0 1px #ffffff0d!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#itemcode-window>form {width:min(420px,calc(100vw - 32px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;box-sizing:border-box;padding:24px!important;}
#social-window .panel,#social-window .social-panel {max-height:calc(100dvh - 24px)!important;}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) :is(header,footer,nav,.vip-tabs,.gacha-item-meta) {
  background:rgba(255,255,255,.025)!important;color:var(--ro-ink)!important;border-color:var(--ro-edge)!important;
}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) :is(h1,h2,h3,strong,label) {color:var(--ro-ink)!important;}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) :is(p,small,.intro,.item-detail,.empty,.note) {color:var(--ro-muted)!important;}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) button {
  color:var(--ro-ink)!important;background:rgba(230,245,255,.055)!important;border:1px solid var(--ro-edge)!important;border-radius:8px!important;
  box-shadow:none!important;min-height:40px;transition:background .12s,border-color .12s;line-height:1.35;
}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) button:hover {background:rgba(157,217,238,.15)!important;border-color:#b9e4f280!important;}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) :is(button[aria-pressed=true],button.active,button.selected,#gacha-roll) {background:rgba(118,199,222,.18)!important;border-color:#9ad3e5aa!important;}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) button:disabled {opacity:.42!important;}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) :is(input,select,textarea) {
  color:var(--ro-ink)!important;background:rgba(1,9,16,.25)!important;border:1px solid var(--ro-edge)!important;border-radius:8px!important;box-shadow:none!important;
}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) :is(input,select,textarea)::placeholder {color:#a8bac8!important;opacity:1;}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) :is(button,input,select,textarea):focus-visible {outline:2px solid #9bdce8!important;outline-offset:2px;}
:is(#social-window,#itemcode-window,#bank-layer,#party-native-input,#gacha-layer,#vip-window) :is(.history,#gacha-detail,.gacha-item-copy,.row,.vip-card) {background:rgba(230,245,255,.025)!important;border-color:#d4eaf922!important;color:var(--ro-ink)!important;}
:is(#social-window,#bank-layer) :is(.money,dd) {color:#d9e8bd!important;}
#gacha-list :is(span,small) {color:var(--ro-muted)!important;}
#gacha-layer .gacha-item-modal {background:rgba(2,9,15,.18)!important;}
#social-toast {background:rgba(12,26,36,.72)!important;border:1px solid var(--ro-edge)!important;color:var(--ro-ink)!important;box-shadow:0 8px 22px #0002!important;}
@media(max-height:540px) {
  #itemcode-window>form {padding:14px 20px!important;}
  #itemcode-window :is(p,small) {margin:7px 0!important;line-height:1.35!important;}
  :is(#bank-layer,#gacha-layer,#social-window,#vip-window) button {min-height:36px;}
}
@media(prefers-reduced-motion:reduce) { :is(#social-window,#itemcode-window,#bank-layer,#gacha-layer,#vip-window) button {transition:none!important;} }