:root{
  --cx-home-cyan:#56e1ff;
  --cx-home-pink:#ff5ca8;
  --cx-home-panel:rgba(3,14,24,.86);
  --cx-home-line:rgba(86,225,255,.34);
}

body.cx-command-home #cxCommandCenter.cx-home-scenes-ready,
body.cx-command-home #cxCommandCenter.cx-home-scenes-ready .cx-shell,
body.cx-command-home #cxCommandCenter.cx-home-scenes-ready .cx-content{overflow:hidden}

.cx-main.cx-home-root{
  position:fixed!important;
  z-index:2;
  inset:0 0 0 var(--cx-rail-width,92px)!important;
  width:auto!important;
  max-width:none!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:1;
  visibility:visible;
  transition:opacity .34s ease,visibility .34s ease;
}
.cx-main.cx-home-root.is-hidden,
body:not(.cx-command-home) .cx-main.cx-home-root,
body.cx-settings-open .cx-main.cx-home-root,
body.cx-rewards-open .cx-main.cx-home-root,
body.cx-admin-open .cx-main.cx-home-root{
  opacity:0;
  visibility:hidden;
  pointer-events:none!important;
}
.cx-main.cx-home-root.is-arriving .cx-home-background{animation:cxHomeBackgroundArrive .75s cubic-bezier(.16,.78,.24,1) both}
.cx-main.cx-home-root.is-arriving .cx-home-character-shell img{animation:cxHomeCharacterArrive .72s cubic-bezier(.16,.78,.24,1) both}
.cx-main.cx-home-root.is-arriving .cx-home-hotspot{animation:cxHomeHotspotArrive .58s cubic-bezier(.16,.78,.24,1) both}
.cx-main.cx-home-root.is-arriving .cx-home-hotspot:nth-child(2){animation-delay:.05s}
.cx-main.cx-home-root.is-arriving .cx-home-hotspot:nth-child(3){animation-delay:.10s}
.cx-main.cx-home-root.is-arriving .cx-home-hotspot:nth-child(4){animation-delay:.15s}
@keyframes cxHomeBackgroundArrive{from{opacity:.55;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@keyframes cxHomeCharacterArrive{from{opacity:0;translate:0 42px}to{opacity:1;translate:0 0}}
@keyframes cxHomeHotspotArrive{from{opacity:0;translate:0 25px;scale:.88}to{opacity:1;translate:0 0;scale:1}}
.cx-home-bootstrap,.cx-home-stage{position:absolute;inset:0}
.cx-home-bootstrap{display:grid;place-items:center;background:#02070c;color:#78eaff}
.cx-home-stage{isolation:isolate;overflow:hidden;background:#02070c}
.cx-home-background,.cx-home-background-shade{
  position:absolute;inset:0;width:100%;height:100%;pointer-events:none
}
.cx-home-background{z-index:0;object-fit:cover;object-position:center;transition:opacity .35s ease}
.cx-home-background-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(1,6,11,.28),transparent 20%,transparent 78%,rgba(1,6,11,.23)),
    linear-gradient(0deg,rgba(1,7,12,.2),transparent 30%);
}
.cx-home-character-layer,.cx-home-menu-layer,.cx-home-slot-layer{position:absolute;z-index:3;inset:0;pointer-events:none}
.cx-home-menu-layer{z-index:8}
.cx-home-slot-layer{z-index:18}

.cx-home-character-shell{
  position:absolute;inset:0;border:0;padding:0;background:none;pointer-events:none
}
.cx-home-character-shell img{
  position:absolute;display:block;width:auto;max-width:none;
  transform:translateX(-50%);transform-origin:center bottom;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.48));
  transition:filter .22s ease,transform .22s ease;
  user-select:none
}
.cx-home-character-shell img[data-mirror="true"]{transform:translateX(-50%) scaleX(-1)}
.cx-home-stage[data-home-mode="manage"] .cx-home-character-shell{pointer-events:none}
.cx-home-stage[data-home-mode="manage"] .cx-home-character-shell img{pointer-events:auto;cursor:pointer}
.cx-home-stage[data-home-mode="manage"] .cx-home-character-shell:hover img{
  filter:drop-shadow(0 0 15px color-mix(in srgb,var(--cx-home-cyan) 70%,transparent)) drop-shadow(0 14px 22px rgba(0,0,0,.5))
}
.cx-home-stage[data-home-mode="manage"] .cx-home-character-shell:hover img:not([data-mirror="true"]){transform:translateX(-50%) scale(1.012)}
.cx-home-stage[data-home-mode="manage"] .cx-home-character-shell:hover img[data-mirror="true"]{transform:translateX(-50%) scaleX(-1) scale(1.012)}

.cx-home-hotspot{
  position:absolute;
  width:112px;height:112px;
  transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  border:1px solid rgba(102,226,255,.36);
  border-radius:4px;
  color:#eafaff;
  background:linear-gradient(145deg,rgba(4,17,28,.47),rgba(4,10,18,.24));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(4px);
  pointer-events:auto;cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease
}
.cx-home-hotspot::before,.cx-home-hotspot::after{
  content:"";position:absolute;width:19px;height:19px;pointer-events:none
}
.cx-home-hotspot::before{left:-1px;top:-1px;border-left:3px solid var(--cx-home-cyan);border-top:3px solid var(--cx-home-cyan)}
.cx-home-hotspot::after{right:-1px;bottom:-1px;border-right:3px solid var(--cx-home-cyan);border-bottom:3px solid var(--cx-home-cyan)}
.cx-home-hotspot:hover,.cx-home-hotspot:focus-visible{
  transform:translate(-50%,-50%) scale(1.08);
  border-color:var(--cx-home-cyan);
  background:rgba(6,29,43,.68);
  box-shadow:0 0 28px rgba(86,225,255,.22),inset 0 0 22px rgba(86,225,255,.09)
}
.cx-home-hotspot svg{
  width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(86,225,255,.36))
}
.cx-home-hotspot span{font:900 10px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.cx-home-stage[data-home-mode="manage"] .cx-home-menu-layer{opacity:.45;pointer-events:none}
.cx-home-stage[data-home-mode="manage"] .cx-home-hotspot{pointer-events:none}

.cx-home-route-transition{
  position:absolute;z-index:90;inset:0;display:grid;place-content:center;justify-items:center;
  color:#eefcff;pointer-events:none;opacity:1;overflow:hidden;
}
.cx-home-route-transition[aria-hidden="true"]{opacity:0;visibility:hidden}
.cx-home-route-transition::before{
  content:"";position:absolute;left:var(--cx-route-x,50%);top:var(--cx-route-y,50%);
  width:90px;height:90px;border:1px solid rgba(86,225,255,.88);
  background:radial-gradient(circle,rgba(18,91,119,.72),rgba(2,10,18,.95) 67%);
  box-shadow:0 0 0 12px rgba(86,225,255,.08),0 0 62px rgba(86,225,255,.35);
  transform:translate(-50%,-50%) scale(.4) rotate(45deg);
}
.cx-home-route-transition::after{
  content:"";position:absolute;inset:-20%;
  background:
    linear-gradient(110deg,transparent 0 34%,rgba(86,225,255,.13) 45%,rgba(3,13,22,.96) 57%),
    rgba(2,8,14,.48);
  transform:translateX(-115%);
}
.cx-home-route-ring,.cx-home-route-icon,.cx-home-route-transition strong,.cx-home-route-transition small{
  position:relative;z-index:2;opacity:0
}
.cx-home-route-ring{
  width:124px;height:124px;border:2px solid rgba(86,225,255,.32);border-top-color:var(--cx-home-cyan);
  border-radius:50%;box-shadow:0 0 32px rgba(86,225,255,.18)
}
.cx-home-route-icon{position:absolute;top:calc(50% - 33px);width:66px;height:66px;display:grid;place-items:center;color:var(--cx-home-cyan)}
.cx-home-route-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.cx-home-route-transition strong{margin-top:24px;font:900 clamp(20px,2vw,30px)/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.cx-home-route-transition small{margin-top:10px;color:#75cfe4;font:900 8px/1 Arial,sans-serif;letter-spacing:.27em}
.cx-home-stage.is-routing .cx-home-route-transition::before{animation:cxHomeRoutePortal .72s cubic-bezier(.15,.72,.18,1) both}
.cx-home-stage.is-routing .cx-home-route-transition::after{animation:cxHomeRouteWipe .72s cubic-bezier(.4,0,.18,1) .18s both}
.cx-home-stage.is-routing .cx-home-route-ring{animation:cxHomeRouteRing .7s ease .08s both}
.cx-home-stage.is-routing .cx-home-route-icon{animation:cxHomeRouteIdentity .46s ease .12s both}
.cx-home-stage.is-routing .cx-home-route-transition strong{animation:cxHomeRouteIdentity .42s ease .20s both}
.cx-home-stage.is-routing .cx-home-route-transition small{animation:cxHomeRouteIdentity .42s ease .27s both}
.cx-home-stage.is-routing .cx-home-hotspot:not(.is-selected){animation:cxHomeMenuExit .36s ease both}
.cx-home-stage.is-routing .cx-home-character-shell img{animation:cxHomeCharacterExit .5s cubic-bezier(.4,0,.5,1) both}
.cx-home-stage.is-routing .cx-home-wallet,.cx-home-stage.is-routing .cx-home-view-actions{animation:cxHomeHudExit .3s ease both}
@keyframes cxHomeRoutePortal{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(45deg)}
  45%{opacity:1;transform:translate(-50%,-50%) scale(1.18) rotate(135deg)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(32) rotate(225deg)}
}
@keyframes cxHomeRouteWipe{to{transform:translateX(0)}}
@keyframes cxHomeRouteRing{0%{opacity:0;transform:scale(.65) rotate(0)}100%{opacity:1;transform:scale(1) rotate(270deg)}}
@keyframes cxHomeRouteIdentity{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}
@keyframes cxHomeMenuExit{to{opacity:0;translate:0 -24px;scale:.82}}
@keyframes cxHomeCharacterExit{to{opacity:0;translate:0 55px;filter:blur(4px) drop-shadow(0 12px 18px rgba(0,0,0,.48))}}
@keyframes cxHomeHudExit{to{opacity:0;transform:translateX(30px)}}

.cx-home-wallet{
  position:absolute;z-index:24;right:22px;top:18px;min-width:200px;
  padding:12px 18px 13px;border-left:3px solid var(--cx-home-cyan);
  background:linear-gradient(90deg,rgba(4,20,31,.86),rgba(2,11,19,.72));
  box-shadow:0 9px 34px rgba(0,0,0,.24);backdrop-filter:blur(7px)
}
.cx-home-wallet span{display:block;color:#8baeba;font:800 8px/1 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.cx-home-wallet strong{display:inline-block;margin-top:5px;color:#fff;font:900 29px/1 Arial,sans-serif}
.cx-home-wallet small{margin-left:7px;color:var(--cx-home-cyan);font:900 10px/1 Arial,sans-serif}
.cx-home-view-actions{
  position:absolute;z-index:24;right:22px;top:104px;display:flex;gap:8px
}
.cx-home-view-actions button{
  min-height:39px;padding:0 15px;border:1px solid rgba(91,213,241,.35);border-radius:2px;
  color:#e6f9ff;background:rgba(3,15,24,.73);backdrop-filter:blur(7px);
  font:900 8px/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer
}
.cx-home-view-actions button:hover{border-color:var(--cx-home-cyan);background:rgba(5,35,50,.82)}
.cx-home-stage[data-home-mode="manage"] .cx-home-view-actions{display:none}

.cx-home-spot-marker{
  position:absolute;width:76px;height:76px;transform:translate(-50%,-50%);
  border:2px solid rgba(86,225,255,.85);border-radius:50%;
  color:#dffaff;background:rgba(3,22,34,.58);backdrop-filter:blur(3px);
  box-shadow:0 0 0 8px rgba(86,225,255,.07),0 0 30px rgba(86,225,255,.22);
  pointer-events:auto;cursor:pointer;animation:cxHomeSpotPulse 2s ease-in-out infinite
}
.cx-home-spot-marker::before,.cx-home-spot-marker::after{
  content:"";position:absolute;background:rgba(86,225,255,.56)
}
.cx-home-spot-marker::before{width:110px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%)}
.cx-home-spot-marker::after{height:110px;width:1px;left:50%;top:50%;transform:translate(-50%,-50%)}
.cx-home-spot-marker span{position:relative;z-index:1;font:300 29px/1 Arial,sans-serif}
.cx-home-spot-marker small{
  position:absolute;z-index:2;right:-7px;top:-7px;width:22px;height:22px;display:grid;place-items:center;
  border-radius:50%;color:#031019;background:var(--cx-home-cyan);font:900 8px/1 Arial,sans-serif
}
.cx-home-spot-marker.filled{border-color:var(--cx-home-pink);box-shadow:0 0 0 8px rgba(255,92,168,.07),0 0 30px rgba(255,92,168,.24)}
.cx-home-spot-marker:hover{transform:translate(-50%,-50%) scale(1.12)}
@keyframes cxHomeSpotPulse{50%{box-shadow:0 0 0 13px transparent,0 0 34px rgba(86,225,255,.34)}}

.cx-home-library{
  position:absolute;z-index:32;right:0;top:0;bottom:178px;width:330px;
  display:flex;flex-direction:column;
  border-left:1px solid var(--cx-home-line);
  background:linear-gradient(180deg,rgba(3,15,25,.94),rgba(2,10,18,.88));
  backdrop-filter:blur(12px);transform:translateX(102%);transition:transform .28s ease
}
.cx-home-library[aria-hidden="false"]{transform:none}
.cx-home-library>header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(92,203,229,.2)}
.cx-home-library>header span{color:#fff;font:900 13px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.cx-home-library>header button,.cx-home-picker-close,.cx-home-picker-back{
  width:38px;height:38px;border:1px solid rgba(91,220,249,.35);border-radius:50%;color:#dffaff;background:rgba(3,19,29,.8);
  font:300 25px/1 Arial,sans-serif;cursor:pointer
}
.cx-home-library-list{flex:1;min-height:0;overflow:auto;padding:12px;display:grid;align-content:start;gap:9px}
.cx-home-library-card{position:relative;border:1px solid rgba(91,177,204,.24);background:rgba(5,21,32,.65)}
.cx-home-library-card.current{border-color:var(--cx-home-pink);box-shadow:0 0 18px rgba(255,92,168,.12)}
.cx-home-library-select{
  width:100%;min-height:85px;padding:7px;display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:center;
  border:0;color:#fff;background:transparent;text-align:left;cursor:pointer
}
.cx-home-library-select img{width:105px;aspect-ratio:16/9;object-fit:cover}
.cx-home-library-select span{min-width:0}
.cx-home-library-select strong,.cx-home-library-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-home-library-select strong{font:900 11px/1.15 Arial,sans-serif}
.cx-home-library-select small{margin-top:6px;color:#789ca9;font:700 8px/1 Arial,sans-serif}
.cx-home-library-select em{
  position:absolute;left:8px;top:8px;padding:4px 6px;color:#071018;background:var(--cx-home-pink);
  font:900 7px/1 Arial,sans-serif;font-style:normal;text-transform:uppercase
}
.cx-home-library-delete{
  position:absolute;right:7px;top:7px;width:26px;height:26px;border:1px solid rgba(255,92,118,.34);border-radius:50%;
  color:#ff8daa;background:rgba(30,5,15,.78);cursor:pointer
}
.cx-home-new-layout{
  height:53px;margin:12px;border:1px solid var(--cx-home-cyan);color:#04131c;background:var(--cx-home-cyan);
  font:900 9px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer
}

.cx-home-scene-dock{
  position:absolute;z-index:31;left:0;right:330px;bottom:0;height:178px;
  border-top:1px solid var(--cx-home-line);
  background:linear-gradient(0deg,rgba(2,10,17,.97),rgba(3,15,24,.9));
  backdrop-filter:blur(10px);transform:translateY(102%);transition:transform .28s ease
}
.cx-home-scene-dock[aria-hidden="false"]{transform:none}
.cx-home-scene-dock>header{height:48px;padding:6px 12px;display:flex;align-items:end;justify-content:space-between;gap:15px}
.cx-home-scene-dock label{display:grid;grid-template-columns:auto 250px;align-items:center;gap:10px}
.cx-home-scene-dock label span{color:#83aab8;font:800 8px/1 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.cx-home-scene-dock input{
  height:34px;padding:0 10px;border:1px solid rgba(88,187,216,.28);color:#fff;background:rgba(2,12,20,.75);
  font:800 11px/1 Arial,sans-serif
}
.cx-home-scene-dock>header button{
  height:34px;padding:0 22px;border:1px solid var(--cx-home-cyan);color:#04131c;background:var(--cx-home-cyan);
  font:900 8px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer
}
.cx-home-scene-track{height:126px;padding:7px 12px 12px;display:flex;gap:9px;overflow-x:auto;overflow-y:hidden}
.cx-home-scene-card{
  position:relative;flex:0 0 185px;padding:0;overflow:hidden;border:1px solid rgba(81,173,202,.3);color:#fff;background:#04121d;cursor:pointer
}
.cx-home-scene-card img{width:100%;height:76px;display:block;object-fit:cover}
.cx-home-scene-card span{display:block;padding:8px 36px 7px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font:900 8px/1 Arial,sans-serif}
.cx-home-scene-card small{position:absolute;right:7px;bottom:7px;color:#72dff4;font:800 8px/1 Arial,sans-serif}
.cx-home-scene-card.active{border-color:var(--cx-home-pink);box-shadow:inset 0 0 0 2px var(--cx-home-pink),0 0 18px rgba(255,92,168,.2)}

.cx-home-modal-layer{
  position:absolute;z-index:60;inset:0;display:grid;place-items:center;padding:5vh 5vw;
  background:rgba(0,5,10,.58);backdrop-filter:blur(8px);opacity:1;transition:opacity .2s ease
}
.cx-home-modal-layer[aria-hidden="true"]{opacity:0;pointer-events:none}
.cx-home-picker{
  width:min(1040px,94vw);max-height:86vh;display:flex;flex-direction:column;
  border:1px solid rgba(91,222,249,.46);
  clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px);
  background:linear-gradient(145deg,rgba(4,22,34,.98),rgba(2,10,17,.98));box-shadow:0 30px 90px rgba(0,0,0,.54)
}
.cx-home-picker>header{min-height:86px;padding:16px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(89,202,230,.22)}
.cx-home-picker>header>div{flex:1}
.cx-home-picker>header span{color:var(--cx-home-cyan);font:900 8px/1 Arial,sans-serif;letter-spacing:.2em}
.cx-home-picker h2{margin:7px 0 0;color:#fff;font:900 25px/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.cx-home-picker-body{min-height:0;overflow:auto;padding:20px}
.cx-home-series-grid,.cx-home-character-grid,.cx-home-outfit-grid,.cx-home-choose-grid{display:grid;gap:12px}
.cx-home-series-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.cx-home-series-grid button{
  min-height:100px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:12px;
  border:1px solid rgba(82,183,211,.3);color:#fff;background:rgba(5,23,35,.7);text-align:left;cursor:pointer
}
.cx-home-series-grid button:hover{border-color:var(--cx-home-cyan);background:rgba(7,37,52,.84)}
.cx-home-series-grid button>span{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--cx-home-cyan);color:var(--cx-home-cyan);font:900 17px/1 Arial,sans-serif}
.cx-home-series-grid strong{font:900 12px/1.25 Arial,sans-serif;text-transform:uppercase}
.cx-home-series-grid small{color:#83a8b4;font:900 10px/1 Arial,sans-serif}
.cx-home-character-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
.cx-home-character-grid button,.cx-home-outfit-grid button{
  min-width:0;padding:7px;border:1px solid rgba(87,183,211,.28);color:#fff;background:rgba(4,17,27,.75);cursor:pointer
}
.cx-home-character-grid button:hover,.cx-home-outfit-grid button:hover{border-color:var(--cx-home-cyan);box-shadow:0 0 22px rgba(86,225,255,.14)}
.cx-home-character-grid strong,.cx-home-outfit-grid strong{
  display:block;margin:9px 2px 4px;overflow:hidden;color:#fff;font:900 9px/1.2 Arial,sans-serif;text-overflow:ellipsis;text-transform:uppercase
}
.cx-home-thumb{position:relative;display:block;overflow:hidden;background:linear-gradient(145deg,#071b2a,#030b12)}
.cx-home-thumb.square{aspect-ratio:1}
.cx-home-thumb.outfit{aspect-ratio:1;border-radius:50%;border:2px solid rgba(86,225,255,.56)}
.cx-home-thumb img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  object-position:var(--thumb-x) var(--thumb-y);
  transform:scale(var(--thumb-zoom));transform-origin:var(--thumb-x) var(--thumb-y)
}
.cx-home-outfit-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
.cx-home-outfit-grid button.active{border-color:var(--cx-home-pink);box-shadow:inset 0 0 0 2px var(--cx-home-pink)}
.cx-home-remove-character{
  margin-top:20px;height:44px;padding:0 18px;border:1px solid rgba(255,91,124,.55);color:#ff91aa;background:rgba(35,4,14,.68);
  font:900 9px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer
}
.cx-home-picker-empty{padding:50px;text-align:center;color:#789aa7;font:800 12px/1.4 Arial,sans-serif}
.cx-home-choose-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.cx-home-choose-grid button{
  position:relative;padding:7px;border:1px solid rgba(82,184,212,.3);color:#fff;background:#04121d;text-align:left;cursor:pointer
}
.cx-home-choose-grid img{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}
.cx-home-choose-grid span{display:block;padding:11px 8px 8px}
.cx-home-choose-grid strong,.cx-home-choose-grid small{display:block}
.cx-home-choose-grid strong{font:900 12px/1 Arial,sans-serif}
.cx-home-choose-grid small{margin-top:6px;color:#7fa1ae;font:700 9px/1 Arial,sans-serif}
.cx-home-choose-grid em{position:absolute;right:12px;top:12px;padding:6px 8px;color:#071018;background:var(--cx-home-pink);font:900 7px/1 Arial,sans-serif;font-style:normal;text-transform:uppercase}
.cx-home-choose-grid button.active{border-color:var(--cx-home-pink);box-shadow:0 0 22px rgba(255,92,168,.18)}

.cx-home-toast{
  position:absolute;z-index:80;left:50%;bottom:34px;transform:translate(-50%,20px);padding:12px 20px;
  color:#06121a;background:var(--cx-home-cyan);font:900 9px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;
  opacity:0;pointer-events:none;transition:.2s ease
}
.cx-home-toast.show{opacity:1;transform:translate(-50%,0)}
.cx-home-loading{
  position:absolute;z-index:100;inset:0;display:grid;place-items:center;color:#8eebfa;background:#02070c;
  font:900 10px/1 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;transition:opacity .35s ease
}
.cx-home-loading.hidden{opacity:0;pointer-events:none}

@media(max-width:1050px){
  .cx-home-library{width:290px}
  .cx-home-scene-dock{right:290px}
  .cx-home-hotspot{width:92px;height:92px}
  .cx-home-hotspot svg{width:36px;height:36px}
}
@media(max-width:760px){
  .cx-main.cx-home-root{inset:68px 0 0!important;height:calc(100vh - 68px)!important}
  .cx-home-wallet{top:10px;right:10px;min-width:150px}
  .cx-home-view-actions{top:88px;right:10px;flex-direction:column}
  .cx-home-hotspot{width:74px;height:74px}
  .cx-home-hotspot svg{width:28px;height:28px}
  .cx-home-hotspot span{font-size:7px}
  .cx-home-library{width:100%;left:0;bottom:145px}
  .cx-home-scene-dock{right:0;height:145px}
  .cx-home-scene-dock label{grid-template-columns:1fr}
  .cx-home-scene-dock label span{display:none}
  .cx-home-scene-card{flex-basis:145px}
}
@media(prefers-reduced-motion:reduce){
  .cx-home-background,.cx-home-character-shell img,.cx-home-hotspot,.cx-home-library,.cx-home-scene-dock{transition-duration:.01ms!important}
  .cx-home-spot-marker{animation:none}
}