/* BXH ARENA client entrance theme v1 — UI only, no application logic. */
:root{--bxh-glass:rgba(12,15,15,.62);--bxh-glass-strong:rgba(13,16,17,.82);--bxh-line:rgba(237,213,118,.14);--bxh-glow:rgba(220,255,0,.18);--bxh-gold-glow:rgba(218,181,73,.22)}
.auth-shell{
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 42%,rgba(188,225,0,.055),transparent 34%),
    radial-gradient(ellipse at 12% 8%,rgba(218,181,73,.09),transparent 38%),
    linear-gradient(155deg,#080b0c 0%,#050707 52%,#020303 100%);
  padding:clamp(22px,5vh,54px) 18px 44px;
}
.auth-shell::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.018) 48%,transparent 72%);animation:bxh-sheen 14s ease-in-out infinite}
.auth-beams{opacity:.22;filter:blur(1px)}
.auth-wm{position:fixed}
.auth-wm img{width:min(82vw,760px);max-width:none;opacity:.065;filter:saturate(.5) contrast(1.12) drop-shadow(0 0 44px rgba(217,185,92,.16));animation:bxh-watermark 8s ease-in-out infinite}
.auth-particles{opacity:.38}
.auth-content{max-width:780px;min-height:min(760px,calc(100dvh - 70px));justify-content:center}
.auth-brand-header{margin:0 0 18px}
.auth-logo-wrap{display:none!important}
.auth-brand-header .celeb-brand{font-size:clamp(30px,7vw,48px)!important;font-weight:900;letter-spacing:clamp(6px,2vw,13px)!important;line-height:1.05;text-shadow:0 0 26px rgba(217,185,92,.16)}
.auth-brand-header .hoc-subbrand{margin-top:10px!important;color:rgba(237,213,118,.72);letter-spacing:3px}
.auth-brand-header .celeb-title{margin-top:5px!important;color:rgba(225,229,230,.54);font-size:13px}
.landing-home{max-width:780px}
.landing-home .auth-tagline{margin:7px 0 0;font-size:13px;letter-spacing:1.4px;color:rgba(224,228,230,.55)}
.landing-tagline-brand{color:#ebff29;text-shadow:0 0 13px rgba(220,255,0,.2)}
.landing-role-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:25px}
.landing-role-cards .role-card{
  min-height:228px;border:1px solid transparent;border-radius:22px;
  background:
    linear-gradient(145deg,rgba(24,28,29,.76),rgba(7,10,10,.55)) padding-box,
    linear-gradient(145deg,rgba(249,225,139,.27),rgba(255,255,255,.025) 45%,rgba(205,255,0,.14)) border-box;
  -webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08);
  box-shadow:0 22px 55px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.035);
  animation:bxh-rise .58s cubic-bezier(.2,.7,.25,1) both;
}
.landing-role-cards .role-card:nth-child(2){animation-delay:.07s}.landing-role-cards .role-card:nth-child(3){animation-delay:.14s}
.landing-role-cards .role-card-inner{min-height:228px;padding:24px 16px 19px}
.landing-role-cards .role-card-icon{width:40px;height:40px;color:rgba(239,216,132,.86)!important;filter:drop-shadow(0 0 12px rgba(217,185,92,.2))!important}
.landing-role-cards .role-card-cn{font-size:20px;color:#f1f2ed}.landing-role-cards .role-card-en{font-size:10px;color:rgba(206,211,214,.47);letter-spacing:2.4px}
.landing-role-cards .role-card-desc{font-size:12px;color:rgba(207,212,214,.63);line-height:1.65}
.landing-role-cards .role-card-enter{opacity:.78;color:#eaff19;margin-top:auto}
.auth-card{
  width:min(100%,520px);border:1px solid transparent;border-radius:24px;padding:clamp(22px,5vw,34px);
  background:linear-gradient(145deg,rgba(22,26,27,.82),rgba(7,9,10,.69)) padding-box,linear-gradient(145deg,rgba(249,225,139,.25),rgba(255,255,255,.035) 48%,rgba(205,255,0,.12)) border-box;
  -webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);
  box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04);
  animation:bxh-rise .55s cubic-bezier(.2,.7,.25,1) both;
}
.auth-card-title{font-size:clamp(22px,5vw,29px);font-weight:850;letter-spacing:.4px}.auth-card-sub{color:rgba(204,210,213,.56);margin-top:7px}
.auth-card .field{margin-top:18px}.auth-card .field>label{color:rgba(231,233,229,.77);font-size:12px;letter-spacing:.4px}
.auth-card input:not([type=checkbox]),.auth-card textarea,.auth-card select{
  border:1px solid rgba(232,220,173,.12);border-radius:14px;background:rgba(4,7,8,.64);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .2s,box-shadow .2s,background .2s;
}
.auth-card input:focus,.auth-card textarea:focus,.auth-card select:focus{border-color:rgba(224,255,27,.58);background:rgba(5,8,8,.82);box-shadow:0 0 0 3px rgba(220,255,0,.075),0 0 22px rgba(220,255,0,.07);outline:none}
.hoc-btn-primary,.auth-shell .btn-primary{
  border-color:rgba(225,255,27,.72);background:linear-gradient(135deg,#eaff19,#cde400);color:#090b08;
  box-shadow:0 10px 30px rgba(201,232,0,.17),0 0 18px rgba(220,255,0,.13);transition:transform .16s,box-shadow .2s,filter .2s;
}
.hoc-btn-primary:active,.auth-shell .btn-primary:active{transform:scale(.985);box-shadow:0 4px 14px rgba(201,232,0,.13)}
.auth-shell .btn-ghost{border-color:rgba(225,228,222,.12);background:rgba(11,14,15,.48);color:rgba(231,234,229,.74);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.landing-footnote{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;color:rgba(184,190,192,.35)}
@keyframes bxh-rise{from{opacity:0;transform:translateY(12px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes bxh-watermark{0%,100%{opacity:.052;transform:scale(.99)}50%{opacity:.072;transform:scale(1.015)}}
@keyframes bxh-sheen{0%,100%{opacity:.3;transform:translateX(-4%)}50%{opacity:.65;transform:translateX(4%)}}
@media(max-width:640px){
 .auth-shell{padding:20px 14px 34px}.auth-content{justify-content:flex-start;min-height:0}.auth-brand-header{margin-top:4px}
 .auth-brand-header .celeb-brand{font-size:30px!important;letter-spacing:7px!important}
 .landing-role-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
 .landing-role-cards .role-card{min-height:194px;border-radius:18px}.landing-role-cards .role-card-inner{min-height:194px;padding:19px 11px 15px}
 .landing-role-cards .role-card:nth-child(3){grid-column:1/-1;min-height:126px}
 .landing-role-cards .role-card:nth-child(3) .role-card-inner{min-height:126px;display:grid;grid-template-columns:46px 1fr auto;grid-template-rows:auto auto;gap:2px 12px;text-align:left}
 .landing-role-cards .role-card:nth-child(3) .role-card-icon{grid-row:1/3}.landing-role-cards .role-card:nth-child(3) .role-card-cn{align-self:end}.landing-role-cards .role-card:nth-child(3) .role-card-en{align-self:start}
 .landing-role-cards .role-card:nth-child(3) .role-card-desc,.landing-role-cards .role-card:nth-child(3) .role-card-assist{display:none}.landing-role-cards .role-card:nth-child(3) .role-card-enter{grid-column:3;grid-row:1/3;align-self:center;margin:0}
 .landing-role-cards .role-card-desc{font-size:11px;line-height:1.45}.landing-role-cards .role-card-assist{display:none}
 .landing-home>.btn-row{display:grid!important;grid-template-columns:1fr 1fr;width:100%;gap:10px}.landing-home>.btn-row .btn{width:100%;min-width:0;padding-inline:10px}
 .auth-card{border-radius:20px;padding:22px 18px}
}
@media(prefers-reduced-motion:reduce){.auth-shell::after,.auth-wm img,.landing-role-cards .role-card,.auth-card{animation:none!important}.landing-role-cards .role-card{opacity:1}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.auth-card,.landing-role-cards .role-card{background:rgba(13,16,17,.96)}}


/* BXH ARENA lobby client theme v1 */
.player-shell{background:radial-gradient(circle at 50% 12%,rgba(202,232,0,.035),transparent 34%),linear-gradient(180deg,#07090a 0%,#030505 100%)}
.player-shell .stickytop{background:rgba(5,8,9,.83);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);box-shadow:0 10px 34px rgba(0,0,0,.2)}
.player-tabs{
  gap:6px;padding:8px 12px;border:0!important;background:rgba(7,10,11,.72)!important;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
.player-tabs::-webkit-scrollbar{display:none}
.player-tab-btn{
  position:relative;flex:0 0 auto;min-width:max-content;padding:10px 16px!important;border:1px solid transparent!important;border-radius:13px;
  color:rgba(202,207,211,.61);font-size:12px;transition:color .18s,background .18s,box-shadow .18s,transform .14s;
}
.player-tab-btn:active{transform:scale(.97)}
.player-tab-btn.active{
  color:#efff3b!important;border-color:rgba(221,255,20,.19)!important;
  background:linear-gradient(135deg,rgba(206,238,0,.105),rgba(216,182,72,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 20px rgba(210,240,0,.055);
}
.player-tab-btn.active::after{content:"";position:absolute;left:22%;right:22%;bottom:3px;height:1px;background:#dfff1b;box-shadow:0 0 8px rgba(223,255,27,.72)}
.cloud-status-bar{
  border:0!important;border-bottom:1px solid rgba(233,215,146,.075)!important;
  background:linear-gradient(90deg,rgba(5,8,9,.66),rgba(15,19,19,.78),rgba(5,8,9,.66))!important;
  color:rgba(210,216,217,.67);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
.cloud-dot.connected,.cloud-dot-v2.green{animation:bxh-live-breathe 2.4s ease-in-out infinite}
.player-mobile-session-strip{border:0!important;border-bottom:1px solid rgba(233,215,146,.08)!important;background:rgba(7,10,11,.8)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lobby-page-head{
  border:0!important;border-radius:0!important;padding:10px 2px 14px!important;background:transparent!important;
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
}
.lobby-page-head .settings-page-title{font-size:clamp(26px,6vw,38px);font-weight:900;letter-spacing:.4px;color:#f4f6f3}
.lobby-page-head .settings-page-sub{margin-top:5px;font-size:12px;color:rgba(190,198,201,.48)}
.lobby-search-panel{
  border:1px solid transparent!important;border-radius:17px!important;
  background:linear-gradient(145deg,rgba(20,24,25,.73),rgba(8,11,12,.58)) padding-box,linear-gradient(135deg,rgba(238,219,144,.16),rgba(255,255,255,.025),rgba(211,241,0,.09)) border-box!important;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 34px rgba(0,0,0,.18);
}
.lobby-search-input input{height:40px!important;border-color:rgba(231,221,181,.1)!important;border-radius:12px!important;background:rgba(2,5,6,.55)!important}
.lobby-section{
  position:relative;margin:13px 0!important;padding:10px 0 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.lobby-section>.panel-title{
  display:flex;align-items:center;gap:8px;margin:0 2px 8px!important;padding:0 2px;
  font-size:15px;font-weight:850;color:rgba(239,242,239,.9);letter-spacing:.2px;
}
.lobby-section>.panel-title .badge{border:0;background:rgba(255,255,255,.055);color:rgba(203,209,212,.58);font-size:10px}
.lobby-compact-card{
  position:relative;margin:7px 0!important;border:1px solid transparent!important;border-radius:17px!important;
  background:linear-gradient(145deg,rgba(20,24,25,.72),rgba(7,10,11,.61)) padding-box,linear-gradient(135deg,rgba(242,225,157,.16),rgba(255,255,255,.025) 52%,rgba(206,239,0,.085)) border-box!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.06);backdrop-filter:blur(14px) saturate(1.06);
  box-shadow:0 13px 30px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden;
  transition:transform .17s,box-shadow .2s,background .2s;animation:bxh-lobby-rise .4s ease both;
}
.lobby-compact-card:active{transform:scale(.994)}
.lobby-compact-card[open]{box-shadow:0 17px 40px rgba(0,0,0,.28),0 0 25px rgba(220,255,0,.035)!important}
.lobby-compact-card summary{padding:11px 13px!important}
.lobby-card-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important;align-items:start!important}
.lobby-room{min-width:0}.lobby-room-name{font-size:16px!important;font-weight:900!important;line-height:1.25!important;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lobby-host{margin-top:3px!important;font-size:10.5px!important;color:rgba(190,197,201,.45)!important}
.lobby-card-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important;max-width:48vw}
.lobby-authority{
  padding:3px 7px!important;border:0!important;border-radius:7px!important;background:rgba(255,255,255,.045);
  font-size:8.5px!important;letter-spacing:.1em!important;
}
.lobby-authority.official{color:#f2d77a!important;background:rgba(226,190,74,.09)}.lobby-authority.community{color:#9bbcff!important;background:rgba(93,139,230,.1)}
.room-status{border:0!important;background:rgba(255,255,255,.045)!important;padding:3px 7px!important;font-size:9px!important}
.room-status-dot{box-shadow:0 0 9px currentColor}
.lobby-time-row{margin-top:5px!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}
.lobby-time{font-size:10.5px!important;color:rgba(194,201,204,.48)!important}.lobby-expand-label{font-size:9.5px!important;color:rgba(201,208,211,.38)!important}
.lobby-card-detail{padding:0 13px 12px!important;border-top:1px solid rgba(255,255,255,.045)!important}
.lobby-detail-grid{gap:6px 14px!important;padding-top:10px!important;font-size:11px!important;color:rgba(210,215,218,.68)!important}
.lobby-description{border:0!important;background:rgba(255,255,255,.025)!important;color:rgba(196,202,205,.58)!important}
.lobby-card-actions{margin-top:10px!important}
.fe-empty-line{padding:11px 4px!important;font-size:12px!important;color:rgba(183,191,195,.38)!important}
.lobby-section:nth-of-type(2) .lobby-compact-card{animation-delay:.025s}.lobby-section:nth-of-type(3) .lobby-compact-card{animation-delay:.05s}
@keyframes bxh-live-breathe{0%,100%{opacity:.65;box-shadow:0 0 5px currentColor}50%{opacity:1;box-shadow:0 0 13px currentColor}}
@keyframes bxh-lobby-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){
 .player-tabs{padding:7px 9px;gap:4px}.player-tab-btn{padding:9px 13px!important;font-size:11.5px}
 .lobby-page-head{flex-direction:row!important;align-items:flex-end!important;padding:7px 1px 11px!important}.lobby-page-head .btn{width:auto!important;flex:0 0 auto}
 .lobby-page-head .settings-page-title{font-size:27px}.lobby-page-head .settings-page-sub{max-width:230px;line-height:1.4}
 .lobby-search-panel{padding:10px!important;margin-bottom:10px!important}
 .lobby-card-right{max-width:46vw}.lobby-room-name{font-size:15px!important}
 .lobby-card-actions{flex-direction:row!important;flex-wrap:wrap;justify-content:flex-end!important}.lobby-card-actions .btn{width:auto!important;flex:1 1 120px}
 .lobby-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:390px){
 .lobby-page-head .settings-page-sub{display:none}.lobby-card-right{max-width:44vw}.lobby-authority{font-size:7.8px!important}
 .lobby-detail-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.cloud-dot.connected,.cloud-dot-v2.green,.lobby-compact-card{animation:none!important}}


/* BXH ARENA daily check-in client theme v1 */
.checkin-page-back{margin:2px 0 12px}.checkin-page-back .btn{border:0!important;background:transparent!important;color:rgba(205,211,214,.55)!important;padding-left:2px!important;box-shadow:none!important}
.engagement-panel:has(.checkin-heading){
  position:relative;overflow:hidden;border:1px solid transparent!important;border-radius:24px!important;padding:clamp(18px,4vw,28px)!important;
  background:linear-gradient(145deg,rgba(20,24,25,.78),rgba(6,9,10,.66)) padding-box,linear-gradient(145deg,rgba(239,220,145,.19),rgba(255,255,255,.025) 48%,rgba(210,240,0,.1)) border-box!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.07);backdrop-filter:blur(18px) saturate(1.07);
  box-shadow:0 24px 60px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.engagement-panel:has(.checkin-heading)::before{content:"";position:absolute;right:-70px;top:-80px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(220,255,0,.065),transparent 67%);pointer-events:none}
.checkin-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.engagement-kicker{font-size:9px!important;letter-spacing:2.4px!important;color:rgba(228,203,113,.55)!important;font-weight:800}
.engagement-title{margin-top:3px;font-size:clamp(26px,6vw,38px)!important;font-weight:900!important;line-height:1.05;color:#f5f6f2!important;letter-spacing:.3px}
.checkin-description{margin-top:9px!important;font-size:11px!important;color:rgba(188,195,198,.45)!important}
.checkin-status{
  display:inline-flex!important;align-items:center;gap:7px;border:0!important;border-radius:999px!important;padding:7px 11px!important;
  background:rgba(255,255,255,.045)!important;color:rgba(211,216,218,.62)!important;font-size:10px!important;white-space:nowrap;
}
.checkin-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#7c8589;box-shadow:0 0 7px rgba(124,133,137,.45)}
.checkin-status.badge-green{color:#9df1c8!important;background:rgba(63,220,142,.075)!important}
.checkin-status.badge-green::before{background:#45ef98;box-shadow:0 0 9px rgba(69,239,152,.85);animation:bxh-checkin-breathe 2.4s ease-in-out infinite}
.checkin-stats{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px!important;margin:20px 0 16px!important;
  padding:0!important;border:0!important;background:transparent!important;
}
.checkin-stat{
  min-width:0;padding:15px 9px 13px!important;border:0!important;border-radius:16px!important;text-align:center;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 22px rgba(0,0,0,.12);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.checkin-stat strong{display:block;font-size:clamp(24px,7vw,36px)!important;line-height:1!important;color:#f2f4ef!important;font-weight:900!important;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(234,255,29,.06)}
.checkin-stat span{display:block;margin-top:7px;font-size:9.5px!important;letter-spacing:.4px;color:rgba(190,198,201,.48)!important}
.engagement-panel:has(.checkin-heading)>button[data-action="player-daily-checkin"]{width:100%;min-height:46px;border-radius:14px!important;margin:0 0 4px;font-weight:850}
.checkin-calendar{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px!important;margin-top:9px!important;
  padding:10px 0 0!important;border:0!important;background:transparent!important;
}
.checkin-calendar>b{padding:5px 0!important;border:0!important;background:transparent!important;color:rgba(190,197,200,.38)!important;font-size:9px!important;font-weight:700!important;text-align:center}
.checkin-calendar>span{
  display:flex!important;align-items:center;justify-content:center;min-width:0;aspect-ratio:1/1;max-height:52px;
  border:1px solid transparent!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;
  color:rgba(211,216,217,.57)!important;font-size:11px!important;font-variant-numeric:tabular-nums;
  transition:background .18s,border-color .18s,box-shadow .18s,transform .15s;
}
.checkin-calendar>span:empty{background:transparent!important}
.checkin-calendar>span.done{
  color:#f5dc74!important;border-color:rgba(235,205,101,.32)!important;
  background:linear-gradient(145deg,rgba(231,196,74,.12),rgba(202,238,0,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 12px rgba(226,192,72,.07);
}
.checkin-calendar>span[aria-current="date"]{
  color:#efff45!important;border-color:rgba(224,255,32,.62)!important;background:rgba(216,245,15,.075)!important;
  box-shadow:0 0 0 1px rgba(224,255,32,.09),0 0 18px rgba(216,245,15,.14)!important;font-weight:900;transform:translateY(-1px);
}
@keyframes bxh-checkin-breathe{0%,100%{opacity:.62;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:420px){
 .engagement-panel:has(.checkin-heading){padding:18px 14px!important;border-radius:20px!important}
 .checkin-stats{gap:6px!important;margin-top:16px!important}.checkin-stat{padding:13px 5px 11px!important;border-radius:13px!important}
 .checkin-stat strong{font-size:25px!important}.checkin-stat span{font-size:8.8px!important}
 .checkin-calendar{gap:3px!important}.checkin-calendar>span{border-radius:9px!important;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.checkin-status.badge-green::before{animation:none!important}}

/* BXH ARENA my schedule client theme v1 */
.schedule-fold{
  margin:12px 0!important;padding:0!important;border:0!important;border-radius:18px!important;
  background:rgba(255,255,255,.012)!important;box-shadow:none!important;overflow:visible!important;
}
.schedule-fold[open]{background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 78%)!important}
.schedule-fold>summary{
  display:flex!important;align-items:center;gap:9px;min-height:42px;padding:10px 5px 8px!important;
  border:0!important;list-style:none;color:rgba(239,242,239,.9);font-size:15px;font-weight:850;cursor:pointer;
}
.schedule-fold>summary::-webkit-details-marker{display:none}
.schedule-fold>summary .badge{
  border:0!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;
  color:rgba(202,208,211,.55)!important;font-size:9px!important;padding:3px 7px!important;
}
.schedule-fold .fold-arrow{margin-left:auto;color:rgba(191,198,201,.38)!important;font-size:9px!important;font-weight:650!important;letter-spacing:.2px}
.schedule-fold-body{padding:0 0 4px!important}
.schedule-fold-body>.hint{margin:2px 4px 7px!important;padding:12px 3px!important;color:rgba(185,192,195,.34)!important;font-size:11px!important}
.schedule-fold .find-event-card{
  position:relative;margin:7px 0 10px!important;padding:14px 15px!important;border:1px solid transparent!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(21,25,26,.78),rgba(7,10,11,.66)) padding-box,
             linear-gradient(135deg,rgba(240,222,151,.17),rgba(255,255,255,.026) 48%,rgba(208,241,0,.09)) border-box!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.07);backdrop-filter:blur(15px) saturate(1.07);
  box-shadow:0 16px 34px rgba(0,0,0,.21),inset 0 1px 0 rgba(255,255,255,.028)!important;
  overflow:hidden;animation:bxh-schedule-rise .38s ease both;
}
.schedule-fold .find-event-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.018) 47%,transparent 72%);
}
.schedule-fold .fe-name{
  position:relative;z-index:1;margin:0 0 7px!important;color:#fff!important;font-size:18px!important;
  font-weight:900!important;line-height:1.25!important;letter-spacing:.15px;text-shadow:0 0 18px rgba(255,255,255,.035);
}
.schedule-fold .fe-meta{
  position:relative;z-index:1;margin:2px 0!important;color:rgba(190,198,201,.49)!important;
  font-size:10.5px!important;line-height:1.55!important;letter-spacing:.15px;
}
.schedule-fold .fe-name+.fe-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:rgba(202,208,211,.58)!important}
.schedule-fold .fe-name+.fe-meta::before{
  content:"◷";display:inline-grid;place-items:center;width:17px;height:17px;border-radius:6px;
  background:rgba(224,205,126,.055);color:rgba(235,212,127,.7);font-size:10px;
}
.schedule-fold .fe-name+.fe-meta+.fe-meta{font-size:9px!important;color:rgba(180,188,191,.32)!important}
.schedule-fold .fe-status-row{position:relative;z-index:1;margin:9px 0 4px!important;display:flex!important;gap:6px!important;flex-wrap:wrap}
.schedule-fold .fe-status-chip{
  border:0!important;border-radius:999px!important;padding:4px 8px!important;
  background:rgba(255,255,255,.05)!important;font-size:9px!important;letter-spacing:.25px!important;
}
.schedule-fold .hint{position:relative;z-index:1;color:rgba(188,195,198,.43)!important;font-size:10px!important;line-height:1.55!important}
.schedule-fold .fe-card-action{
  position:relative;z-index:1;margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.045)!important;
  display:flex!important;flex-direction:row!important;justify-content:flex-end!important;gap:7px!important;flex-wrap:wrap!important;
}
.schedule-fold .fe-card-action .btn{width:auto!important;min-height:36px!important;padding:8px 12px!important;border-radius:11px!important;font-size:10px!important}
.schedule-light{
  display:inline-block!important;width:8px!important;height:8px!important;flex:0 0 8px;border-radius:50%;
  background:#7b8589;box-shadow:0 0 7px rgba(123,133,137,.5);
}
.schedule-light.live{background:#45ef98!important;color:#45ef98;animation:bxh-schedule-live 2.15s ease-in-out infinite}
.schedule-light.waiting{background:#f1bd3d!important;color:#f1bd3d;box-shadow:0 0 8px rgba(241,189,61,.48)}
.schedule-light.done{background:#6f86a0!important;color:#6f86a0;box-shadow:0 0 7px rgba(111,134,160,.35)}
@keyframes bxh-schedule-live{
  0%,100%{opacity:.58;transform:scale(.86);box-shadow:0 0 5px rgba(69,239,152,.5)}
  50%{opacity:1;transform:scale(1.13);box-shadow:0 0 14px rgba(69,239,152,.92)}
}
@keyframes bxh-schedule-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){
  .schedule-fold{margin:9px 0!important}.schedule-fold>summary{min-height:38px;padding:8px 3px 7px!important;font-size:14px}
  .schedule-fold .find-event-card{margin:5px 0 8px!important;padding:12px 12px!important;border-radius:16px!important}
  .schedule-fold .fe-name{font-size:16px!important;margin-bottom:6px!important}
  .schedule-fold .fe-meta{font-size:9.5px!important}.schedule-fold .fe-name+.fe-meta::before{width:15px;height:15px;font-size:9px}
  .schedule-fold .fe-card-action{justify-content:stretch!important}.schedule-fold .fe-card-action .btn{flex:1 1 104px!important}
}
@media(prefers-reduced-motion:reduce){.schedule-light.live,.schedule-fold .find-event-card{animation:none!important}}

/* BXH ARENA my rooms control-center theme v1 */
.community-host-hero{
  position:relative;overflow:hidden;padding:clamp(17px,4vw,25px)!important;border:1px solid transparent!important;border-radius:23px!important;
  background:linear-gradient(145deg,rgba(20,24,25,.77),rgba(6,9,10,.63)) padding-box,
             linear-gradient(140deg,rgba(238,216,137,.18),rgba(255,255,255,.024) 50%,rgba(215,246,0,.09)) border-box!important;
  -webkit-backdrop-filter:blur(17px) saturate(1.07);backdrop-filter:blur(17px) saturate(1.07);
  box-shadow:0 22px 50px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.028)!important;
}
.community-host-hero::after{
  content:"";position:absolute;right:-60px;top:-70px;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(219,250,0,.075),transparent 67%);pointer-events:none;
}
.community-host-hero>.panel-title{
  position:relative;z-index:1;margin-bottom:5px!important;color:#f5f6f2!important;font-size:clamp(23px,5vw,31px)!important;
  font-weight:900!important;letter-spacing:.25px;
}
.community-host-hero>.hint{
  position:relative;z-index:1;margin:0!important;color:rgba(191,198,201,.48)!important;font-size:11px!important;
}
.room-create-action{position:relative;z-index:1;display:flex;justify-content:center;margin:18px 0 15px!important}
.room-create-action .btn-primary{
  min-width:min(100%,240px);min-height:50px;padding:12px 25px!important;border:1px solid rgba(237,255,83,.82)!important;border-radius:15px!important;
  background:linear-gradient(135deg,#edff26 0%,#d9ef00 55%,#bfd500 100%)!important;color:#080a07!important;
  font-size:15px!important;font-weight:900!important;letter-spacing:.25px;
  box-shadow:0 13px 32px rgba(203,232,0,.22),0 0 24px rgba(222,255,0,.2),inset 0 1px 0 rgba(255,255,255,.42)!important;
  transform:translateY(-1px);transition:transform .16s ease,box-shadow .2s ease,filter .2s ease!important;
  animation:bxh-room-cta 3.2s ease-in-out infinite;
}
.room-create-action .btn-primary:hover{filter:brightness(1.06);transform:translateY(-3px);box-shadow:0 17px 38px rgba(203,232,0,.28),0 0 31px rgba(222,255,0,.25)!important}
.room-create-action .btn-primary:active{transform:translateY(0) scale(.985)!important}
.room-policy{
  position:relative;z-index:1;margin:0!important;padding:10px 12px 10px 36px!important;border:0!important;border-radius:13px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.043),rgba(255,255,255,.015))!important;
  color:rgba(188,195,198,.46)!important;font-size:9.5px!important;line-height:1.65!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}
.room-policy::before{
  content:"i";position:absolute;left:12px;top:10px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;
  border:1px solid rgba(231,210,132,.32);color:rgba(239,215,127,.7);font:800 9px/1 var(--font-d);
}
.community-event-card{
  position:relative;margin:7px 0 10px!important;padding:14px 15px!important;border:1px solid transparent!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(21,25,26,.8),rgba(7,10,11,.67)) padding-box,
             linear-gradient(135deg,rgba(239,220,146,.2),rgba(255,255,255,.027) 50%,rgba(211,243,0,.11)) border-box!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.07);backdrop-filter:blur(15px) saturate(1.07);
  box-shadow:0 17px 37px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.03)!important;
  overflow:hidden;animation:bxh-room-rise .38s ease both;
}
.community-event-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 15%,rgba(255,255,255,.018) 47%,transparent 72%);
}
.community-event-name{
  position:relative;z-index:1;margin-bottom:7px!important;color:#fff!important;font-size:17px!important;font-weight:900!important;line-height:1.25;
}
.community-event-card>.hint{position:relative;z-index:1;margin:2px 0!important;color:rgba(192,199,202,.48)!important;font-size:10px!important;line-height:1.55!important}
.community-event-card>.btn-row{
  position:relative;z-index:1;margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.045);
  gap:7px!important;flex-direction:row!important;flex-wrap:wrap!important;
}
.community-event-card>.btn-row .btn{width:auto!important;flex:1 1 105px;min-height:37px!important;padding:8px 11px!important;border-radius:11px!important;font-size:10px!important}
.schedule-fold:not([open]){border-bottom:1px solid rgba(255,255,255,.045)!important;border-radius:0!important;background:transparent!important}
.schedule-fold:not([open])>summary{padding-left:3px!important;padding-right:3px!important}
.schedule-fold:not([open])>summary .badge{background:rgba(255,255,255,.038)!important}
@keyframes bxh-room-cta{
  0%,100%{box-shadow:0 13px 32px rgba(203,232,0,.18),0 0 18px rgba(222,255,0,.13),inset 0 1px 0 rgba(255,255,255,.42)}
  50%{box-shadow:0 16px 38px rgba(203,232,0,.27),0 0 30px rgba(222,255,0,.23),inset 0 1px 0 rgba(255,255,255,.48)}
}
@keyframes bxh-room-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){
  .community-host-hero{padding:17px 14px!important;border-radius:20px!important}
  .room-create-action{margin:15px 0 13px!important}.room-create-action .btn-primary{width:100%;min-width:0;min-height:48px}
  .room-policy{padding:9px 10px 9px 33px!important;font-size:8.9px!important;line-height:1.58!important}
  .room-policy::before{left:10px;top:9px}
  .community-event-card{padding:12px!important;border-radius:16px!important}.community-event-name{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.room-create-action .btn-primary,.community-event-card{animation:none!important}}


/* BXH ARENA lobby fold + raffle store theme v1 */
.bxh-lobby-fold{position:relative!important;margin:10px 0 12px!important;padding:0!important;border:1px solid rgba(255,255,255,.045)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(23,27,28,.54),rgba(7,10,11,.36))!important;box-shadow:0 14px 32px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.025)!important;overflow:hidden!important;-webkit-backdrop-filter:blur(15px) saturate(1.06);backdrop-filter:blur(15px) saturate(1.06)}
.bxh-lobby-fold.is-collapsed{background:rgba(255,255,255,.012)!important;border-color:rgba(255,255,255,.028)!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.035)!important}
.bxh-lobby-fold-head{display:flex!important;align-items:center!important;gap:10px;min-height:48px;margin:0!important;padding:11px 13px!important;border:0!important;background:transparent!important;cursor:pointer;user-select:none}
.bxh-lobby-fold-head>.badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:27px;height:25px;padding:0 8px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:rgba(215,221,224,.75)!important;font-size:12px!important}
.bxh-lobby-fold-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:auto;min-height:30px;padding:5px 10px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025);color:rgba(211,217,220,.62);font:800 12px/1 var(--font-b);cursor:pointer}
.bxh-lobby-fold-toggle::after{content:"⌃";font-size:14px;line-height:1;transition:transform .2s ease}.bxh-lobby-fold.is-collapsed .bxh-lobby-fold-toggle::after{transform:rotate(180deg)}
.bxh-lobby-fold-content{display:block;padding:0 11px 11px!important}.bxh-lobby-fold.is-collapsed .bxh-lobby-fold-content{display:none}.bxh-lobby-fold-content .lobby-compact-card{border-color:transparent!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(24,28,29,.7),rgba(8,11,12,.54)) padding-box,linear-gradient(135deg,rgba(239,220,146,.12),rgba(255,255,255,.025) 52%,rgba(211,243,0,.065)) border-box!important}
.raffle-page{background:linear-gradient(145deg,rgba(21,24,26,.9),rgba(10,12,13,.88))!important;border-color:rgba(255,255,255,.055)!important}.raffle-toolbar{gap:9px!important}
.raffle-filter{min-height:40px!important;padding:7px 14px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;color:rgba(230,234,235,.84)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.12)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .16s ease,border-color .2s ease,background .2s ease,color .2s ease!important}
.raffle-filter:hover{transform:translateY(-1px);color:#fff!important;border-color:rgba(226,245,115,.2)!important;background:linear-gradient(135deg,rgba(224,246,111,.07),rgba(255,255,255,.035))!important}.raffle-filter:active{transform:scale(.965)}.raffle-filter.is-active{color:#f2ffd0!important;border-color:rgba(220,244,92,.34)!important;background:linear-gradient(135deg,rgba(212,242,66,.12),rgba(255,255,255,.035))!important;box-shadow:0 0 18px rgba(208,240,58,.09)!important}.raffle-filter-refresh::before{content:"↻";margin-right:6px;font-size:16px}
.raffle-card-grid{gap:12px!important}.raffle-game-card{position:relative!important;min-height:124px;padding:16px!important;text-align:left!important;border:1px solid transparent!important;border-radius:18px!important;overflow:hidden;background:linear-gradient(145deg,rgba(21,25,26,.74),rgba(7,10,11,.58)) padding-box,linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 56%,rgba(209,239,67,.045)) border-box!important;box-shadow:0 16px 34px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.028)!important;-webkit-backdrop-filter:blur(16px) saturate(1.07);backdrop-filter:blur(16px) saturate(1.07);transition:transform .18s ease,box-shadow .22s ease,filter .22s ease!important}
.raffle-game-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 12%,rgba(255,255,255,.018) 47%,transparent 72%)}.raffle-game-card:hover{transform:translateY(-2px);box-shadow:0 19px 40px rgba(0,0,0,.24)!important}.raffle-game-card>*{position:relative;z-index:1}.raffle-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.raffle-game-card h3{margin:0;color:#fff!important;font-size:17px!important;font-weight:900!important;line-height:1.35!important}.raffle-game-card p{margin:5px 0!important;font-size:14px!important;line-height:1.5!important}.raffle-game-card .hint{color:rgba(201,207,210,.58)!important;font-size:12px!important;line-height:1.6!important}
.raffle-game-card.is-raffle-pending{filter:brightness(.94)}.raffle-game-card.is-raffle-drawn{filter:brightness(1.015);background:linear-gradient(145deg,rgba(23,27,28,.78),rgba(8,11,12,.62)) padding-box,linear-gradient(135deg,rgba(239,218,136,.13),rgba(255,255,255,.025) 50%,rgba(211,242,54,.07)) border-box!important}.raffle-game-card.is-raffle-winner{background:linear-gradient(145deg,rgba(29,28,20,.83),rgba(10,11,8,.68)) padding-box,linear-gradient(135deg,rgba(255,221,111,.62),rgba(255,255,255,.08) 45%,rgba(226,247,89,.22)) border-box!important;box-shadow:0 18px 38px rgba(0,0,0,.24),0 0 24px rgba(255,204,68,.105)!important}
.raffle-winner-badge{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:5px 10px;border:1px solid rgba(255,222,114,.5);border-radius:999px;background:linear-gradient(135deg,rgba(255,209,64,.19),rgba(255,238,151,.075));color:#ffe38a;font-size:12px;font-weight:900;box-shadow:0 0 15px rgba(255,206,60,.15);animation:bxh-raffle-winner-glow 2.8s ease-in-out infinite}.raffle-winner-badge::before{content:"★";color:#ffd45c}.is-raffle-claimed .raffle-winner-badge{animation:none;opacity:.72}
@keyframes bxh-raffle-winner-glow{0%,100%{box-shadow:0 0 9px rgba(255,205,61,.1)}50%{box-shadow:0 0 22px rgba(255,205,61,.27)}}
@media(max-width:640px){.bxh-lobby-fold{margin:8px 0 10px!important;border-radius:16px!important}.bxh-lobby-fold-head{min-height:44px;padding:9px 10px!important}.bxh-lobby-fold-content{padding:0 8px 9px!important}.raffle-toolbar{width:100%}.raffle-filter{flex:1 1 auto!important;min-height:38px!important;padding:6px 11px!important}.raffle-card-grid{grid-template-columns:1fr!important}.raffle-game-card{min-height:112px;padding:14px!important;border-radius:16px!important}.raffle-card-head{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.raffle-winner-badge{animation:none!important}.raffle-game-card,.raffle-filter,.bxh-lobby-fold-toggle::after{transition:none!important}}


/* BXH ARENA raffle live selectors v2 */
.raffle-page{position:relative;overflow:hidden;border:1px solid rgba(244,193,74,.34)!important;background:radial-gradient(circle at 88% -10%,rgba(250,204,92,.20),transparent 34%),linear-gradient(155deg,rgba(15,27,49,.96),rgba(6,12,25,.98))!important;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)!important}
.raffle-page::before{content:"MEMBER RAFFLE";position:absolute;right:18px;top:14px;color:rgba(255,218,122,.45);font:800 11px/1 system-ui,sans-serif;letter-spacing:.22em;pointer-events:none}
.raffle-page .panel-title{position:relative;z-index:1;margin-bottom:18px!important;padding-bottom:15px!important;border-bottom:1px solid rgba(255,255,255,.10)}
.raffle-page .panel-title>div:first-child,.raffle-page .panel-title>h2,.raffle-page .panel-title>h3{color:#fff4c4!important;text-shadow:0 0 22px rgba(246,198,77,.28)}
.raffle-toolbar{padding:5px!important;border:1px solid rgba(255,255,255,.10);border-radius:999px!important;background:rgba(5,12,25,.62)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);gap:6px!important}
.raffle-toolbar .raffle-filter{min-height:38px!important;padding:8px 16px!important;border:0!important;border-radius:999px!important;color:#b9c7dc!important;background:transparent!important;transition:transform .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease!important}
.raffle-toolbar .raffle-filter:hover{color:#fff!important;transform:translateY(-1px)}
.raffle-toolbar .raffle-filter.is-active{color:#171007!important;background:linear-gradient(135deg,#ffe596,#d9a932)!important;box-shadow:0 8px 22px rgba(214,166,43,.28),inset 0 1px 0 rgba(255,255,255,.65)!important}
.raffle-card-grid{gap:14px!important}
.raffle-game-card{position:relative;overflow:hidden;min-height:148px;padding:20px 20px 18px!important;border:1px solid rgba(128,165,218,.22)!important;border-radius:18px!important;text-align:left!important;background:linear-gradient(145deg,rgba(29,47,75,.90),rgba(10,19,35,.95))!important;box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.055)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.raffle-game-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#ffe597,#b9871e);box-shadow:0 0 18px rgba(255,210,92,.55)}
.raffle-game-card::after{content:"進入活動  ›";position:absolute;right:17px;bottom:15px;color:#e8c86e;font:800 12px/1 system-ui,sans-serif;letter-spacing:.05em}
.raffle-game-card:hover{transform:translateY(-4px);border-color:rgba(245,202,94,.52)!important;box-shadow:0 20px 46px rgba(0,0,0,.38),0 0 0 1px rgba(245,202,94,.08)!important}
.raffle-game-card h3{margin:0 0 12px!important;padding-right:82px;color:#fff!important;font-size:18px!important;letter-spacing:.02em}
.raffle-game-card p:not(.hint){display:inline-flex;align-items:center;min-height:26px;margin:0 0 12px!important;padding:5px 10px;border:1px solid rgba(255,211,99,.26);border-radius:999px;color:#ffe398!important;background:rgba(223,170,39,.10);font-size:12px;font-weight:800}
.raffle-game-card .hint{max-width:calc(100% - 92px);color:#9eabc0!important}
.raffle-game-card.is-raffle-drawn{border-color:rgba(241,195,74,.34)!important;background:radial-gradient(circle at 100% 0,rgba(246,197,66,.15),transparent 42%),linear-gradient(145deg,rgba(38,45,59,.94),rgba(14,19,29,.98))!important}
.raffle-game-card.is-raffle-drawn::after{content:"查看得獎結果  ›";color:#ffe08a}
.raffle-game-card.is-raffle-pending::before{background:linear-gradient(#60a5fa,#295cb8);box-shadow:0 0 18px rgba(80,150,255,.48)}
.raffle-game-card.is-raffle-pending p:not(.hint){color:#9cc8ff!important;border-color:rgba(96,165,250,.30);background:rgba(54,122,216,.12)}
.raffle-winner,.raffle-winner-card,.winner-card{border:1px solid rgba(255,211,91,.55)!important;background:radial-gradient(circle at 50% 0,rgba(255,215,91,.24),transparent 48%),rgba(20,18,15,.94)!important;box-shadow:0 0 34px rgba(230,176,39,.20),inset 0 1px 0 rgba(255,247,207,.18)!important}
@media(max-width:700px){.raffle-page{border-radius:20px!important}.raffle-page::before{display:none}.raffle-page .panel-title{align-items:stretch!important;gap:12px!important}.raffle-toolbar{width:100%;display:flex!important}.raffle-toolbar .raffle-filter{flex:1;padding-inline:10px!important}.raffle-card-grid{grid-template-columns:1fr!important}.raffle-game-card{min-height:138px}}
@media(prefers-reduced-motion:reduce){.raffle-game-card,.raffle-filter{transition:none!important}}


/* BXH ARENA player center launcher v1 */
.auth-shell:has(.role-cards [data-action="player-goto-login"]) .auth-wm{
  opacity:.05!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:none!important;
  z-index:0!important;
}
.auth-shell:has(.role-cards [data-action="player-goto-login"]) .auth-wm img{
  width:clamp(430px,58vw,760px)!important;
  max-width:76vw!important;
  height:auto!important;
  opacity:1!important;
  filter:grayscale(.15) sepia(.25) saturate(.8) drop-shadow(0 0 54px rgba(230,178,58,.22))!important;
}
.auth-shell:has(.role-cards [data-action="player-goto-login"]) .auth-content{
  position:relative;
  z-index:2;
}
.auth-shell:has(.role-cards [data-action="player-goto-login"]) .auth-tagline{
  color:#f5df9a!important;
  letter-spacing:.2em!important;
  text-shadow:0 0 24px rgba(224,176,55,.22);
}
.auth-shell:has(.role-cards [data-action="player-goto-login"]) .role-cards{
  gap:18px!important;
  perspective:1000px;
}
.role-cards [data-action^="player-goto-"]{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:258px;
  padding:28px 24px 24px!important;
  border:1px solid transparent!important;
  border-radius:22px!important;
  color:#f7f9ff!important;
  background:
    linear-gradient(150deg,rgba(23,34,55,.88),rgba(8,15,29,.94)) padding-box,
    linear-gradient(145deg,rgba(255,255,255,.10),rgba(117,146,186,.04),rgba(255,255,255,.07)) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 0 34px rgba(95,133,188,.055),
    0 18px 45px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(16px) saturate(1.08);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  transform:translateY(0) scale(1);
  transition:
    transform .24s cubic-bezier(.2,.75,.25,1),
    box-shadow .24s ease,
    filter .24s ease,
    background .24s ease!important;
}
.role-cards [data-action^="player-goto-"]::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-36% 16% auto;
  height:68%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(92,139,207,.12),transparent 68%);
  opacity:.66;
  pointer-events:none;
  transition:opacity .24s ease,transform .24s ease;
}
.role-cards [data-action^="player-goto-"]::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:15%;
  right:15%;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(245,202,92,.16),transparent);
  opacity:.7;
  pointer-events:none;
}
.role-cards [data-action^="player-goto-"]:hover,
.role-cards [data-action^="player-goto-"]:focus-visible{
  outline:none!important;
  transform:translateY(-7px) scale(1.012);
  background:
    linear-gradient(150deg,rgba(28,39,61,.95),rgba(9,16,29,.97)) padding-box,
    linear-gradient(135deg,#ffe7a1,#d8a933 46%,#fff0ba) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,249,222,.12),
    inset 0 0 38px rgba(239,193,76,.07),
    0 22px 54px rgba(0,0,0,.38),
    0 0 28px rgba(225,174,45,.22)!important;
}
.role-cards [data-action^="player-goto-"]:hover::before,
.role-cards [data-action^="player-goto-"]:focus-visible::before{
  opacity:1;
  transform:scale(1.12);
  background:radial-gradient(circle,rgba(242,199,89,.18),transparent 68%);
}
.role-cards [data-action^="player-goto-"] .role-card-icon{
  width:72px!important;
  height:72px!important;
  margin-bottom:19px!important;
  color:#f2ca67!important;
  background:linear-gradient(145deg,rgba(250,210,108,.105),rgba(16,27,45,.30))!important;
  border:1px solid rgba(248,211,111,.20)!important;
  border-radius:20px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 24px rgba(220,168,38,.08)!important;
  transition:transform .24s ease,color .24s ease,box-shadow .24s ease!important;
}
.role-cards [data-action^="player-goto-"] .role-card-icon svg{
  width:42px!important;
  height:42px!important;
  filter:drop-shadow(0 0 8px rgba(238,190,65,.20));
}
.role-cards [data-action^="player-goto-"]:hover .role-card-icon,
.role-cards [data-action^="player-goto-"]:focus-visible .role-card-icon{
  color:#ffe79c!important;
  transform:translateY(-2px) scale(1.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 28px rgba(230,179,46,.18)!important;
}
.role-cards [data-action^="player-goto-"] .role-card-cn{
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
  text-shadow:0 2px 15px rgba(0,0,0,.36);
}
.role-cards [data-action^="player-goto-"] .role-card-en{
  color:#e6bc55!important;
  font-weight:850!important;
  letter-spacing:.2em!important;
}
.role-cards [data-action^="player-goto-"] .role-card-desc{
  color:#919caf!important;
  line-height:1.68!important;
}
.role-cards [data-action^="player-goto-"] .role-card-enter{
  color:#d9b75f!important;
  font-weight:800!important;
  transition:color .2s ease,transform .2s ease!important;
}
.role-cards [data-action^="player-goto-"]:hover .role-card-enter,
.role-cards [data-action^="player-goto-"]:focus-visible .role-card-enter{
  color:#ffe59b!important;
  transform:translateX(5px);
}
@media(max-width:760px){
  .auth-shell:has(.role-cards [data-action="player-goto-login"]) .role-cards{gap:13px!important}
  .role-cards [data-action^="player-goto-"]{min-height:0;padding:22px 20px!important;border-radius:18px!important}
  .role-cards [data-action^="player-goto-"] .role-card-icon{width:60px!important;height:60px!important;border-radius:17px!important}
  .role-cards [data-action^="player-goto-"] .role-card-icon svg{width:34px!important;height:34px!important}
  .auth-shell:has(.role-cards [data-action="player-goto-login"]) .auth-wm img{width:86vw!important;max-width:620px!important}
}
@media(prefers-reduced-motion:reduce){
  .role-cards [data-action^="player-goto-"],
  .role-cards [data-action^="player-goto-"] *{transition:none!important}
  .role-cards [data-action^="player-goto-"]:hover,
  .role-cards [data-action^="player-goto-"]:focus-visible{transform:none}
}


/* BXH ARENA super-admin inventory grant panel v1 */
section.panel:has([data-action="inventory-grant"]){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:20px!important;
  padding:24px!important;
  border:1px solid transparent!important;
  border-radius:20px!important;
  background:
    linear-gradient(155deg,rgba(19,27,42,.94),rgba(7,12,22,.96)) padding-box,
    linear-gradient(135deg,rgba(244,204,103,.52),rgba(132,93,24,.12) 46%,rgba(255,228,151,.30)) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,242,198,.075),
    inset 0 0 42px rgba(181,129,26,.045),
    0 22px 56px rgba(0,0,0,.34),
    0 0 30px rgba(182,130,28,.055)!important;
  backdrop-filter:blur(18px) saturate(1.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
}
section.panel:has([data-action="inventory-grant"])::before{
  content:"SUPER ADMIN";
  position:absolute;
  top:19px;
  right:22px;
  z-index:-1;
  color:rgba(240,199,91,.20);
  font:800 10px/1 system-ui,sans-serif;
  letter-spacing:.24em;
  pointer-events:none;
}
section.panel:has([data-action="inventory-grant"])::after{
  content:"";
  position:absolute;
  z-index:-2;
  width:340px;
  height:340px;
  top:-230px;
  right:-90px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(231,181,53,.15),transparent 70%);
  pointer-events:none;
}
section.panel:has([data-action="inventory-grant"])>.panel-title{
  color:#f7dfa0!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-shadow:0 0 22px rgba(220,166,39,.16);
}
section.panel:has([data-action="inventory-grant"])>.hint{
  max-width:760px;
  color:#929daf!important;
  line-height:1.65!important;
}
section.panel:has([data-action="inventory-grant"]) .field label{
  color:#d9cda8!important;
  font-size:12px!important;
  font-weight:750!important;
  letter-spacing:.055em;
}
section.panel:has([data-action="inventory-grant"]) input,
section.panel:has([data-action="inventory-grant"]) select,
section.panel:has([data-action="inventory-grant"]) textarea{
  min-height:46px;
  border:1px solid rgba(142,158,184,.16)!important;
  border-radius:12px!important;
  color:#f5f7fb!important;
  caret-color:#f5cd69;
  background:rgba(5,10,20,.68)!important;
  box-shadow:
    inset 0 2px 7px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.025)!important;
  outline:none!important;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease!important;
}
section.panel:has([data-action="inventory-grant"]) input::placeholder,
section.panel:has([data-action="inventory-grant"]) textarea::placeholder{
  color:#667186!important;
  opacity:1;
}
section.panel:has([data-action="inventory-grant"]) input:hover:not(:disabled),
section.panel:has([data-action="inventory-grant"]) select:hover:not(:disabled),
section.panel:has([data-action="inventory-grant"]) textarea:hover:not(:disabled){
  border-color:rgba(219,179,76,.34)!important;
  background:rgba(7,13,24,.78)!important;
}
section.panel:has([data-action="inventory-grant"]) input:focus,
section.panel:has([data-action="inventory-grant"]) select:focus,
section.panel:has([data-action="inventory-grant"]) textarea:focus{
  border-color:#e6bc55!important;
  background:rgba(7,13,24,.88)!important;
  box-shadow:
    inset 0 2px 7px rgba(0,0,0,.32),
    0 0 0 3px rgba(231,187,74,.105),
    0 0 20px rgba(218,164,41,.13)!important;
}
section.panel:has([data-action="inventory-grant"]) input:disabled,
section.panel:has([data-action="inventory-grant"]) select:disabled,
section.panel:has([data-action="inventory-grant"]) textarea:disabled{
  opacity:.56;
  cursor:not-allowed;
}
section.panel:has([data-action="inventory-grant"]) [data-action="inventory-search"]{
  border-color:rgba(222,185,87,.22)!important;
  color:#dbc98f!important;
  background:rgba(177,127,29,.075)!important;
}
section.panel:has([data-action="inventory-grant"]) [data-action="inventory-search"]:hover:not(:disabled){
  border-color:rgba(239,199,96,.52)!important;
  color:#ffeba9!important;
  background:rgba(202,148,36,.13)!important;
  box-shadow:0 0 18px rgba(219,166,40,.09)!important;
}
section.panel:has([data-action="inventory-grant"]) .inventory-recipient{
  border-color:rgba(113,154,211,.22)!important;
  background:rgba(37,69,111,.15)!important;
}
section.panel:has([data-action="inventory-grant"]) #inventory-selected{
  padding:11px 13px;
  border-radius:11px;
  color:#aeb8c8!important;
  background:rgba(3,8,16,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
section.panel:has([data-action="inventory-grant"]) .inventory-grid{
  gap:15px!important;
  margin-top:16px!important;
}
section.panel:has([data-action="inventory-grant"]) [data-action="inventory-grant"]{
  position:relative;
  min-height:48px!important;
  margin-top:20px!important;
  padding:12px 24px!important;
  border:1px solid rgba(255,233,159,.72)!important;
  border-radius:13px!important;
  color:#171006!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  background:linear-gradient(135deg,#ffe79d,#e1b03b 52%,#c88d1d)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 10px 26px rgba(205,148,26,.24),
    0 0 22px rgba(230,179,49,.18)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
section.panel:has([data-action="inventory-grant"]) [data-action="inventory-grant"]:hover:not(:disabled),
section.panel:has([data-action="inventory-grant"]) [data-action="inventory-grant"]:focus-visible{
  outline:none!important;
  filter:brightness(1.07) saturate(1.05);
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.70),
    0 13px 32px rgba(205,148,26,.31),
    0 0 30px rgba(236,185,54,.27)!important;
}
section.panel:has([data-action="inventory-grant"]) [data-action="inventory-grant"]:active:not(:disabled){
  transform:translateY(1px) scale(.992);
  box-shadow:
    inset 0 2px 5px rgba(92,56,3,.16),
    0 6px 15px rgba(205,148,26,.21),
    0 0 18px rgba(236,185,54,.18)!important;
}
section.panel:has([data-action="inventory-grant"]) [data-action="inventory-grant"]:disabled{
  filter:saturate(.55);
  opacity:.66;
  cursor:wait;
}
@media(max-width:700px){
  section.panel:has([data-action="inventory-grant"]){padding:19px!important;border-radius:17px!important}
  section.panel:has([data-action="inventory-grant"])::before{display:none}
  section.panel:has([data-action="inventory-grant"]) .inventory-grid{grid-template-columns:1fr!important;gap:12px!important}
  section.panel:has([data-action="inventory-grant"]) [data-action="inventory-grant"]{width:100%}
}
@media(prefers-reduced-motion:reduce){
  section.panel:has([data-action="inventory-grant"]) input,
  section.panel:has([data-action="inventory-grant"]) select,
  section.panel:has([data-action="inventory-grant"]) textarea,
  section.panel:has([data-action="inventory-grant"]) [data-action="inventory-grant"]{transition:none!important}
}


/* BXH ARENA unified obsidian esports card system v1 */
:root{
  --bxh-card-radius:5px;
  --bxh-obsidian-1:rgba(17,22,31,.96);
  --bxh-obsidian-2:rgba(5,9,16,.985);
  --bxh-gold-dim:rgba(177,128,31,.34);
  --bxh-gold-line:rgba(225,181,67,.52);
  --bxh-gold-electric:#ffd966;
  --bxh-text-primary:#f7f8fb;
  --bxh-text-muted:#8e98a9;
  --bxh-card-shadow:0 18px 44px rgba(0,0,0,.34);
}
.panel,
.auth-card,
.engagement-panel,
.account-tools-card,
.account-management-panel,
.settings-flow-panel,
.registration-list-panel,
.side-panel,
.referee-workstation,
.live-ranking-panel,
.share-summary-box,
.mgmt-test-box,
.mgmt-active-box,
.test-roster-box,
.registration-inline-qr-box,
.modal-box,
section.panel:has([data-action="inventory-grant"]){
  border:1px solid transparent!important;
  border-radius:var(--bxh-card-radius)!important;
  background:
    linear-gradient(150deg,var(--bxh-obsidian-1),var(--bxh-obsidian-2)) padding-box,
    linear-gradient(135deg,rgba(226,182,70,.46),rgba(113,80,20,.13) 48%,rgba(215,174,67,.30)) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,236,180,.045),
    inset 0 0 28px rgba(143,103,28,.035),
    var(--bxh-card-shadow)!important;
  backdrop-filter:blur(14px) saturate(1.04);
  -webkit-backdrop-filter:blur(14px) saturate(1.04);
}
.panel-title,
.auth-card-title,
.title-card-name,
.community-event-name,
.event-title-name{
  color:var(--bxh-text-primary)!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
  text-shadow:0 2px 14px rgba(0,0,0,.42);
}
.auth-card-sub,
.hint,
.role-card-desc,
.title-card-desc,
.title-card-details,
.mailbox-item-meta,
.fe-status-row{
  color:var(--bxh-text-muted)!important;
}
.role-card,
.role-cards [data-action^="player-goto-"],
.scoring-mode-card,
.find-event-card,
.community-event-card,
.community-history-card,
.community-create-card,
.lobby-compact-card,
.mailbox-item,
.title-card,
.account-user-card,
.court-card,
.live-court-card,
.registration-mobile-card,
.inventory-card,
.hoc-rank-card,
.match-box,
.stat-box,
.checkin-stat,
.claim-item{
  position:relative;
  overflow:hidden;
  border:1px solid transparent!important;
  border-radius:var(--bxh-card-radius)!important;
  color:var(--bxh-text-primary)!important;
  background:
    linear-gradient(145deg,rgba(18,24,34,.97),rgba(6,10,17,.99)) padding-box,
    linear-gradient(135deg,rgba(221,177,65,.44),rgba(101,72,19,.10) 50%,rgba(207,163,55,.26)) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,235,175,.04),
    inset 0 0 24px rgba(130,91,20,.03),
    0 14px 32px rgba(0,0,0,.30)!important;
  transition:
    transform .18s cubic-bezier(.2,.72,.25,1),
    box-shadow .18s ease,
    filter .18s ease,
    background .18s ease!important;
}
.role-card::after,
.role-cards [data-action^="player-goto-"]::after,
.scoring-mode-card::after,
.find-event-card::after,
.community-event-card::after,
.community-history-card::after,
.community-create-card::after,
.lobby-compact-card::after,
.mailbox-item::after,
.title-card::after,
.account-user-card::after,
.court-card::after,
.live-court-card::after,
.registration-mobile-card::after,
.inventory-card::after,
.hoc-rank-card::after,
.match-box::after,
.stat-box::after,
.checkin-stat::after,
.claim-item::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(232,188,73,.26),transparent);
  opacity:.62;
  pointer-events:none;
}
.role-card:hover,
.role-card:focus-visible,
.role-card.is-active,
.role-card.active,
.role-card[aria-selected="true"],
.role-cards [data-action^="player-goto-"]:hover,
.role-cards [data-action^="player-goto-"]:focus-visible,
.scoring-mode-card:hover,
.scoring-mode-card:focus-within,
.scoring-mode-card.is-active,
.scoring-mode-card.selected,
.find-event-card:hover,
.find-event-card:focus-within,
.community-event-card:hover,
.community-event-card:focus-within,
.community-history-card:hover,
.community-history-card:focus-within,
.community-create-card:hover,
.community-create-card:focus-within,
.lobby-compact-card:hover,
.lobby-compact-card:focus-within,
.mailbox-item:hover,
.mailbox-item:focus-visible,
.mailbox-item.is-active,
.title-card:hover,
.title-card:focus-within,
.title-card.is-active,
.account-user-card:hover,
.account-user-card:focus-within,
.account-user-card.is-active,
.court-card:hover,
.court-card:focus-within,
.live-court-card:hover,
.live-court-card:focus-within,
.registration-mobile-card:hover,
.registration-mobile-card:focus-within,
.inventory-card:hover,
.inventory-card:focus-within,
.hoc-rank-card:hover,
.match-box:hover,
.match-box:focus-within,
.claim-item:hover,
.claim-item:focus-within{
  outline:none!important;
  transform:translateY(-3px);
  background:
    linear-gradient(145deg,rgba(23,29,39,.985),rgba(7,11,18,.995)) padding-box,
    linear-gradient(135deg,#ffe28a,#e0ad35 45%,#fff0ad) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,246,210,.08),
    inset 0 0 28px rgba(232,181,52,.045),
    0 18px 42px rgba(0,0,0,.38),
    0 0 24px rgba(238,186,50,.22)!important;
}
.role-card:active,
.role-cards [data-action^="player-goto-"]:active,
.mailbox-item:active,
.inventory-card:active,
.lobby-compact-card:active{
  transform:translateY(0) scale(.995);
}
.role-card-icon,
.card-icon,
.account-user-card svg,
.scoring-mode-card svg,
.find-event-card svg,
.community-event-card svg,
.title-card svg{
  color:var(--bxh-gold-electric)!important;
  stroke:currentColor;
  filter:drop-shadow(0 0 7px rgba(239,190,59,.18));
}
.role-card-icon{
  border:0!important;
  border-radius:2px!important;
  color:var(--bxh-gold-electric)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.role-card-icon svg{
  stroke-width:1.75!important;
}
.role-card-cn{
  color:var(--bxh-text-primary)!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
}
.role-card-en{
  color:#d7b354!important;
  font-family:Inter,"Arial Narrow",Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:.22em!important;
}
.role-card-desc{
  color:var(--bxh-text-muted)!important;
  line-height:1.65!important;
}
.role-card-enter{
  color:#e3bd5b!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
}
.role-card:hover .role-card-enter,
.role-card:focus-visible .role-card-enter,
.role-cards [data-action^="player-goto-"]:hover .role-card-enter,
.role-cards [data-action^="player-goto-"]:focus-visible .role-card-enter{
  color:#ffe68d!important;
}
.account-detail-item,
.legend-item,
.mb-row,
.claim-history-row,
.registration-promote-row,
.switch-preview-row,
.settings-choice-row,
.settings-time-row{
  border-radius:3px!important;
  border-color:rgba(203,160,54,.20)!important;
  background:rgba(6,10,17,.55)!important;
}
.status-pill,
.fe-status-chip,
.board-status-chip,
.ref-station-status,
.checkin-status{
  border-radius:2px!important;
}
.btn:not(.btn-primary),
.link-btn{
  border-radius:3px!important;
}
input,
select,
textarea{
  border-radius:3px!important;
}
@media(max-width:760px){
  :root{--bxh-card-radius:4px}
  .panel,
  .auth-card,
  .engagement-panel,
  .account-tools-card,
  .account-management-panel,
  .settings-flow-panel,
  .registration-list-panel,
  .side-panel,
  .referee-workstation,
  .live-ranking-panel,
  .modal-box{border-radius:var(--bxh-card-radius)!important}
  .role-card,
  .role-cards [data-action^="player-goto-"],
  .scoring-mode-card,
  .find-event-card,
  .community-event-card,
  .lobby-compact-card,
  .mailbox-item,
  .title-card,
  .account-user-card,
  .court-card,
  .registration-mobile-card,
  .inventory-card{border-radius:var(--bxh-card-radius)!important}
}
@media(prefers-reduced-motion:reduce){
  .role-card,
  .role-cards [data-action^="player-goto-"],
  .scoring-mode-card,
  .find-event-card,
  .community-event-card,
  .lobby-compact-card,
  .mailbox-item,
  .title-card,
  .account-user-card,
  .court-card,
  .registration-mobile-card,
  .inventory-card,
  .claim-item{transition:none!important}
  .role-card:hover,
  .role-card:focus-visible,
  .role-cards [data-action^="player-goto-"]:hover,
  .role-cards [data-action^="player-goto-"]:focus-visible,
  .mailbox-item:hover,
  .inventory-card:hover{transform:none}
}


/* BXH unified card priority fix v1.9.1 */
.landing-role-cards .role-card .role-card-icon,
.role-cards [data-action^="player-goto-"] .role-card-icon{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.landing-role-cards .role-card .role-card-icon svg,
.role-cards [data-action^="player-goto-"] .role-card-icon svg{
  color:var(--bxh-gold-electric)!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  filter:drop-shadow(0 0 7px rgba(239,190,59,.22))!important;
}
.role-card:hover,
.role-card:focus-visible,
.role-cards [data-action^="player-goto-"]:hover,
.role-cards [data-action^="player-goto-"]:focus-visible,
.scoring-mode-card:hover,
.find-event-card:hover,
.community-event-card:hover,
.lobby-compact-card:hover,
.mailbox-item:hover,
.title-card:hover,
.account-user-card:hover,
.court-card:hover,
.live-court-card:hover,
.registration-mobile-card:hover,
.inventory-card:hover,
.hoc-rank-card:hover,
.match-box:hover,
.claim-item:hover{
  filter:brightness(1.045) drop-shadow(0 0 12px rgba(239,188,55,.24))!important;
}
@media(prefers-reduced-motion:reduce){
  .role-card:hover,
  .role-card:focus-visible,
  .role-cards [data-action^="player-goto-"]:hover,
  .role-cards [data-action^="player-goto-"]:focus-visible,
  .mailbox-item:hover,
  .inventory-card:hover{
    filter:brightness(1.045) drop-shadow(0 0 10px rgba(239,188,55,.20))!important;
  }
}


/* Player login remembered account option v1 */
.player-remember-row{
  display:flex;
  align-items:center;
  gap:11px;
  margin:-2px 0 16px;
  padding:10px 11px;
  border:1px solid rgba(218,174,63,.16);
  border-radius:3px;
  color:#d9dde5;
  background:rgba(5,10,18,.42);
  cursor:pointer;
  user-select:none;
  transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}
.player-remember-row:hover{
  border-color:rgba(233,190,79,.36);
  background:rgba(9,15,25,.60);
}
.player-remember-row:focus-within{
  border-color:rgba(255,216,102,.64);
  box-shadow:0 0 0 3px rgba(231,185,65,.08),0 0 16px rgba(226,174,41,.10);
}
.player-remember-row>input[type="checkbox"]{
  flex:0 0 auto;
  width:18px!important;
  height:18px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border-radius:2px!important;
  accent-color:#e3b542;
  cursor:pointer;
}
.player-remember-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  line-height:1.25;
}
.player-remember-copy strong{
  color:#f4e4b4;
  font-size:13px;
  letter-spacing:.035em;
}
.player-remember-copy small{
  color:#7f8999;
  font-size:11px;
}
.player-remember-row:has(input:checked){
  border-color:rgba(236,190,76,.42);
  background:linear-gradient(135deg,rgba(201,148,32,.10),rgba(7,13,23,.56));
}
.player-remember-row:has(input:disabled){
  opacity:.56;
  cursor:not-allowed;
}


/* BXH ARENA Glassmorphism Theme System v2.0 */
:root,
:root[data-bxh-theme="gold"]{
  color-scheme:dark;
  --accent-color:#ffd700;
  --accent-rgb:255,215,0;
  --accent-glow:rgba(255,215,0,.28);
  --accent-soft:rgba(255,215,0,.10);
  --accent-border:rgba(255,215,0,.46);
  --accent-contrast:#0a0b0d;
  --glass-surface:rgba(15,17,23,.45);
  --glass-surface-strong:rgba(15,17,23,.62);
  --glass-surface-soft:rgba(15,17,23,.32);
  --glass-border-neutral:rgba(255,255,255,.075);
  --gold:var(--accent-color);
  --imperial-gold:var(--accent-color);
  --neon:var(--accent-color);
  --gold-glow:var(--accent-glow);
  --neon-glow:var(--accent-glow);
}
:root[data-bxh-theme="blue"]{
  --accent-color:#00f3ff;
  --accent-rgb:0,243,255;
  --accent-glow:rgba(0,243,255,.28);
  --accent-soft:rgba(0,243,255,.10);
  --accent-border:rgba(0,243,255,.48);
  --accent-contrast:#031012;
}
:root[data-bxh-theme="red"]{
  --accent-color:#ff3366;
  --accent-rgb:255,51,102;
  --accent-glow:rgba(255,51,102,.28);
  --accent-soft:rgba(255,51,102,.10);
  --accent-border:rgba(255,51,102,.48);
  --accent-contrast:#160309;
}
:root[data-bxh-theme="green"]{
  --accent-color:#00ff66;
  --accent-rgb:0,255,102;
  --accent-glow:rgba(0,255,102,.27);
  --accent-soft:rgba(0,255,102,.095);
  --accent-border:rgba(0,255,102,.46);
  --accent-contrast:#031109;
}
::selection{color:var(--accent-contrast);background:var(--accent-color)}
body{
  background:
    radial-gradient(circle at 50% 18%,rgba(var(--accent-rgb),.055),transparent 38%),
    radial-gradient(circle at 12% 76%,rgba(var(--accent-rgb),.025),transparent 34%),
    #07090e!important;
}
#watermark{opacity:.065!important}
.auth-wm{opacity:.055!important}
#watermark img,
.auth-wm img{
  filter:grayscale(.18) saturate(.72) drop-shadow(0 0 42px rgba(var(--accent-rgb),.12))!important;
}
header.topbar,
.player-topbar,
.player-tabs,
.guest-tabs,
.subnav,
.account-menu,
.modal-box,
.auth-card,
.panel,
.engagement-panel,
.account-tools-card,
.account-management-panel,
.settings-flow-panel,
.registration-list-panel,
.side-panel,
.referee-workstation,
.live-ranking-panel,
.share-summary-box,
.mgmt-test-box,
.mgmt-active-box,
.test-roster-box,
.registration-inline-qr-box,
.raffle-page,
section.panel:has([data-action="inventory-grant"]){
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:
    linear-gradient(145deg,rgba(15,17,23,.48),rgba(15,17,23,.38)) padding-box,
    linear-gradient(135deg,rgba(var(--accent-rgb),.46),rgba(255,255,255,.08) 48%,rgba(var(--accent-rgb),.20)) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 28px rgba(var(--accent-rgb),.025),
    0 16px 38px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px) saturate(1.10)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.10)!important;
}
header.topbar{
  border-width:0 0 1px!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(12,14,19,.64),rgba(8,10,14,.42))!important;
}
header.topbar::after{background:var(--accent-color)!important;box-shadow:0 0 14px var(--accent-glow)}
.account-badge{
  border:1px solid rgba(var(--accent-rgb),.26)!important;
  border-radius:3px!important;
  background:rgba(15,17,23,.40)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
}
.account-badge:hover,
.account-badge[aria-expanded="true"]{
  border-color:var(--accent-color)!important;
  box-shadow:0 0 18px var(--accent-glow),inset 0 0 14px var(--accent-soft)!important;
}
.account-role-dot{
  background:var(--accent-color)!important;
  box-shadow:0 0 10px var(--accent-glow)!important;
}
.account-role-label,
.account-menu-caret{color:var(--accent-color)!important}
.account-menu{
  overflow:hidden;
  min-width:238px!important;
  padding:7px!important;
  border-color:transparent!important;
  background:
    linear-gradient(145deg,rgba(15,17,23,.72),rgba(9,11,16,.60)) padding-box,
    linear-gradient(135deg,rgba(var(--accent-rgb),.52),rgba(255,255,255,.08),rgba(var(--accent-rgb),.20)) border-box!important;
  box-shadow:0 22px 55px rgba(0,0,0,.48),0 0 24px rgba(var(--accent-rgb),.10)!important;
  backdrop-filter:blur(16px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.12)!important;
}
.account-menu>button{
  border:1px solid transparent!important;
  border-radius:2px!important;
  background:transparent!important;
}
.account-menu>button:hover,
.account-menu>button:focus-visible{
  outline:none!important;
  color:var(--accent-color)!important;
  border-color:rgba(var(--accent-rgb),.28)!important;
  background:rgba(var(--accent-rgb),.075)!important;
  box-shadow:inset 0 0 12px rgba(var(--accent-rgb),.055)!important;
}
.account-theme-picker{
  margin:6px 0;
  padding:10px;
  border:1px solid rgba(var(--accent-rgb),.20);
  border-radius:3px;
  background:rgba(4,6,10,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.account-theme-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
  color:#e8ebf2;
  font-size:12px;
  font-weight:800;
  letter-spacing:.055em;
}
.account-theme-title small{
  color:var(--accent-color);
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
}
.account-theme-swatches{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}
.account-menu .account-theme-swatch{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:2px!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
}
.account-menu .account-theme-swatch>span{
  width:14px;
  height:14px;
  border-radius:2px;
  background:var(--swatch-color);
  box-shadow:0 0 10px color-mix(in srgb,var(--swatch-color) 48%,transparent);
  transition:transform .16s ease,box-shadow .16s ease;
}
.account-menu .account-theme-swatch:hover,
.account-menu .account-theme-swatch:focus-visible{
  outline:none!important;
  border-color:var(--swatch-color)!important;
  background:color-mix(in srgb,var(--swatch-color) 8%,transparent)!important;
  box-shadow:0 0 12px color-mix(in srgb,var(--swatch-color) 26%,transparent)!important;
}
.account-menu .account-theme-swatch:hover>span{transform:scale(1.13)}
.account-menu .account-theme-swatch.is-active{
  border-color:var(--swatch-color)!important;
  background:color-mix(in srgb,var(--swatch-color) 11%,transparent)!important;
  box-shadow:inset 0 0 10px color-mix(in srgb,var(--swatch-color) 15%,transparent),0 0 12px color-mix(in srgb,var(--swatch-color) 28%,transparent)!important;
}
.account-menu .account-theme-swatch.is-active>span{
  transform:scale(1.12);
  box-shadow:0 0 13px color-mix(in srgb,var(--swatch-color) 70%,transparent);
}
.role-card,
.role-cards [data-action^="player-goto-"],
.scoring-mode-card,
.find-event-card,
.community-event-card,
.community-history-card,
.community-create-card,
.lobby-compact-card,
.mailbox-item,
.title-card,
.account-user-card,
.court-card,
.live-court-card,
.registration-mobile-card,
.inventory-card,
.raffle-game-card,
.hoc-rank-card,
.match-box,
.stat-box,
.checkin-stat,
.claim-item,
.account-detail-item,
.registration-promote-row,
.settings-choice-row,
.settings-time-row,
.switch-preview-row,
.claim-history-row{
  border:1px solid transparent!important;
  border-radius:3px!important;
  background:
    linear-gradient(145deg,rgba(15,17,23,.46),rgba(15,17,23,.34)) padding-box,
    linear-gradient(135deg,rgba(var(--accent-rgb),.40),rgba(255,255,255,.065) 50%,rgba(var(--accent-rgb),.17)) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 22px rgba(var(--accent-rgb),.018),
    0 13px 30px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(12px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.08)!important;
}
.role-card:hover,
.role-card:focus-visible,
.role-card.is-active,
.role-card[aria-selected="true"],
.role-cards [data-action^="player-goto-"]:hover,
.role-cards [data-action^="player-goto-"]:focus-visible,
.scoring-mode-card:hover,
.scoring-mode-card:focus-within,
.scoring-mode-card.is-active,
.scoring-mode-card.selected,
.find-event-card:hover,
.find-event-card:focus-within,
.community-event-card:hover,
.community-event-card:focus-within,
.community-history-card:hover,
.community-create-card:hover,
.lobby-compact-card:hover,
.mailbox-item:hover,
.mailbox-item:focus-visible,
.mailbox-item.is-active,
.title-card:hover,
.title-card.is-active,
.account-user-card:hover,
.account-user-card.is-active,
.court-card:hover,
.live-court-card:hover,
.registration-mobile-card:hover,
.inventory-card:hover,
.raffle-game-card:hover,
.hoc-rank-card:hover,
.match-box:hover,
.claim-item:hover{
  outline:none!important;
  border-color:transparent!important;
  background:
    linear-gradient(145deg,rgba(15,17,23,.55),rgba(15,17,23,.42)) padding-box,
    linear-gradient(135deg,var(--accent-color),rgba(var(--accent-rgb),.72) 48%,rgba(255,255,255,.72)) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 20px rgba(var(--accent-rgb),.09),
    0 17px 38px rgba(0,0,0,.34),
    0 0 24px var(--accent-glow)!important;
  filter:brightness(1.035) drop-shadow(0 0 10px rgba(var(--accent-rgb),.20))!important;
}
.role-card-icon,
.role-card-icon svg,
.card-icon,
.account-user-card svg,
.scoring-mode-card svg,
.find-event-card svg,
.community-event-card svg,
.title-card svg{
  color:var(--accent-color)!important;
  stroke:currentColor!important;
  filter:drop-shadow(0 0 7px rgba(var(--accent-rgb),.24))!important;
}
.role-card-en,
.role-card-enter,
.panel-title,
.account-theme-title small{
  color:var(--accent-color)!important;
}
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea{
  border:1px solid rgba(var(--accent-rgb),.18)!important;
  border-radius:3px!important;
  color:#f2f4f8!important;
  background:rgba(15,17,23,.38)!important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(12px) saturate(1.06);
  -webkit-backdrop-filter:blur(12px) saturate(1.06);
}
input:not([type="checkbox"]):not([type="radio"]):hover:not(:disabled),
select:hover:not(:disabled),
textarea:hover:not(:disabled){
  border-color:rgba(var(--accent-rgb),.42)!important;
}
input:not([type="checkbox"]):not([type="radio"]):focus,
select:focus,
textarea:focus{
  outline:none!important;
  border-color:var(--accent-color)!important;
  background:rgba(15,17,23,.52)!important;
  box-shadow:
    inset 0 2px 7px rgba(0,0,0,.24),
    0 0 0 3px rgba(var(--accent-rgb),.09),
    0 0 20px var(--accent-glow)!important;
}
input[type="checkbox"],
input[type="radio"]{accent-color:var(--accent-color)}
.btn-primary,
.hoc-btn-primary,
button.btn-primary,
[data-action="inventory-grant"]{
  border-color:rgba(var(--accent-rgb),.72)!important;
  color:var(--accent-contrast)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 82%,white),var(--accent-color))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 10px 25px var(--accent-glow)!important;
}
.btn-primary:hover:not(:disabled),
.hoc-btn-primary:hover:not(:disabled),
button.btn-primary:hover:not(:disabled),
[data-action="inventory-grant"]:hover:not(:disabled),
.btn-primary:focus-visible,
.hoc-btn-primary:focus-visible{
  outline:none!important;
  filter:brightness(1.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 13px 31px var(--accent-glow),0 0 24px var(--accent-glow)!important;
}
.modal-backdrop,
.account-menu-overlay{
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.toast,
.auth-error,
.empty-state{
  border-color:rgba(var(--accent-rgb),.22)!important;
  background:rgba(15,17,23,.56)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.status-pill,
.fe-status-chip,
.board-status-chip,
.ref-station-status,
.checkin-status{
  border-color:rgba(var(--accent-rgb),.28)!important;
  color:var(--accent-color)!important;
  background:rgba(var(--accent-rgb),.065)!important;
}
a:focus-visible,
button:focus-visible{
  outline:1px solid var(--accent-color);
  outline-offset:2px;
}
@supports not ((backdrop-filter:blur(12px)) or (-webkit-backdrop-filter:blur(12px))){
  .panel,.auth-card,.account-menu,.modal-box,.role-card,.inventory-card,.raffle-game-card{background:rgba(15,17,23,.86)!important}
}
@media(max-width:700px){
  .account-menu{min-width:min(260px,calc(100vw - 24px))!important}
  .account-theme-picker{padding:9px}
  .account-theme-swatches{gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .account-theme-swatch,
  .account-theme-swatch>span{transition:none!important}
}


/* BXH ARENA theme picker refinement v2.0.1 — mobile-safe soft neon */
:root,
:root[data-bxh-theme="gold"]{
  --accent-color:#b8922e;
  --accent-rgb:184,146,46;
  --accent-glow:rgba(184,146,46,.19);
  --accent-soft:rgba(184,146,46,.07);
  --accent-border:rgba(184,146,46,.32);
}
:root[data-bxh-theme="blue"]{
  --accent-color:#35c9d0;
  --accent-rgb:53,201,208;
  --accent-glow:rgba(53,201,208,.19);
  --accent-soft:rgba(53,201,208,.07);
  --accent-border:rgba(53,201,208,.33);
}
:root[data-bxh-theme="red"]{
  --accent-color:#d95778;
  --accent-rgb:217,87,120;
  --accent-glow:rgba(217,87,120,.19);
  --accent-soft:rgba(217,87,120,.07);
  --accent-border:rgba(217,87,120,.33);
}
:root[data-bxh-theme="green"]{
  --accent-color:#43cf7c;
  --accent-rgb:67,207,124;
  --accent-glow:rgba(67,207,124,.18);
  --accent-soft:rgba(67,207,124,.065);
  --accent-border:rgba(67,207,124,.32);
}
.account-menu{
  width:min(276px,calc(100vw - 24px))!important;
  min-width:0!important;
  max-width:calc(100vw - 24px)!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;
  background:
    linear-gradient(145deg,rgba(15,17,23,.72),rgba(9,11,16,.60)) padding-box,
    linear-gradient(135deg,rgba(var(--accent-rgb),.34),rgba(255,255,255,.06),rgba(var(--accent-rgb),.14)) border-box!important;
  box-shadow:0 20px 46px rgba(0,0,0,.44),0 0 18px rgba(var(--accent-rgb),.07)!important;
}
.account-theme-picker{
  border-color:rgba(var(--accent-rgb),.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.account-theme-swatches{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
}
.account-menu .account-theme-swatch{
  display:grid!important;
  grid-template-columns:16px minmax(0,1fr) 18px!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:9px!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 11px!important;
  text-align:left!important;
  border-color:rgba(255,255,255,.085)!important;
  background:rgba(255,255,255,.018)!important;
}
.account-menu .account-theme-swatch>.account-theme-dot{
  display:block!important;
  width:11px!important;
  height:11px!important;
  border-radius:2px!important;
  background:var(--swatch-color)!important;
  box-shadow:0 0 7px color-mix(in srgb,var(--swatch-color) 32%,transparent)!important;
  transform:none!important;
}
.account-menu .account-theme-swatch>.account-theme-option-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
  line-height:1.15!important;
}
.account-theme-option-copy strong{
  color:#e2e5eb;
  font-size:12px;
  font-weight:800;
  letter-spacing:.035em;
}
.account-theme-option-copy small{
  margin-top:3px;
  color:rgba(222,226,234,.42);
  font-size:9px;
  font-weight:650;
  letter-spacing:.055em;
}
.account-menu .account-theme-swatch>.account-theme-check{
  width:auto!important;
  height:auto!important;
  color:var(--swatch-color)!important;
  background:none!important;
  box-shadow:none!important;
  opacity:0;
  transform:none!important;
  font-size:13px;
  font-weight:900;
  text-align:center;
  transition:opacity .16s ease;
}
.account-menu .account-theme-swatch:hover,
.account-menu .account-theme-swatch:focus-visible{
  border-color:color-mix(in srgb,var(--swatch-color) 70%,transparent)!important;
  background:color-mix(in srgb,var(--swatch-color) 5%,transparent)!important;
  box-shadow:0 0 8px color-mix(in srgb,var(--swatch-color) 17%,transparent)!important;
}
.account-menu .account-theme-swatch.is-active{
  border-color:color-mix(in srgb,var(--swatch-color) 72%,transparent)!important;
  background:color-mix(in srgb,var(--swatch-color) 7%,transparent)!important;
  box-shadow:inset 0 0 8px color-mix(in srgb,var(--swatch-color) 10%,transparent),0 0 8px color-mix(in srgb,var(--swatch-color) 18%,transparent)!important;
}
.account-menu .account-theme-swatch.is-active>.account-theme-dot{
  box-shadow:0 0 8px color-mix(in srgb,var(--swatch-color) 45%,transparent)!important;
}
.account-menu .account-theme-swatch.is-active>.account-theme-check{opacity:.88}
button.btn-primary,
.btn.btn-primary,
.hoc-btn-primary,
[data-action="inventory-grant"]{
  box-shadow:0 8px 22px rgba(var(--accent-rgb),.13),0 0 13px rgba(var(--accent-rgb),.10),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
@media(max-width:700px){
  .account-menu{
    width:min(264px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 86px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  .account-theme-picker{padding:9px!important}
}


/* BXH ARENA lobby information architecture v2.0.2 */
.lobby-collapse-section{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  background:
    linear-gradient(145deg,rgba(15,17,23,.46),rgba(9,11,16,.32)) padding-box,
    linear-gradient(135deg,rgba(var(--accent-rgb),.25),rgba(255,255,255,.055),rgba(var(--accent-rgb),.09)) border-box!important;
  backdrop-filter:blur(12px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.04)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.18)!important;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.lobby-collapse-section.is-open{
  box-shadow:inset 0 0 18px rgba(var(--accent-rgb),.035),0 14px 32px rgba(0,0,0,.22),0 0 12px rgba(var(--accent-rgb),.055)!important;
}
.lobby-collapse-toggle{
  appearance:none;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:14px 16px!important;
  border:0!important;
  border-radius:3px!important;
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.035),transparent 58%)!important;
  color:#e7e9ee!important;
  text-align:left!important;
  cursor:pointer;
  box-shadow:none!important;
}
.lobby-collapse-toggle:hover,
.lobby-collapse-toggle:focus-visible{
  outline:none!important;
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.075),rgba(255,255,255,.012) 70%)!important;
  box-shadow:inset 0 0 16px rgba(var(--accent-rgb),.045)!important;
}
.lobby-collapse-title{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  font-size:15px;
  font-weight:900;
  letter-spacing:.025em;
}
.lobby-collapse-control{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex:0 0 auto;
  color:rgba(229,232,239,.58);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.lobby-collapse-control i{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border:1px solid rgba(var(--accent-rgb),.22);
  border-radius:2px;
  color:var(--accent-color);
  background:rgba(var(--accent-rgb),.035);
  font-style:normal;
  line-height:1;
  box-shadow:0 0 7px rgba(var(--accent-rgb),.045);
}
.lobby-collapse-reveal{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  visibility:hidden;
  transition:grid-template-rows .32s cubic-bezier(.22,.8,.3,1),opacity .2s ease,visibility 0s linear .32s;
}
.lobby-collapse-section.is-open .lobby-collapse-reveal{
  grid-template-rows:1fr;
  opacity:1;
  visibility:visible;
  transition:grid-template-rows .34s cubic-bezier(.22,.8,.3,1),opacity .24s ease,visibility 0s;
}
.lobby-collapse-body{
  min-height:0;
  overflow:hidden;
  padding:0 14px;
  transition:padding .32s cubic-bezier(.22,.8,.3,1);
}
.lobby-collapse-section.is-open .lobby-collapse-body{
  padding:0 14px 14px;
}
.lobby-collapse-body>.lobby-compact-card:first-child{margin-top:2px!important}
@media(max-width:700px){
  .lobby-collapse-toggle{min-height:54px!important;padding:12px!important}
  .lobby-collapse-title{font-size:14px}
  .lobby-collapse-control{font-size:10px}
  .lobby-collapse-body{padding-left:10px;padding-right:10px}
  .lobby-collapse-section.is-open .lobby-collapse-body{padding:0 10px 10px}
}
@media(prefers-reduced-motion:reduce){
  .lobby-collapse-section,
  .lobby-collapse-reveal,
  .lobby-collapse-body{transition:none!important}
}


/* BXH ARENA quick decision confirmation v2.0.3 */
.modal-box.quick-confirm-modal{
  width:min(520px,calc(100vw - 28px))!important;
  padding:clamp(20px,4vw,28px)!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:
    linear-gradient(150deg,rgba(15,17,23,.72),rgba(10,12,18,.58)) padding-box,
    linear-gradient(135deg,rgba(var(--accent-rgb),.38),rgba(255,255,255,.065) 48%,rgba(var(--accent-rgb),.16)) border-box!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 34px rgba(var(--accent-rgb),.025),
    0 24px 65px rgba(0,0,0,.52),
    0 0 18px rgba(var(--accent-rgb),.07)!important;
  backdrop-filter:blur(18px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.06)!important;
}
.quick-confirm-modal h3{
  margin:0 0 12px!important;
  color:#f0f1f4!important;
  font-size:clamp(22px,5.5vw,28px)!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  text-shadow:0 2px 18px rgba(0,0,0,.5)!important;
}
.quick-confirm-modal .quick-confirm-meta{
  margin:0 0 18px!important;
  color:rgba(222,226,234,.58)!important;
  font-size:13px!important;
  letter-spacing:.025em;
}
.quick-confirm-modal .quick-winner-row{
  margin:0 0 18px!important;
}
.quick-confirm-modal .radio-opt.result-winner.quick-winner-card{
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:190px;
  padding:26px 18px!important;
  overflow:hidden;
  border:1px solid rgba(var(--accent-rgb),.66)!important;
  border-radius:4px!important;
  color:var(--accent-color)!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(var(--accent-rgb),.14),transparent 38%),
    linear-gradient(155deg,rgba(var(--accent-rgb),.10),rgba(10,12,17,.36) 68%)!important;
  box-shadow:
    inset 0 0 28px rgba(var(--accent-rgb),.07),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 0 18px rgba(var(--accent-rgb),.11)!important;
}
.quick-confirm-modal .quick-winner-card::before{
  content:"";
  position:absolute;
  inset:-45% 18%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.09),transparent 66%);
  filter:blur(12px);
}
.quick-confirm-modal .quick-winner-crown{
  position:relative;
  z-index:1;
  display:grid!important;
  place-items:center;
  margin:0!important;
  color:var(--accent-color)!important;
  filter:drop-shadow(0 0 9px rgba(var(--accent-rgb),.35));
}
.quick-confirm-modal .quick-winner-crown svg{
  width:42px!important;
  height:42px!important;
  stroke-width:1.8!important;
}
.quick-confirm-modal .quick-winner-name{
  position:relative;
  z-index:1;
  display:block;
  max-width:100%;
  color:color-mix(in srgb,var(--accent-color) 76%,#fff)!important;
  font-size:clamp(30px,8vw,42px)!important;
  font-weight:950!important;
  line-height:1.12!important;
  letter-spacing:.025em!important;
  overflow-wrap:anywhere;
  text-shadow:0 0 12px rgba(var(--accent-rgb),.28),0 3px 18px rgba(0,0,0,.65)!important;
}
.quick-confirm-modal .quick-winner-tag{
  position:relative;
  z-index:1;
  margin:1px 0 0!important;
  padding:6px 14px!important;
  border:1px solid rgba(var(--accent-rgb),.52);
  border-radius:999px!important;
  color:var(--accent-contrast)!important;
  background:color-mix(in srgb,var(--accent-color) 82%,#e7e9ef)!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  box-shadow:0 0 10px rgba(var(--accent-rgb),.13)!important;
}
.quick-confirm-modal .quick-confirm-note{
  margin:0 0 18px!important;
  color:rgba(214,218,228,.52)!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.quick-confirm-modal .result-confirm-actions{
  gap:9px!important;
  margin-top:0!important;
  padding:0!important;
  background:transparent!important;
}
.quick-confirm-modal #modal-confirm-btn{
  min-height:58px!important;
  border:1px solid color-mix(in srgb,var(--accent-color) 78%,#fff)!important;
  border-radius:3px!important;
  color:var(--accent-contrast)!important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--accent-color) 82%,#f2f4f7),
      var(--accent-color) 54%,
      color-mix(in srgb,var(--accent-color) 82%,#07090d)
    )!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40),
    0 10px 24px rgba(var(--accent-rgb),.19),
    0 0 17px rgba(var(--accent-rgb),.15)!important;
  transition:transform .16s ease,filter .18s ease,box-shadow .18s ease!important;
}
.quick-confirm-modal #modal-confirm-btn:hover,
.quick-confirm-modal #modal-confirm-btn:focus-visible{
  filter:brightness(1.08) saturate(1.04);
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.44),
    0 13px 28px rgba(var(--accent-rgb),.23),
    0 0 20px rgba(var(--accent-rgb),.18)!important;
}
.quick-confirm-modal #modal-confirm-btn:active{
  transform:translateY(0) scale(.99);
}
.quick-confirm-modal #modal-cancel-btn{
  min-height:46px!important;
  border:1px solid rgba(222,226,235,.11)!important;
  border-radius:3px!important;
  color:rgba(220,224,232,.56)!important;
  background:rgba(255,255,255,.012)!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.quick-confirm-modal #modal-cancel-btn:hover,
.quick-confirm-modal #modal-cancel-btn:focus-visible{
  border-color:rgba(var(--accent-rgb),.24)!important;
  color:rgba(235,237,242,.76)!important;
  background:rgba(var(--accent-rgb),.025)!important;
}
@media(max-width:520px){
  .modal-box.quick-confirm-modal{padding:20px 16px!important}
  .quick-confirm-modal .radio-opt.result-winner.quick-winner-card{min-height:174px;padding:22px 14px!important}
  .quick-confirm-modal .quick-winner-crown svg{width:38px!important;height:38px!important}
  .quick-confirm-modal #modal-confirm-btn{min-height:56px!important}
}
@media(prefers-reduced-motion:reduce){
  .quick-confirm-modal #modal-confirm-btn{transition:none!important}
}