html.playarc {
  
  --pa-void: #04070e;
  --pa-abyss: #070c17;
  --pa-panel: #0b1322;
  --pa-raise: #111b2e;

  --pa-line: rgba(150, 185, 235, 0.13);
  --pa-line-2: rgba(150, 185, 235, 0.24);

  --pa-text: #eef4ff;
  --pa-dim: #a8bcd8;
  --pa-faint: #71879f;

  --pa-arc: #4cc4ff;
  --pa-arc-2: #2f7dff;
  --pa-arc-hot: #9ae4ff;
  --pa-glow: rgba(76, 196, 255, 0.5);

  
  --pw-g: 110, 220, 255;
  --pw-g2: 70, 110, 255;
  --pw-floor: 24, 90, 210;
  --pw-mesh: 130, 200, 255;
  --pw-sky1: #070f20;
  --pw-sky2: #050b16;
  --pw-sky3: #02050b;
  --px: 0;
  --py: 0;

  --pa-good: #38e0a4;
  --pa-warn: #ffc247;
  --pa-bad: #ff6b8a;

  
  --pa-display: "PlayArc Display", "Sora", system-ui, sans-serif;
  --pa-console: "PlayArc Console", "PlayArc Display", "Sora", system-ui, sans-serif;
  
  --pa-ui: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif;
  --pa-num: "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif;
  --pa-mono: ui-monospace, Consolas, "Cascadia Mono", monospace;

  
  --pa-t-eyebrow: clamp(9.5px, 0.62vw, 11.5px);
  --pa-t-micro: clamp(10.5px, 0.68vw, 12px);
  --pa-t-body: clamp(12.5px, 0.82vw, 14.5px);
  --pa-t-lead: clamp(14px, 0.95vw, 16.5px);
  --pa-t-h3: clamp(16px, 1.15vw, 20px);
  --pa-t-h2: clamp(20px, 1.6vw, 27px);
  --pa-t-h1: clamp(26px, 2.3vw, 40px);

  --pa-track-tight: -0.022em;
  --pa-track-wide: 0.16em;

  
  --pa-fast: 130ms;
  --pa-base: 240ms;
  --pa-slow: 420ms;
  --pa-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --pa-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --pa-gutter: clamp(22px, 3.2vw, 44px);
  --pa-snap: cubic-bezier(0.34, 1.56, 0.64, 1);

  --pa-r-sm: 10px;
  --pa-r: 16px;
  --pa-r-lg: 22px;
  --pa-r-pill: 999px;

  --pa-shadow: 0 18px 40px -22px rgba(0, 0, 0, 0.9);
  --pa-shadow-lift: 0 28px 60px -26px rgba(0, 0, 0, 0.95),
                    0 0 0 1px rgba(150, 185, 235, 0.1);

  --pa-topbar-h: 72px;
  --pa-hint-h: 36px;

  color-scheme: dark;
}


html.playarc body {
  font-family: var(--pa-ui);
  font-size: var(--pa-t-body);
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


html.playarc .pa-num,
html.playarc .mono,
html.playarc [class*="count"],
html.playarc time {
  font-family: var(--pa-num);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: var(--pa-track-tight);
}

html.playarc h1, html.playarc h2, html.playarc h3 {
  font-family: var(--pa-ui);
  letter-spacing: 0;
  line-height: 1.35;
  text-wrap: balance;
}
html.playarc h1 { font-size: var(--pa-t-h1); font-weight: 700; }
html.playarc h2 { font-size: var(--pa-t-h2); font-weight: 700; }
html.playarc h3 { font-size: var(--pa-t-h3); font-weight: 600; }


html.playarc .pa-eyebrow {
  font-family: var(--pa-console);
  font-size: var(--pa-t-eyebrow);
  font-weight: 600;
  font-stretch: 118%;
  letter-spacing: var(--pa-track-wide);
  text-transform: uppercase;
  color: var(--pa-faint);
  line-height: 1;
}



html.playarc .pa-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
  line-height: 1;
  direction: ltr;
  unicode-bidi: isolate;
  position: relative;
}
html.playarc .pa-wordmark-svg,
html.playarc .pa-mark {
  width: 32px;
  height: 32px;
  flex: none;
  overflow: visible;
  filter: drop-shadow(0 0 8px rgba(70, 180, 255, 0.22));
}
html.playarc .pa-mark-halo {
  display: none;
}
html.playarc .pa-mark-host {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: none;
}
html.playarc .pa-mark-well {
  position: absolute;
  inset: -8px;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(circle, rgba(140, 230, 255, 0.1) 0%, transparent 68%);
  animation: none;
}
html.playarc .pa-mark-host > .pa-mark { position: relative; z-index: 1; }
html.playarc .pa-mark-host.meta-ico .pa-mark { width: 18px; height: 18px; }
html.playarc .pa-mark-host.meta-ico .pa-mark-well { inset: -10px; }
html.playarc .pa-mark-host.h2-mark .pa-mark { width: 22px; height: 22px; }
html.playarc .pa-mark-host.empty-art,
html.playarc .pa-mark-host.locked-art {
  width: 112px;
  height: 112px;
}
html.playarc .pa-mark-host.empty-art .pa-mark,
html.playarc .pa-mark.is-hero {
  width: 112px;
  height: 112px;
  filter: drop-shadow(0 0 28px rgba(90, 210, 255, 0.7));
}
html.playarc .pa-mark.is-login,
html.playarc .login-mark .pa-mark {
  width: 56px;
  height: 56px;
  filter:
    drop-shadow(0 0 10px rgba(90, 210, 255, .42))
    drop-shadow(0 10px 22px rgba(0, 8, 24, .45));
}
html.playarc .pa-wordmark-arc,
html.playarc .pa-mark-gate { transform-origin: 50% 50%; }
@keyframes pa-arc-spin { to { transform: rotate(360deg); } }
@keyframes pa-well {
  from { opacity: 0.55; transform: scale(0.9); }
  to   { opacity: 1;    transform: scale(1.08); }
}

html.playarc .pa-wordmark-text,
html.playarc .pa-logo-type {
  font-family: var(--pa-display);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.19em;
  text-transform: uppercase;
  background: linear-gradient(96deg, #ffffff 8%, var(--pa-arc-hot) 48%, var(--pa-arc-2) 96%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding-inline-end: 0.19em; 
}

html.playarc .pa-logo-type {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 0;
  position: relative;
  letter-spacing: 0;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: inherit;
  padding-inline-end: 0;
}
html.playarc .pa-logo-play {
  font-family: var(--pa-display);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.22em;
  color: rgba(238, 244, 255, 0.92);
  padding-inline-end: 0.02em;
}
html.playarc .pa-logo-arc {
  font-family: var(--pa-display);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.14em;
  background: linear-gradient(100deg, #ffffff 4%, var(--pa-arc-hot) 46%, var(--pa-arc-2) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding-inline-end: 0.06em;
  position: relative;
}
html.playarc .pa-logo-arc::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 14%;
  bottom: -3px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(154, 228, 255, 0.7), transparent);
  pointer-events: none;
}
html.playarc .pa-wordmark-sub {
  font-family: "Vazirmatn", var(--pa-ui);
  font-size: 12px;
  font-weight: 600;
  font-synthesis: none;
  letter-spacing: 0;
  color: rgba(196, 214, 238, 0.78);
}


html.playarc .pa-topbar {
  position: sticky;
  top: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  gap: 14px;
  height: var(--pa-topbar-h);
  padding: 10px clamp(14px, 1.8vw, 28px);
  background: transparent;
  border: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html.playarc .pa-topbar::after { display: none; }

html.playarc .pa-topbar-spacer { flex: 1 1 auto; min-width: 0; }


html.playarc .pa-tabs {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2px;
  min-width: 0;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  padding: 4px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(14, 28, 56, .72), rgba(6, 12, 28, .86));
  border: 1px solid rgba(154, 228, 255, .16);
  box-shadow: 0 16px 40px rgba(0, 6, 20, .38), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(18px) saturate(1.2);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
}
html.playarc .pa-tabs::-webkit-scrollbar { display: none; }

html.playarc .pa-tab {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: rgba(214, 226, 240, 0.72);
  font-family: var(--pa-ui);
  font-size: 13.5px;
  font-weight: 650;
  white-space: nowrap;
  border-radius: 999px; 
  cursor: pointer;
  text-decoration: none;
  isolation: auto;
  transition: color var(--pa-fast) var(--pa-ease);
}
html.playarc .pa-tab .nav-ico,
html.playarc .pa-tab .pa-tab-ico {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: none;
  opacity: 1; 
  color: currentColor;
}
html.playarc .pa-tab .nav-ico svg,
html.playarc .pa-tab .pa-tab-ico svg,
html.playarc .pa-tab svg.nav-ico {
  width: 16px;
  height: 16px;
  display: block;
}
html.playarc .pa-tab.is-active .nav-ico,
html.playarc .pa-tab.is-active .pa-tab-ico {
  opacity: 1;
}

html.playarc .pa-desk-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 0;
  border-radius: 14px;
  background: transparent;
  border: 0;
}
html.playarc .pa-desk-main {
  font-weight: 650;
}
html.playarc .pa-desk-subs {
  display: inline-flex;
  align-items: center;
  gap: 0;
}
html.playarc .shell-nav .pa-desk-subs {
  display: none !important;
}
html.playarc .pa-desk-subs a {
  padding: 7px 10px 9px;
  font-size: 13px;
}
html.playarc .pa-desk-tab.is-on,

html.playarc .pa-desk-tab:has(.is-active) {
  background: transparent;
  border: 0;
}

html.playarc .pa-desk-rail {
  position: relative;
  z-index: 40;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  padding: 0 16px 8px !important;
  pointer-events: none;
  grid-column: 1 / -1;
  width: 100%;
}
html.playarc .pa-desk-rail-inner {
  pointer-events: auto;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 48px !important;
  gap: 4px;
  padding: 4px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(16, 32, 64, .78), rgba(6, 12, 28, .92));
  border: 1px solid rgba(154, 228, 255, .16);
  box-shadow: 0 16px 40px rgba(0, 6, 20, .38), inset 0 1px 0 rgba(255,255,255,.06);
}
html.playarc .pa-desk-rail a {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 16px;
  border-radius: 14px;
  color: rgba(214, 226, 240, .72);
  text-decoration: none;
  font-family: var(--pa-ui);
  font-size: 13px;
  font-weight: 600;
}
html.playarc .pa-desk-rail a .nav-ico {
  width: 16px;
  height: 16px;
}
html.playarc .pa-desk-rail a.is-on {
  color: #f4f8ff;
  background: linear-gradient(180deg, rgba(70, 140, 255, .34), rgba(20, 50, 120, .5));
}


html.playarc .pa-tab-pill {
  position: absolute;
  z-index: 0;
  top: 4px;
  bottom: 4px;
  height: auto !important;
  width: 40px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(70, 140, 255, .28), rgba(20, 50, 120, .42));
  box-shadow: inset 0 0 0 1px rgba(154, 228, 255, .14);
  transition: transform 240ms var(--pa-ease);
  pointer-events: none;
  left: 0;
  transform-origin: 0 50%;
}
html.playarc .pa-tab-pill.is-idle { opacity: 0; }


html.playarc .pa-status {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
html.playarc .pa-clock-row {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-clock-ico {
  width: 16px; 
  height: 16px;
  flex: none;
  display: block;
  color: #fff;
}
html.playarc .pa-clock {
  font-family: var(--pa-console), "Vazirmatn", sans-serif;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "zero" 1;
  font-size: 15px;
  font-weight: 600;
  font-stretch: 108%;
  color: #e8eef8;
  letter-spacing: 0.04em;
  line-height: 1;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-clock-date {
  display: block;
  font-family: var(--pa-ui), sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: rgba(200, 214, 230, 0.58);
  letter-spacing: 0;
  margin-top: 2px;
  white-space: nowrap;
}


html.playarc .pa-btn {
  --_bg: rgba(150, 185, 235, 0.08);
  --_bd: var(--pa-line-2);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  min-height: 40px;
  border-radius: var(--pa-r-pill);
  border: 1px solid var(--_bd);
  background: var(--_bg);
  color: var(--pa-text);
  font: inherit;
  font-size: var(--pa-t-body);
  font-weight: 600;
  cursor: pointer;
  isolation: isolate;
  overflow: hidden;
  transition: transform var(--pa-fast) var(--pa-ease),
              border-color var(--pa-fast) linear,
              background-color var(--pa-fast) linear;
}
html.playarc .pa-btn:hover {
  transform: translateY(-2px);
  --_bd: rgba(120, 200, 255, 0.5);
  --_bg: rgba(76, 196, 255, 0.13);
}
html.playarc .pa-btn:active { transform: translateY(0) scale(0.975); }


html.playarc .pa-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.14) 50%, transparent 65%);
  transform: translateX(-120%);
  transition: transform var(--pa-slow) var(--pa-ease-out);
}
html.playarc .pa-btn:hover::before { transform: translateX(120%); }

html.playarc .pa-btn.is-primary {
  --_bg: linear-gradient(135deg, var(--pa-arc-hot), var(--pa-arc-2));
  --_bd: transparent;
  color: #04121e;
  font-weight: 700;
  box-shadow: 0 8px 22px -10px var(--pa-glow);
}
html.playarc .pa-btn.is-danger {
  --_bg: rgba(255, 107, 138, 0.13);
  --_bd: rgba(255, 107, 138, 0.4);
  color: #ffd8e0;
}
html.playarc .pa-btn.is-ghost { --_bg: transparent; --_bd: var(--pa-line); }

html.playarc .pa-icon-btn {
  width: 40px; height: 40px;
  padding: 0;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--pa-line-2);
  background: rgba(150, 185, 235, 0.07);
  color: var(--pa-dim);
  cursor: pointer;
  transition: transform var(--pa-fast) var(--pa-ease),
              color var(--pa-fast) linear,
              border-color var(--pa-fast) linear;
}
html.playarc .pa-icon-btn:hover {
  transform: translateY(-2px) scale(1.06);
  color: var(--pa-arc-hot);
  border-color: rgba(120, 200, 255, 0.5);
}
html.playarc .pa-icon-btn:active { transform: scale(0.94); }
html.playarc .pa-icon-btn svg { width: 18px; height: 18px; display: block; }



@property --pa-spin {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@property --pa-spin-b {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

html.playarc .pa-focus-ring,
html.playarc .pa-live {
  position: fixed;
  top: 0; left: 0;
  z-index: 8;
  pointer-events: none;
  border: 0;
  background: none;
  box-shadow:
    0 0 0 1.5px rgba(170, 220, 255, 0.0),
    0 0 0 0 rgba(80, 170, 255, 0);
  opacity: 0;
  --sx: 1;
  --sy: 1;
  --ox: 50%;
  --oy: 50%;
  transform: translate3d(0, 0, 0);
  transition: transform 200ms var(--pa-ease), opacity 160ms linear;
}
html.playarc .pa-tile.is-lift ~ .pa-focus-ring,
html.playarc .pa-focus-ring.is-tile {
  opacity: 0 !important;
}
html.playarc .pa-focus-ring.is-on,
html.playarc .pa-live.is-on {
  opacity: 1;
  box-shadow:
    0 0 0 1.5px rgba(180, 228, 255, 0.42),
    0 0 18px -2px rgba(80, 170, 255, 0.22);
}

html.playarc .pa-hole-ring,
html.playarc .pa-hole-wave,
html.playarc .pa-hole-void {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
}
html.playarc .pa-hole-void {
  inset: 0;
  padding: 4px;
  background:
    linear-gradient(180deg, rgba(6, 12, 24, 0.7), rgba(0, 2, 8, 0.85));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
}
html.playarc .pa-hole-ring {
  inset: -5px;
  padding: 3px;
  background: conic-gradient(
    from var(--pa-spin),
    rgba(6, 12, 22, 0.72) 0deg,
    rgba(18, 40, 70, 0.5) 48deg,
    rgba(170, 220, 245, 0.42) 74deg,
    rgba(70, 170, 255, 0.22) 96deg,
    rgba(8, 16, 28, 0.7) 128deg,
    rgba(6, 12, 22, 0.72) 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  filter: drop-shadow(0 0 4px rgba(90, 170, 220, 0.14));
  animation: pa-hole-spin 3.8s linear infinite;
}
html.playarc .pa-hole-wave {
  inset: -14px;
  padding: 11px;
  opacity: 0.28;
  transform-origin: var(--ox) var(--oy);
  transform: scale(var(--sx), var(--sy));
  transition: transform 170ms var(--pa-ease);
  background: conic-gradient(
    from var(--pa-spin-b),
    transparent 0deg,
    rgba(40, 110, 220, 0.0) 70deg,
    rgba(140, 220, 255, 0.16) 118deg,
    rgba(30, 70, 160, 0.08) 165deg,
    transparent 220deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  filter: blur(4px);
  animation: pa-hole-spin-rev 6.6s linear infinite;
}
html.playarc .pa-focus-ring.is-pull .pa-hole-ring { animation-duration: 1.15s; }
html.playarc .pa-focus-ring.is-pull .pa-hole-wave { animation-duration: 2.2s; }

html.playarc .pa-glass-tip {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12000;
  pointer-events: none;
  max-width: min(240px, calc(100vw - 16px));
  padding: 7px 11px;
  border-radius: 12px;
  font: 650 12px/1.35 Vazirmatn, Tahoma, sans-serif;
  color: #f2f7ff;
  background: linear-gradient(160deg, rgba(18,32,56,.94), rgba(8,16,32,.92));
  border: 1px solid rgba(180,210,255,.28);
  box-shadow: 0 12px 28px -14px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.18);
  opacity: 0;
  transform: translate3d(-9999px, -9999px, 0);
  transition: opacity .14s ease;
  white-space: nowrap;
}
html.playarc .pa-glass-tip.is-on { opacity: 1; }
@keyframes pa-hole-spin { to { --pa-spin: 360deg; } }
@keyframes pa-hole-spin-rev { to { --pa-spin-b: -360deg; } }


html.playarc .pa-live-bloom,
html.playarc .pa-live-core { display: none; }


html.playarc .pa-focus-ring,
html.playarc .pa-hole-void,
html.playarc .pa-hole-wave,
html.playarc .pa-hole-ring { display: none !important; }
html.playarc.pa-lowfx .pa-hole-wave { display: none; }
html.playarc.pa-lowfx .pa-hole-ring { animation: none; filter: none; }
@media (prefers-reduced-motion: reduce) {
  html.playarc .pa-hole-ring,
  html.playarc .pa-hole-wave { animation: none; }
}


html.playarc.pa-navigating :focus-visible,
html.playarc .pa-tile:focus,
html.playarc .pa-tile:focus-visible,
html.playarc .wiki-card:focus,
html.playarc .wiki-card:focus-visible { outline: none !important; }



html.playarc .pa-hintbar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 70;
  display: flex;
  align-items: center;
  gap: 16px;
  height: auto;
  min-height: 0;
  padding: 8px clamp(12px, 1.6vw, 26px) 12px;
  background: none;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
  pointer-events: none;
}
html.playarc .pa-hintbar.is-hidden { display: flex; transform: none; opacity: 0.92; }

html.playarc .pa-hint {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(220, 232, 248, 0.82);
  white-space: nowrap;
  text-shadow: 0 1px 10px rgba(0, 4, 12, 0.7);
}

html.playarc .pa-kbd,
html.playarc .pa-key {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 18px;
  padding: 0 6px;
  border-radius: 4px;
  font-family: var(--pa-console);
  font-size: 10px;
  font-weight: 600;
  font-stretch: 115%;
  letter-spacing: 0;
  line-height: 1;
  color: rgba(220, 234, 255, 0.86);
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-kbd.is-enter { min-width: 40px; color: rgba(154, 216, 255, 0.9); }
html.playarc .pa-kbd.is-esc { min-width: 28px; color: rgba(255, 180, 194, 0.88); }
html.playarc .pa-kbd.is-arrow {
  width: 18px;
  min-width: 18px;
  padding: 0;
  font-size: 11px;
}
html.playarc .pa-kbd.is-wide,
html.playarc .pa-key.is-wide {
  width: auto;
  min-width: 0;
  padding: 0 6px;
  color: var(--pa-faint);
  font-size: 9.5px;
}
html.playarc .pa-arrows { display: inline-flex; gap: 3px; }
html.playarc .pa-arrows-compact { display: none; }
html.playarc .pa-hint-move { gap: 8px; }
html.playarc .pa-hintbar-end { margin-inline-start: auto; display: flex; align-items: center; gap: 14px; }
html.playarc .pa-hint-brand {
  font-family: var(--pa-console);
  font-size: 10px;
  font-weight: 600;
  font-stretch: 118%;
  letter-spacing: 0.14em;
  color: rgba(196, 214, 238, 0.38);
}

html.playarc .pa-tooltip {
  position: fixed;
  top: 0;
  left: 0;
  right: auto !important;
  inset-inline: auto;
  direction: ltr;
  z-index: 90;
  max-width: 240px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #f2f7ff;
  font-family: var(--pa-ui);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transform: translate3d(-50%, 10px, 0);
  transition: opacity 140ms linear, transform 160ms var(--pa-ease-out);
  text-shadow: 0 1px 12px rgba(0, 4, 12, 0.85);
}
html.playarc .pa-tooltip.is-on {
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
}


html.playarc .app,
html.playarc .storage-app,
html.playarc .account-app,
html.playarc .account-app h1,
html.playarc .account-app h2,
html.playarc .account-app h3,
html.playarc .account-app p,
html.playarc .account-app button,
html.playarc .account-app input {
  font-family: var(--pa-ui);
  letter-spacing: 0;
}
html.playarc .account-app,
html.playarc .admin-app,
html.playarc .wiki-app,
html.playarc .otp-app {
  box-sizing: border-box;
  padding-bottom: var(--pa-hint-h);
}
html.playarc { scroll-padding-bottom: calc(var(--pa-hint-h) + 8px); }


html.playarc .pa-panel {
  background: linear-gradient(180deg, rgba(17, 27, 46, 0.72), rgba(11, 19, 34, 0.72));
  border: 1px solid var(--pa-line);
  border-radius: var(--pa-r-lg);
  box-shadow: var(--pa-shadow);
}


html.playarc .pa-card {
  position: relative;
  background: linear-gradient(180deg, rgba(17, 27, 46, 0.85), rgba(9, 16, 29, 0.85));
  border: 1px solid var(--pa-line);
  border-radius: var(--pa-r);
  transition: transform var(--pa-base) var(--pa-ease),
              border-color var(--pa-fast) linear,
              box-shadow var(--pa-base) var(--pa-ease);
}
html.playarc .pa-card:hover {
  transform: translateY(-4px) scale(1.012);
  border-color: rgba(120, 200, 255, 0.42);
  box-shadow: var(--pa-shadow-lift);
}


@keyframes pa-rise {
  from { opacity: 0; transform: translate3d(0, 14px, 0); }
  to   { opacity: 1; transform: none; }
}
html.playarc .pa-rise { animation: pa-rise var(--pa-slow) var(--pa-ease-out) both; }


html.playarc .pa-stagger > * {
  animation: pa-rise var(--pa-slow) var(--pa-ease-out) both;
  animation-delay: calc(var(--i, 0) * 42ms);
}


html:not(.pa-wiki-home) .pa-boot { display: none; }
html.playarc .pa-boot {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  pointer-events: none;
  background:
    radial-gradient(40% 34% at 50% 46%, transparent 0%, rgba(2, 6, 14, 0.18) 70%, rgba(2, 5, 11, 0.55) 100%);
  opacity: 1;
  transition: opacity 420ms var(--pa-ease-out);
}
html.playarc .pa-boot.is-done { opacity: 0; }
html.playarc .pa-boot-mark {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  pointer-events: none;
}
html.playarc .pa-boot-brand {
  font-family: var(--pa-display);
  font-size: clamp(28px, 3.2vw, 40px);
  font-weight: 700;
  letter-spacing: 0.22em;
  color: #f4f8ff;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-boot-brand span { font-weight: 300; }
html.playarc .pa-boot-bar {
  width: min(220px, 42vw);
  height: 2px;
  border-radius: 1px;
  background: rgba(200, 220, 245, 0.14);
  overflow: hidden;
  direction: ltr;
}
html.playarc .pa-boot-fill {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(0.08);
  transform-origin: 0 50%;
  background: #e8f4ff;
  box-shadow: 0 0 12px rgba(160, 220, 255, 0.45);
  animation: pa-boot-load 2.2s var(--pa-ease-out) forwards;
}
html.playarc.pa-ready .pa-boot-fill { animation: none; }
@keyframes pa-boot-load {
  to { transform: scaleX(0.88); }
}

html.playarc.pa-wiki-home:not(.pa-ready) .wiki-app,
html.playarc.pa-wiki-home:not(.pa-ready) .pa-hintbar,
html.playarc.pa-booting .wiki-app,
html.playarc.pa-booting .pa-hintbar {
  opacity: 0;
  pointer-events: none;
}
html.playarc.pa-ready .wiki-app,
html.playarc.pa-ready .pa-hintbar {
  opacity: 1;
  pointer-events: auto;
}
html.playarc.pa-wiki-home .wiki-app {
  animation: pa-unfreeze 0s 1.15s linear forwards;
}
html.playarc.pa-ready .wiki-app { animation: none; }
@keyframes pa-unfreeze {
  to { opacity: 1; pointer-events: auto; }
}
html.playarc .pa-home > .pa-rail {
  opacity: 1;
}


html:not(.pa-wiki-home) .pa-boot,
html.playarc:not(.pa-wiki-home) .pa-boot {
  display: none !important;
}



html.playarc .pa-virtual > * {
  content-visibility: auto;
  contain-intrinsic-size: auto 220px;
}


html.playarc .pa-card:hover,
html.playarc .pa-btn:hover,
html.playarc .pa-icon-btn:hover { will-change: transform; }

@media (prefers-reduced-motion: reduce) {
  html.playarc *,
  html.playarc *::before,
  html.playarc *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html.playarc .pa-focus-ring { transition: opacity 0.01ms linear !important; }
}


html.playarc.pa-lowfx .pa-topbar,
html.playarc.pa-lowfx .pa-hintbar {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: transparent;
}
html.playarc.pa-lowfx .pa-topbar::after { animation: none; opacity: 0.3; transform: none; }
html.playarc.pa-lowfx .pa-wordmark-arc,
html.playarc.pa-lowfx .pa-mark-halo,
html.playarc.pa-lowfx .pa-mark-well,
html.playarc.pa-lowfx .pa-empty-dash { animation: none; }
html.playarc.pa-lowfx .pa-focus-ring { box-shadow: none; }


html.playarc .pa-wordmark-names {
  direction: ltr;
  unicode-bidi: isolate;
  display: flex;
  flex-direction: column;
  gap: 3px;
  line-height: 1;
  min-width: 0;
}
html.playarc .pa-clock-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  flex: none;
  height: 48px;
  min-height: 48px;
  box-sizing: border-box;
  padding: 0 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(16, 32, 64, .72), rgba(6, 12, 28, .9));
  border: 1px solid rgba(154, 228, 255, .14);
  box-shadow: 0 12px 28px rgba(0, 6, 20, .32), inset 0 1px 0 rgba(255,255,255,.05);
  line-height: 1;
}


html.playarc .shell-nav.shell-nav.shell-nav,
html.playarc .shell-nav.pa-tabs,
html.playarc.ps-fx .shell-nav,
html.playarc.ps-fx .wiki-app .shell-nav,
html.playarc.ps-fx .storage-app .shell-nav {
  border: 1px solid rgba(154, 228, 255, .18) !important;
  box-shadow: 0 18px 44px rgba(0, 6, 20, .42), inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter: blur(20px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.25) !important;
  border-radius: 18px !important;
  filter: none !important;
  padding: 4px !important;
  gap: 2px !important}
html.playarc .shell-nav a,
html.playarc .shell-nav a:hover,
html.playarc .shell-nav a:focus,
html.playarc .shell-nav a:focus-visible,
html.playarc .shell-nav a.is-active,
html.playarc .shell-nav a.is-active:hover,
html.playarc .shell-nav button,
html.playarc .shell-nav button:hover,
html.playarc .shell-nav .nav-otp,
html.playarc .shell-nav .nav-otp:hover,
html.playarc .shell-nav.pa-tabs a.pa-tab,
html.playarc .shell-nav.pa-tabs a.pa-tab:hover,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active:hover,
html.playarc .shell-nav.pa-tabs button.pa-tab,
html.playarc.ps-fx .shell-nav a,
html.playarc.ps-fx .shell-nav a:hover,
html.playarc.ps-fx .shell-nav a.is-active,
html.playarc.ps-fx .shell-nav a.is-active:hover,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab:hover,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab.is-active:hover,
html.playarc.ps-fx .liquidGL .shell-nav a,
html.playarc.ps-fx .liquidGL .shell-nav a.is-active,
html.playarc.ps-fx .liquidGL .shell-nav a.is-active:hover,
html.playarc.ps-fx .liquidGL .shell-nav .nav-otp,
html.playarc.ps-fx .liquidGL .shell-nav .nav-otp:hover {
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  color: rgba(214, 226, 240, 0.74) !important;
  border-radius: 14px !important;
  filter: none !important;
  isolation: auto !important}
html.playarc .shell-nav a:hover,
html.playarc .shell-nav.pa-tabs a.pa-tab:hover,
html.playarc.ps-fx .shell-nav a:hover,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab:hover {
  color: #f4f8ff !important}
html.playarc .shell-nav a.is-active,
html.playarc .shell-nav a.is-active:hover,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active:hover,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab.is-active:hover,
html.playarc.ps-fx .liquidGL .shell-nav a.is-active {
  color: #f4f8ff !important;
  font-weight: 650 !important;
  box-shadow: inset 0 0 0 1px rgba(154, 228, 255, .18) !important}
html.playarc .shell-nav a span,
html.playarc .shell-nav.pa-tabs a.pa-tab span {
  position: relative;
  display: inline-block;
}
html.playarc .shell-nav a.is-active span,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active span {
  text-shadow: none;
}
html.playarc .shell-nav a.is-active span::after,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active span::after {
  content: none !important;
  display: none !important;
}
html.playarc .shell-nav a:active,
html.playarc .shell-nav a:focus-visible,
html.playarc.ps-fx .shell-nav a:active,
html.playarc.ps-fx .shell-nav a:focus-visible {
  color: #ffffff !important;
  outline: none !important;
}
html.playarc .shell-nav a::before,
html.playarc .shell-nav a::after,
html.playarc .shell-nav button::before,
html.playarc .shell-nav button::after,
html.playarc .shell-nav .nav-otp::before,
html.playarc .shell-nav .nav-otp::after,
html.playarc .shell-meta::before,
html.playarc .shell-meta::after,
html.playarc .wiki-count-pill::before,
html.playarc .wiki-count-pill::after,
html.playarc .wiki-tab::before,
html.playarc.ps-fx .shell-nav a::before,
html.playarc.ps-fx .shell-nav a::after,
html.playarc.ps-fx .shell-meta::before,
html.playarc.ps-fx .shell-meta::after,
html.playarc.ps-fx .wiki-tab::before {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}


html.playarc .shell-meta,
html.playarc .wiki-count-pill,
html.playarc .shell-bar .wiki-count-pill,
html.playarc.ps-fx .shell-meta,
html.playarc.ps-fx .wiki-count-pill,
html.playarc.ps-fx .liquidGL .shell-meta,
html.playarc.ps-fx .wiki-app .wiki-count-pill {
  background: linear-gradient(180deg, rgba(16, 32, 64, .72), rgba(6, 12, 28, .9)) !important;
  background-image: none !important;
  border: 1px solid rgba(154, 228, 255, .14) !important;
  box-shadow: 0 12px 28px rgba(0, 6, 20, .32), inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter: blur(16px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
  border-radius: 16px !important;
  filter: none !important;
  padding: 0 14px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}
html.playarc .wiki-count-pill .dot { display: none !important; }


html.playarc .shell-bar.shell-bar.shell-bar {
  display: flex !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  grid-template-areas: none !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  border-radius: 0 !important;
  min-height: var(--pa-topbar-h) !important;
  height: var(--pa-topbar-h) !important;
  overflow: visible !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  filter: none !important;
}

html.playarc .shell-bar.shell-bar > .shell-nav {
  margin-inline: auto !important;
  flex: 0 1 auto !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  overflow: visible !important;
}
html.playarc .shell-bar.shell-bar > .shell-brand,
html.playarc .shell-bar.shell-bar > .pa-clock-wrap {
  flex: 0 0 auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  max-width: none !important;
}
html.playarc .shell-bar.shell-bar > .shell-meta { order: 1; }
html.playarc .shell-bar.shell-bar > .pa-clock-wrap { order: 2; margin-inline-end: 10px; }
html.playarc .shell-bar.shell-bar > .shell-end { order: 3; }
html.playarc .shell-bar.shell-bar > .shell-end,
html.playarc.ps-fx .shell-end.shell-end,
html.playarc.ps-fx .wiki-app .shell-end.shell-end,
html.playarc.ps-fx .storage-app .shell-end.shell-end,
html.playarc.ps-fx .shop-app .shell-end.shell-end {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
}
html.playarc .shell-bar.shell-bar > .shell-meta,
html.playarc.ps-fx .wiki-app .shell-meta,
html.playarc.ps-fx .shell-bar > .shell-meta {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-column: auto !important;
  grid-row: auto !important;
}

html.playarc .wiki-count-pill.pa-now,
html.playarc .wiki-count-pill {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: min(22vw, 240px) !important;
}
html.playarc .wiki-count-pill.is-now {
  max-width: min(34vw, 380px) !important;
}
html.playarc .pa-now-inner,
html.playarc .wiki-count-pill b,
html.playarc .wiki-count-pill .pa-now-inner {
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
  font-family: var(--pa-ui) !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  line-height: 1;
}
html.playarc .wiki-count-pill.is-now .pa-now-inner {
  align-items: center;
  gap: 8px;
}
html.playarc .wiki-count-num {
  font-family: var(--pa-num) !important;
  font-stretch: 100%;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  font-size: clamp(15px, 1.15vw, 18px) !important;
  font-weight: 650 !important;
  letter-spacing: 0;
  color: #f3f7ff !important;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .wiki-count-lbl {
  font-family: var(--pa-ui) !important;
  font-size: clamp(11px, 0.78vw, 13px) !important;
  font-weight: 600 !important;
  color: rgba(200, 214, 230, 0.62) !important;
}
html.playarc .wiki-now-name {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--pa-ui);
  font-stretch: 100%;
  font-size: clamp(13px, 1.05vw, 16px);
  font-weight: 600;
  letter-spacing: 0;
  color: rgba(236, 244, 255, 0.94);
  line-height: 1.15;
}
html.playarc .wiki-now-name[dir="rtl"] {
  font-family: var(--pa-ui), sans-serif;
  font-stretch: 100%;
  letter-spacing: 0;
}
html.playarc .pa-now-back {
  flex: none;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: rgba(236, 244, 255, 0.92);
  background: rgba(6, 10, 18, 0.36);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.2);
  cursor: pointer;
}
html.playarc .pa-now-back svg {
  width: 16px;
  height: 16px;
  display: block;
  margin: 8px auto;
}
html:not([dir="rtl"]).playarc .pa-now-back svg { transform: scaleX(-1); }
html.playarc .pa-now-back:hover,
html.playarc .pa-now-back:focus-visible {
  outline: none;
  color: #fff;
  box-shadow: inset 0 0 0 1px rgba(150, 210, 255, 0.36)}
html.playarc .pa-now-back:active {
  transform: scale(0.94);
  background: rgba(28, 48, 78, 0.8);
}
html.playarc.pa-wiki-detail .wiki-count-pill.is-now ~ * .pa-back,
html.playarc.pa-wiki-detail .pa-back {
  display: none !important;
}
html.playarc.pa-wiki-detail .ps-profile-chip .ps-name,
html.playarc .ps-profile-chip .ps-name,
html.playarc .ps-profile-chip .ps-caret {
  display: none !important;
}


html.playarc [hidden] { display: none !important; }
html.playarc .storage-top,
html.playarc .topbar,
html.playarc .wiki-top,
html.playarc .admin-top,
html.playarc header.liquidGL,
html.playarc .storage-top.liquidGL {
  border-radius: 0 !important;
  min-height: var(--pa-topbar-h) !important;
  margin: 0 !important;
  padding-inline: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  animation: none !important;
}
html.playarc .storage-top::before,
html.playarc .storage-top::after,
html.playarc .topbar::before,
html.playarc .topbar::after,
html.playarc header.liquidGL::before,
html.playarc header.liquidGL::after,
html.playarc .storage-top.liquidGL::before,
html.playarc .storage-top.liquidGL::after { display: none !important; }




html.playarc .main-inner,
html.playarc .side-inner,
html.playarc .account-main .liquidGL-content,
html.playarc .section-block {
  border-radius: var(--pa-r-lg);
}


html.playarc input[type="text"],
html.playarc input[type="search"],
html.playarc input[type="password"],
html.playarc input[type="email"],
html.playarc input[type="number"],
html.playarc textarea,
html.playarc select {
  font-family: var(--pa-ui);
  border-radius: var(--pa-r-sm) !important;
  border: 1px solid var(--pa-line) !important;
  background: rgba(4, 8, 16, 0.55) !important;
  color: var(--pa-text);
  transition: border-color var(--pa-fast) linear,
              box-shadow var(--pa-fast) linear,
              background-color var(--pa-fast) linear;
}
html.playarc input:focus,
html.playarc textarea:focus,
html.playarc select:focus {
  outline: none;
  border-color: rgba(120, 200, 255, 0.6) !important;
  box-shadow: 0 0 0 3px rgba(76, 196, 255, 0.16) !important}
html.playarc ::placeholder { color: var(--pa-faint); opacity: 1; }


html.playarc input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 22px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 7px !important;
  border: 0 !important;
  background: rgba(8, 14, 28, .72) !important;
  box-shadow: inset 0 0 0 1px rgba(140, 190, 255, .28) !important;
  vertical-align: middle;
}
html.playarc input[type="checkbox"]:checked {
  background: #3aa0ff !important;
  box-shadow: none !important;
}
html.playarc input[type="checkbox"]:checked::after {
  content: "" !important;
  width: 10px;
  height: 6px;
  border: 2px solid #f4f8ff;
  border-top: 0;
  border-inline-start: 0;
  transform: rotate(45deg) translateY(-1px);
}
html.playarc .field.chk,
html.playarc label.chk {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  min-height: 40px;
}
html.playarc input[type="checkbox"][hidden] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}
html.playarc .glass-toggle > input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  max-width: 1px !important;
  pointer-events: none !important;
  clip: rect(0,0,0,0) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.playarc .switch input[type="checkbox"],
html.playarc .proxy-arm input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  display: none !important;
  pointer-events: none !important;
  clip: rect(0, 0, 0, 0) !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.playarc .switch input[type="checkbox"]::after,
html.playarc .proxy-arm input[type="checkbox"]::after,
html.playarc .switch input[type="checkbox"]:checked::after,
html.playarc .proxy-arm input[type="checkbox"]:checked::after {
  content: none !important;
  display: none !important;
}
html.playarc .switch,
html.playarc .proxy-arm {
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 24px;
  width: auto !important;
}


html.playarc .btn-soft,
html.playarc .tb-btn,
html.playarc .btn {
  font-family: var(--pa-ui);
  font-weight: 600;
  border-radius: var(--pa-r-pill);
  transition: transform var(--pa-fast) var(--pa-ease),
              border-color var(--pa-fast) linear,
              background-color var(--pa-fast) linear;
}
html.playarc .btn-soft:hover,
html.playarc .tb-btn:hover,
html.playarc .btn:hover { transform: translateY(-2px); }
html.playarc .btn-soft:active,
html.playarc .tb-btn:active,
html.playarc .btn:active { transform: translateY(0) scale(0.97); }


html.playarc .icon-btn,
html.playarc .ico-btn {
  transition: transform var(--pa-fast) var(--pa-ease),
              color var(--pa-fast) linear,
              border-color var(--pa-fast) linear;
}
html.playarc .icon-btn:hover,
html.playarc .ico-btn:hover { transform: translateY(-2px) scale(1.07); }
html.playarc .icon-btn:active,
html.playarc .ico-btn:active { transform: scale(0.93); }


html.playarc .ps-card.ps-card,
html.playarc .row-card.row-card {
  border-radius: var(--pa-r) !important;
  border-color: var(--pa-line) !important;
  transition: transform var(--pa-base) var(--pa-ease),
              border-color var(--pa-fast) linear,
              box-shadow var(--pa-base) var(--pa-ease) !important;
}
html.playarc .ps-card.ps-card:hover,
html.playarc .row-card.row-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(120, 200, 255, 0.4) !important;
  box-shadow: var(--pa-shadow-lift) !important;
}


html.playarc .section-block h2,
html.playarc .main-heading h1,
html.playarc .side-inner h2 { letter-spacing: var(--pa-track-tight); }

html.playarc[lang="fa"] h1,
html.playarc[lang="fa"] h2,
html.playarc[lang="fa"] h3,
html.playarc[lang="fa"] .section-block h2,
html.playarc[lang="ar"] h1,
html.playarc[lang="ar"] h2,
html.playarc[lang="ar"] h3,
html.playarc[lang="ur"] h1,
html.playarc[lang="ur"] h2,
html.playarc[lang="ur"] h3,
html.playarc .account-app h1,
html.playarc .account-app h2,
html.playarc .account-app h3,
html.playarc .account-app .section-block h2,
html.playarc .account-app .section-block p,
html.playarc .account-app .profile-tabs button {
  letter-spacing: 0 !important;
  font-family: var(--pa-ui) !important;
  font-weight: 700 !important;
  font-synthesis: none;
}
html.playarc .pa-hint [data-pa-hint] {
  font-style: normal;
  font-family: var(--pa-ui);
  letter-spacing: 0;
}
html.playarc .pa-title-copy h1[dir="ltr"],
html.playarc[lang="fa"] .pa-title-copy h1[dir="ltr"] {
  font-family: var(--pa-console), "Segoe UI", sans-serif !important;
  font-weight: 650 !important;
  font-stretch: 112% !important;
  letter-spacing: 0.012em !important;
}
html.playarc .pa-title-copy h1[dir="rtl"],
html.playarc[lang="fa"] .pa-title-copy h1[dir="rtl"] {
  font-family: "Vazirmatn", var(--pa-ui), sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
html.playarc .pa-story-block[dir="ltr"] h3 {
  font-family: var(--pa-console) !important;
  font-stretch: 118% !important;
  letter-spacing: 0.16em !important;
}
html.playarc .pa-story-block[dir="rtl"] h3 {
  font-family: var(--pa-ui) !important;
  letter-spacing: 0.08em !important;
}


html.playarc,
html.playarc body,
html.playarc.ps-fx,
html.playarc.ps-fx body,
html.playarc.ps-fx *,
html.playarc.ps-fx *::before,
html.playarc.ps-fx *::after {
  scrollbar-width: none !important;
  scrollbar-color: transparent transparent !important;
}
html.playarc.ps-fx { scrollbar-gutter: auto !important; }
html.playarc ::-webkit-scrollbar,
html.playarc.ps-fx *::-webkit-scrollbar,
html.playarc.ps-fx *::-webkit-scrollbar-thumb,
html.playarc.ps-fx *::-webkit-scrollbar-track {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.playarc .pa-scroll-wake {
  position: fixed;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
}
html.playarc .pa-scroll-wake.is-on { opacity: 1; }
html.playarc .pa-wake-fog,
html.playarc .pa-wake-wave {
  position: absolute;
  inset: 18% 8%;
  pointer-events: none;
}
html.playarc .pa-wake-fog {
  background: radial-gradient(
    ellipse 58% 42% at 50% 50%,
    rgba(150, 214, 255, 0.14),
    rgba(70, 150, 230, 0.05) 46%,
    transparent 72%
  );
  opacity: 0;
}
html.playarc .pa-wake-wave {
  background: repeating-linear-gradient(
    var(--wake-ang, 180deg),
    transparent 0 36px,
    rgba(170, 230, 255, 0.11) 48px,
    transparent 64px
  );
  opacity: 0;
  -webkit-mask-image: radial-gradient(ellipse 70% 55% at 50% 50%, #000 0%, transparent 78%);
  mask-image: radial-gradient(ellipse 70% 55% at 50% 50%, #000 0%, transparent 78%);
}
html.playarc .pa-scroll-wake.is-on .pa-wake-fog {
  animation: pa-wake-fade 640ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
html.playarc .pa-scroll-wake.is-on .pa-wake-wave {
  animation: pa-wake-travel 680ms cubic-bezier(0.16, 1, 0.3, 1) both;
}
@keyframes pa-wake-travel {
  0% { opacity: 0; transform: translate3d(calc(var(--wx, 0px) * -0.7), calc(var(--wy, 0px) * -0.7), 0); }
  18% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(var(--wx, 0px), var(--wy, 0px), 0); }
}
@keyframes pa-wake-fade {
  0% { opacity: 0; transform: scale(0.96) translate3d(calc(var(--wx, 0px) * -0.25), calc(var(--wy, 0px) * -0.25), 0); }
  20% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.04) translate3d(calc(var(--wx, 0px) * 0.4), calc(var(--wy, 0px) * 0.4), 0); }
}
@media (prefers-reduced-motion: reduce) {
  html.playarc .pa-scroll-wake { display: none; }
  html.playarc .pa-points-glow { transition: none; }
}


html.playarc.pa-hopping {
  pointer-events: none;
}
html.playarc.pa-hopping .pa-hop-from,
html.playarc.pa-hopping .pa-hop-to {
  will-change: transform, opacity;
  transform-origin: 50% 40%;
}
html.playarc.pa-hopping .pa-hop-from.is-down {
  animation: pa-hop-leave-up 150ms var(--pa-ease-out) both;
}
html.playarc.pa-hopping .pa-hop-from.is-up {
  animation: pa-hop-leave-down 150ms var(--pa-ease-out) both;
}
html.playarc.pa-hopping .pa-hop-to.is-down {
  animation: pa-hop-enter-up 440ms var(--pa-ease-out) both;
}
html.playarc.pa-hopping .pa-hop-to.is-up {
  animation: pa-hop-enter-down 440ms var(--pa-ease-out) both;
}
@keyframes pa-hop-leave-up {
  to { transform: translate3d(0, -6%, 0) scale(0.97); opacity: 0.22; }
}
@keyframes pa-hop-leave-down {
  to { transform: translate3d(0, 6%, 0) scale(0.97); opacity: 0.22; }
}
@keyframes pa-hop-enter-up {
  from { transform: translate3d(0, 11%, 0) scale(0.955); opacity: 0.16; }
  to { transform: none; opacity: 1; }
}
@keyframes pa-hop-enter-down {
  from { transform: translate3d(0, -11%, 0) scale(0.955); opacity: 0.16; }
  to { transform: none; opacity: 1; }
}

html.playarc .pa-points {
  --pa-n: 2;
  --pa-i: 0;
  position: fixed;
  z-index: 24;
  top: var(--pa-points-top, 88px);
  bottom: var(--pa-points-bottom, 52px);
  inset-inline-start: auto;
  inset-inline-end: 10px;
  transform: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  width: 16px;
  height: auto;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  background: none;
  pointer-events: auto;
  opacity: 0.78;
}
html.playarc .pa-points[hidden] { display: none !important; }
html.playarc .pa-points:hover,
html.playarc .pa-points:focus-within { opacity: 1; }
html.playarc .pa-points-rail {
  position: absolute;
  inset-block: 10px;
  inset-inline-start: 50%;
  width: 2px;
  transform: translateX(-50%);
  border-radius: 99px;
  background: linear-gradient(
    180deg,
    transparent,
    rgba(170, 214, 255, 0.10) 10%,
    rgba(170, 214, 255, 0.22) 50%,
    rgba(170, 214, 255, 0.10) 90%,
    transparent
  );
  box-shadow: 0 0 0 1px rgba(8, 14, 26, 0.35);
  pointer-events: none;
}
html.playarc .pa-points-fill {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 2px;
  height: calc(var(--pa-i) * ((100% - 16px) / max(var(--pa-n) - 1, 1)));
  margin-left: -1px;
  border-radius: 99px;
  background: linear-gradient(180deg, rgba(126, 204, 255, 0.15), rgba(210, 240, 255, 0.85));
  box-shadow: 0 0 10px rgba(140, 210, 255, 0.35);
  pointer-events: none;
  transition: height 220ms var(--pa-ease-out);
}
html.playarc .pa-points-glow,
html.playarc .pa-points-thumb {
  position: absolute;
  left: 50%;
  top: 0;
  width: 4px;
  height: 28px;
  margin-left: -2px;
  border-radius: 99px;
  background: linear-gradient(180deg, #f4fbff 0%, #9ee7ff 55%, #5ec8ff 100%);
  box-shadow:
    0 0 8px rgba(158, 231, 255, 0.7),
    0 0 18px rgba(94, 200, 255, 0.28);
  transform: translateY(calc(var(--pa-i) * ((100% - 28px) / max(var(--pa-n) - 1, 1))));
  transition: transform 280ms var(--pa-ease-out);
  pointer-events: none;
}
html.playarc .pa-point-dot {
  appearance: none;
  position: relative;
  z-index: 1;
  width: 16px;
  min-height: 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  cursor: pointer;
  flex: 1 1 auto;
  display: grid;
  place-items: center;
  transition: transform 180ms var(--pa-ease-out);
}
html.playarc .pa-point-dot svg {
  display: none !important;
}
html.playarc .pa-point-dot::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(214, 226, 240, 0.22);
  box-shadow: 0 0 0 1px rgba(214, 226, 240, 0.12);
  transition: width 160ms linear, height 160ms linear, background 160ms linear, box-shadow 160ms linear;
}
html.playarc .pa-point-dot.is-lit::before {
  background: rgba(214, 240, 255, 0.72);
  box-shadow: 0 0 6px rgba(158, 231, 255, 0.35);
}
html.playarc .pa-point-dot.is-on::before {
  width: 7px;
  height: 7px;
  background: #f4fbff;
  box-shadow: 0 0 8px rgba(158, 231, 255, 0.85), 0 0 16px rgba(94, 200, 255, 0.35);
}
html.playarc .pa-point-dot:hover,
html.playarc .pa-point-dot:focus-visible {
  outline: none;
}
html.playarc.pa-lowfx .pa-hop-from,
html.playarc.pa-lowfx .pa-hop-to {
  animation: none !important;
}
@media (max-width: 720px) {
  html.playarc .pa-points { inset-inline-end: 6px; width: 14px; }
}
html.playarc:has(.storage-app.has-pa-vault) .pa-points,

html.playarc:has(.pa-vault.is-linear) .pa-points,

html.playarc.pa-wiki-detail .pa-points,

html.playarc:has(.pa-title-page) .pa-points {
  display: none !important;
}
html.playarc.pa-wiki-home .pa-points {
  display: none !important; 
  z-index: 24;
}
html.playarc.pa-wiki-home .pa-points[hidden] {
  display: none !important;
}

html.playarc.pa-points-on .pa-home,
html.playarc.pa-points-on .wiki-main {
  padding-inline-end: 18px;
}

html.playarc.pa-deck .pa-rail-track {
  scroll-behavior: auto;
  scroll-snap-type: none;
}


html.playarc ::selection { background: rgba(76, 196, 255, 0.32); color: #fff; }




html.playarc #ps-universe-host::before,
html.playarc #ps-universe-host::after {
  display: none !important;
}

html.playarc #ps-universe-host {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  contain: none !important;
  background: linear-gradient(180deg, #07111f 0%, #081526 42%, #050b16 100%) !important;
}
html.playarc #ps-universe {
  display: none !important;
  position: fixed !important;
  inset: 0 !important;
  width: auto !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 0;
}
html.playarc.pa-wgl #ps-universe {
  display: block !important;
}

html.playarc .pa-stage-well {
  display: block !important;
}
html.playarc.pa-wgl .pa-stage-well {
  display: none !important;
}
html.playarc.pa-nowgl .pa-stage-well,
html.playarc:not(.pa-wgl) .pa-stage-well {
  display: block !important;
}
html.playarc .pa-stage {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
html.playarc .pa-stage-well,
html.playarc .pa-stage-vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

html.playarc .pa-stage-aurora,
html.playarc .pa-stage-beam,
html.playarc .pa-stage-horizon,
html.playarc .pa-stage-mesh,
html.playarc .pa-stage-dust,
html.playarc .pa-stage-orbs,
html.playarc .pa-stage-ribbons,
html.playarc .pa-stage-halo,
html.playarc .pa-stage-caustic,
html.playarc .pa-stage-shards {
  display: none !important;
}
html.playarc .pa-stage-well {
  display: block;
  inset: -10%;
  background: linear-gradient(180deg, #07111f 0%, #081526 42%, #050b16 100%);
}
html.playarc .pa-stage-well::after { display: none !important; }
@keyframes pa-well-drift {
  from { transform: translate3d(-2.4%, -1.2%, 0); opacity: 0.55; }
  to { transform: translate3d(3.2%, 2%, 0); opacity: 1; }
}
html.playarc .pa-stage-vignette {
  background:
    radial-gradient(140% 115% at 50% 44%, transparent 70%, rgba(1, 3, 8, 0.22) 100%),
    linear-gradient(180deg, rgba(2, 6, 14, 0.06), transparent 12%, transparent 88%, rgba(2, 5, 11, 0.16));
}


html.playarc[data-world="ion"] {
  --pw-g: 40, 230, 210;
  --pw-g2: 20, 110, 190;
  --pw-floor: 10, 80, 140;
  --pw-mesh: 70, 210, 220;
  --pw-sky1: #04151c;
  --pw-sky2: #031018;
  --pw-sky3: #02080d;
  --pa-arc: #3ce6d0;
  --pa-arc-2: #1a8cff;
  --pa-arc-hot: #9ff7ea;
  --pa-glow: rgba(60, 230, 208, 0.45);
}
html.playarc[data-world="obsidian"] {
  --pw-g: 200, 220, 255;
  --pw-g2: 80, 90, 140;
  --pw-floor: 20, 24, 48;
  --pw-mesh: 90, 100, 140;
  --pw-sky1: #05060c;
  --pw-sky2: #03040a;
  --pw-sky3: #010208;
  --pa-arc: #c8d8ff;
  --pa-arc-2: #5a6aa0;
  --pa-arc-hot: #eef4ff;
  --pa-glow: rgba(180, 200, 255, 0.35);
}
html.playarc[data-world="ember"] {
  --pw-g: 255, 150, 70;
  --pw-g2: 200, 60, 40;
  --pw-floor: 140, 40, 18;
  --pw-mesh: 255, 170, 90;
  --pw-sky1: #1a0c08;
  --pw-sky2: #120805;
  --pw-sky3: #0a0402;
  --pa-arc: #ff9440;
  --pa-arc-2: #ff5a2a;
  --pa-arc-hot: #ffd0a0;
  --pa-glow: rgba(255, 140, 60, 0.45);
}
html.playarc[data-world="polar"] {
  --pw-g: 180, 230, 255;
  --pw-g2: 90, 150, 255;
  --pw-floor: 40, 90, 180;
  --pw-mesh: 200, 230, 255;
  --pw-sky1: #071422;
  --pw-sky2: #050e18;
  --pw-sky3: #030810;
  --pa-arc: #8ad4ff;
  --pa-arc-2: #3d7cff;
  --pa-arc-hot: #e4f6ff;
  --pa-glow: rgba(140, 210, 255, 0.5);
}
html.playarc[data-world="nova"] {
  --pw-g: 255, 110, 200;
  --pw-g2: 120, 60, 255;
  --pw-floor: 80, 20, 140;
  --pw-mesh: 230, 140, 255;
  --pw-sky1: #14081c;
  --pw-sky2: #0c0514;
  --pw-sky3: #07030c;
  --pa-arc: #ff6ec8;
  --pa-arc-2: #8a4dff;
  --pa-arc-hot: #ffd0f0;
  --pa-glow: rgba(255, 110, 200, 0.45);
}



html.playarc {
  --glass-blur: 18px;
  --glass-blur-clear: 14px;
  --glass-blur-sm: 12px;
}


html.playarc .topbar.liquidGL,
html.playarc .statusbar.liquidGL,
html.playarc .sidebar.liquidGL,
html.playarc main.liquidGL,
html.playarc .storage-main.liquidGL,
html.playarc .storage-side.liquidGL,
html.playarc .glass-well .glass-mat {
  backdrop-filter: blur(var(--glass-blur-clear)) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(var(--glass-blur-clear)) saturate(1.3) !important;
}


html.playarc main.liquidGL.storage-main,
html.playarc main.liquidGL.storage-main > .liquidGL-content,
html.playarc .storage-app,
html.playarc .storage-app .storage-body,
html.playarc .storage-app .main-inner,
html.playarc .app,
html.playarc .wiki-app,
html.playarc .admin-app,
html.playarc .account-app {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.playarc,
html.playarc body {
  background: var(--pw-sky3, #02050b) !important;
}
html.playarc .storage-app.storage-app {
  overflow: visible !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  gap: 0 !important;
}


html.playarc .list-wrap,
html.playarc #list {
  contain: paint;
}


html.playarc #list .ps-card,
html.playarc #list .ps-card.ps-card,
html.playarc .ps-card.ps-card.ps-card,
html.playarc .acct.acct.acct {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: linear-gradient(180deg, rgba(19, 30, 50, 0.92), rgba(10, 17, 30, 0.94)) !important;
}


@keyframes pa-card-in {
  from { opacity: 0; transform: translate3d(0, 16px, 0) scale(0.99); }
  to   { opacity: 1; transform: none; }
}
html.playarc .ps-card.ps-card,
html.playarc .ps-card.ps-card .ps-game {
  filter: none !important;
}
html.playarc #list .ps-card.ps-card {
  animation-name: pa-card-in !important;
}


html.playarc .fx-notify-drawer:not(.is-open) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  visibility: hidden;
  content-visibility: hidden;
}



html.playarc .pa-home { display: flex; flex-direction: column; gap: clamp(6px, 0.75vw, 12px); }

html.playarc .pa-home-head {
  padding: 4px 2px 0;
}
html.playarc .pa-home-title-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-top: 6px;
}
html.playarc .pa-home-title {
  margin: 0;
  font-size: var(--pa-t-h2);
  font-weight: 700;
  letter-spacing: var(--pa-track-tight);
}


html.playarc .pa-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: clamp(16px, 2vw, 30px);
  min-height: clamp(270px, 38vh, 400px);
  padding: clamp(18px, 2.4vw, 34px);
  border-radius: var(--pa-r-lg);
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(150, 185, 235, 0.16);
  background: linear-gradient(180deg, rgba(10, 22, 42, 0.28), rgba(6, 12, 22, 0.46));
  box-shadow: inset 0 1px 0 rgba(180, 230, 255, 0.08);
}

html.playarc .pa-hero-bg {
  position: absolute;
  inset: -10%;
  z-index: -2;
  background-size: cover;
  background-position: center 28%;
  filter: blur(34px) saturate(1.35) brightness(0.62);
  transform: scale(1.12);
  opacity: 0;
  transition: opacity var(--pa-slow) var(--pa-ease-out);
}
html.playarc .pa-hero-bg.is-in { opacity: 1; }
html.playarc .pa-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(to top, rgba(4, 7, 14, 0.94) 4%, rgba(4, 7, 14, 0.5) 44%, rgba(4, 7, 14, 0.2) 100%),
    linear-gradient(to right, rgba(4, 7, 14, 0.8), transparent 62%);
  pointer-events: none;
}

html.playarc .pa-hero-art {
  flex: none;
  width: clamp(94px, 9vw, 138px);
  aspect-ratio: 3 / 4;
  border-radius: var(--pa-r);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 24px 48px -20px rgba(0, 0, 0, 0.9);
  background: var(--pa-panel);
}
html.playarc .pa-hero-art img { width: 100%; height: 100%; object-fit: cover; display: block; }

html.playarc .pa-hero-body { min-width: 0; flex: 1 1 auto; }
html.playarc .pa-hero-title {
  margin: 0 0 6px;
  font-size: clamp(21px, 2.5vw, 40px);
  font-weight: 700;
  letter-spacing: var(--pa-track-tight);
  line-height: 1.08;
  text-wrap: balance;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.7);
}
html.playarc .pa-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin-bottom: 14px;
}
html.playarc .pa-hero-stat { display: flex; flex-direction: column; gap: 3px; }
html.playarc .pa-hero-stat b {
  font-family: var(--pa-mono);
  font-size: var(--pa-t-lead);
  font-weight: 700;
  color: var(--pa-text);
}
html.playarc .pa-hero-actions { display: flex; flex-wrap: wrap; gap: 9px; }


html.playarc .pa-rail { min-width: 0; }
html.playarc .pa-rail-head {
  position: relative;
  z-index: 12;
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 8px;
  padding-inline: var(--pa-gutter, clamp(22px, 3.2vw, 44px));
  pointer-events: none;
}
html.playarc .pa-rail-title {
  margin: 0;
  font-family: var(--pa-ui), sans-serif;
  font-size: clamp(17px, 1.35vw, 22px);
  font-weight: 700;
  letter-spacing: 0;
  color: rgba(232, 238, 248, 0.9);
}
html.playarc .pa-plat {
  font-family: var(--pa-console);
  font-stretch: 125%;
  font-variation-settings: "wdth" 125;
  font-weight: 700;
  letter-spacing: 0.14em;
  font-synthesis: none;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-rail-count {
  font-family: var(--pa-num);
  font-stretch: 100%;
  font-variation-settings: normal;
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 650;
  letter-spacing: 0;
  color: rgba(196, 210, 226, 0.5);
  padding: 0;
  border-radius: 0;
  border: 0;
  background: none;
  direction: ltr;
  unicode-bidi: isolate;
}

html.playarc .pa-rail-track {
  --pa-fade-left: 72px;
  --pa-fade-right: 72px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  gap: clamp(8px, 0.85vw, 12px);
  overflow-x: clip;
  overflow-y: clip;
  overflow-anchor: none;
  overscroll-behavior-x: none;
  scroll-snap-type: none;
  scroll-behavior: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none;
  padding: 14px 0 38px;
  margin-inline: 0;
  touch-action: pan-y pinch-zoom;
  cursor: grab;
  -webkit-user-select: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--pa-fade-left), #000 calc(100% - var(--pa-fade-right)), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 var(--pa-fade-left), #000 calc(100% - var(--pa-fade-right)), transparent 100%);
}
html[dir="rtl"].playarc .pa-rail-track.is-at-start { --pa-fade-right: 0px; }
html[dir="rtl"].playarc .pa-rail-track.is-at-end { --pa-fade-left: 0px; }
html:not([dir="rtl"]).playarc .pa-rail-track.is-at-start { --pa-fade-left: 0px; }
html:not([dir="rtl"]).playarc .pa-rail-track.is-at-end { --pa-fade-right: 0px; }
html.playarc .pa-rail-strip {
  display: flex;
  flex: 0 0 auto;
  width: max-content;
  min-width: max-content;
  gap: inherit;
  padding-inline: var(--pa-gutter, clamp(22px, 3.2vw, 44px));
  box-sizing: content-box;
}
html.playarc .pa-rail-track { justify-content: flex-start; }
html.playarc .pa-rail-strip { margin-inline: 0; }
html.playarc .pa-rail-track.is-panning .pa-rail-strip { will-change: transform; }
html.playarc .pa-rail-track::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
html.playarc .pa-rail-track.is-pushing {
  z-index: 4;
  overflow-x: clip;
  overflow-y: clip;
}
html.playarc .pa-rail-track.is-panning,
html.playarc .pa-rail-track.is-dragging {
  overflow-x: clip !important;
  overflow-y: clip !important;
  cursor: grabbing;
}
html.playarc .pa-rail-track.is-dragging .pa-tile {
  pointer-events: none;
}

html.playarc .pa-rail {
  overflow: clip;
}
html.playarc .pa-home { overflow: visible; }
html.playarc .pa-rail,
html.playarc .pa-tile,
html.playarc .wiki-card {
  scroll-margin-top: 88px;
  scroll-margin-block-start: 88px;
}
html.playarc .pa-tile,
html.playarc .pa-tile:focus,
html.playarc .pa-tile:focus-visible {
  outline: none !important;
  box-shadow: none;
}
html.playarc .pa-tile {
  position: relative;
  flex: none;
  width: clamp(136px, 11.2vw, 200px);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  z-index: 1;
  overflow: visible;
  transform-origin: 50% 50%;
  transform: translate3d(var(--rx, 0px), 0, 0);
  transition: transform 220ms var(--pa-ease-out);
  -webkit-user-drag: none;
  user-select: none;
}
html.playarc .pa-tile img {
  -webkit-user-drag: none;
  pointer-events: none;
}
html.playarc .pa-tile:hover,
html.playarc .pa-tile:focus-visible {
  --ry: 0px;
  --rs: 1.05;
  transform: translate3d(var(--rx, 0px), 0, 0);
}
html.playarc.pa-navigating .pa-tile:hover:not(.is-lift) {
  --rs: 1;
}
html.playarc .pa-tile.is-lift {
  z-index: 8;
  transition: transform 220ms var(--pa-ease-out);
}
html.playarc .pa-rail-track.is-pushing .pa-tile.is-lift .pa-tile-art,
html.playarc .wiki-grid.is-pushing .wiki-card.is-lift .cover-wrap {
  will-change: transform;
}

html.playarc .pa-tile-art {
  position: relative;
  isolation: isolate;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  overflow: hidden;
  background: #070b12;
  border: 0;
  box-shadow: none;
  transform-origin: 50% 50%;
  transform: translate3d(0, var(--ry, 0px), 0) scale(var(--rs, 1));
  transition: transform 220ms var(--pa-ease-out),
              box-shadow 160ms linear;
}
html.playarc .pa-rail:not(.is-library) .pa-tile-art {
  transform-origin: 50% 100%;
}
html.playarc .pa-tile-art::before {
  content: "";
  position: absolute;
  inset: -16%;
  z-index: 0;
  background-image: var(--pa-art);
  background-size: cover;
  background-position: center;
  filter: blur(22px) saturate(1.2) brightness(0.42);
  pointer-events: none;
  opacity: 0;
}
html.playarc .pa-tile-art[style*="--pa-art"]::before {
  opacity: 0;
}
html.playarc .pa-tile:focus { outline: none; }
html.playarc .pa-tile.is-lift .pa-tile-art {
  box-shadow:
    0 0 0 2px rgba(var(--pa-item), 0.82),
    0 18px 36px -16px rgba(0, 0, 0, 0.58),
    0 0 28px -8px rgba(var(--pa-item), 0.45);
}
html.playarc.pa-navigating .pa-tile:hover:not(.is-lift) .pa-tile-art,
html.playarc .pa-tile:focus-visible:not(.is-lift) .pa-tile-art {
  box-shadow: none;
}
html.playarc .pa-tile-art img.pa-cover,
html.playarc .pa-tile-art > img:not(.pa-flag-img) {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  opacity: 0;
  transition: opacity 180ms ease;
}
html.playarc .pa-tile-art img.pa-cover.is-on,
html.playarc .pa-tile-art.is-ready > img:not(.pa-flag-img) {
  opacity: 1;
}


html.playarc .pa-tile-ph {
  width: 100%; height: 100%;
  display: grid;
  place-items: center;
  font-family: var(--pa-console);
  font-size: 20px;
  font-weight: 650;
  font-stretch: 118%;
  letter-spacing: 0.08em;
  color: rgba(190, 215, 245, 0.5);
}
html.playarc .pa-tile-art > .pa-tile-ph {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: auto;
  height: auto;
  pointer-events: none;
  transition: opacity 160ms ease;
}
html.playarc .pa-tile-art.is-ready > .pa-tile-ph {
  opacity: 0;
}

@keyframes pa-cover-scan {
  from { transform: translate3d(-140%, 0, 0); }
  to { transform: translate3d(140%, 0, 0); }
}
@keyframes pa-cover-land {
  from { opacity: 0; transform: scale(1.07); filter: saturate(.7) brightness(1.2); }
  to { opacity: 1; transform: none; filter: none; }
}
html.playarc .pa-tile-art.is-loading {
  background:
    radial-gradient(120% 90% at 50% 32%, rgba(80, 130, 190, .2), transparent 58%),
    #070b12;
}
html.playarc .pa-tile-art.is-loading .pa-tile-ph {
  animation: pa-hud-breathe 1.55s ease-in-out infinite;
}
html.playarc .pa-tile-art.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 36%, rgba(210, 236, 255, .18) 50%, transparent 64%);
  animation: pa-cover-scan 1.35s cubic-bezier(.37, .01, .63, 1) infinite;
}
html.playarc .pa-tile-art.is-land::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: linear-gradient(105deg, transparent 28%, rgba(255, 255, 255, .36) 50%, transparent 72%);
  animation: pa-poster-sheen 620ms cubic-bezier(.22, .7, .2, 1) both;
}
html.playarc .pa-tile-art.is-ready img.pa-cover.is-on {
  animation: pa-cover-land 520ms cubic-bezier(.16, 1, .3, 1) both;
}
html.playarc .pa-tile-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  max-width: 100%;
  min-height: calc(1.18em * 2);
  max-height: calc(1.18em * 2);
  margin: 0;
  padding: 6px 2px 0;
  background: none;
  border: 0;
  box-shadow: none;
  text-align: center;
  font-family: var(--pa-ui);
  font-size: clamp(11px, 0.78vw, 13.5px);
  font-weight: 600;
  font-stretch: 100%;
  font-variation-settings: normal;
  font-synthesis: none;
  line-height: 1.18;
  letter-spacing: 0;
  color: rgba(226, 234, 246, 0.9);
  white-space: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: none;
  unicode-bidi: isolate;
  transform: none;
  opacity: 1;
  text-shadow: none;
  transition:
    opacity 200ms linear,
    color 200ms linear;
}
html.playarc .pa-tile-name[dir="rtl"] {
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-stretch: 100%;
  font-variation-settings: normal;
  letter-spacing: 0;
  font-weight: 600;
}

html.playarc .pa-tile.is-deal .pa-tile-name {
  min-height: 1.18em;
  max-height: calc(1.18em * 2);
}
html.playarc .pa-deal-cc {
  display: block;
  flex: none;
  width: 22px;
  height: 15px;
  overflow: hidden;
  border-radius: 3px;
  background: rgba(8, 12, 20, 0.55);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.22);
}
html.playarc .pa-deal-cc .pa-flag-img,
html.playarc .pa-deal-kind .pa-flag-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
html.playarc .pa-deal-kind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 11px;
  font-weight: 650;
  color: rgba(186, 206, 226, 0.62);
}
html.playarc .pa-deal-off {
  position: absolute;
  z-index: 4;
  inset-inline-start: 8px;
  top: 8px;
  min-width: 48px;
  height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #eef6ff;
  color: #0a1420;
  font-family: var(--pa-num);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums lining-nums;
  font-synthesis: none;
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
  box-shadow: 0 8px 18px -10px rgba(4, 10, 22, 0.7);
  pointer-events: none;
}
html.playarc .pa-deal-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 0;
}
html.playarc .pa-deal-price {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  font-family: var(--pa-num);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums lining-nums;
  font-synthesis: none;
  color: #d8eeff;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-deal-price s {
  opacity: 0.42;
  margin: 0;
  font-weight: 500;
}
html.playarc .pa-deal-when {
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: rgba(186, 206, 226, 0.55);
  
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
html.playarc .pa-deal-when .pa-stamp-warn { margin-inline-start: 4px; }
html.playarc .pa-tile-eds {
  position: relative;
  inset: auto;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 6px;
  min-height: 16px;
  pointer-events: none;
  direction: ltr;
}
html.playarc .pa-tile-art .pa-tile-eds {
  position: absolute;
  inset-inline-end: 7px;
  bottom: 7px;
  top: auto;
  inset-inline-start: auto;
  margin-top: 0;
}
html.playarc .pa-tile-eds .pa-plat-ico,
html.playarc .pa-tile-eds .pa-plat-mark { height: 16px; width: auto; max-width: 86px; }
html.playarc .pa-tile-eds .pa-plat-word { display: none; }
html.playarc .pa-tile-eds i,
html.playarc .pa-tile-eds i.is-ps {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: 0;
  letter-spacing: 0;
  line-height: 1;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-plat-lock {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  direction: ltr;
  unicode-bidi: isolate;
  line-height: 1;
  color: #eef4fc;
}
html.playarc .pa-plat-ico,
html.playarc .pa-plat-mark {
  width: auto;
  height: 16px;
  flex: none;
  display: block;
  background: none;
  border: 0;
  filter: none;
  object-fit: contain;
}
html.playarc .pa-plat-mark {
  max-width: 88px;
}
html.playarc .pa-plat-shell { opacity: 0.92; fill: none; }
html.playarc .pa-plat-core { display: none; }
html.playarc .pa-plat-led { fill: none; opacity: 1; }
html.playarc .pa-plat-slot { fill: none; opacity: 0.8; }
html.playarc .pa-plat-ico-dot { fill: currentColor; }
html.playarc .pa-plat-word { display: none !important; }
html.playarc .pa-plat-ps,
html.playarc .pa-plat-n {
  font: inherit !important;
  font-family: inherit !important;
  font-stretch: inherit !important;
  letter-spacing: inherit;
  line-height: inherit;
  color: inherit;
}
html.playarc .pa-plat-n { letter-spacing: 0.01em; }
html.playarc .pa-plat-lock.is-ps5 {
  color: #f2f8ff;
}
html.playarc .pa-plat-lock.is-ps5 .pa-plat-ico,
html.playarc .pa-plat-lock.is-ps5 .pa-plat-mark {
  color: rgba(186, 220, 255, 0.92);
  filter: none;
}
html.playarc .pa-plat-lock.is-ps4 {
  color: rgba(226, 232, 240, 0.9);
}
html.playarc .pa-plat-lock.is-ps4 .pa-plat-ico,
html.playarc .pa-plat-lock.is-ps4 .pa-plat-mark {
  color: rgba(210, 218, 228, 0.86);
  filter: none;
}
html.playarc .pa-plat-sep {
  display: inline-block;
  width: 1px;
  height: 13px;
  margin-inline: 1px;
  background: rgba(210, 224, 240, 0.26);
  border-radius: 99px;
  vertical-align: middle;
}
html.playarc .pa-rail-title .pa-plat-lock,
html.playarc .pa-rail-title .pa-plat-sep {
  margin-inline-start: 0.28em;
  vertical-align: middle;
}
html.playarc .pa-rail-title .pa-plat-ico,
html.playarc .pa-rail-title .pa-plat-mark { height: 16px; width: auto; max-width: 88px; }
html.playarc .pa-rail-title .pa-plat-word { font-size: 13px; }
html.playarc .pa-tile:hover .pa-tile-name,
html.playarc .pa-tile:focus-visible .pa-tile-name,
html.playarc .pa-tile.is-lift .pa-tile-name {
  color: rgba(214, 224, 236, 0.86);
  opacity: 1;
  transform: none;
}


html.playarc .pa-soon,
html.playarc .pa-tile .pa-soon,
html.playarc .cover-wrap .pa-soon {
  position: absolute;
  top: 8px;
  inset-inline-start: 8px;
  z-index: 4;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  color: rgba(236, 244, 255, 0.92);
  background: rgba(8, 12, 20, 0.82);
  box-shadow: inset 0 0 0 1px rgba(220, 232, 248, 0.3);
  filter: none;
  animation: none;
}
html.playarc .pa-soon.has-days,
html.playarc .pa-soon.has-clock {
  width: auto;
  min-width: 44px;
  height: auto;
  padding: 4px 6px 5px;
  border-radius: 12px;
  gap: 2px;
}
html.playarc .pa-rail.is-feature .pa-soon.has-clock {
  min-width: 52px;
  padding: 6px 8px 7px;
  border-radius: 14px;
}
html.playarc .pa-rail.is-feature .pa-soon .pa-cd-tile > span {
  font-size: 12px;
}
html.playarc .pa-soon b,
html.playarc .pa-fresh b { display: none; }
html.playarc .pa-soon .pa-cd-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  font-size: 0;
  line-height: 1;
}
html.playarc .pa-soon .pa-cd-tile > span {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  font-family: var(--pa-num);
  font-stretch: 100%;
  font-variation-settings: normal;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
  color: rgba(232, 240, 250, 0.94);
}
html.playarc .pa-soon .pa-cd-tile i {
  font-family: var(--pa-ui), sans-serif;
  font-style: normal;
  font-stretch: 100%;
  font-variation-settings: normal;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0;
  color: rgba(214, 226, 240, 0.62);
}
html.playarc .pa-soon-days {
  display: block;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: rgba(230, 240, 255, 0.82);
}
html.playarc .pa-soon-ico,
html.playarc .pa-fresh-ico {
  width: 14px;
  height: 14px;
  flex: none;
  display: block;
}
html.playarc .pa-soon-dot,
html.playarc .pa-soon-glow,
html.playarc .pa-soon-shine {
  display: none !important;
  animation: none !important;
  filter: none !important;
}
html.playarc .pa-fresh {
  position: absolute;
  top: 8px;
  inset-inline-start: 8px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
  color: rgba(236, 244, 255, 0.92);
  background: rgba(8, 12, 20, 0.82);
  box-shadow: inset 0 0 0 1px rgba(220, 232, 248, 0.3);
}
html.playarc .pa-fresh-glow {
  display: none !important;
  animation: none !important;
}
html.playarc .wiki-dock .chip-soon .pa-fico { color: #ffb56a; }
html.playarc .wiki-dock .chip-fresh .pa-fico { color: #f0d36a; }
html.playarc .wiki-dock .chip-soon.active {
  color: #ffd7a0;
  background: linear-gradient(180deg, rgba(255, 168, 72, 0.28), rgba(255, 110, 36, 0.12));
  box-shadow: inset 0 0 0 1px rgba(255, 158, 64, 0.55);
}
html.playarc .wiki-dock .chip-fresh.active {
  color: #ffe9a8;
  background: linear-gradient(180deg, rgba(255, 220, 120, 0.22), rgba(200, 150, 40, 0.1));
  box-shadow: inset 0 0 0 1px rgba(230, 190, 70, 0.45);
}
html.playarc .wiki-app .pa-hero { display: none !important; }
html.playarc .pa-tile-badge {
  display: none !important;
}




html.playarc .pa-reveal {
  opacity: 0;
}
html.playarc .pa-reveal.is-in {
  opacity: 1;
  transition: opacity 480ms var(--pa-ease-out);
}
html.playarc .pa-rail.pa-reveal .pa-tile {
  opacity: 1;
}
html.playarc.pa-lowfx .pa-reveal {
  opacity: 1;
  transform: none;
  transition: none;
}
html.playarc.pa-lowfx .pa-rail.pa-reveal .pa-tile {
  opacity: 1;
  transition: transform 200ms var(--pa-ease);
}
@media (prefers-reduced-motion: reduce) {
  html.playarc .pa-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  html.playarc .pa-rail.pa-reveal .pa-tile {
    opacity: 1;
    transition: none;
  }
}


html.playarc .app.wiki-app,
html.playarc .wiki-app {
  width: 100% !important;
  max-width: none !important;
  overflow: visible;
  grid-template-columns: minmax(0, 1fr);
  padding-top: var(--pa-topbar-h);
}
html.playarc .wiki-app .wiki-main {
  width: 100%;
  min-width: 0;
  max-width: 1480px;
  margin-inline: auto;
  padding: 0 clamp(12px, 2.6vw, 32px) 28px;
  gap: clamp(10px, 1.4vw, 18px);
  box-sizing: border-box;
}
html.playarc .wiki-app .pa-home,
html.playarc .wiki-app .wiki-dock,
html.playarc .wiki-app .wiki-toolbar,
html.playarc .wiki-app .pa-rail,
html.playarc .wiki-app .wiki-grid {
  min-width: 0;
  max-width: 100%;
}
html.playarc .wiki-app .wiki-card { animation: none; }
html.playarc .wiki-grid {
  position: relative;
  padding: 28px 16px 32px;
}
html.playarc .wiki-card {
  overflow: visible !important;
  z-index: 1;
  transform-origin: 50% 0;
  transform: translate3d(var(--rx, 0px), 0, 0);
  transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
}
html.playarc .wiki-card:focus,
html.playarc .wiki-card:focus-visible {
  outline: none !important;
}
html.playarc .wiki-card:hover,
html.playarc .wiki-card:focus-visible,
html.playarc .wiki-app .wiki-card:hover,
html.playarc .wiki-app .wiki-card:focus-visible {
  --ry: 0px;
  --rs: 1.1;
  transform: translate3d(var(--rx, 0px), 0, 0);
}
html.playarc .wiki-card.is-lift { z-index: 6; }
html.playarc .wiki-card .cover-wrap {
  transform-origin: 50% 50%;
  transform: translate3d(0, var(--ry, 0px), 0) scale(var(--rs, 1));
  transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
  background: #05080e;
}
html.playarc .wiki-card .cover-wrap img {
  object-fit: contain;
  object-position: center;
}
html.playarc .wiki-card:hover .cover-wrap img,
html.playarc .wiki-app .wiki-card:hover .cover-wrap img {
  transform: none !important;
}
html.playarc .wiki-card .cap {
  font-family: var(--pa-ui) !important;
  font-weight: 600 !important;
  font-synthesis: none;
  letter-spacing: 0 !important;
  unicode-bidi: isolate;
}
html.playarc .wiki-app .play-hint { display: none; }
html.playarc .wiki-dock { display: none !important; }
html.playarc .wiki-toolbar,
html.playarc .wiki-toolbar.liquidGL,
html.playarc.ps-fx .wiki-toolbar.liquidGL,
html.playarc.ps-fx .wiki-toolbar.wiki-toolbar,
html.playarc.liquid-real .wiki-toolbar.liquidGL {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  min-height: 0;
  filter: none !important;
  animation: none !important;
  overflow: visible !important;
  isolation: auto !important;
  transform: none !important;
}
html.playarc .wiki-toolbar::before,
html.playarc .wiki-toolbar::after,
html.playarc .wiki-toolbar.liquidGL::before,
html.playarc .wiki-toolbar.liquidGL::after,
html.playarc.ps-fx .wiki-toolbar.liquidGL::before,
html.playarc.ps-fx .wiki-toolbar.liquidGL::after,
html.playarc.ps-fx .wiki-toolbar.liquidGL:hover::before {
  display: none !important;
  content: none !important;
  filter: none !important;
  opacity: 0 !important}
html.playarc .wiki-tabs {
  background: none !important;
  box-shadow: none !important;
  gap: 2px;
}
html.playarc .wiki-tab,
html.playarc .wiki-tab:hover,
html.playarc .wiki-tab.active,
html.playarc.ps-fx .wiki-tab,
html.playarc.ps-fx .wiki-tab:hover,
html.playarc.ps-fx .wiki-tab.active {
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: rgba(214, 226, 240, 0.48) !important;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 0 !important}
html.playarc .wiki-tab.active,
html.playarc.ps-fx .wiki-tab.active {
  color: #f4f8ff !important;
  font-weight: 600;
  box-shadow: none !important;
}
html.playarc .wiki-tab { position: relative; }
html.playarc .wiki-tab.active::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 4px;
  height: 1px;
  border-radius: 1px;
  background: #e8f4ff;
  box-shadow: 0 0 8px rgba(170, 220, 255, 0.35);
}
html.playarc .wiki-search input,
html.playarc.ps-fx .wiki-search input {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 -1px 0 rgba(200, 220, 245, 0.18) !important;
  height: 40px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.playarc .wiki-toolbar-inner {
  flex-wrap: nowrap;
  gap: 10px;
  padding: 10px 12px;
}
html.playarc .wiki-search { min-width: 140px; }
html.playarc .wiki-search input { height: 38px; }
html.playarc .wiki-staff { position: relative; flex: none; }
html.playarc .wiki-staff-sum {
  list-style: none;
  cursor: pointer;
  height: 38px;
  padding: 0 14px;
  border-radius: var(--pa-r-pill);
  display: inline-flex;
  align-items: center;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--pa-dim);
  background: rgba(255, 255, 255, 0.045);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
html.playarc .wiki-staff-sum::-webkit-details-marker { display: none; }
html.playarc .wiki-staff[open] .wiki-staff-sum {
  color: var(--pa-text);
  background: rgba(76, 196, 255, 0.16);
}
html.playarc .wiki-staff-menu {
  position: absolute;
  inset-inline-end: 0;
  top: calc(100% + 8px);
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 168px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid var(--pa-line);
  background: rgba(10, 16, 28, 0.94);
  box-shadow: var(--pa-shadow-lift);
}
html.playarc .wiki-staff-menu .btn { width: 100%; justify-content: flex-start; }
html.playarc .wiki-dock {
  position: relative;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  padding: 5px 8px;
  border-radius: 16px;
  border: 1px solid var(--pa-line);
  background: linear-gradient(180deg, rgba(17, 27, 46, 0.38), rgba(11, 19, 34, 0.22));
}
html.playarc .pa-fdefs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
html.playarc .wiki-dock-group,
html.playarc .pa-fseg {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
html.playarc .wiki-dock-lbl,
html.playarc .pa-fseg-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0;
  color: var(--pa-faint);
  flex: none;
}
html.playarc .pa-fseg-mark .pa-fico {
  width: 16px;
  height: 16px;
}
html.playarc .pa-fseg-gap {
  width: 1px;
  height: 22px;
  margin: 0 2px;
  background: rgba(255, 255, 255, 0.1);
  flex: none;
}
html.playarc .wiki-dock-chips,
html.playarc .wiki-dock .region-filters,
html.playarc .wiki-dock .release-filters,
html.playarc .wiki-dock .play-filters,
html.playarc .wiki-dock .genre-filters {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 0;
  margin: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
  min-width: 0;
}
html.playarc .wiki-dock-chips::-webkit-scrollbar { display: none; }
html.playarc .wiki-dock .chip-btn,
html.playarc .wiki-dock .pa-fchip {
  flex: none;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 11px;
  border: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  font-family: var(--pa-display);
  font-size: 0;
  font-weight: 650;
  letter-spacing: 0;
  color: var(--pa-dim);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
html.playarc .wiki-dock .pa-fchip.has-code {
  width: 38px;
  height: 38px;
}
html.playarc .wiki-dock .pa-fico,
html.playarc .wiki-dock .pa-soon-ico,
html.playarc .wiki-dock .pa-fresh-ico {
  width: 18px;
  height: 18px;
  display: block;
  margin: 0;
  flex: none;
  fill: none;
  color: inherit;
}
html.playarc .wiki-dock .pa-fchip.has-code .pa-fico { width: 15px; height: 15px; }
html.playarc .wiki-dock .pa-fcode {
  font-family: var(--pa-console);
  font-size: 8px;
  font-weight: 700;
  font-stretch: 125%;
  letter-spacing: 0.08em;
  line-height: 1;
  color: inherit;
}
html.playarc .wiki-dock .chip-btn.active,
html.playarc .wiki-dock .pa-fchip.active {
  color: var(--pa-text);
  background: rgba(76, 196, 255, 0.16);
  box-shadow: inset 0 0 0 1px rgba(76, 196, 255, 0.42);
}
html.playarc .wiki-dock .pa-fchip[data-play="offline"] { color: #f0a56a; }
html.playarc .wiki-dock .pa-fchip[data-play="online"] { color: #7ecbff; }
html.playarc .wiki-dock .pa-fchip[data-play="both"] { color: #9ad4c8; }
html.playarc .wiki-dock .pa-fchip[data-play="unknown"] { color: #9aa8bd; }
html.playarc .wiki-dock .pa-fchip[data-play].active {
  color: var(--pa-text);
}
html.playarc .wiki-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(158px, 42vw), 1fr));
  gap: clamp(10px, 1.4vw, 16px);
}

@media (max-width: 720px) {
  html.playarc .wiki-toolbar-inner { flex-wrap: wrap; }
  html.playarc .wiki-search { min-width: 0; width: 100%; }
  html.playarc .wiki-dock { gap: 4px; padding: 4px 6px; }
  html.playarc .pa-fseg-gap { display: none; }
}
@media (max-width: 520px) {
  html.playarc .wiki-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  html.playarc .pa-hero { flex-direction: column; align-items: flex-start; }
  html.playarc .pa-hero-art { width: 82px; }
  html.playarc .pa-tile { width: clamp(96px, 28vw, 132px); }
  html.playarc .pa-arrows { display: none; }
  html.playarc .pa-arrows-compact { display: inline-flex; }
  html.playarc .pa-hintbar { gap: 10px; overflow-x: auto; scrollbar-width: none; }
  html.playarc .pa-hintbar-end { display: none; }
}


@media (max-width: 1180px) {
  html.playarc .wiki-count-pill { max-width: min(20vw, 200px) !important; }
  html.playarc .wiki-count-pill.is-now { max-width: min(30vw, 280px) !important; }
}
@media (max-width: 900px) {
  html.playarc .pa-wordmark-sub { display: none; }
  html.playarc .pa-tab,
  html.playarc .shell-nav a,
  html.playarc .shell-nav.pa-tabs a.pa-tab,
  html.playarc .shell-nav.pa-tabs button.pa-tab {
    padding: 8px 9px 10px !important;
    font-size: 13.5px !important;
  }
  html.playarc .pa-tab .pa-tab-label { display: inline; }
  html.playarc .wiki-count-pill.is-now { max-width: min(42vw, 260px) !important; }
}
@media (max-width: 720px) {
  html.playarc .pa-clock-date { display: none; }
  html.playarc .wiki-count-lbl { display: none !important; }
  html.playarc .wiki-count-pill { max-width: 7.5rem !important; }
  html.playarc .wiki-count-pill.is-now { max-width: min(48vw, 220px) !important; }
  html.playarc .ps-profile-chip .ps-name { display: none !important; }
  html.playarc .shell-bar.shell-bar.shell-bar { gap: 8px !important; }
  html.playarc .shell-bar.shell-bar > .shell-nav {
    overflow-x: auto !important;
    max-width: min(58vw, 420px);
  }
  html.playarc .pa-tab,
  html.playarc .shell-nav a,
  html.playarc .shell-nav.pa-tabs a.pa-tab,
  html.playarc .shell-nav.pa-tabs button.pa-tab {
    padding: 8px 8px 10px !important;
    font-size: 13px !important;
  }
}
@media (max-height: 620px) {
  html.playarc { --pa-topbar-h: 52px; --pa-hint-h: 38px; }
}


html.playarc .profile-tabs {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 6px;
  margin-bottom: 1.2rem;
  border: 1px solid var(--pa-line);
  border-radius: var(--pa-r-pill);
  background: rgba(7, 12, 23, 0.55);
}
html.playarc .profile-tabs::-webkit-scrollbar { display: none; }
html.playarc .profile-tabs button {
  flex: none;
  border: 0 !important;
  background: transparent !important;
  color: var(--pa-dim) !important;
  padding: 9px 16px !important;
  border-radius: var(--pa-r-pill) !important;
  opacity: 1 !important;
  font-family: var(--pa-ui) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: color var(--pa-fast), background var(--pa-fast), transform var(--pa-fast);
}
html.playarc .profile-tabs button:hover {
  color: var(--pa-text) !important;
  transform: translateY(-1px);
}
html.playarc .profile-tabs button.is-active {
  color: #04121e !important;
  background: linear-gradient(180deg, #dff4ff, var(--pa-arc)) !important;
  box-shadow: 0 8px 20px -10px var(--pa-glow);
}


html.playarc:has(.storage-app.has-pa-vault),
html.playarc:has(.storage-app.has-pa-vault) body {
  width: 100% !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}
html.playarc .storage-app.has-pa-vault.storage-app {
  width: 100% !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0 !important;
  padding: 0 0 var(--pa-hint-h) !important;
  box-sizing: border-box !important;
}
html.playarc .storage-app.has-pa-vault .storage-body,
html.playarc .storage-app.has-pa-vault .storage-main,
html.playarc .storage-app.has-pa-vault .main-inner,
html.playarc .storage-app.has-pa-vault .pa-vault {
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
}
html.playarc .storage-app.has-pa-vault .storage-body {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  padding: 0 var(--pa-gutter) 10px !important;
}
html.playarc .storage-app.has-pa-vault .storage-main,
html.playarc .storage-app.has-pa-vault main.liquidGL.storage-main {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  
  background:
    linear-gradient(180deg, rgba(44, 16, 63, 0.55), rgba(16, 6, 26, 0.72)) !important;
  border: 1px solid rgba(255, 176, 122, 0.22) !important;
  box-shadow:
    0 0 0 1px rgba(6, 12, 22, 0.45),
    0 28px 56px -32px rgba(0, 0, 0, 0.88) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.playarc .storage-app.has-pa-vault .storage-main > .liquidGL-content,
html.playarc .storage-app.has-pa-vault .main-inner {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.playarc .storage-app.has-pa-vault .storage-side {
  display: none !important;
}
html.playarc .pa-vault {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(8px, 1.2vh, 16px);
  min-height: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
html.playarc .pa-vault[hidden] { display: none !important; }
html.playarc .pa-vault .pa-hero { display: none !important; }
html.playarc .pa-vault .pa-tile {
  width: clamp(104px, 9vw, 140px);
}
html.playarc .pa-vault .pa-tile-art {
  aspect-ratio: 1 / 1;
}


html.playarc .pa-folder {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 4px;
  padding: 7px;
  width: 100%;
  aspect-ratio: 1 / 1;
  background:
    linear-gradient(160deg, rgba(28, 40, 62, 0.95), rgba(8, 12, 22, 0.96));
}
html.playarc .pa-folder.is-hero {
  flex: none;
  width: clamp(118px, 12vw, 168px);
  border-radius: var(--pa-r);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 24px 48px -20px rgba(0, 0, 0, 0.9);
}
html.playarc .pa-tile:hover .pa-folder,
html.playarc .pa-tile:focus-visible .pa-folder {
  box-shadow: 0 18px 34px -16px rgba(0, 0, 0, 0.85);
}
html.playarc .pa-folder-cell {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(4, 8, 16, 0.45);
  min-width: 0;
  min-height: 0;
}
html.playarc .pa-folder-cell img,
html.playarc .pa-folder-cell .pa-tile-ph {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html.playarc .pa-folder-cell.is-empty { background: rgba(255, 255, 255, 0.04); }
html.playarc .pa-folder-more {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(4, 8, 16, 0.58);
  font-family: var(--pa-console);
  font-size: clamp(15px, 1.4vw, 22px);
  font-weight: 700;
  font-stretch: 120%;
  letter-spacing: 0.04em;
  color: #fff;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}
html.playarc .pa-tile-badge-out { display: none; }


html.playarc .pa-empty-art {
  position: relative;
}
html.playarc .pa-empty-art .pa-folder-cell.is-empty {
  background:
    linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.015));
  box-shadow: inset 0 0 0 1px rgba(140, 190, 255, 0.08);
}
html.playarc .pa-empty-core {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 5px;
  background: radial-gradient(circle at 50% 46%, rgba(6, 12, 22, 0.2), rgba(6, 12, 22, 0.55));
  pointer-events: none;
}
html.playarc .pa-empty-mark {
  width: 42%;
  height: 42%;
  display: block;
  filter: drop-shadow(0 0 10px rgba(76, 196, 255, 0.45));
}
html.playarc .pa-empty-label {
  font-family: var(--pa-ui);
  font-size: 11px;
  font-weight: 600;
  color: #c5d8f0;
  letter-spacing: 0.01em;
}


html.playarc .pa-otp-art {
  display: grid;
  place-items: center;
  background:
    linear-gradient(160deg, rgba(28, 40, 62, 0.95), rgba(8, 12, 22, 0.96));
}
html.playarc .pa-otp-mark {
  width: 54%;
  height: 54%;
  display: block;
  filter: drop-shadow(0 0 10px rgba(76, 196, 255, 0.4));
}
html.playarc .storage-app .tb-actions .tb-otp {
  width: auto !important;
  min-width: 88px !important;
  padding: 0 14px !important;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0;
  color: inherit;
}


html.playarc .pa-dialog {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  transition: opacity 200ms var(--pa-ease-out);
}
html.playarc .pa-dialog.is-on { opacity: 1; }
html.playarc .pa-dialog-scrim {
  position: absolute;
  inset: 0;
  background: rgba(3, 6, 12, 0.62);
}
html.playarc .pa-dialog-panel {
  position: relative;
  width: min(920px, 100%);
  max-height: min(82vh, 820px);
  display: flex;
  flex-direction: column;
  border-radius: 22px;
  border: 1px solid var(--pa-line-2);
  background: linear-gradient(180deg, rgba(16, 26, 44, 0.94), rgba(7, 11, 20, 0.96));
  box-shadow: 0 40px 80px -28px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(90, 190, 255, 0.12);
  overflow: hidden;
  transform: translateY(14px) scale(0.98);
  transition: transform 240ms var(--pa-ease-out);
}
html.playarc .pa-dialog.is-on .pa-dialog-panel { transform: none; }
html.playarc .pa-dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px 12px;
  border-bottom: 1px solid var(--pa-line);
}
html.playarc .pa-dialog-title {
  margin: 4px 0 2px;
  font-size: clamp(18px, 1.8vw, 26px);
  font-weight: 700;
}
html.playarc .pa-dialog-sub { margin: 0; color: var(--pa-dim); font-size: var(--pa-t-micro); }
html.playarc .pa-dialog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  gap: 12px;
  padding: 16px 20px;
  overflow: auto;
  min-height: 160px;
}
html.playarc .pa-lib-tile {
  display: flex;
  flex-direction: column;
  gap: 7px;
  text-decoration: none;
  color: inherit;
  min-width: 0;
  transition: transform var(--pa-base) var(--pa-snap);
}
html.playarc .pa-lib-tile:hover,
html.playarc .pa-lib-tile:focus-visible { transform: translateY(-4px) scale(1.04); }
html.playarc .pa-lib-art {
  aspect-ratio: 3 / 4;
  border-radius: 12px;
  overflow: hidden;
  background: var(--pa-panel);
  border: 1px solid var(--pa-line);
}
html.playarc .pa-lib-tile:hover .pa-lib-art {
  border-color: rgba(140, 210, 255, 0.6);
  box-shadow: 0 0 0 2px rgba(76, 196, 255, 0.22);
}
html.playarc .pa-lib-art img,
html.playarc .pa-lib-art .pa-tile-ph { width: 100%; height: 100%; object-fit: cover; display: block; }
html.playarc .pa-info-lib-count.is-addons {
  margin-top: 18px;
  color: #9ec4e8;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 800;
}
html.playarc .pa-dialog-grid.is-addons { opacity: 0.96; }
html.playarc .pa-lib-tile.is-addon .pa-lib-art {
  border-style: dashed;
  border-color: rgba(158, 196, 232, 0.45);
}
html.playarc .pa-lib-name {
  font-size: var(--pa-t-micro);
  font-weight: 600;
  line-height: 1.3;
  color: var(--pa-dim);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html.playarc .pa-lib-ago {
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  color: #d7e8ff;
  opacity: .88;
}
html.playarc .pa-dialog-foot {
  display: flex;
  gap: 16px;
  padding: 10px 18px 14px;
  border-top: 1px solid var(--pa-line);
}


html.playarc .pa-info-panel {
  width: min(1080px, calc(100vw - 32px));
  max-height: min(86vh, 880px);
  height: min(86vh, 880px);
}
html.playarc .pa-info-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px 12px;
  border-bottom: 1px solid var(--pa-line);
}
html.playarc .pa-info-who { min-width: 0; flex: 1 1 auto; }
html.playarc .pa-info-who .pa-dialog-title { margin: 4px 0 2px; }
html.playarc .pa-info-modes {
  display: flex;
  flex: none;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(4, 10, 18, 0.55);
  border: 1px solid rgba(168, 206, 242, 0.16);
  align-self: center;
}
html.playarc .pa-info-mode {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(210, 226, 244, 0.78);
  font-family: var(--pa-ui);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0;
  padding: 8px 16px;
  border-radius: 999px;
  cursor: pointer;
  min-width: 108px;
}
html.playarc .pa-info-mode.is-on,
html.playarc .pa-info-mode:focus-visible {
  color: #04121e;
  box-shadow: 0 8px 20px -10px var(--pa-glow);
  outline: none}
html.playarc .pa-info-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
html.playarc .pa-info-pane {
  display: none;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
html.playarc .pa-info-pane.is-on { display: flex; flex-direction: column; }
html.playarc .pa-info-dump {
  margin: 0;
  padding: 18px 22px 24px;
  flex: 1 1 auto;
  min-height: 240px;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.6;
  color: #d7e8ff;
  white-space: pre-wrap;
  word-break: break-word;
  direction: ltr;
  text-align: left;
  overflow: auto;
  background:
    linear-gradient(180deg, rgba(6, 12, 22, 0.35), rgba(4, 8, 16, 0.2));
  user-select: text;
}
html.playarc .pa-info-lib-count {
  margin: 0;
  padding: 12px 20px 0;
  color: var(--pa-dim);
  font-size: var(--pa-t-micro);
}
html.playarc .pa-info .pa-dialog-grid {
  flex: 1 1 auto;
}
html.playarc .pa-info-foot {
  align-items: center;
  flex-wrap: wrap;
}
html.playarc .pa-info-copy {
  appearance: none;
  border: 1px solid rgba(168, 206, 242, 0.22);
  background: rgba(12, 22, 38, 0.7);
  color: #e7f3ff;
  font-family: var(--pa-ui);
  font-size: 12px;
  font-weight: 650;
  padding: 7px 12px;
  border-radius: 999px;
  cursor: pointer;
  margin-inline-start: auto;
}
html.playarc .pa-info-copy:hover,
html.playarc .pa-info-copy:focus-visible {
  border-color: rgba(140, 210, 255, 0.7);
  box-shadow: 0 0 0 2px rgba(76, 196, 255, 0.18);
  outline: none;
}
html.playarc .pa-vault-empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-height: 0;
  color: var(--pa-dim);
  text-align: start;
}
html.playarc .pa-vault-empty p {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #c5d8f0;
}


html.playarc .storage-app.is-pa-add-dock .storage-body {
  grid-template-columns: minmax(0, 1fr) !important;
}
html.playarc .storage-app.is-pa-add-dock .storage-side { display: none !important; }


html.playarc .storage-app.has-pa-vault .main-toolbar,
html.playarc .storage-app.has-pa-vault .list-wrap,
html.playarc .storage-app.has-pa-vault .table-head,
html.playarc .storage-app.has-pa-vault #empty,
html.playarc .storage-app.has-pa-vault #emptySearch,
html.playarc .storage-app.has-pa-vault .storage-foot {
  display: none !important;
}
html.playarc .storage-app.has-pa-vault .main-inner {
  overflow: hidden !important;
  padding: 14px clamp(16px, 2vw, 32px) 16px !important;
}

html.playarc .storage-app.has-pa-vault .pa-add-dock {
  inset-inline-start: auto;
  inset-inline-end: calc(var(--pa-gutter) + 10px);
  bottom: calc(var(--pa-hint-h) + 16px);
  width: 52px;
  height: 52px;
}
html.playarc .pa-add-dock {
  position: fixed;
  z-index: 58;
  bottom: calc(var(--pa-hint-h) + 18px);
  inset-inline-start: auto;
  inset-inline-end: 22px;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 0;
  border-radius: 20px;
  cursor: pointer;
  color: #04121e;
  background: linear-gradient(160deg, #dff6ff, var(--pa-arc) 55%, var(--pa-arc-2));
  box-shadow: 0 16px 32px -14px var(--pa-glow), 0 0 0 1px rgba(255,255,255,.2);
  display: grid;
  place-items: center;
  transition: transform var(--pa-base) var(--pa-snap);
}
html.playarc .pa-add-dock:hover { transform: translateY(-3px) scale(1.06); }
html.playarc .pa-add-dock:active { transform: scale(0.96); }
html.playarc .pa-add-dock-plus {
  font-family: var(--pa-display);
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  margin-top: -10px;
}
html.playarc .pa-add-dock-mark {
  width: 34px;
  height: 34px;
  margin-top: -10px;
  filter: brightness(0.15);
}
html.playarc .pa-add-dock-label {
  position: absolute;
  bottom: 8px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
}
html.playarc .pa-add-dock-ring {
  position: absolute;
  inset: -6px;
  border-radius: 24px;
  border: 1px solid rgba(140, 210, 255, 0.35);
  animation: pa-dock-pulse 2.4s var(--pa-ease) infinite;
  pointer-events: none;
}
@keyframes pa-dock-pulse {
  0%, 100% { opacity: 0.25; transform: scale(0.96); }
  50% { opacity: 1; transform: scale(1.04); }
}

html.playarc .pa-add-stage {
  position: fixed;
  inset: 0;
  z-index: 86;
  display: grid;
  place-items: center;
  padding: 22px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 260ms var(--pa-ease-out);
}
html.playarc .pa-add-stage.is-on { opacity: 1; pointer-events: auto; }
html.playarc .pa-add-scrim {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(80% 60% at 50% 40%, rgba(40, 90, 160, 0.22), transparent 62%),
    rgba(2, 5, 10, 0.72);
}
html.playarc .pa-add-window {
  position: relative;
  width: min(520px, 100%);
  max-height: min(88vh, 860px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 26px;
  border: 1px solid rgba(150, 200, 255, 0.22);
  background: linear-gradient(180deg, rgba(14, 24, 42, 0.96), rgba(6, 10, 18, 0.98));
  box-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.9), 0 0 80px -20px rgba(60, 160, 255, 0.28);
  transform: translateY(22px) scale(0.96);
  transition: transform 320ms var(--pa-ease-out);
}
html.playarc .pa-add-stage.is-on .pa-add-window { transform: none; }

html.playarc .pa-add-core {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: min(88vh, 860px);
}
html.playarc .pa-add-core.is-exiting { opacity: 0; transform: scale(0.98); }
html.playarc .pa-add-core.is-away {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  inset: 0;
}
html.playarc .pa-add-head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 20px 8px;
}
html.playarc .pa-add-head h2 { margin: 4px 0 2px; font-size: 22px; }
html.playarc .pa-add-lead { margin: 0; color: var(--pa-dim); font-size: 13px; }
html.playarc .pa-add-orb {
  flex: none;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 35% 30%, #9ae4ff, var(--pa-arc-2));
  box-shadow: 0 0 24px var(--pa-glow);
}
html.playarc .pa-add-orb i {
  width: 14px; height: 14px;
  border-radius: 3px;
  background: #04121e;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
html.playarc .pa-add-guide {
  list-style: none;
  margin: 0;
  padding: 0 20px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
html.playarc .pa-add-guide li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12.5px;
  color: var(--pa-dim);
}
html.playarc .pa-add-guide b {
  flex: none;
  width: 22px; height: 22px;
  display: grid; place-items: center;
  border-radius: 50%;
  font-family: var(--pa-display);
  font-size: 11px;
  color: var(--pa-arc-hot);
  border: 1px solid rgba(120, 190, 255, 0.3);
}
html.playarc .pa-add-guide code {
  font-family: var(--pa-mono);
  font-size: 11px;
  color: #d7ecff;
}
html.playarc .pa-add-form {
  min-height: 0;
  overflow: auto;
  padding: 0 20px 8px;
}
html.playarc .pa-add-form .side-head { display: none; }
html.playarc .pa-add-form .side-inner {
  height: auto !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
html.playarc .pa-add-form .side-form-scroll { overflow: visible; }
html.playarc .pa-add-commit {
  display: flex;
  gap: 14px;
  padding: 10px 20px 16px;
}

html.playarc .pa-add-form .side-actions { justify-content: stretch; gap: 8px; }
html.playarc .pa-add-form #btnBackup,
html.playarc .pa-add-form .file-btn { display: none; }
html.playarc .pa-add-form #btnAdd {
  flex: 1;
  width: 100%;
  height: 52px;
  border-radius: 16px;
  background: linear-gradient(180deg, #dff6ff, var(--pa-arc) 60%, var(--pa-arc-2));
  box-shadow: 0 12px 28px -14px var(--pa-glow);
}
html.playarc .pa-add-form #btnAdd .ico { width: 22px; height: 22px; }

html.playarc .pa-add-result {
  position: relative;
  min-height: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  padding: 32px 24px;
  background: linear-gradient(180deg, rgba(14, 24, 42, 0.98), rgba(6, 10, 18, 1));
}
html.playarc .pa-add-result-title { margin: 6px 0 0; font-size: 22px; }
html.playarc .pa-add-result-msg { margin: 0; color: var(--pa-dim); max-width: 28ch; }
html.playarc .pa-add-glyph {
  width: 88px;
  height: 88px;
}
html.playarc .pa-add-ring {
  stroke: rgba(255,255,255,.16);
  stroke-width: 3;
}
html.playarc .pa-add-mark {
  fill: none;
  stroke-width: 4.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: pa-draw 520ms 80ms var(--pa-ease-out) forwards;
}
html.playarc .pa-add-result.is-ok .pa-add-mark { stroke: #38e0a4; }
html.playarc .pa-add-result.is-bad .pa-add-mark { stroke: #ff6b8a; }
html.playarc .pa-add-result.is-ok .pa-add-ring { stroke: rgba(56, 224, 164, 0.35); }
html.playarc .pa-add-result.is-bad .pa-add-ring { stroke: rgba(255, 107, 138, 0.35); }
@keyframes pa-draw { to { stroke-dashoffset: 0; } }

html.playarc .pa-add-burst {
  position: absolute;
  width: 180px; height: 180px;
  border-radius: 50%;
  pointer-events: none;
  transform: scale(0.4);
  opacity: 0.7;
  animation: pa-burst 700ms var(--pa-ease-out) forwards;
}
html.playarc .pa-add-result.is-ok .pa-add-burst {
  background: radial-gradient(circle, rgba(56, 224, 164, 0.35), transparent 68%);
}
html.playarc .pa-add-result.is-bad .pa-add-burst {
  background: radial-gradient(circle, rgba(255, 80, 110, 0.32), transparent 68%);
}
html.playarc .pa-add-result.is-bad .pa-add-window,
html.playarc .pa-add-result.is-bad {
  animation: pa-reject 420ms var(--pa-snap);
}
@keyframes pa-burst {
  to { transform: scale(1.6); opacity: 0; }
}
@keyframes pa-reject {
  0%, 100% { transform: none; }
  25% { transform: translateX(-6px); }
  50% { transform: translateX(6px); }
  75% { transform: translateX(-3px); }
}


html.playarc { --pa-item: 76, 196, 255; }

#pa-wiki-ambient {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  isolation: isolate;
  contain: paint;
  background: #04070e;
  opacity: 0;
  transition: opacity 520ms var(--pa-ease-out);
}
#pa-wiki-ambient.is-on { opacity: 1; }
#pa-wiki-ambient .pa-wiki-amb-wash {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
}
#pa-wiki-ambient .pa-wiki-amb-img {
  grid-area: 1 / 1;
  width: min(70vw, 880px);
  height: min(70vw, 880px);
  background-size: cover;
  background-position: center 32%;
  background-repeat: no-repeat;
  filter: blur(36px) saturate(0.92) brightness(0.3);
  transform: scale(1.28);
  opacity: 0;
  transition: opacity 760ms cubic-bezier(0.22, 1, 0.36, 1);
}
#pa-wiki-ambient .pa-wiki-amb-img.is-on { opacity: 1; }
#pa-wiki-ambient .pa-wiki-amb-glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(62% 52% at 28% 38%, rgba(var(--pa-item), 0.22), transparent 72%);
  pointer-events: none;
}
#pa-wiki-ambient .pa-wiki-amb-shade {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to inline-end, rgba(2, 6, 14, 0.74) 0%, rgba(2, 6, 14, 0.22) 54%, rgba(2, 6, 14, 0.48) 100%),
    linear-gradient(180deg, rgba(2, 6, 14, 0.2) 0%, rgba(2, 6, 14, 0.42) 46%, rgba(2, 5, 11, 0.94) 100%),
    radial-gradient(78% 68% at 50% 28%, transparent 8%, rgba(2, 5, 11, 0.58) 100%);
}
html.playarc.pa-wiki-home #pa-wiki-ambient.is-on .pa-wiki-amb-glow {
  background: radial-gradient(72% 60% at 50% 40%, rgba(var(--pa-item), 0.14), transparent 72%);
}
html.playarc.pa-wiki-home #pa-wiki-ambient.is-on .pa-wiki-amb-shade {
  background:
    linear-gradient(to inline-end, rgba(2, 6, 14, 0.78) 0%, rgba(2, 6, 14, 0.48) 52%, rgba(2, 6, 14, 0.7) 100%),
    linear-gradient(180deg, rgba(2, 6, 14, 0.38) 0%, rgba(2, 6, 14, 0.58) 48%, rgba(2, 5, 11, 0.94) 100%),
    radial-gradient(80% 70% at 50% 30%, transparent 18%, rgba(2, 5, 11, 0.62) 100%);
}
html.playarc.pa-select-away .pa-feature-wash {
  opacity: 0.08;
}
html.playarc.pa-select-away .pa-feature-copy {
  opacity: 1;
}
html.playarc.pa-wiki-detail #pa-wiki-ambient .pa-wiki-amb-img {
  width: 240px;
  height: 240px;
  filter: blur(22px) saturate(1.14) brightness(0.56);
  transform: scale(7);
}
html.playarc.pa-wiki-detail #pa-wiki-ambient .pa-wiki-amb-wash {
  animation: pa-wiki-drift 56s ease-in-out alternate infinite;
}
html.playarc.pa-wiki-detail #pa-wiki-ambient.is-on .pa-wiki-amb-shade {
  background:
    linear-gradient(to inline-end, rgba(4, 8, 16, 0.78) 0%, rgba(4, 8, 16, 0.42) 48%, rgba(4, 8, 16, 0.7) 100%),
    linear-gradient(180deg, rgba(4, 8, 16, 0.34) 0%, rgba(4, 8, 16, 0.58) 52%, rgba(3, 6, 12, 0.96) 100%);
}
html.playarc.pa-lowfx #pa-wiki-ambient .pa-wiki-amb-wash,
html.playarc.pa-wiki-home #pa-wiki-ambient .pa-wiki-amb-wash {
  animation: none !important;
}
html.playarc.pa-lowfx.pa-wiki-detail #pa-wiki-ambient .pa-wiki-amb-img {
  filter: blur(16px) saturate(1.05) brightness(0.42);
  transform: scale(6.2);
}
@media (prefers-reduced-motion: reduce) {
  #pa-wiki-ambient .pa-wiki-amb-wash { animation: none !important; }
}
@keyframes pa-wiki-drift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to   { transform: translate3d(-1.1%, 0.9%, 0) scale(1.055); }
}

html.playarc.pa-wiki-detail .wiki-toolbar,
html.playarc.pa-wiki-detail .wiki-dock,
html.playarc.pa-wiki-detail .region-filters,
html.playarc.pa-wiki-detail .release-filters,
html.playarc.pa-wiki-detail .play-filters,
html.playarc.pa-wiki-detail .play-hint,
html.playarc.pa-wiki-detail .pa-home,
html.playarc.pa-wiki-detail .wiki-job-progress {
  display: none !important;
}
html.playarc.pa-wiki-detail,
html.playarc.ps-fx.pa-wiki-detail,
html.playarc.pa-wiki-detail body {
  height: auto !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}
html.playarc.pa-wiki-detail .wiki-app,
html.playarc.ps-fx.pa-wiki-detail .wiki-app,
html.playarc.wiki-app.wiki-app.pa-wiki-detail,
html.playarc.pa-wiki-detail .app.wiki-app {
  display: block !important;
  height: auto !important;
  min-height: 100vh;
  grid-template-rows: none !important;
  grid-template-columns: none !important;
}
html.playarc.pa-wiki-detail .wiki-main,
html.playarc.pa-wiki-detail #viewDetail,
html.playarc.pa-wiki-detail .wiki-detail,
html.playarc.pa-wiki-detail .wiki-detail > .liquidGL-content {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
html.playarc.pa-wiki-detail .wiki-main { padding: 0 0 28px !important; gap: 0 !important; }
html.playarc.pa-wiki-detail .wiki-detail,
html.playarc.pa-wiki-detail .wiki-detail > .liquidGL-content {
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  isolation: auto !important;
}
html.playarc.pa-wiki-detail .wiki-detail::before,
html.playarc.pa-wiki-detail .wiki-detail::after {
  display: none !important;
}

html.playarc .wiki-back {
  position: relative;
  z-index: 4;
  margin: 10px 16px 0 !important;
  border-radius: var(--pa-r-pill) !important;
}

html.playarc .pa-wiki-cinema {
  display: flex;
  flex-direction: column;
  gap: clamp(22px, 3vw, 40px);
  padding: 8px clamp(16px, 3vw, 48px) 12px;
}
html.playarc .pa-wiki-hero {
  display: grid;
  grid-template-columns: minmax(200px, 32vw) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 42px);
  align-items: end;
  min-height: clamp(320px, 58vh, 620px);
}
html.playarc .pa-wiki-poster.cover-wrap,
html.playarc .pa-wiki-poster.cover-wrap--lg {
  width: 100%;
  max-width: none;
  aspect-ratio: 1 / 1;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow:
    0 28px 60px -24px rgba(0, 0, 0, 0.85),
    0 0 40px -8px rgba(var(--pa-item), 0.35);
  transform-origin: 50% 80%;
  animation: pa-wiki-rise 560ms var(--pa-ease-out) both;
  transition: transform 280ms var(--pa-ease), box-shadow 280ms var(--pa-ease);
}
html.playarc .pa-wiki-poster:hover {
  transform: translateY(-8px) scale(1.03);
  box-shadow:
    0 36px 70px -22px rgba(0, 0, 0, 0.9),
    0 0 56px -6px rgba(var(--pa-item), 0.5);
}
html.playarc .pa-wiki-copy {
  min-width: 0;
  animation: pa-wiki-rise 560ms 80ms var(--pa-ease-out) both;
}
html.playarc .pa-wiki-copy h2 {
  margin: 8px 0 10px !important;
  font-size: clamp(28px, 4.4vw, 56px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.05 !important;
  text-shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
}
html.playarc .pa-wiki-copy .chips { margin-bottom: 18px !important; }
html.playarc .pa-wiki-copy .chip,
html.playarc.pa-wiki-detail .chip {
  border-radius: 999px !important;
  background: rgba(8, 16, 28, 0.45) !important;
  border: 1px solid rgba(180, 220, 255, 0.16) !important;
  backdrop-filter: blur(10px);
}
html.playarc .pa-wiki-facts.detail-facts {
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
html.playarc .pa-wiki-facts.detail-facts > div {
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(8, 14, 26, 0.42);
  box-shadow: inset 0 0 0 1px rgba(160, 200, 240, 0.1);
  backdrop-filter: blur(12px);
}
html.playarc .pa-wiki-tid {
  cursor: pointer;
}
html.playarc .pa-wiki-tid.is-copied { color: var(--pa-good) !important; }

html.playarc .pa-wiki-related {
  overflow: visible;
  animation: pa-wiki-related-in 560ms 140ms var(--pa-ease-out) both;
}
html.playarc .pa-wiki-related.pa-rail { overflow: visible; }
html.playarc .pa-wiki-related[hidden] { display: none !important; }
@keyframes pa-wiki-related-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

html.playarc .pa-wiki-lightbox,
html.playarc .pa-cinema {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  grid-template-rows: 1fr auto;
  padding: 72px 56px 28px;
  background: #05080e;
  opacity: 0;
  transition: opacity 220ms var(--pa-ease-out);
}
html.playarc .pa-wiki-lightbox.is-on,
html.playarc .pa-cinema.is-on { opacity: 1; }
html.playarc .pa-cinema-stage {
  min-height: 0;
  display: grid;
  place-items: center;
  margin: 0;
}
html.playarc .pa-cinema-stage img,
html.playarc .pa-wiki-lightbox > img {
  max-width: min(92vw, 1520px);
  max-height: calc(100vh - 220px);
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 28px 80px -18px rgba(0, 0, 0, 0.82);
}
html.playarc .pa-cinema-stage img.is-swap {
  animation: pa-cinema-swap 280ms var(--pa-ease-out);
}
@keyframes pa-cinema-swap {
  from { opacity: 0; transform: scale(0.985); }
  to { opacity: 1; transform: none; }
}
html.playarc .pa-cinema-x,
html.playarc .pa-wiki-lightbox-x {
  position: absolute;
  top: 18px;
  inset-inline-start: var(--pa-gutter, 28px);
  z-index: 2;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: rgba(236, 244, 255, 0.92);
  background: rgba(6, 10, 18, 0.42);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.22);
  cursor: pointer;
}
html.playarc .pa-cinema-x svg,
html.playarc .pa-wiki-lightbox-x svg {
  width: 18px;
  height: 18px;
  display: block;
  margin: 13px auto;
}
html.playarc .pa-cinema-x:hover,
html.playarc .pa-cinema-x:focus-visible {
  outline: none;
  color: #fff;
  transform: scale(1.06)}
html.playarc .pa-cinema-nav {
  position: absolute;
  top: calc(50% - 56px);
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: rgba(236, 244, 255, 0.92);
  background: rgba(6, 10, 18, 0.42);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.2);
  cursor: pointer;
}
html.playarc .pa-cinema-nav.is-prev { left: 22px; }
html.playarc .pa-cinema-nav.is-next { right: 22px; }
html.playarc .pa-cinema-nav svg {
  width: 20px;
  height: 20px;
  display: block;
  margin: 14px auto;
}
html.playarc .pa-cinema-nav:hover,
html.playarc .pa-cinema-nav:focus-visible {
  outline: none;
  color: #fff;
  transform: scale(1.06);
}
html.playarc .pa-cinema-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
html.playarc .pa-cinema-count {
  margin: 0;
  font-family: var(--pa-console);
  font-size: 13px;
  font-weight: 700;
  font-stretch: 120%;
  letter-spacing: 0.14em;
  color: rgba(220, 232, 246, 0.72);
}
html.playarc .pa-cinema-count span {
  margin: 0 6px;
  opacity: 0.4;
}
html.playarc .pa-cinema-count i { font-style: normal; opacity: 0.55; }
html.playarc .pa-cinema-film {
  display: flex;
  gap: 8px;
  max-width: min(92vw, 1040px);
  overflow-x: auto;
  padding: 4px 2px 8px;
  direction: ltr;
  scrollbar-width: none;
}
html.playarc .pa-cinema-film::-webkit-scrollbar { display: none; }
html.playarc .pa-cinema-thumb {
  flex: none;
  width: 92px;
  aspect-ratio: 16 / 9;
  padding: 0;
  border: 0;
  border-radius: 6px;
  overflow: hidden;
  opacity: 0.42;
  background: rgba(6, 10, 18, 0.5);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.12);
  cursor: pointer;
}
html.playarc .pa-cinema-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html.playarc .pa-cinema-thumb.is-on {
  opacity: 1;
  box-shadow: 0 0 0 2px rgba(236, 244, 255, 0.92);
}
html.playarc.pa-cinema-on,
html.playarc.pa-cinema-on body {
  overflow: hidden !important;
}
html.playarc.pa-cinema-on .pa-hintbar {
  display: none !important;
}

@keyframes pa-wiki-rise {
  from { opacity: 0; transform: translate3d(0, 22px, 0); }
  to   { opacity: 1; transform: none; }
}
@keyframes pa-poster-sheen {
  from { transform: translate3d(-130%, 0, 0); }
  to   { transform: translate3d(130%, 0, 0); }
}
@keyframes pa-buy-glow {
  0%, 100% { box-shadow: 0 10px 28px -14px rgba(236, 242, 255, 0.4); }
  50% { box-shadow: 0 14px 36px -12px rgba(236, 242, 255, 0.7); }
}
@keyframes pa-hud-orbit {
  to { transform: rotate(360deg); }
}
@keyframes pa-hud-breathe {
  0%, 100% { transform: scale(0.84); opacity: 0.68; }
  50% { transform: scale(1); opacity: 1; }
}


html.playarc.pa-cursor-on,
html.playarc.pa-cursor-on * {
  cursor: none !important;
}
html.playarc.pa-lowfx.pa-cursor-on,
html.playarc.pa-lowfx.pa-cursor-on * {
  cursor: auto !important;
}
html.playarc.pa-lowfx .pa-cursor,
html.playarc.pa-lowfx #paCursor { display: none !important; }
html.playarc .pa-cursor,
html.playarc #paCursor {
  position: fixed !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  margin: 0;
  width: 22px;
  height: 22px;
  z-index: 2147483000;
  pointer-events: none;
  direction: ltr;
  contain: layout style size;
  transform-origin: 11px 11px;
  will-change: transform;
}
html.playarc .pa-cursor { opacity: 0; }
html.playarc .pa-cursor.is-on,
html.playarc #paCursor.is-on { opacity: 1; }
html.playarc .pa-cursor i { display: block; font-style: normal; }
html.playarc .pa-cursor-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid rgba(230, 244, 255, 0.9);
  box-shadow: 0 0 10px rgba(120, 200, 255, 0.35);
}
html.playarc .pa-cursor-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 5px;
  height: 5px;
  margin: -2.5px 0 0 -2.5px;
  border-radius: 50%;
  background: #f4fbff;
  box-shadow: 0 0 8px rgba(180, 230, 255, 0.85);
}
html.playarc .pa-cursor-caret {
  position: absolute;
  left: 50%;
  top: 2px;
  width: 2px;
  height: 18px;
  margin-left: -1px;
  border-radius: 1px;
  background: #f4fbff;
  box-shadow: 0 0 6px rgba(180, 230, 255, 0.55);
  opacity: 0;
}
html.playarc .pa-cursor.is-hot .pa-cursor-ring {
  border-color: #ffffff;
  box-shadow: 0 0 14px rgba(160, 220, 255, 0.55);
}
html.playarc .pa-cursor.is-text .pa-cursor-ring,
html.playarc .pa-cursor.is-text .pa-cursor-core { opacity: 0; }
html.playarc .pa-cursor.is-text .pa-cursor-caret { opacity: 1; }



html.playarc header.wiki-top,
html.playarc .wiki-app > header.wiki-top,
html.playarc .wiki-app > header.storage-top,
html.playarc.ps-fx header.wiki-top {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
}

html.playarc header.storage-top,
html.playarc header.wiki-top,
html.playarc header.admin-top,
html.playarc header.liquidGL,
html.playarc .topbar,
html.playarc.ps-fx header.storage-top.liquidGL,
html.playarc.ps-fx header.wiki-top.liquidGL,
html.playarc.ps-fx header.admin-top.liquidGL,
html.playarc.liquid-real header.storage-top.liquidGL,
html.playarc.liquid-real header.wiki-top.liquidGL,
html.playarc.pa-wiki-detail header.wiki-top,
html.playarc.pa-wiki-home header.wiki-top {
  background-color: rgba(6, 10, 16, 0.2) !important;
  background-image: none !important;
  box-shadow: inset 0 -1px 0 rgba(220, 230, 244, 0.06) !important;
  backdrop-filter: blur(22px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  isolation: isolate !important;
  filter: none !important;
  animation: none !important;
}
html.playarc header.wiki-top.wiki-top.storage-top.liquidGL,
html.playarc.ps-fx header.wiki-top.wiki-top.storage-top.liquidGL,
html.playarc.liquid-real header.wiki-top.wiki-top.storage-top.liquidGL,
html.playarc.pa-wiki-detail header.wiki-top.wiki-top.storage-top.liquidGL,
html.playarc.pa-wiki-home header.wiki-top.wiki-top.storage-top.liquidGL {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  transform: none !important;
}
html.playarc header.storage-top > canvas,
html.playarc header.wiki-top > canvas,
html.playarc header.admin-top > canvas,
html.playarc header.storage-top > *:not(.liquidGL-content),
html.playarc header.wiki-top > *:not(.liquidGL-content) {
  display: none !important;
}
html.playarc header.storage-top::before,
html.playarc header.wiki-top::before,
html.playarc header.admin-top::before,
html.playarc.ps-fx header.storage-top.liquidGL::before,
html.playarc.ps-fx header.wiki-top.liquidGL::before {
  display: none !important;
  content: none !important;
}
html.playarc header.wiki-top::after,
html.playarc.ps-fx header.wiki-top.liquidGL::after,
html.playarc.pa-wiki-detail header.wiki-top::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 18px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(4, 8, 14, 0.28), transparent);
  z-index: 0;
}
html.playarc .wiki-app.wiki-app {
  padding-top: var(--pa-topbar-h) !important;
}

html.playarc .ps-profile-chip,
html.playarc .ps-profile-chip:hover,
html.playarc .ps-profile-chip:focus,
html.playarc.ps-fx .ps-profile-chip,
html.playarc.ps-fx .ps-profile-chip:hover,
html.playarc.ps-fx .liquidGL .ps-profile-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 1px solid rgba(154, 228, 255, .16) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 50% !important;
  filter: none !important;
  isolation: auto !important;
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  max-width: 48px !important}
html.playarc .fx-notify-bell,
html.playarc .fx-notify-bell:hover,
html.playarc.ps-fx .fx-notify-bell,
html.playarc.ps-fx .fx-notify-bell:hover {
  border: 1px solid rgba(154, 228, 255, .16) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 14px !important;
  filter: none !important;
  isolation: auto !important;
  min-width: 48px !important;
  height: 48px !important;
  width: 48px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  line-height: 1 !important}
html.playarc .ps-profile-chip .ps-avatar,
html.playarc.ps-fx .ps-profile-chip .ps-avatar {
  width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(180, 210, 245, 0.28);
}
html.playarc .ps-profile-chip::after,
html.playarc .fx-notify-bell::after,
html.playarc.ps-fx .ps-profile-chip::after,
html.playarc.ps-fx .fx-notify-bell::after {
  display: none !important;
  content: none !important;
}
html.playarc .fx-notify-badge {
  top: 4px !important;
  inset-inline-end: 4px !important;
}
html.playarc .ps-profile-chip .ps-name,
html.playarc.ps-fx .ps-profile-chip .ps-name,
html.playarc .ps-profile-chip .ps-caret,
html.playarc.ps-fx .ps-profile-chip .ps-caret {
  display: none !important;
}

html.playarc .wiki-search,
html.playarc .wiki-toolbar .wiki-search {
  flex: 0 1 220px !important;
  min-width: 120px !important;
  max-width: 240px !important;
  width: 220px !important;
}
html.playarc .wiki-search input,
html.playarc.ps-fx .wiki-search input {
  width: 100% !important;
}
html.playarc .wiki-staff-sum,
html.playarc .wiki-staff[open] .wiki-staff-sum {
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  height: auto !important;
  padding: 8px 10px !important;
  color: rgba(214, 226, 240, 0.48) !important;
  font-weight: 500 !important;
}
html.playarc .wiki-staff[open] .wiki-staff-sum { color: #f4f8ff !important; }

html.playarc .pa-rail.is-solo .pa-rail-track {
  padding-block: 18px 22px;
  justify-content: flex-start;
  --pa-fade-left: 0px;
  --pa-fade-right: 0px;
  -webkit-mask-image: none;
  mask-image: none;
}
html.playarc .pa-rail.is-solo .pa-rail-strip {
  transform: none !important;
}
html.playarc .pa-rail.is-solo .pa-rail-count { display: none; }

html.playarc .pa-kbd,
html.playarc .pa-key,
html.playarc .pa-hintbar .pa-kbd,
html.playarc .pa-hintbar .pa-key {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-height: 0 !important;
  color: rgba(214, 228, 244, 0.58) !important;
}
html.playarc .pa-kbd.is-enter,
html.playarc .pa-kbd.is-esc {
  color: rgba(220, 234, 255, 0.72) !important;
}

html.playarc.pa-wiki-detail .chip,
html.playarc.pa-wiki-detail .pa-wiki-copy .chip,
html.playarc .pa-wiki-facts.detail-facts > div {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-color: rgba(180, 220, 255, 0.12) !important;
}
html.playarc .wiki-back {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

@media (max-width: 820px) {
  html.playarc .pa-wiki-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    align-items: start;
  }
  html.playarc .pa-wiki-poster.cover-wrap {
    max-width: 280px;
    margin-inline: auto;
  }
  html.playarc .pa-rail.is-feature {
    grid-template-columns: 1fr;
    grid-template-areas: "head" "art" "copy";
  }
  html.playarc .pa-rail.is-feature .pa-tile {
    width: min(42vw, 220px);
  }
  html.playarc .pa-rail.is-feature .pa-feature-copy {
    max-width: none;
  }
}


html.playarc .pa-rail-track {
  padding: 22px 0 36px;
}
html.playarc .pa-rail-strip {
  width: max-content;
  min-width: max-content;
  padding-inline: var(--pa-gutter, clamp(22px, 3.2vw, 44px));
  box-sizing: content-box;
}
html.playarc .pa-wiki-related,
html.playarc .pa-wiki-related.pa-rail,
html.playarc .pa-wiki-cinema {
  overflow: visible;
}

html.playarc.pa-wiki-home .wiki-toolbar,


html.playarc.pa-wiki-home .wiki-toolbar.liquidGL,


html.playarc.pa-wiki-home .wiki-toolbar.wiki-toolbar,


html.playarc.ps-fx.pa-wiki-home .wiki-toolbar.liquidGL,


html.playarc.pa-wiki-home .wiki-toolbar-inner,


html.playarc.pa-wiki-home .wiki-tabs,


html.playarc.pa-wiki-home .wiki-tab,


html.playarc.pa-wiki-home .wiki-search,


html.playarc.pa-wiki-home .wiki-staff,


html.playarc.pa-wiki-home .wiki-staff-sum,


html.playarc.pa-wiki-home .wiki-dock,


html.playarc.pa-wiki-home .wiki-dock.pa-fbar,


html.playarc.pa-wiki-home .wiki-dock-group,


html.playarc.pa-wiki-home .wiki-dock-lbl,


html.playarc.pa-wiki-home .pa-fseg,


html.playarc.pa-wiki-home .pa-fseg-mark,


html.playarc.pa-wiki-home .play-hint,


html.playarc.pa-wiki-home #grid,


html.playarc.pa-wiki-home #loadMore,


html.playarc.pa-wiki-home #emptyCatalog,


html.playarc.pa-wiki-home #endCatalog,


html.playarc.pa-wiki-home #scrollSentinel,


html.playarc.pa-wiki-home .pa-hintbar,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-toolbar,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-toolbar.liquidGL,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-toolbar-inner,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-tabs,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-search,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-staff,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-dock,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-dock.pa-fbar,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .play-hint,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .pa-hintbar,


html.playarc .wiki-dock,


html.playarc .wiki-dock.pa-fbar,


html.playarc .wiki-app .play-hint {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}

html.playarc.pa-wiki-home,


html.playarc.ps-fx.pa-wiki-home,


html.playarc.pa-wiki-home body,


html.playarc.ps-fx.pa-wiki-home body,


html.playarc.ps-fx.pa-wiki-home body.wiki-body,


html.playarc:has(#viewCatalog:not([hidden]) .pa-home),


html.playarc:has(#viewCatalog:not([hidden]) .pa-home) body,


html.playarc.ps-fx:has(#viewCatalog:not([hidden]) .pa-home) body.wiki-body {
  height: auto !important;
  max-height: none !important;
  min-height: 100% !important;
  overflow-x: clip !important; 
  overflow-y: scroll !important;
}
html.playarc.pa-wiki-home .wiki-app,

html.playarc.ps-fx.pa-wiki-home .wiki-app,

html.playarc.ps-fx .wiki-app:has(.pa-home),

html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-app {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 100vh !important;
  grid-template-rows: none !important;
  grid-template-columns: none !important;
  overflow: visible !important;
}
html.playarc.pa-wiki-home .wiki-main,

html.playarc.ps-fx.pa-wiki-home .wiki-main,

html.playarc.ps-fx .wiki-main:has(.pa-home),

html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-main {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  max-width: none;
  width: 100%;
  margin-inline: 0;
  padding-top: 12px;
  padding-inline: 0;
  overflow: visible !important;
}
html.playarc.pa-wiki-home .pa-home,

html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .pa-home {
  padding-top: 8px;
  padding-bottom: 80px;
}
html.playarc.pa-deck .pa-home > .pa-rail {
  transform: none;
  opacity: var(--pa-op, 1);
  transition: opacity 220ms linear;
}
html.playarc.pa-deck .pa-home > .pa-rail:not(.is-deck) .pa-tile-name {
  opacity: 0.82;
}
html.playarc.pa-deck.pa-lowfx .pa-home > .pa-rail {
  transform: none;
  opacity: 1;
}
html.playarc.pa-wiki-home .pa-home > .pa-rail:first-child .pa-rail-head,

html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .pa-home > .pa-rail:first-child .pa-rail-head {
  margin-top: 2px;
}

html.playarc .pa-rail.is-feature {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(168px, 22vw) minmax(0, 1fr);
  grid-template-areas: "head head" "art copy";
  align-items: center;
  gap: 6px clamp(18px, 2.4vw, 36px);
  min-height: 0;
  padding-inline: var(--pa-gutter, clamp(22px, 3.2vw, 44px));
}
html.playarc .pa-feature-wash {
  position: absolute;
  z-index: 0;
  inset-block: 4px 8px;
  inset-inline-start: min(24vw, 300px);
  inset-inline-end: 0;
  overflow: hidden;
  pointer-events: none;
  border-radius: 18px;
  opacity: 0.2;
  transition: opacity 280ms linear;
}
html.playarc .pa-feature-copy {
  transition: opacity 280ms linear;
}
html.playarc .pa-feature-wash img {
  width: 124%;
  height: 124%;
  object-fit: cover;
  object-position: center center;
  transform: translate3d(-10%, -8%, 0);
  filter: blur(28px) saturate(0.82) brightness(0.48);
}
html.playarc .pa-feature-wash::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to left,
    rgba(4, 9, 16, 0.22) 0%,
    rgba(4, 9, 16, 0.42) 46%,
    rgba(4, 9, 16, 0.78) 100%
  );
}
html:not([dir="rtl"]).playarc .pa-feature-wash::after {
  background: linear-gradient(
    to right,
    rgba(4, 9, 16, 0.22) 0%,
    rgba(4, 9, 16, 0.42) 46%,
    rgba(4, 9, 16, 0.78) 100%
  );
}
html.playarc .pa-rail.is-feature .pa-rail-head {
  grid-area: head;
  position: relative;
  z-index: 2;
  padding-inline: 0;
  margin-bottom: 6px;
}
html.playarc .pa-rail.is-feature .pa-rail-track {
  grid-area: art;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 4px 0 14px;
  overflow: visible;
  -webkit-mask-image: none;
  mask-image: none;
}
html.playarc .pa-rail.is-feature .pa-rail-strip { padding-inline: 0; }
html.playarc .pa-rail.is-feature .pa-tile {
  width: min(22vw, 34vh, 300px);
}
html.playarc .pa-rail.is-feature .pa-tile-name { display: none; }
html.playarc .pa-rail.is-feature .pa-feature-copy {
  grid-area: copy;
  position: relative;
  z-index: 2;
  min-width: 0;
  max-width: min(46ch, 48vw);
  justify-self: start;
  text-align: start;
  padding: 8px 0 12px;
}
html.playarc .pa-rail.is-feature .pa-feature-copy h3 {
  text-align: inherit;
}
html.playarc .pa-rail.is-feature .pa-feature-kicker {
  margin: 0 0 6px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  font-weight: 600;
  font-stretch: 100%;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: rgba(168, 186, 206, 0.52);
  text-shadow: none;
}
html.playarc .pa-rail.is-feature .pa-feature-copy h3 {
  margin: 0 0 8px;
  font-family: var(--pa-console), "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: clamp(20px, 2.1vw, 32px);
  font-weight: 580;
  font-stretch: 104%;
  letter-spacing: 0;
  line-height: 1.15;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: rgba(206, 216, 228, 0.82);
  text-shadow: none;
}
html.playarc .pa-rail.is-feature .pa-feature-copy h3[dir="rtl"] {
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-stretch: 100%;
  letter-spacing: 0;
  line-height: 1.12;
}
html.playarc .pa-rail.is-feature .pa-feature-hook {
  margin: 0;
  max-width: 28ch;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(164, 180, 198, 0.48);
}
html.playarc .pa-release-clock {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 0 0 12px;
}
html.playarc .pa-cd-label {
  flex: 1 1 100%;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(168, 186, 206, 0.48);
}
html.playarc .pa-cd-row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 6px;
}
html.playarc .pa-cd-unit {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  padding: 6px 8px 5px;
  border-radius: 12px;
  background: rgba(8, 14, 24, 0.42);
  box-shadow: inset 0 0 0 1px rgba(210, 226, 244, 0.14);
}
html.playarc .pa-cd-unit b {
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 18px;
  font-weight: 650;
  line-height: 1;
  color: rgba(214, 224, 236, 0.86);
}
html.playarc .pa-cd-unit em {
  margin-top: 3px;
  font-style: normal;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: rgba(186, 200, 216, 0.55);
}
html.playarc .pa-cd-sep {
  width: 1px;
  align-self: stretch;
  background: rgba(210, 226, 244, 0.1);
}
html.playarc .pa-release-clock.is-title .pa-cd-unit {
  min-width: 52px;
  padding: 8px 10px 7px;
}
html.playarc .pa-release-clock.is-title .pa-cd-unit b { font-size: 22px; }
html.playarc .pa-rail.is-feature .pa-feature-cta {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 14px;
}
html.playarc .pa-feature-btn {
  display: grid;
  grid-template-columns: 28px 1fr 28px;
  align-items: center;
  flex: 0 0 auto;
  min-width: 8.75rem;
  height: 46px;
  box-sizing: border-box;
  padding-block: 5px;
  padding-inline: 8px;
  border-radius: 999px;
  color: #0a1220;
  text-decoration: none;
  background: rgba(236, 242, 255, 0.94);
  box-shadow: none;
  font-family: var(--pa-ui);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}
html.playarc .pa-feature-btn .pa-cta-well { grid-column: 1; }
html.playarc .pa-feature-btn > span:not(.pa-cta-well) {
  grid-column: 2;
  justify-self: center;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
}
html.playarc .pa-feature-btn .pa-cta-well {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(8, 14, 24, 0.08);
}
html.playarc .pa-feature-btn svg,
html.playarc .pa-feature-btn .pa-cta-ico {
  width: 18px;
  height: 18px;
  display: block;
}
html.playarc .pa-feature-btn.is-shop,
html.playarc .pa-feature-btn.is-talk,
html.playarc .pa-feature-btn.is-ghost {
  color: #f4f8ff;
  background: rgba(10, 16, 28, 0.42);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.22);
}
html.playarc .pa-feature-btn.is-shop .pa-cta-well,
html.playarc .pa-feature-btn.is-talk .pa-cta-well,
html.playarc .pa-feature-btn.is-ghost .pa-cta-well {
  background: rgba(236, 244, 255, 0.08);
}
html.playarc .pa-feature-btn:hover,
html.playarc .pa-feature-btn:focus-visible {
  outline: none;
  transform: none}
html.playarc button.pa-feature-btn.is-talk {
  appearance: none;
  border: 0;
  cursor: pointer;
  font: inherit;
}
html.playarc .pa-rail.is-feature .pa-feature-meta {
  margin: 0;
  color: var(--pa-dim);
  font-size: 15px;
}


html.playarc.pa-wiki-detail #viewDetail { position: relative; }
html.playarc .pa-back {
  position: absolute;
  top: 8px;
  inset-inline-start: var(--pa-gutter, 28px);
  z-index: 24;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: rgba(236, 244, 255, 0.92);
  background: rgba(6, 10, 18, 0.42);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.22);
  cursor: pointer;
}
html.playarc .pa-back svg {
  width: 20px;
  height: 20px;
  display: block;
  margin: 12px auto;
}
html:not([dir="rtl"]).playarc .pa-back svg { transform: scaleX(-1); }
html.playarc .pa-back:hover,
html.playarc .pa-back:focus-visible {
  outline: none;
  color: #fff;
  transform: scale(1.06)}
html.playarc.pa-wiki-detail .wiki-back { display: none !important; }
html.playarc.pa-wiki-detail .pa-hintbar,
html.playarc.pa-wiki-detail .play-hint {
  display: none !important;
}
html.playarc.pa-wiki-detail .pa-clock-wrap {
  display: none !important;
}
html.playarc.pa-wiki-detail .wiki-count-pill.is-now {
  max-width: 8.75rem !important;
}
html.playarc .pa-title-page .pa-wiki-poster:hover {
  transform: translate3d(0, -6px, 0);
}
html.playarc .pa-title-page .pa-wiki-poster:not(.is-ready):hover {
  transform: none;
}
html.playarc .pa-title-page .pa-wiki-poster:not(.is-ready):hover::after {
  animation: none;
}
html.playarc .pa-title-page .pa-wiki-poster.is-still img {
  object-fit: cover;
}
html.playarc .pa-title-page .pa-poster-ph {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0;
  color: rgba(210, 224, 240, 0.7);
  background:
    radial-gradient(120% 80% at 50% 0%, rgba(90, 160, 220, 0.16), transparent 52%),
    rgba(8, 14, 24, 0.4);
}
html.playarc .pa-title-page .pa-poster-ph em {
  font-style: normal;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
}
html.playarc .pa-title-page .pa-poster-ph-mark {
  width: 56px;
  height: 56px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: rgba(8, 14, 24, 0.42);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.16);
}
html.playarc .pa-title-page .pa-poster-ph-mark svg {
  width: 28px;
  height: 28px;
  display: block;
}

html.playarc .pa-title-page {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2.2vw, 28px);
  padding: 14px var(--pa-gutter, clamp(22px, 3.2vw, 44px)) 28px;
}
html.playarc .pa-title-stage {
  display: none !important;
}
html.playarc .pa-title-hero,
html.playarc .pa-title-story,
html.playarc .pa-title-watch,
html.playarc .pa-title-shots,
html.playarc .pa-title-spec,
html.playarc .pa-wiki-related {
  position: relative;
  z-index: 1;
}
html.playarc .pa-title-hero {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: clamp(28px, 4vw, 64px);
  width: 100%;
  min-height: 0;
}
html.playarc .pa-title-page .pa-wiki-poster {
  position: relative;
  isolation: isolate;
  flex: 0 0 min(40vw, 600px);
  width: min(40vw, 600px);
  max-width: 600px;
  aspect-ratio: 1 / 1;
  height: auto;
  
  background: transparent;
  
  border: 0 !important;
  border-radius: 22px;
  
  overflow: visible !important;
  box-shadow: none !important;
  animation: pa-wiki-rise 640ms var(--pa-ease-out) both;
  transition:
    transform 280ms var(--pa-ease-out),
    box-shadow 280ms var(--pa-ease-out);
}
html.playarc .pa-title-page .pa-wiki-poster::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(118deg, transparent 32%, rgba(255, 255, 255, 0.16) 48%, transparent 64%);
  transform: translate3d(130%, 0, 0);
}
html.playarc .pa-title-page .pa-wiki-poster:hover {
  transform: translate3d(0, -6px, 0);
  box-shadow: none !important;
}
html.playarc .pa-title-page .pa-wiki-poster:hover::after {
  animation: pa-poster-sheen 760ms var(--pa-ease-out);
}
html.playarc .pa-title-page .pa-wiki-poster img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  image-rendering: auto;
}
html.playarc .pa-title-page .pa-tile-eds,
html.playarc .pa-title-page .pa-soon,
html.playarc .pa-title-page .cover-shine { display: none !important; }
html.playarc .pa-title-copy {
  flex: 1 1 28rem;
  width: auto;
  max-width: min(44rem, 54%);
  min-width: 0;
  position: relative;
  z-index: 2;
  padding-block: 8px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  animation: pa-wiki-rise 640ms 70ms var(--pa-ease-out) both;
}
html.playarc .pa-title-kicker {
  margin: 0 0 8px;
  font-family: var(--pa-console);
  font-size: 12px;
  font-weight: 600;
  font-stretch: 112%;
  letter-spacing: 0.04em;
  color: rgba(196, 210, 226, 0.68);
}
html.playarc .pa-title-copy h1 {
  margin: 0 0 10px;
  max-width: 100%;
  font-family: var(--pa-console);
  font-size: clamp(28px, 4.2vw, 68px);
  font-weight: 600;
  font-stretch: 104%;
  letter-spacing: 0;
  line-height: 1.08;
  unicode-bidi: isolate;
  text-align: start;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
  color: rgba(214, 222, 234, 0.88);
  text-shadow: none;
}
html.playarc .pa-title-copy h1[dir="rtl"] {
  line-height: 1.12;
}
html.playarc .pa-title-edition {
  margin: -2px 0 14px;
  font-family: var(--pa-ui), sans-serif;
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: rgba(186, 200, 216, 0.62);
}
html.playarc .pa-title-genres {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}
html.playarc .pa-genre-chip {
  appearance: none;
  border: 0;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 999px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: rgba(226, 238, 252, 0.9);
  background: rgba(8, 14, 24, 0.48);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.16);
}
html.playarc .pa-genre-chip:hover,
html.playarc .pa-genre-chip:focus-visible {
  outline: none;
  color: #fff}
html.playarc .pa-title-aka {
  margin: 0 0 16px;
  font-family: var(--pa-ui), sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: rgba(220, 232, 246, 0.62);
}
html.playarc .pa-title-hud {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 2px 0 18px;
  min-height: 1.15em;
}
html.playarc .pa-title-plat {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
}
html.playarc .pa-title-hud .pa-plat-lock {
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
html.playarc .pa-title-hud .pa-plat-ico,
html.playarc .pa-title-hud .pa-plat-mark {
  height: 18px;
  width: auto;
  max-width: 96px;
}
html.playarc .pa-title-hud .pa-plat-word { display: none; }
html.playarc .pa-title-hud-dot {
  width: 1px;
  height: 0.82em;
  flex: none;
  background: rgba(210, 224, 240, 0.28);
}
html.playarc .pa-title-year {
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-weight: 650;
  font-stretch: 100%;
  font-variation-settings: "wdth" 100;
  font-synthesis: none;
  font-size: 15px;
  letter-spacing: 0.06em;
  line-height: 1;
  color: rgba(186, 200, 216, 0.64);
}
html.playarc .pa-title-pricebar {
  margin: -6px 0 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  
  justify-content: flex-start;
}
html.playarc .pa-msrp.is-arc {
  padding-inline: 16px;
  background:
    linear-gradient(165deg, rgba(36, 96, 72, 0.42), rgba(8, 20, 16, 0.5) 62%),
    rgba(10, 24, 20, 0.42);
  box-shadow:
    inset 0 0 0 1px rgba(140, 220, 180, 0.22),
    0 12px 28px -22px rgba(0, 0, 0, 0.7);
}
html.playarc .pa-msrp.is-arc .pa-msrp-copy small { color: rgba(170, 220, 196, 0.7); }
html.playarc .pa-msrp.is-arc .pa-msrp-copy b { color: #c8f5dc; }
html.playarc .pa-title-pricebar[hidden] { display: none !important; }
html.playarc .pa-msrp {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  padding-block: 7px;
  padding-inline: 7px 16px;
  border-radius: 999px;
  text-decoration: none;
  color: inherit;
  background:
    linear-gradient(165deg, rgba(36, 72, 112, 0.42), rgba(8, 16, 28, 0.5) 62%),
    rgba(10, 18, 32, 0.42);
  box-shadow:
    inset 0 0 0 1px rgba(120, 196, 255, 0.18),
    0 12px 28px -22px rgba(0, 0, 0, 0.7);
}
html.playarc .pa-msrp:hover {
  box-shadow:
    inset 0 0 0 1px rgba(150, 214, 255, 0.32),
    0 14px 30px -20px rgba(40, 120, 200, 0.35);
}
html.playarc .pa-msrp-flag {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(180, 220, 255, 0.2);
  unicode-bidi: isolate;
}
html.playarc .pa-msrp-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  line-height: 1.05;
}
html.playarc .pa-msrp-copy small {
  
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: rgba(168, 198, 224, 0.58);
}
html.playarc .pa-msrp-off {
  flex: none;
  padding: 2px 7px;
  border-radius: 999px;
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-size: 10px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0.02em;
  color: #b6f0da;
  background: rgba(66, 214, 176, 0.14);
  box-shadow: inset 0 0 0 1px rgba(140, 230, 200, 0.28);
  unicode-bidi: isolate;
}
html.playarc .pa-msrp-copy b {
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #e8f4ff;
}
html.playarc .pa-msrp-copy s {
  margin-inline-end: 7px;
  font-weight: 600;
  color: rgba(186, 200, 216, 0.4);
}
html.playarc .pa-title-soon-line {
  margin: 0 0 16px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: rgba(168, 186, 206, 0.55);
}
html.playarc .pa-title-copy .pa-release-clock {
  margin: 0 0 18px;
}
html.playarc .pa-title-logline {
  margin: 0 0 18px;
  max-width: 42ch;
  font-family: var(--pa-ui), sans-serif;
  font-size: 17px;
  line-height: 1.75;
  color: rgba(196, 210, 226, 0.7);
  unicode-bidi: isolate;
}
html.playarc .pa-title-logline[dir="ltr"] {
  font-family: var(--pa-console), sans-serif;
  font-stretch: 108%;
  letter-spacing: 0.01em;
  line-height: 1.55;
}
html.playarc .pa-title-proof {
  margin: -10px 0 16px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: rgba(168, 186, 206, 0.58);
}
html.playarc .pa-title-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
  justify-content: flex-start;
}
html.playarc .pa-title-cta .pa-feature-btn {
  min-width: 0;
}
html.playarc .pa-feature-btn .pa-cta-well:empty {
  display: none;
}
html.playarc .pa-title-empty {
  display: grid;
  gap: 8px;
  padding: 22px 22px 20px;
  border-radius: 20px;
  background: rgba(8, 14, 24, 0.42);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.12);
}
html.playarc .pa-title-empty b {
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #e8f1fb;
}
html.playarc .pa-title-empty p {
  margin: 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(156, 176, 198, 0.72);
}
html.playarc .pa-title-empty-actions a,
html.playarc .pa-price-none-go a {
  color: #c8e7ff;
  text-decoration: none;
  font-weight: 700;
}
html.playarc .pa-title-empty-actions a:hover,
html.playarc .pa-price-none-go a:hover {
  color: #fff;
}
html.playarc .pa-price-none-go {
  margin: 4px 0 0;
}
html.playarc .pa-title-cta .pa-feature-btn {
  height: 48px;
  padding-block: 6px;
  padding-inline: 8px;
  font-family: var(--pa-ui), sans-serif;
  font-size: 14px;
  animation: pa-wiki-rise 560ms 140ms var(--pa-ease-out) both;
}
html.playarc .pa-title-cta .pa-feature-btn.is-buy {
  position: relative;
  overflow: hidden;
  min-width: 10.75rem;
  height: 52px;
  color: #0a1220;
  background: #f2f5fb;
  box-shadow: 0 10px 28px -14px rgba(236, 242, 255, 0.55);
  animation:
    pa-wiki-rise 560ms 140ms var(--pa-ease-out) both,
    pa-buy-glow 3.4s 700ms ease-in-out infinite;
}
html.playarc .pa-title-cta .pa-feature-btn.is-buy::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(118deg, transparent 30%, rgba(255, 255, 255, 0.45) 48%, transparent 66%);
  transform: translate3d(-130%, 0, 0);
}
html.playarc .pa-title-cta .pa-feature-btn.is-buy:hover,
html.playarc .pa-title-cta .pa-feature-btn.is-buy:focus-visible {
  transform: translate3d(0, -2px, 0)}
html.playarc .pa-title-cta .pa-feature-btn.is-buy:hover::after {
  animation: pa-poster-sheen 720ms var(--pa-ease-out);
}
html.playarc .pa-ico-btn {
  width: 48px;
  height: 48px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  color: #f4f8ff;
  background: rgba(8, 12, 20, 0.45);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.22);
  text-decoration: none;
}
html.playarc .pa-ico-btn svg { width: 20px; height: 20px; display: block; }
html.playarc .pa-ico-btn:hover,
html.playarc .pa-ico-btn:focus-visible {
  outline: none;
  transform: scale(1.06);
  color: #fff}
html.playarc .pa-title-deal {
  display: grid;
  gap: 12px;
  margin: 0 0 6px;
  animation: pa-wiki-rise 640ms 160ms var(--pa-ease-out) both;
}
html.playarc .pa-title-deal[hidden] { display: none !important; }
html.playarc .pa-flag-slot {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
html.playarc .pa-flag-slot .pa-flag-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
html.playarc .pa-flag-slot .pa-flag-img.is-off { display: none; }
html.playarc .pa-flag-fallback {
  display: none;
  place-items: center;
  width: 100%;
  height: 100%;
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(210, 228, 246, 0.72);
  background: rgba(10, 16, 28, 0.72);
}
html.playarc .pa-flag-slot:has(.pa-flag-img.is-off) .pa-flag-fallback { display: grid; }
html.playarc .pa-price-chart {
  display: grid;
  border-radius: 20px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(22, 40, 68, 0.38), rgba(8, 12, 20, 0.52)),
    rgba(8, 12, 20, 0.42);
  box-shadow:
    inset 0 0 0 1px rgba(140, 196, 240, 0.14),
    0 18px 40px -28px rgba(8, 16, 32, 0.7);
}
html.playarc .pa-price-chart-list {
  display: grid;
}
html.playarc .pa-price-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  min-height: 48px;
  padding: 0 20px;
  text-decoration: none;
  color: inherit;
  box-shadow: inset 0 -1px 0 rgba(160, 196, 230, 0.07);
}
html.playarc .pa-price-row:last-child { box-shadow: none; }
html.playarc .pa-price-row.is-head {
  min-height: 64px;
  background: linear-gradient(180deg, rgba(48, 92, 148, 0.26), rgba(16, 28, 48, 0.1));
  box-shadow: inset 0 -1px 0 rgba(140, 196, 240, 0.14);
}
html.playarc .pa-price-row.is-best {
  background: rgba(64, 168, 220, 0.1);
  box-shadow:
    inset 3px 0 0 #5ec8f0,
    inset 0 -1px 0 rgba(160, 196, 230, 0.07);
}
html.playarc:is([lang="fa"], [lang="ar"], [lang="ur"], [lang="ps"]) .pa-price-row.is-best {
  box-shadow:
    inset -3px 0 0 #5ec8f0,
    inset 0 -1px 0 rgba(160, 196, 230, 0.07);
}
html.playarc .pa-price-flag {
  width: 32px;
  height: 22px;
  overflow: hidden;
  border-radius: 5px;
  background: rgba(8, 12, 20, 0.55);
  box-shadow: inset 0 0 0 1px rgba(200, 220, 240, 0.16);
  unicode-bidi: isolate;
}
html.playarc .pa-price-who {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 0 1 auto;
}
html.playarc .pa-price-money {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  flex: none;
  margin-inline-start: 4px;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-price-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 22ch;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 14px;
  font-weight: 650;
  color: rgba(214, 226, 238, 0.86);
}
html.playarc .pa-price-row.is-head .pa-price-name {
  font-size: 15px;
  font-weight: 800;
  color: #eef6ff;
}
html.playarc .pa-price-row.is-best .pa-price-name {
  font-weight: 800;
  color: #f3f8ff;
}
html.playarc .pa-price-mark {
  flex: none;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: 800;
  padding: 3px 7px;
  border-radius: 999px;
  line-height: 1;
  background: rgba(94, 200, 240, 0.16);
  color: #b9e7f8;
}
html.playarc .pa-price-local,
html.playarc .pa-price-save,
html.playarc .pa-price-usd {
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-variant-numeric: tabular-nums lining-nums;
  font-synthesis: none;
  white-space: nowrap;
  text-align: end;
}
html.playarc .pa-price-local {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 600;
  color: rgba(156, 178, 200, 0.52);
}
html.playarc .pa-price-local.is-empty,
html.playarc .pa-price-save.is-empty { display: none; }
html.playarc .pa-price-save {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 1px;
  font-size: 12px;
  font-weight: 700;
  color: #7fd4c0;
}
html.playarc .pa-price-save i {
  font-style: normal;
  font-size: 10px;
  opacity: 0.72;
}
html.playarc .pa-price-usd {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 6px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #e8f1fb;
}
html.playarc .pa-price-usd b { font-weight: 700; }
html.playarc .pa-price-usd s {
  font-size: 12px;
  font-weight: 600;
  color: rgba(168, 184, 204, 0.38);
}
html.playarc .pa-price-usd i {
  font-style: normal;
  font-size: 10px;
  font-stretch: 118%;
  letter-spacing: 0.12em;
  color: rgba(150, 196, 230, 0.5);
}
html.playarc .pa-price-row.is-head .pa-price-usd {
  font-size: 22px;
  color: #f4f8ff;
}
html.playarc .pa-price-row.is-best .pa-price-usd {
  font-size: 18px;
  color: #f4fbff;
}
html.playarc .pa-price-row.is-best .pa-price-save { color: #8ee0cc; }
html.playarc .pa-title-deal.is-collapsed:not(.is-open) .pa-price-row.is-more {
  display: none;
}
html.playarc .pa-price-more {
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  border: 0;
  background: rgba(16, 28, 48, 0.28);
  box-shadow: inset 0 1px 0 rgba(160, 196, 230, 0.08);
  color: rgba(186, 214, 238, 0.78);
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
html.playarc .pa-price-more:hover {
  color: #e8f4ff}
html.playarc .pa-price-chart-fx {
  margin: 0;
  padding: 10px 16px 12px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 11px;
  line-height: 1.55;
  color: rgba(156, 176, 198, 0.42);
}
html.playarc .pa-title-deal.is-wait > .pa-hud-load {
  padding: 20px 12px 16px;
}
html.playarc .pa-price-chart.is-empty {
  padding: 22px 20px 18px;
}
html.playarc .pa-price-none {
  display: grid;
  gap: 8px;
}
html.playarc .pa-price-none b {
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 15px;
  font-weight: 800;
  color: #e8f1fb;
}
html.playarc .pa-price-none p {
  margin: 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  line-height: 1.65;
  color: rgba(156, 176, 198, 0.52);
}
html.playarc .pa-us-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px 18px;
  align-items: center;
  padding: 18px 20px 16px;
  border-radius: 22px;
  text-decoration: none;
  color: inherit;
  background:
    linear-gradient(155deg, rgba(48, 98, 156, 0.22), rgba(8, 16, 30, 0.42) 52%, rgba(6, 12, 22, 0.5)),
    rgba(8, 16, 28, 0.4);
  box-shadow:
    inset 0 0 0 1px rgba(120, 196, 255, 0.18),
    0 18px 40px -28px rgba(20, 60, 120, 0.55);
}
html.playarc a.pa-us-card:hover {
  box-shadow:
    inset 0 0 0 1px rgba(150, 214, 255, 0.3),
    0 20px 44px -26px rgba(40, 110, 190, 0.45);
}
html.playarc .pa-us-flag {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(8, 16, 28, 0.45);
  box-shadow:
    inset 0 0 0 1px rgba(140, 200, 255, 0.2),
    0 0 0 4px rgba(40, 90, 150, 0.16);
  unicode-bidi: isolate;
}
html.playarc .pa-us-flag .pa-flag-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 50%;
}
html.playarc .pa-us-kicker,
html.playarc .pa-us-store {
  margin: 0 0 8px;
  font-family: var(--pa-console), sans-serif;
  font-size: 11px;
  font-stretch: 118%;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgba(150, 206, 255, 0.62);
}
html.playarc .pa-us-store {
  margin: 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  font-stretch: 100%;
  letter-spacing: 0;
  font-weight: 600;
  color: rgba(176, 204, 226, 0.58);
}
html.playarc .pa-us-now {
  font-size: 32px;
  font-stretch: 110%;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #eaf6ff;
  line-height: 1;
  text-shadow: 0 0 28px rgba(80, 180, 255, 0.22);
}
html.playarc .pa-us-unit,
html.playarc .pa-us-pct {
  display: grid;
  justify-items: end;
  align-content: center;
  min-width: 4.2rem;
  font-family: var(--pa-console), sans-serif;
  color: #d8ecff;
  line-height: 0.86;
}
html.playarc .pa-us-unit span {
  font-size: 13px;
  font-stretch: 120%;
  letter-spacing: 0.16em;
  color: rgba(150, 206, 255, 0.55);
}
html.playarc .pa-us-pct b {
  font-size: 36px;
  font-stretch: 112%;
  font-weight: 700;
  letter-spacing: -0.04em;
}
html.playarc .pa-us-pct span {
  font-size: 13px;
  font-stretch: 120%;
  letter-spacing: 0.08em;
  color: rgba(150, 206, 255, 0.5);
}
html.playarc .pa-deal-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px 18px;
  align-items: center;
  padding: 18px 20px 16px;
  border-radius: 22px;
  background:
    linear-gradient(155deg, rgba(246, 240, 226, 0.1), rgba(8, 12, 20, 0.28) 55%, rgba(12, 18, 30, 0.4)),
    rgba(10, 14, 22, 0.35);
  box-shadow:
    inset 0 0 0 1px rgba(236, 228, 208, 0.14),
    0 18px 40px -28px rgba(0, 0, 0, 0.55);
}
html.playarc .pa-deal-flag {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(8, 12, 20, 0.4);
  box-shadow: inset 0 0 0 1px rgba(236, 228, 208, 0.12);
  unicode-bidi: isolate;
}
html.playarc .pa-deal-flag .pa-flag-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 50%;
}
html.playarc .pa-deal-copy { min-width: 0; }
html.playarc .pa-deal-kicker {
  margin: 0 0 8px;
  font-family: var(--pa-console), sans-serif;
  font-size: 11px;
  font-stretch: 118%;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgba(236, 228, 208, 0.58);
}
html.playarc .pa-deal-money {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 8px;
  font-family: var(--pa-console), sans-serif;
}
html.playarc .pa-deal-was {
  font-size: 15px;
  font-weight: 600;
  color: rgba(186, 200, 216, 0.42);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
html.playarc .pa-deal-now {
  font-size: 28px;
  font-stretch: 110%;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #f6f1e4;
  line-height: 1;
}
html.playarc .pa-deal-line,
html.playarc .pa-deal-save,
html.playarc .pa-deal-local,
html.playarc .pa-deal-fx {
  margin: 0 0 4px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(198, 212, 226, 0.72);
}
html.playarc .pa-deal-save { color: rgba(236, 228, 208, 0.78); font-weight: 600; }
html.playarc .pa-deal-local { color: rgba(186, 200, 216, 0.55); font-size: 13px; }
html.playarc .pa-deal-fx {
  margin-top: 8px;
  font-size: 12px;
  color: rgba(168, 186, 206, 0.42);
}
html.playarc .pa-deal-pct {
  display: grid;
  justify-items: end;
  align-content: center;
  min-width: 4.2rem;
  font-family: var(--pa-console), sans-serif;
  color: #f3efe4;
  line-height: 0.86;
}
html.playarc .pa-deal-pct b {
  font-size: 36px;
  font-stretch: 112%;
  font-weight: 700;
  letter-spacing: -0.04em;
}
html.playarc .pa-deal-pct span {
  font-size: 13px;
  font-stretch: 120%;
  letter-spacing: 0.08em;
  color: rgba(236, 228, 208, 0.5);
}
html.playarc .pa-deal-alts {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}
html.playarc .pa-deal-alts::-webkit-scrollbar { display: none; }
html.playarc .pa-deal-chip {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(8, 12, 20, 0.28);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.1);
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 12px;
  color: rgba(198, 212, 226, 0.7);
}
html.playarc .pa-deal-chip i {
  font-style: normal;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  overflow: hidden;
  border-radius: 50%;
  unicode-bidi: isolate;
}
html.playarc .pa-deal-chip .pa-flag-img {
  width: 22px;
  height: 22px;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}
html.playarc .region-flag-chip,
html.playarc .country-flag,
html.playarc .region-ico {
  overflow: hidden;
  border-radius: 50%;
  unicode-bidi: isolate;
}
html.playarc .region-flag-chip {
  width: 22px;
  height: 22px;
  display: inline-flex;
  flex: 0 0 22px;
}
html.playarc .country-flag {
  width: 28px;
  height: 28px;
  display: inline-flex;
}
html.playarc .region-ico {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
html.playarc .region-flag-chip .pa-flag-img,
html.playarc .country-flag .pa-flag-img,
html.playarc .region-ico .pa-flag-img,
html.playarc .region-ico .pa-region-mark {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 50%;
}
html.playarc .pa-deal-chip em {
  font-family: var(--pa-console), sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #f4efe3;
}
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-deal-line,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-deal-save,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-deal-local,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-deal-fx,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-us-store,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-price-name,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-price-chart-fx,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-hud-load-copy,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-msrp-copy small {
  font-family: var(--pa-console), sans-serif;
  font-stretch: 105%;
  letter-spacing: 0.01em;
}
html.playarc .pa-title-story {
  max-width: none;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  animation: pa-wiki-rise 700ms 120ms var(--pa-ease-out) both;
}
html.playarc .pa-title-wait {
  margin: 0;
  font-family: var(--pa-ui), sans-serif;
  font-size: 14px;
  color: rgba(214, 228, 244, 0.48);
}
html.playarc .pa-hud-load {
  display: grid;
  justify-items: center;
  gap: 16px;
  padding: 28px 12px 22px;
}
html.playarc .pa-hud-load-core {
  position: relative;
  width: 58px;
  height: 58px;
}
html.playarc .pa-hud-load-orbit {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1.5px solid transparent;
  border-block-start-color: rgba(150, 214, 255, 0.92);
  border-inline-end-color: rgba(94, 180, 230, 0.18);
  animation: pa-hud-orbit 1.05s linear infinite;
}
html.playarc .pa-hud-load-orbit.is-inner {
  inset: 9px;
  border-block-start-color: rgba(220, 236, 255, 0.38);
  border-inline-end-color: transparent;
  animation-duration: 1.7s;
  animation-direction: reverse;
}
html.playarc .pa-hud-load-orb {
  position: absolute;
  inset: 19px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 40% 35%, #f4fbff 0%, #7ad4f4 38%, rgba(40, 90, 150, 0.28) 68%, transparent 72%);
  box-shadow: 0 0 20px rgba(94, 200, 240, 0.42);
  animation: pa-hud-breathe 1.55s ease-in-out infinite;
}
html.playarc .pa-hud-load-copy {
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: rgba(186, 206, 226, 0.58);
}
html.playarc .pa-title-story:has(> .pa-hud-load:only-child),
html.playarc .pa-title-story:has(> .pa-title-wait:only-child) {
  grid-template-columns: 1fr;
}
html.playarc .pa-story-block h3 {
  margin: 0 0 10px;
  font-family: var(--pa-console);
  font-size: 12px;
  font-stretch: 118%;
  letter-spacing: 0.16em;
  font-weight: 700;
  color: rgba(214, 228, 244, 0.48);
}
html.playarc .pa-story-block[dir="rtl"] p {
  margin: 0 0 14px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 17px;
  line-height: 1.9;
  color: rgba(198, 212, 226, 0.74);
  overflow-wrap: anywhere;
  word-break: break-word;
}
html.playarc .pa-story-block[dir="ltr"] p {
  margin: 0 0 12px;
  font-family: var(--pa-console);
  font-stretch: 105%;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.008em;
  unicode-bidi: isolate;
  text-align: start;
  color: rgba(186, 200, 216, 0.68);
}
html.playarc .pa-title-source {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: 2px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(6, 12, 22, 0.4);
  box-shadow: inset 0 0 0 1px rgba(190, 216, 244, 0.12);
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  letter-spacing: 0;
  color: rgba(214, 226, 240, 0.7);
}
html.playarc .pa-title-source em {
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-style: normal;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgba(140, 196, 240, 0.72);
}
html.playarc .pa-title-source .pa-story-ico {
  width: 16px;
  height: 16px;
  flex: none;
  color: #8ad4ff;
}
html.playarc .pa-story-block p::selection,
html.playarc .pa-story-orig ::selection,
html.playarc .pa-title-source ::selection {
  background: rgba(80, 180, 255, 0.42);
  color: #f7fcff;
}
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-title-wait,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-title-source,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-title-cta .pa-feature-btn,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-meta b,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-title-aka,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-rail-title {
  font-family: var(--pa-console), sans-serif;
  font-stretch: 112%;
  letter-spacing: 0.02em;
}
html.playarc .pa-title-watch,
html.playarc .pa-title-shots {
  animation: pa-wiki-rise 700ms 160ms var(--pa-ease-out) both;
}
html.playarc .pa-title-watch { width: 100%; max-width: none; }
html.playarc .pa-watch-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  margin: 0 0 12px;
  padding-bottom: 10px;
  box-shadow: inset 0 -1px 0 rgba(170, 200, 230, 0.1);
}
html.playarc .pa-watch-kicker {
  margin: 0;
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: rgba(140, 196, 240, 0.5);
}
html.playarc .pa-watch-head h2,
html.playarc .pa-title-watch .pa-rail-title {
  margin: 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: clamp(18px, 1.8vw, 26px);
  font-weight: 700;
  letter-spacing: 0;
  color: rgba(236, 242, 250, 0.94);
}
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-watch-head h2,
html.playarc:not([lang="fa"]):not([lang="ar"]):not([lang="ur"]):not([lang="ps"]) .pa-title-watch .pa-rail-title {
  font-family: var(--pa-console), sans-serif;
  font-stretch: 100%;
  letter-spacing: 0.04em;
}
html.playarc .pa-title-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: clamp(12px, 1.6vw, 18px);
  overflow: hidden;
  background: rgba(2, 6, 12, 0.72);
  box-shadow:
    0 28px 70px -28px rgba(0, 0, 0, 0.88),
    inset 0 0 0 1px rgba(220, 234, 255, 0.14);
}
html.playarc .pa-title-video video,
html.playarc .pa-title-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
html.playarc .pa-title-page .pa-rail-head { padding-inline: 0; }
html.playarc .pa-title-shots .pa-rail-title {
  font-family: var(--pa-console);
  font-stretch: 115%;
  letter-spacing: 0.04em;
}
html.playarc .pa-title-shot-row {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding: 4px 2px 10px;
  scrollbar-width: none;
}
html.playarc .pa-title-shot-row::-webkit-scrollbar { display: none; }
html.playarc .pa-shot {
  position: relative;
  flex: none;
  width: min(480px, 38vw);
  aspect-ratio: 16 / 9;
  padding: 0;
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(6, 10, 18, 0.4);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.14);
  cursor: pointer;
}
html.playarc .pa-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html.playarc .pa-shot-i {
  position: absolute;
  inset-inline-start: 10px;
  bottom: 10px;
  font-family: var(--pa-console);
  font-size: 11px;
  font-weight: 700;
  font-stretch: 120%;
  letter-spacing: 0.12em;
  color: #f4f8ff;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
  pointer-events: none;
}
html.playarc .pa-shot:hover,
html.playarc .pa-shot:focus-visible {
  outline: none;
  transform: none;
  box-shadow: 0 0 0 2px rgba(236, 244, 255, 0.78);
}
html.playarc .pa-title-spec {
  max-width: 720px;
  color: rgba(214, 228, 244, 0.62);
}
html.playarc .pa-title-spec summary {
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0.08em;
}
html.playarc .pa-title-spec-grid {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}
html.playarc .pa-title-spec-grid b { direction: ltr; unicode-bidi: isolate; }
html.playarc .pa-spec-btn {
  margin-inline-start: 6px;
  border: 0;
  background: none;
  color: rgba(220, 232, 248, 0.7);
  cursor: pointer;
}
html.playarc .pa-spec-btn.is-on { color: #fff; }
html.playarc.pa-wiki-detail .pa-title-page .chips,
html.playarc.pa-wiki-detail .detail-facts,
html.playarc.pa-wiki-detail .play-mode-edit,
html.playarc.pa-wiki-detail .region-facts { display: none !important; }

@media (min-width: 1600px) {
  html.playarc .pa-title-hero { min-height: 0; }
  html.playarc .pa-title-page .pa-wiki-poster {
    flex-basis: 460px;
    width: 460px;
    max-width: 460px;
  }
}
@media (max-width: 1100px) {
  html.playarc .pa-title-hero {
    gap: 22px;
    min-height: 0;
  }
  html.playarc .pa-title-copy { max-width: 32rem; }
  html.playarc .pa-title-copy h1 { font-size: clamp(32px, 5vw, 56px); }
}
@media (max-width: 820px) {
  html.playarc .pa-title-hero {
    flex-direction: column-reverse;
    min-height: 0;
    align-items: stretch;
    gap: 22px;
  }
  html.playarc .pa-title-page .pa-wiki-poster {
    flex: none;
    width: min(72vw, 320px);
    max-width: min(72vw, 320px);
    align-self: center;
  }
  html.playarc .pa-title-copy { width: 100%; max-width: none; }
  html.playarc .pa-title-copy h1 { text-align: start; }
  html.playarc .pa-title-logline { max-width: none; }
  html.playarc .pa-title-story { grid-template-columns: 1fr; }
  html.playarc .pa-deal-card,
  html.playarc .pa-us-card { gap: 12px 14px; padding: 16px 16px 14px; }
  html.playarc .pa-price-row.is-head .pa-price-usd { font-size: 20px; }
  html.playarc .pa-deal-now,
  html.playarc .pa-us-now { font-size: 24px; }
  html.playarc .pa-deal-pct b,
  html.playarc .pa-us-pct b { font-size: 30px; }
  html.playarc .pa-shot { width: min(78vw, 420px); }
}
@media (max-width: 560px) {
  html.playarc .pa-title-page {
    padding: 48px 16px 28px;
    gap: 28px;
  }
  html.playarc .pa-title-page .pa-wiki-poster {
    max-width: min(86vw, 280px);
    border-radius: 16px;
  }
  html.playarc .pa-title-copy h1 {
    font-size: clamp(28px, 11vw, 40px);
    line-height: 0.98;
  }
  html.playarc .pa-title-logline { font-size: 15px; }
  html.playarc .pa-title-cta .pa-feature-btn { flex: 1 1 auto; justify-content: center; }
  html.playarc .pa-deal-card,
  html.playarc .pa-us-card {
    grid-template-columns: auto minmax(0, 1fr);
  }
  html.playarc .pa-deal-pct,
  html.playarc .pa-us-pct,
  html.playarc .pa-us-unit {
    grid-column: 1 / -1;
    justify-items: start;
    min-width: 0;
  }
  html.playarc .pa-deal-pct b,
  html.playarc .pa-us-pct b { font-size: 28px; }
  html.playarc .pa-price-row {
    gap: 8px;
    padding-inline: 14px;
  }
  html.playarc .pa-price-local { display: none; }
  html.playarc .pa-shot { width: min(100%, 86vw); }
  html.playarc .pa-title-video { border-radius: 12px; }
  html.playarc .pa-title-source,
  html.playarc .pa-story-orig summary { padding-inline: 12px; }
  html.playarc .pa-cinema { padding: 56px 10px 14px; }
  html.playarc .pa-cinema-stage img { max-height: calc(100vh - 176px); max-width: 96vw; }
  html.playarc .pa-cinema-nav { width: 40px; height: 40px; }
  html.playarc .pa-cinema-nav.is-prev { left: 8px; }
  html.playarc .pa-cinema-nav.is-next { right: 8px; }
  html.playarc .pa-cinema-thumb { width: 64px; }
}
@media (max-height: 700px) and (min-width: 821px) {
  html.playarc .pa-title-hero { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.playarc .pa-title-copy,
  html.playarc .pa-title-page .pa-wiki-poster,
  html.playarc .pa-title-story,
  html.playarc .pa-title-watch,
  html.playarc .pa-title-shots,
  html.playarc .pa-title-deal,
  html.playarc .pa-title-cta .pa-feature-btn,
  html.playarc .pa-title-cta .pa-feature-btn.is-buy {
    animation: none;
  }
  html.playarc .pa-title-page .pa-wiki-poster:hover::after,
  html.playarc .pa-title-cta .pa-feature-btn.is-buy:hover::after {
    animation: none;
  }
  html.playarc .pa-hud-load-orbit,
  html.playarc .pa-hud-load-orb {
    animation: none;
  }
}


html.playarc:has(.app > .app-body),
html.playarc:has(.app > .app-body) body {
  height: 100% !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  overscroll-behavior: none;
}
html.playarc .app:has(> .app-body) {
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  padding-bottom: 12px !important;
}
html.playarc .app:has(> .app-body) .pa-hintbar,

html.playarc .statusbar .pa-hintbar,

html.playarc .pa-hintbar.is-docked {
  position: static;
  inset: auto;
  z-index: auto;
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 0 8px;
  overflow: hidden;
  pointer-events: none;
}
html.playarc .pa-hintbar.is-docked .pa-hintbar-end { display: none; }
html.playarc .app:has(> .app-body) .statusbar {
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0;
  overflow: hidden;
}
html.playarc .app:has(> .app-body) .statusbar-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 7px 14px;
}
html.playarc.ps-fx .app:has(> .app-body) .side-settings-stack,
html.playarc.ps-fx .app:has(> .app-body) .paste-src,
html.playarc.ps-fx .app:has(> .app-body) .proxy-list,
html.playarc.ps-fx .app:has(> .app-body) .results,
html.playarc.ps-fx .app:has(> .app-body) .history,
html.playarc.ps-fx .app:has(> .app-body) .export-area,
html.playarc.ps-fx .app:has(> .app-body) .sorter-layout,
html.playarc.ps-fx .app:has(> .app-body) .sorter-src,
html.playarc.ps-fx .app:has(> .app-body) .sorter-board,
html.playarc.ps-fx .app:has(> .app-body) .sorter-summary {
  scrollbar-width: none !important; 
  scrollbar-color: rgba(150, 185, 235, 0.4) transparent !important;
}
html.playarc.ps-fx .app:has(> .app-body) .side-settings-stack::-webkit-scrollbar,
html.playarc.ps-fx .app:has(> .app-body) .paste-src::-webkit-scrollbar,
html.playarc.ps-fx .app:has(> .app-body) .proxy-list::-webkit-scrollbar,
html.playarc.ps-fx .app:has(> .app-body) .results::-webkit-scrollbar,
html.playarc.ps-fx .app:has(> .app-body) .history::-webkit-scrollbar,
html.playarc.ps-fx .app:has(> .app-body) .export-area::-webkit-scrollbar,
html.playarc.ps-fx .app:has(> .app-body) .sorter-layout::-webkit-scrollbar,
html.playarc.ps-fx .app:has(> .app-body) .sorter-src::-webkit-scrollbar,
html.playarc.ps-fx .app:has(> .app-body) .sorter-board::-webkit-scrollbar,
html.playarc.ps-fx .app:has(> .app-body) .sorter-summary::-webkit-scrollbar {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  background: transparent !important;
}
html.playarc.ps-fx .app:has(> .app-body) .side-settings-stack::-webkit-scrollbar-thumb,
html.playarc.ps-fx .app:has(> .app-body) .paste-src::-webkit-scrollbar-thumb,
html.playarc.ps-fx .app:has(> .app-body) .proxy-list::-webkit-scrollbar-thumb,
html.playarc.ps-fx .app:has(> .app-body) .results::-webkit-scrollbar-thumb,
html.playarc.ps-fx .app:has(> .app-body) .history::-webkit-scrollbar-thumb,
html.playarc.ps-fx .app:has(> .app-body) .export-area::-webkit-scrollbar-thumb,
html.playarc.ps-fx .app:has(> .app-body) .sorter-layout::-webkit-scrollbar-thumb,
html.playarc.ps-fx .app:has(> .app-body) .sorter-src::-webkit-scrollbar-thumb,
html.playarc.ps-fx .app:has(> .app-body) .sorter-board::-webkit-scrollbar-thumb,
html.playarc.ps-fx .app:has(> .app-body) .sorter-summary::-webkit-scrollbar-thumb {
  display: block !important;
  background: rgba(150, 185, 235, 0.32) !important;
  border-radius: 99px !important;
  box-shadow: none !important;
}


html.playarc .pa-vault-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex: none;
  min-height: 0;
  padding: 4px 4px 0;
}
html.playarc .pa-vault-brand {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
html.playarc .pa-vault-title {
  margin: 0;
  font-family: var(--pa-ui);
  font-size: clamp(20px, 1.7vw, 28px);
  font-weight: 700;
  letter-spacing: 0;
  color: var(--pa-text);
  line-height: 1.1;
}
html.playarc .pa-vault-count {
  font-family: var(--pa-console);
  font-size: 13px;
  font-weight: 650;
  font-stretch: 118%;
  letter-spacing: 0.08em;
  color: rgba(196, 214, 234, 0.62);
}
html.playarc .pa-vault-tools {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: none;
}
html.playarc .pa-vault-tools .pa-tile {
  width: 68px;
  gap: 6px;
}
html.playarc .pa-vault-tools .pa-tile-art,
html.playarc .pa-vault-tools .pa-otp-art {
  width: 68px;
  height: 68px;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px rgba(180, 214, 255, 0.16);
}
html.playarc .pa-vault-tools .pa-tile-name {
  min-height: 0;
  font-size: 11px;
  padding-top: 2px;
}
html.playarc .pa-vault .pa-rail.is-accounts {
  flex: 1 1 auto;
  min-height: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-head {
  display: none;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-track {
  --pa-fade-left: 48px;
  --pa-fade-right: 48px;
  flex: 0 0 auto;
  min-height: 0;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding: 18px 0 10px;
  overflow-x: clip;
  overflow-y: visible;
  mask-image: linear-gradient(90deg, transparent 0, #000 var(--pa-fade-left), #000 calc(100% - var(--pa-fade-right)), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--pa-fade-left), #000 calc(100% - var(--pa-fade-right)), transparent 100%);
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-strip {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: clamp(16px, 1.6vw, 28px);
  width: max-content;
  min-width: max-content;
  padding-inline: 8px 88px;
}
html.playarc .pa-vault .pa-rail.is-games {
  display: none !important;
}
html.playarc .pa-vault .pa-tile.is-account {
  --pa-acct-face: clamp(148px, min(16vw, 28vh), 216px);
  --rs: 1;
  --rx: 0px;
  --ry: 0px;
  position: relative;
  width: var(--pa-acct-face);
  flex: 0 0 var(--pa-acct-face);
  gap: 10px;
  overflow: visible;
  transform: none;
}
html.playarc .pa-vault .pa-tile.is-account .pa-tile-name { display: none; }
html.playarc .pa-vault .pa-tile.is-account .pa-acct-face,
html.playarc .pa-vault .pa-tile.is-account .pa-tile-art.pa-acct-face {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 22px;
  overflow: hidden;
  transform: none !important;
  background:
    radial-gradient(circle at 50% 32%, rgba(52, 82, 122, 0.58), rgba(6, 10, 18, 0.98));
  box-shadow:
    inset 0 0 0 1px rgba(190, 220, 255, 0.16),
    0 26px 40px -20px rgba(0, 0, 0, 0.82);
  transition: transform 220ms var(--pa-ease-out),
              box-shadow 180ms linear;
}
html.playarc .pa-vault .pa-tile.is-account .pa-acct-face img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 18%;
  display: block;
}
html.playarc .pa-vault .pa-acct-ph {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: rgba(150, 196, 230, 0.4);
}
html.playarc .pa-vault .pa-acct-ph svg {
  width: 38%;
  height: 38%;
  display: block;
}
html.playarc .pa-vault .pa-acct-idx {
  display: none !important;
}
html.playarc .pa-vault .pa-acct-apps {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  height: 34px;
  min-height: 34px;
  max-width: 100%;
  overflow: hidden;
  direction: ltr;
}
html.playarc .pa-vault .pa-acct-apps.is-empty {
  justify-content: flex-start;
}
html.playarc .pa-vault .pa-acct-app {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  overflow: hidden;
  background: rgba(8, 12, 20, 0.55);
  box-shadow: inset 0 0 0 1px rgba(180, 214, 255, 0.1);
}
html.playarc .pa-vault .pa-acct-app img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html.playarc .pa-vault .pa-acct-app.is-ph {
  background: rgba(255, 255, 255, 0.04);
}
html.playarc .pa-vault .pa-acct-app.is-more {
  display: grid;
  place-items: center;
  font-family: var(--pa-console);
  font-size: 11px;
  font-weight: 700;
  font-stretch: 118%;
  letter-spacing: 0.02em;
  color: rgba(220, 232, 246, 0.82);
  background: rgba(16, 28, 44, 0.88);
}
html.playarc .pa-vault .pa-acct-empty {
  font-family: var(--pa-ui), "Vazirmatn", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  color: rgba(186, 204, 224, 0.46);
}
html.playarc .pa-vault .pa-acct-plats {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  height: 18px;
  min-height: 18px;
  max-width: 100%;
  overflow: visible;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-vault .pa-acct-plat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
html.playarc .pa-vault .pa-acct-plat .pa-plat-mark {
  height: 13px;
  max-width: 64px;
}
html.playarc .pa-vault .pa-acct-plat b {
  font-family: var(--pa-console), "Saira", sans-serif;
  font-size: 11px;
  font-weight: 700;
  font-variant-numeric: lining-nums tabular-nums;
  letter-spacing: 0.04em;
  color: rgba(226, 236, 248, 0.92);
  line-height: 1;
}
html.playarc .pa-vault .pa-acct-caption {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  height: auto;
  min-height: 22px;
  max-width: 100%;
  overflow: visible;
  padding: 0 2px;
}
html.playarc .pa-vault .pa-acct-plats {
  height: 16px;
  min-height: 16px;
  gap: 8px;
  color: #e8f2ff;
}
html.playarc .pa-vault .pa-acct-plat {
  gap: 4px;
}
html.playarc .pa-vault .pa-acct-plat .pa-plat-mark {
  height: 10px;
  max-width: 42px;
  color: #e8f2ff;
}
html.playarc .pa-vault .pa-acct-plat b,
html.playarc .pa-vault .pa-acct-plat i {
  font-size: 10.5px;
  font-style: normal;
  font-variant-numeric: lining-nums tabular-nums;
}
html.playarc .pa-vault .pa-acct-plat i { opacity: .5; font-weight: 650; }
html.playarc .pa-vault .pa-acct-email {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--pa-console);
  font-size: clamp(12px, 0.8vw, 14px);
  font-weight: 600;
  font-stretch: 108%;
  letter-spacing: 0.02em;
  line-height: 22px;
  color: rgba(226, 234, 246, 0.9);
  direction: ltr;
  unicode-bidi: isolate;
  text-align: start;
}
html.playarc .pa-vault .pa-tile.is-account.is-lift .pa-acct-face,
html.playarc .pa-vault .pa-tile.is-account.is-lift .pa-tile-art.pa-acct-face,
html.playarc .pa-vault .pa-tile.is-account:hover .pa-acct-face,
html.playarc .pa-vault .pa-tile.is-account:focus-visible .pa-acct-face {
  transform: translate3d(0, -6px, 0) !important;
  box-shadow:
    inset 0 0 0 1px rgba(210, 232, 255, 0.28),
    0 22px 36px -18px rgba(0, 0, 0, 0.78);
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-track.is-pushing .pa-tile.is-account:not(.is-lift) {
  opacity: 0.58;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-tile.is-account {
  transition: opacity 180ms linear;
}
html.playarc .pa-vault .pa-tile.is-account.is-ghost {
  pointer-events: none;
  opacity: 0.42;
}
html.playarc .pa-vault .pa-tile.is-account.is-ghost .pa-acct-face {
  background:
    linear-gradient(160deg, rgba(28, 40, 62, 0.55), rgba(8, 12, 22, 0.72));
  box-shadow: inset 0 0 0 1px rgba(160, 196, 230, 0.12);
}
html.playarc .pa-vault-empty {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  min-height: 0;
  padding: 0 8px 4px;
  color: var(--pa-dim);
  text-align: start;
}
html.playarc .pa-vault-empty p {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #c5d8f0;
}
html.playarc .pa-vault.is-empty .pa-rail.is-accounts {
  flex: 0 1 auto;
}
@media (max-width: 720px) {
  html.playarc .storage-app.has-pa-vault .storage-body {
    padding-inline: 12px !important;
  }
  html.playarc .storage-app.has-pa-vault .main-inner {
    padding: 10px 12px 12px !important;
  }
  html.playarc .pa-vault .pa-tile.is-account {
    --pa-acct-face: 132px;
  }
  html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-strip {
    padding-inline: 4px 72px;
    gap: 14px;
  }
}


html.pa-miniapp-on,
html.pa-miniapp-on body {
  overflow: hidden !important;
}
.pa-miniapp {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms var(--pa-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}
.pa-miniapp.is-on {
  opacity: 1;
  pointer-events: auto;
}
.pa-miniapp-scrim {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 12, 0.58);
}
.pa-miniapp-stage {
  position: relative;
  width: min(400px, calc(100vw - 32px));
  height: min(620px, calc(100dvh - 48px));
  border-radius: 28px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(18, 28, 46, 0.98), rgba(6, 10, 18, 0.99));
  box-shadow:
    0 40px 90px -28px rgba(0, 0, 0, 0.88),
    inset 0 0 0 1px rgba(190, 220, 255, 0.16);
  transform: translate3d(0, 16px, 0) scale(0.96);
  transition: transform 260ms var(--pa-ease-out, cubic-bezier(0.22, 1, 0.36, 1));
}
.pa-miniapp.is-on .pa-miniapp-stage { transform: none; }
.pa-miniapp-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}
@media (prefers-reduced-motion: reduce) {
  .pa-miniapp,
  .pa-miniapp-stage { transition: none; }
}

html.playarc .pa-meta.is-mark {
  background: none;
  box-shadow: none;
  padding: 0 2px;
  min-height: 0;
  gap: 8px;
}
html.playarc .pa-meta.is-mark .pa-plat-lock {
  filter: none;
}


html.playarc.pa-wiki-detail .pa-title-page {
  padding-top: clamp(20px, 3vw, 40px);
}
html.playarc.pa-wiki-detail .pa-title-copy {
  padding-top: 10px;
}
html.playarc .pa-title-story {
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-width: none;
  gap: 14px;
}
html.playarc .pa-title-story .pa-story-block + .pa-story-block {
  padding-top: 8px;
}
html.playarc .pa-story-ico {
  width: 16px;
  height: 16px;
  flex: none;
}
html.playarc .pa-story-orig {
  margin: 2px 0 0;
  border-radius: 12px;
  background: rgba(6, 12, 22, 0.4);
  box-shadow: inset 0 0 0 1px rgba(190, 216, 244, 0.14);
}
html.playarc .pa-story-orig summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  min-height: 44px;
  padding: 0 14px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 14px;
  font-stretch: 100%;
  font-weight: 650;
  letter-spacing: 0;
  color: rgba(220, 232, 244, 0.82);
  user-select: none;
}
html.playarc .pa-story-orig summary::-webkit-details-marker { display: none; }
html.playarc .pa-story-orig summary .pa-story-ico { color: rgba(160, 210, 255, 0.7); }
html.playarc .pa-story-orig-chev {
  width: 7px;
  height: 7px;
  margin-inline-start: auto;
  border-inline-end: 1.6px solid currentColor;
  border-bottom: 1.6px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.55;
}
html.playarc .pa-story-orig summary:hover,
html.playarc .pa-story-orig summary:focus-visible {
  color: #f4f8ff;
  outline: none}
html.playarc .pa-story-orig summary:active {
  background: rgba(50, 110, 180, 0.22);
}
html.playarc .pa-story-orig[open] {
  box-shadow: inset 0 0 0 1px rgba(140, 200, 255, 0.22);
}
html.playarc .pa-story-orig[open] summary {
  color: #eef6ff;
  box-shadow: inset 0 -1px 0 rgba(170, 200, 230, 0.1);
}
html.playarc .pa-story-orig[open] .pa-story-orig-chev {
  transform: rotate(225deg);
  opacity: 0.8;
}
html.playarc .pa-story-orig .pa-story-block { padding: 4px 16px 16px; }
html.playarc .pa-title-scores {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: -4px 0 18px;
}
html.playarc .pa-score {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 5px 12px 5px 7px;
  border-radius: 12px;
  color: rgba(226, 234, 244, 0.88);
  background: rgba(6, 12, 22, 0.48);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.14);
}
html.playarc .pa-score-ico {
  width: 22px;
  height: 22px;
  flex: none;
  color: #8ad4ff;
}
html.playarc .pa-score.is-official .pa-score-ico {
  color: rgba(186, 210, 230, 0.78);
}
html.playarc .pa-score-copy {
  display: flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1;
}
html.playarc .pa-score em {
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-size: 9px;
  font-stretch: 100%;
  letter-spacing: 0.16em;
  font-style: normal;
  font-weight: 700;
  color: rgba(186, 200, 216, 0.5);
}
html.playarc .pa-score-num {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
}
html.playarc .pa-score b {
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-size: 16px;
  font-stretch: 100%;
  font-variation-settings: "wdth" 100;
  font-synthesis: none;
  font-weight: 650;
  letter-spacing: 0.02em;
  color: #f4f8ff;
}
html.playarc .pa-score i {
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-size: 11px;
  font-style: normal;
  font-stretch: 100%;
  letter-spacing: 0.04em;
  color: rgba(186, 200, 216, 0.45);
}
html.playarc .pa-score.is-empty b { color: rgba(186, 200, 216, 0.4); }
html.playarc .pa-vote {
  display: inline-flex;
  gap: 6px;
}
html.playarc .pa-vote-btn,
html.playarc.ps-fx .pa-vote-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 40px;
  padding: 0 12px 0 10px;
  border: 0 !important;
  border-radius: 12px !important;
  color: rgba(214, 228, 244, 0.78);
  background: rgba(8, 14, 24, 0.48) !important;
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.14) !important;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif !important;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0;
  cursor: pointer;
}
html.playarc .pa-vote-ico {
  width: 16px;
  height: 16px;
  flex: none;
  fill: currentColor;
}
html.playarc .pa-vote-btn b {
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-size: 13px;
  font-weight: 650;
  font-stretch: 100%;
  letter-spacing: 0.04em;
  color: rgba(200, 214, 230, 0.62);
}
html.playarc .pa-vote-btn:hover,
html.playarc .pa-vote-btn:focus-visible {
  color: #f4f8ff;
  outline: none;
}
html.playarc .pa-vote-btn.is-on {
  color: #e8f6ff;
  background: rgba(36, 104, 186, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(140, 210, 255, 0.4) !important;
}
html.playarc .pa-vote-btn.is-on b { color: #d8eefe; }
html.playarc .pa-vote-btn[data-vote="dislike"].is-on {
  color: rgba(255, 220, 224, 0.92);
  background: rgba(120, 36, 48, 0.38) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 140, 156, 0.32) !important;
}
html.playarc .pa-vote-btn[data-vote="dislike"].is-on b { color: inherit; }

html.playarc .pa-title-talk {
  width: 100%;
  max-width: none;
}
html.playarc .pa-talk,
html.playarc.ps-fx .pa-talk {
  display: grid;
  gap: 0;
  border-radius: 20px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(22, 40, 68, 0.38), rgba(8, 12, 20, 0.52)),
    rgba(8, 12, 20, 0.42);
  box-shadow:
    inset 0 0 0 1px rgba(140, 196, 240, 0.14),
    0 18px 40px -28px rgba(8, 16, 32, 0.7);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.playarc.ps-fx .pa-talk textarea,
html.playarc.ps-fx .pa-talk button,
html.playarc.ps-fx .pa-talk label,
html.playarc.ps-fx .pa-talk .pa-talk-face,
html.playarc.ps-fx .pa-talk .pa-talk-msg {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
  isolation: auto !important;
}
html.playarc .pa-talk-head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 0 16px;
  background: linear-gradient(180deg, rgba(48, 92, 148, 0.22), rgba(16, 28, 48, 0.08));
  box-shadow: inset 0 -1px 0 rgba(140, 196, 240, 0.12);
}
html.playarc .pa-talk-ico {
  width: 22px;
  height: 22px;
  flex: none;
  color: rgba(168, 214, 255, 0.78);
}
html.playarc .pa-talk-kicker,
html.playarc .pa-talk-who,
html.playarc .pa-talk-who-k { display: none; }
html.playarc .pa-talk-head h2 {
  margin: 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  color: #eef6ff;
}
html.playarc .pa-talk-n {
  margin-inline-start: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-family: "PlayArc Console", var(--pa-console), sans-serif;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.06em;
  color: rgba(210, 224, 240, 0.72);
  box-shadow: inset 0 0 0 1px rgba(190, 216, 244, 0.16);
  background: rgba(8, 16, 28, 0.4);
}
html.playarc .pa-talk-thread {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: min(46vh, 440px);
  overflow: auto;
  padding: 14px 12px;
}
html.playarc .pa-talk-thread.is-empty,

html.playarc .pa-talk-thread.is-wait,

html.playarc .pa-talk-thread:has(.pa-talk-empty),

html.playarc .pa-talk-thread:has(.pa-hud-load) {
  max-height: none;
  overflow: visible;
}
html.playarc .pa-talk-thread > .pa-hud-load {
  padding: 28px 12px 22px;
}
html.playarc .pa-talk-empty {
  display: grid;
  justify-items: center;
  gap: 10px;
  min-height: 132px;
  margin: 0;
  padding: 28px 18px;
  text-align: center;
}
html.playarc .pa-talk-empty .pa-talk-ico {
  width: 26px;
  height: 26px;
  color: rgba(168, 214, 255, 0.36);
}
html.playarc .pa-talk-empty p {
  margin: 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  color: rgba(186, 206, 226, 0.56);
}
html.playarc .pa-talk-face {
  display: inline-grid;
  place-items: center;
  width: 36px;
  height: 36px;
  flex: none;
  overflow: hidden;
  border-radius: 50%;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  color: #e8f4ff;
  background: rgba(28, 72, 128, 0.46);
  box-shadow: inset 0 0 0 1px rgba(150, 210, 255, 0.28);
}
html.playarc .pa-talk-face img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
html.playarc .pa-talk-msg {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px 12px 12px 10px;
  border-radius: 14px;
  background: rgba(6, 12, 22, 0.36);
  box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.08);
}
html.playarc .pa-talk-msg.is-mine {
  background: rgba(24, 56, 96, 0.28);
  box-shadow: inset 0 0 0 1px rgba(140, 200, 255, 0.16);
}
html.playarc .pa-talk-bubble { min-width: 0; }
html.playarc .pa-talk-msg header {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-bottom: 4px;
}
html.playarc .pa-talk-msg header b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  font-weight: 800;
  color: rgba(226, 236, 248, 0.9);
}
html.playarc .pa-talk-msg header time {
  flex: none;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: rgba(186, 200, 216, 0.42);
}
html.playarc .pa-talk-msg p {
  margin: 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 15.5px;
  line-height: 1.8;
  color: rgba(214, 224, 236, 0.88);
}
html.playarc .pa-talk-composer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: stretch;
  padding: 8px;
  background: linear-gradient(180deg, rgba(18, 32, 54, .62), rgba(8, 14, 26, .88));
  box-shadow:
    inset 0 1px 0 rgba(230, 242, 255, .12),
    inset 0 0 0 1px rgba(130, 180, 235, .16);
}
html.playarc .pa-talk-field {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 56px;
  padding: 6px 8px 6px 8px;
  border-radius: 14px;
  background: rgba(8, 16, 28, 0.55);
  box-shadow: inset 0 0 0 1px rgba(190, 216, 244, 0.12);
}
html.playarc .pa-talk-field:focus-within {
  background: rgba(10, 20, 36, 0.72);
  box-shadow: inset 0 0 0 1px rgba(140, 210, 255, 0.42);
}
html.playarc .pa-talk-composer textarea,
html.playarc.ps-fx .pa-talk-composer textarea,
html.playarc .pa-talk-composer textarea:focus,
html.playarc.ps-fx .pa-talk-composer textarea.pa-talk-input {
  width: 100%;
  min-height: 44px;
  max-height: 132px;
  resize: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: rgba(236, 242, 250, 0.94) !important;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
  outline: none !important;
  padding: 10px 8px 10px 0 !important}
html.playarc .pa-talk-composer textarea:disabled {
  opacity: 0.72;
  cursor: default;
}
html.playarc .pa-talk-composer textarea::placeholder,
html.playarc.ps-fx .pa-talk-composer textarea::placeholder {
  color: rgba(186, 200, 216, 0.44) !important;
  font-weight: 500;
  opacity: 1;
}
html.playarc button.pa-talk-send,
html.playarc.ps-fx button.pa-talk-send {
  appearance: none;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  align-self: stretch;
  width: auto !important;
  min-width: 108px !important;
  max-width: none !important;
  min-height: 52px !important;
  height: auto !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 16px !important;
  font-family: "Vazirmatn", Tahoma, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #041018 !important;
  background: linear-gradient(180deg, #7fe0ff, #3aa0ff) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 10px 20px -14px rgba(50, 160, 255, .75) !important;
  cursor: pointer;
}
html.playarc button.pa-talk-send:disabled {
  opacity: 0.42;
  cursor: default;
}
html.playarc .pa-talk-send svg {
  width: 18px;
  height: 18px;
  display: block;
  color: #041018;
}
html.playarc .pa-talk-send span {
  display: inline !important;
  font: inherit !important;
  color: inherit !important;
}
html[dir="rtl"].playarc .pa-talk-send svg { transform: scaleX(-1); }
html.playarc button.pa-talk-send:hover,
html.playarc button.pa-talk-send:focus-visible {
  color: #041018 !important;
  outline: none}
html.playarc button.pa-talk-send:active {
  background: linear-gradient(180deg, #6ad4f8, #2f94f0) !important;
}
html.playarc .pa-talk-msg header {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
html.playarc .pa-talk-del {
  appearance: none;
  margin-inline-start: auto;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  display: inline-grid;
  place-items: center;
  color: rgba(210, 188, 196, 0.72);
  background: transparent;
  cursor: pointer;
}
html.playarc .pa-talk-del svg { width: 14px; height: 14px; display: block; }
html.playarc .pa-talk-del:hover,
html.playarc .pa-talk-del:focus-visible {
  color: #ffd5dc;
  outline: none}
html.playarc .pa-talk-composer {
  grid-template-columns: minmax(0, 1fr) auto;
}

html.playarc .pa-talk-launch,
html.playarc .shell-nav button.pa-talk-launch,
html.playarc .shell-nav.pa-tabs button.pa-tab.pa-talk-launch,
html.playarc.ps-fx .shell-nav button.pa-talk-launch,
html.playarc.ps-fx .shell-nav.pa-tabs button.pa-tab.pa-talk-launch,
html.playarc.ps-fx .liquidGL .shell-nav button.pa-talk-launch {
  appearance: none;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 44px !important;
  width: auto !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  margin: 0 2px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(16, 40, 72, 0.62) !important;
  box-shadow: inset 0 0 0 1px rgba(160, 214, 255, 0.34) !important;
  color: #e8f4ff !important;
  cursor: pointer;
  flex: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
}
html.playarc .pa-talk-launch-n,
html.playarc .shell-nav .pa-talk-launch .pa-talk-launch-n {
  display: inline-block !important;
  font-family: "PlayArc Console", var(--pa-console), sans-serif !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  letter-spacing: 0.08em;
  line-height: 1;
  color: #e8f4ff !important;
  font-variant-numeric: tabular-nums;
}
html.playarc .pa-talk-launch.is-hot,
html.playarc .shell-nav.pa-tabs button.pa-tab.pa-talk-launch.is-hot {
  background: rgba(40, 96, 168, 0.55) !important;
  box-shadow: inset 0 0 0 1px rgba(170, 226, 255, 0.55) !important;
}
html.playarc .pa-talk-launch.is-hot .pa-talk-launch-n {
  text-shadow: 0 0 14px rgba(120, 210, 255, 0.55);
}
html.playarc .pa-talk-launch.is-on,
html.playarc .pa-talk-launch:hover,
html.playarc .pa-talk-launch:focus-visible,
html.playarc .shell-nav.pa-tabs button.pa-tab.pa-talk-launch.is-on,
html.playarc .shell-nav.pa-tabs button.pa-tab.pa-talk-launch:hover {
  box-shadow: inset 0 0 0 1px rgba(190, 230, 255, 0.62) !important;
  outline: none}

html.playarc .pa-social-launch,
html.playarc .shell-nav button.pa-social-launch,
html.playarc .shell-nav.pa-tabs button.pa-tab.pa-social-launch,
html.playarc.ps-fx .shell-nav button.pa-social-launch,
html.playarc.ps-fx .shell-nav.pa-tabs button.pa-tab.pa-social-launch,
html.playarc.ps-fx .liquidGL .shell-nav button.pa-social-launch {
  appearance: none;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: auto !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(214, 226, 240, 0.74) !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
  cursor: pointer;
  flex: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
}
html.playarc .pa-social-launch .pa-tab-label {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
html.playarc .pa-social-launch-word {
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 15px;
  font-weight: 500;
}
html.playarc .pa-social-launch-n,
html.playarc .shell-nav .pa-social-launch .pa-social-launch-n {
  display: inline-block !important;
  font-family: "PlayArc Console", var(--pa-console), sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: 0.04em;
  line-height: 1;
  color: inherit !important;
  font-variant-numeric: tabular-nums;
}
html.playarc .pa-social-launch-n[hidden],
html.playarc .pa-social-launch-n:empty {
  display: none !important;
}
html.playarc .pa-social-launch.is-hot,
html.playarc .shell-nav.pa-tabs button.pa-tab.pa-social-launch.is-hot {
  background: transparent !important;
  box-shadow: none !important;
  color: #f4f8ff !important;
}
html.playarc .pa-social-launch.is-on,
html.playarc .pa-social-launch:hover,
html.playarc .pa-social-launch:focus-visible,
html.playarc .shell-nav.pa-tabs button.pa-tab.pa-social-launch.is-on,
html.playarc .shell-nav.pa-tabs button.pa-tab.pa-social-launch:hover {
  box-shadow: none !important;
  color: rgba(236, 244, 255, 0.88) !important;
  outline: none}

html.playarc .pa-talk-tools {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: none;
}
html.playarc .pa-talk-tool,
html.playarc.ps-fx .pa-talk-tool,
html.playarc .pa-talk-dock,
html.playarc.ps-fx .pa-talk-dock {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: rgba(214, 230, 246, 0.82) !important;
  background: rgba(8, 16, 28, 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(190, 216, 244, 0.16) !important;
  cursor: pointer;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
}
html.playarc .pa-talk-tool svg,
html.playarc .pa-talk-dock svg {
  width: 15px;
  height: 15px;
  flex: none;
}
html.playarc .pa-talk-tool:hover,
html.playarc .pa-talk-tool:focus-visible,
html.playarc .pa-talk-dock:hover,
html.playarc .pa-talk-dock:focus-visible {
  color: #f4fbff !important;
  box-shadow: inset 0 0 0 1px rgba(160, 214, 255, 0.4) !important;
  outline: none}
html.playarc .pa-talk-tool.is-dock {
  color: rgba(186, 224, 255, 0.92) !important;
}
html.playarc .pa-talk-away {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 14px 16px;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(22, 40, 68, 0.38), rgba(8, 12, 20, 0.52)),
    rgba(8, 12, 20, 0.42);
  box-shadow:
    inset 0 0 0 1px rgba(140, 196, 240, 0.14),
    0 18px 40px -28px rgba(8, 16, 32, 0.7);
}
html.playarc .pa-talk-away[hidden] { display: none !important; }
html.playarc .pa-title-talk.is-away > .pa-talk { display: none; }
html.playarc .pa-talk-away-copy { min-width: 0; flex: 1; }
html.playarc .pa-talk-away-copy h2 {
  margin: 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #eef6ff;
}
html.playarc .pa-talk-away-copy p {
  margin: 2px 0 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.65;
  color: rgba(186, 206, 226, 0.62);
}
html.playarc .pa-talk-away .pa-talk-ico {
  width: 22px;
  height: 22px;
  flex: none;
  color: rgba(168, 214, 255, 0.78);
}
html.playarc .pa-talk-float,
html.playarc.ps-fx .pa-talk-float {
  position: fixed;
  z-index: 8600;
  inset-inline-end: 16px;
  inset-inline-start: auto;
  bottom: 16px;
  width: min(392px, calc(100vw - 24px));
  height: min(560px, calc(100vh - 96px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 20px;
  box-shadow:
    0 22px 48px -20px rgba(4, 10, 22, 0.82),
    inset 0 0 0 1px rgba(150, 206, 255, 0.16);
  touch-action: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.playarc .pa-talk-float .pa-talk,
html.playarc.ps-fx .pa-talk-float .pa-talk {
  flex: 1;
  min-height: 0;
  height: 100%;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-radius: 20px;
  box-shadow: none;
}
html.playarc .pa-talk-float .pa-talk-head {
  cursor: grab;
  user-select: none;
}
html.playarc .pa-talk-float.is-drag .pa-talk-head { cursor: grabbing; }
html.playarc .pa-talk-head-copy {
  min-width: 0;
  flex: 1;
}
html.playarc .pa-talk-head-copy h2 {
  margin: 0;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #eef6ff;
}
html.playarc .pa-talk-game {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1px;
  font-family: "Vazirmatn", var(--pa-ui), sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: rgba(168, 208, 242, 0.72);
  text-decoration: none;
}
html.playarc .pa-talk-game:hover { color: #e8f4ff; }
html.playarc .pa-talk-float .pa-talk-n { margin-inline-start: 0; }
html.playarc .pa-talk-float .pa-talk-thread {
  max-height: none;
  min-height: 0;
}
html.playarc .pa-talk-float.is-full,
html.playarc.ps-fx .pa-talk-float.is-full {
  inset: 76px 16px 16px 16px;
  left: 16px !important;
  top: 76px !important;
  right: 16px !important;
  bottom: 16px !important;
  width: auto;
  height: auto;
  max-width: none;
}
html.playarc .pa-talk-float.is-min {
  height: auto;
  width: min(320px, calc(100vw - 24px));
}
html.playarc .pa-talk-float.is-min .pa-talk {
  grid-template-rows: auto;
}
html.playarc .pa-talk-float.is-min .pa-talk-thread,
html.playarc .pa-talk-float.is-min .pa-talk-composer { display: none; }
html.playarc.ps-fx .pa-talk-float textarea,
html.playarc.ps-fx .pa-talk-float button,
html.playarc.ps-fx .pa-talk-float label {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
}
@media (max-width: 720px) {
  html.playarc .pa-talk-float,
  html.playarc.ps-fx .pa-talk-float {
    inset-inline-start: 10px;
    inset-inline-end: 10px;
    bottom: 10px;
    width: auto;
    height: min(62vh, 520px);
  }
  html.playarc .pa-talk-tool span { display: none; }
  html.playarc .pa-talk-tool { width: 32px; padding: 0; }
}


html.playarc .pa-rail.is-library {
  padding-bottom: 28px;
  overflow: clip;
}
html.playarc .pa-rail.is-library .pa-tile {
  width: clamp(104px, 8.6vw, 136px);
  scroll-snap-align: none;
  gap: 6px;
}
html.playarc .pa-rail.is-library .pa-tile-art {
  border-radius: 14px;
}
html.playarc .pa-rail.is-library .pa-tile:hover,
html.playarc .pa-rail.is-library .pa-tile:focus-visible,
html.playarc .pa-rail.is-library .pa-tile.is-lift {
  --rs: 1.03;
  --ry: -3px;
  transform: translate3d(0, 0, 0);
}
html.playarc .pa-rail.is-library .pa-tile-name {
  font-size: clamp(11px, 0.72vw, 13px);
  min-height: calc(1.16em * 2);
  max-height: calc(1.16em * 2);
  padding-top: 4px;
}
html.playarc .pa-rail.is-library .pa-tile-eds .pa-plat-ico,
html.playarc .pa-rail.is-library .pa-tile-eds .pa-plat-mark { height: 14px; max-width: 76px; }
html.playarc .pa-rail.is-library .pa-tile-eds .pa-plat-word { display: none; }
html.playarc .pa-rail.is-library .pa-tile.is-lift .pa-tile-art {
  box-shadow:
    0 0 0 1.5px rgba(var(--pa-item), 0.62),
    0 8px 16px -12px rgba(0, 0, 0, 0.5);
}
html.playarc .pa-rail.is-library .pa-tile.is-lift .pa-tile-art,
html.playarc .pa-rail.is-library .pa-tile:hover .pa-tile-art {
  transform: translate3d(0, var(--ry, -3px), 0) scale(var(--rs, 1.03));
}
html.playarc.pa-wiki-home .pa-home,

html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .pa-home {
  padding-bottom: 64px;
}


html.playarc:has(.shop-app, .storage-app, .app-body) #ps-universe-host,
html.playarc:has(.shop-app, .storage-app, .app-body) .pa-stage-well {
  background: linear-gradient(180deg, #07111f 0%, #081526 46%, #050b16 100%) !important;
}
html.playarc .shop-app .liquidGL,
html.playarc .storage-app .liquidGL,
html.playarc .app .liquidGL.sidebar,
html.playarc .app .liquidGL.work,
html.playarc .shop-app .shop-main.liquidGL {
  background: rgba(7, 14, 28, .78) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-color: rgba(120, 168, 230, .12) !important;
}
html.playarc .shop-app {
  min-height: 100dvh;
}
html.playarc .shop-app .shop-main {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  margin-bottom: 8px !important;
}
html.playarc .shop-app .shop-inner {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
}
html.playarc .shop-app .shop-layout {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
html.playarc .app:has(> .app-body) {
  max-width: none !important;
  width: 100% !important;
  padding: 0 0 12px !important;
  gap: 10px !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}
html.playarc .app:has(> .app-body) > .app-body {
  display: grid !important;
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 10px !important;
  min-height: 0 !important;
  margin-inline: 16px !important;
}
html.playarc .app:has(> .app-body) > .app-body > .pa-desk-rail {
  display: none !important;
}
html.playarc .shop-inner > .pa-desk-rail,
html.playarc .storage-body > .pa-desk-rail {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 0 0 8px !important;
  justify-content: flex-start !important;
}
html.playarc .sidebar .pa-desk-rail,
html.playarc .sidebar-inner > .pa-desk-rail {
  display: flex !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
  width: 100% !important;
  justify-content: stretch !important;
  pointer-events: auto;
}
html.playarc .sidebar .pa-desk-rail-inner,
html.playarc .sidebar-inner > .pa-desk-rail .pa-desk-rail-inner {
  width: 100% !important;
  display: flex !important;
}
html.playarc .sidebar .pa-desk-rail a {
  flex: 1 1 0;
}
html.playarc .storage-body:has(> .pa-desk-rail) {
  grid-template-rows: 56px minmax(0, 1fr) !important;
}
html.playarc .storage-body > .pa-desk-rail {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}
html.playarc .storage-body:has(> .pa-desk-rail) > .storage-main,
html.playarc .storage-body:has(> .pa-desk-rail) > .storage-side {
  grid-row: 2 !important;
}
html.playarc .pa-desk-rail-inner {
  pointer-events: auto;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100%;
  height: 48px !important;
  min-height: 48px !important;
  gap: 4px;
  padding: 4px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(16, 32, 64, .78), rgba(6, 12, 28, .92)) !important;
  border: 1px solid rgba(154, 228, 255, .18) !important;
  box-shadow: 0 18px 44px rgba(0, 6, 20, .42), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
html.playarc .pa-desk-rail a {
  flex: 0 0 auto;
  justify-content: center !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 16px !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
  overflow: visible;
  border-radius: 14px !important;
}
html.playarc .pa-desk-rail a.is-on {
  color: #f4f8ff !important;
  background: linear-gradient(180deg, rgba(70, 140, 255, .34), rgba(20, 50, 120, .5)) !important;
  box-shadow: inset 0 0 0 1px rgba(154, 228, 255, .18) !important;
}


html.playarc .app:has(> .app-body) .sidebar.liquidGL,
html.playarc .app:has(> .app-body) .main.liquidGL,
html.playarc .app:has(> .app-body) .liquidGL.sidebar,
html.playarc .app:has(> .app-body) .liquidGL.main,
html.playarc .app:has(> .app-body) .statusbar.liquidGL {
  background: linear-gradient(180deg, rgba(12, 24, 48, .86), rgba(6, 12, 26, .94)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid rgba(154, 228, 255, .14) !important;
  box-shadow: 0 22px 48px rgba(0, 6, 20, .34), inset 0 1px 0 rgba(255,255,255,.06) !important;
  border-radius: 22px !important;
}
html.playarc .app:has(> .app-body) .tab,
html.playarc .app:has(> .app-body) .tool-btn,
html.playarc .app:has(> .app-body) .btn-pick,
html.playarc .app:has(> .app-body) .nav-pill,
html.playarc .app:has(> .app-body) .chip {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(8, 16, 34, .55) !important;
  border: 1px solid rgba(140, 190, 255, .14) !important;
  box-shadow: none !important;
  border-radius: 14px !important;
}
html.playarc .app:has(> .app-body) .tab.active,
html.playarc .app:has(> .app-body) .nav-pill.active,
html.playarc .app:has(> .app-body) .tool-btn.active {
  color: #f4f8ff !important;
  background: linear-gradient(180deg, rgba(70, 140, 255, .34), rgba(20, 50, 120, .5)) !important;
  border-color: rgba(154, 228, 255, .22) !important;
}
html.playarc .app:has(> .app-body) .glass-toggle,
html.playarc .app:has(> .app-body) .glass-slider-card,
html.playarc .app:has(> .app-body) .data-zone,
html.playarc .app:has(> .app-body) .txt,
html.playarc .app:has(> .app-body) .side-glass {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(6, 12, 24, .45) !important;
  box-shadow: inset 0 0 0 1px rgba(140, 190, 255, .1) !important;
}
html.playarc .app:has(> .app-body) .blank-mark {
  background: linear-gradient(180deg, rgba(70, 140, 255, .22), rgba(20, 50, 120, .28)) !important;
  border: 1px solid rgba(154, 228, 255, .18) !important;
  box-shadow: none !important;
}
html.playarc .app:has(> .app-body) .bg { display: none !important; }


html.playarc .app:has(> .app-body) .glass-toggle {
  --gt-w: 46px;
  --gt-h: 28px;
  --gt-knob: 22px;
  --gt-pad: 3px;
  min-height: 48px;
  padding: 0 14px !important;
  border-radius: 16px !important;
  border: 0 !important;
}
html.playarc .app:has(> .app-body) .glass-toggle-track {
  width: var(--gt-w) !important;
  height: var(--gt-h) !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(140, 190, 255, .18) !important;
}
html.playarc .app:has(> .app-body) .glass-toggle-track::after {
  top: 0 !important;
  bottom: 0 !important;
  margin-block: auto !important;
  left: var(--gt-pad) !important;
  width: var(--gt-knob) !important;
  height: var(--gt-knob) !important;
}
html.playarc .sorter-controls {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(12, 24, 48, .72), rgba(6, 12, 26, .86)) !important;
  border: 1px solid rgba(154, 228, 255, .14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.playarc .sorter-row-hud {
  display: grid;
  grid-template-columns: minmax(220px, 320px) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
}
html.playarc .sorter-controls .sorter-allreg,
html.playarc .sorter-controls .sorter-splitreg {
  width: min(320px, 100%) !important;
  min-width: 0 !important;
  max-width: 320px !important;
}
html.playarc .sorter-controls .sorter-regions {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
html.playarc .sorter-controls .sorter-parts {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
  flex: none !important;
  width: 100%;
}
html.playarc .sorter-regions .chip {
  min-height: 32px;
  padding: 0 12px !important;
  border-radius: 999px !important;
  opacity: .55;
}
html.playarc .sorter-regions .chip.on {
  opacity: 1;
  color: #f4f8ff !important;
  background: linear-gradient(180deg, rgba(70, 140, 255, .34), rgba(20, 50, 120, .5)) !important;
  border-color: rgba(154, 228, 255, .22) !important;
}
html.playarc .sorter-head-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
html.playarc .sorter-mode.tabs {
  height: 40px;
  padding: 4px;
  border-radius: 14px;
  background: rgba(8, 16, 34, .55);
  border: 1px solid rgba(140, 190, 255, .14);
}
html.playarc .sorter-mode .tab {
  height: 32px;
  min-height: 32px;
  padding: 0 14px;
}
html.playarc .sorter-input-well,
html.playarc .sorter-out-well,
html.playarc .sorter-board,
html.playarc .sorter-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(6, 12, 24, .45) !important;
  border: 1px solid rgba(140, 190, 255, .12) !important;
  box-shadow: none !important;
}
html.playarc .sorter-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
html.playarc #sorterMeta {
  display: none;
}
html.playarc #sorterMeta.is-on {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
}
html.playarc .sorter-run-btn,
html.playarc .sorter-zip-btn,
html.playarc .sorter-file-btn,
html.playarc .sorter-actions .btn-pick {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
html.playarc .sorter-zip-btn:disabled,
html.playarc .tool-btn:disabled {
  opacity: .42 !important;
  color: rgba(214, 226, 240, .55) !important;
  background: rgba(8, 16, 34, .45) !important;
  border: 1px solid rgba(140, 190, 255, .1) !important;
  filter: none !important;
}
html.playarc .glass-slider-card {
  min-height: 72px;
  padding: 10px 12px 12px !important;
}
html.playarc .glass-slider-card input[type=range] {
  height: 6px;
  accent-color: #5ec8ff;
}
@media (max-width: 1100px) {
  html.playarc .sorter-controls {
    grid-template-columns: 1fr !important;
  }
  html.playarc .sorter-row-hud { grid-template-columns: 1fr; }
  html.playarc .sorter-controls .sorter-parts { grid-template-columns: 1fr 1fr !important; }
  html.playarc .sorter-controls .sorter-allreg,
  html.playarc .sorter-controls .sorter-splitreg { max-width: none !important; width: 100% !important; }
}
html.playarc .pa-tile-name,
html.playarc .wiki-card .cap,
html.playarc .wiki-now-name,
html.playarc .pa-rail-title,
html.playarc .pa-soon .pa-cd-tile i,
html.playarc .pa-soon-days,
html.playarc .pa-cd-unit em {
  font-family: var(--pa-ui) !important;
  font-stretch: 100% !important;
  font-variation-settings: normal !important;
  letter-spacing: 0 !important;
}
html.playarc .pa-soon .pa-cd-tile > span,
html.playarc .pa-cd-unit b,
html.playarc .pa-rail-count,
html.playarc .wiki-count-num,
html.playarc .pa-deal-off,
html.playarc .pa-deal-price,
html.playarc .pa-num,
html.playarc time {
  font-family: var(--pa-num) !important;
  font-stretch: 100% !important;
  font-variation-settings: normal !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0 !important;
}


html.playarc :is(
  [dir="ltr"],
  .ltr,
  .latin,
  .pa-latin,
  .acct-region-reel,
  .acct-region-reel b,
  .acct-region-reel i,
  .sr-reg,
  .pa-fcode,
  .pa-acct-email,
  .ps-card-meta,
  .ps-game-title,
  .pa-tile-name,
  .email,
  .racct,
  .proxy-host,
  .proxy-chip,
  input[dir="ltr"],
  textarea[dir="ltr"],
  pre,
  code,
  kbd,
  samp
){
  font-family: "PlayArc Console", "Saira", "Segoe UI", Tahoma, sans-serif !important;
  font-variant-numeric: lining-nums tabular-nums;
  -webkit-font-feature-settings: "tnum" 1;
  font-feature-settings: "tnum" 1;
  font-synthesis: none;
}


html.playarc .pa-vault .pa-rail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 0 4px 8px;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
  text-align: start;
}
html.playarc .pa-vault .pa-tile-opts {
  position: absolute;
  top: 10px;
  inset-inline-end: 10px;
  z-index: 7;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  background: rgba(6,12,24,.72);
  box-shadow: inset 0 0 0 1px rgba(210,230,255,.18);
  color: #e8f2ff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}
html.playarc .pa-vault .pa-tile.is-account { position: relative; }



html.playarc .pa-vault.has-accounts {
  justify-content: flex-start !important;
  overflow: auto !important;
  gap: 18px !important;
  padding: 8px 16px 28px !important;
}
html.playarc .pa-vault .pa-rail.is-accounts {
  flex: 0 0 auto !important;
  justify-content: flex-start !important;
  width: 100%;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-head {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  padding: 0 2px 10px !important;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-title {
  margin: 0;
  font-size: 15px;
  font-weight: 750;
  color: #e8f2ff;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-count {
  font-family: var(--pa-console), "Saira", sans-serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-size: 12px;
  opacity: .6;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-track {
  overflow: visible !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  padding: 0 !important;
  width: 100%;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 16px 12px;
  padding: 0 !important;
  align-items: start;
  justify-content: stretch;
}
html.playarc .pa-vault .pa-tile.is-account {
  --pa-acct-face: 84px;
  width: 100% !important;
  max-width: 100%;
  flex: none !important;
  gap: 8px !important;
}
html.playarc .pa-vault .pa-tile.is-account .pa-acct-face,
html.playarc .pa-vault .pa-tile.is-account .pa-tile-art.pa-acct-face {
  width: var(--pa-acct-face) !important;
  height: var(--pa-acct-face) !important;
  border-radius: 16px !important;
}
html.playarc .pa-vault .pa-acct-apps {
  display: flex !important;
  flex-wrap: wrap !important;
  height: auto !important;
  min-height: 40px !important;
  gap: 5px !important;
}
html.playarc .pa-vault .pa-acct-app {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 9px !important;
}
html.playarc .pa-vault .pa-acct-name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--pa-console), "Saira", sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-variant-numeric: lining-nums tabular-nums;
  color: #f2f7ff;
  direction: ltr;
  unicode-bidi: isolate;
}
html.playarc .pa-vault .pa-acct-email {
  font-size: 11px !important;
  opacity: .55;
}
html.playarc .pa-vault .pa-rail-vacant {
  grid-column: 1 / -1;
  padding: 10px 2px 4px;
  font-size: 13px;
  color: rgba(190,210,230,.55);
}
html.playarc .pa-vault .pa-rail.is-archive .pa-rail-title { opacity: .85; }
html.playarc .pa-vault .pa-tile-unarch {
  position: absolute;
  top: 10px;
  inset-inline-start: 10px;
  z-index: 7;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  border: 0;
  background: rgba(94,200,255,.18);
  color: #d9f4ff;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}
@media (max-width: 720px) {
  html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-strip {
    grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  }
  html.playarc .pa-vault .pa-tile.is-account { --pa-acct-face: 72px; }
  html.playarc .pa-vault .pa-acct-app { width: 32px !important; height: 32px !important; flex-basis: 32px !important; }
}



html.playarc .pa-vault.has-accounts {
  justify-content: flex-start !important;
  align-items: stretch !important;
  overflow: auto !important;
  padding: 10px 18px 32px !important;
  gap: 22px !important;
}
html.playarc .pa-vault .pa-rail.is-accounts {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  justify-content: flex-start !important;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-head {
  display: flex !important;
}
html.playarc .pa-vault-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
  gap: 18px 16px;
  width: 100%;
  min-width: 0;
}
html.playarc .pa-vault .pa-tile.is-account {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  gap: 8px !important;
  --pa-acct-face: 76px;
}
html.playarc .pa-vault .pa-tile.is-account .pa-acct-face,
html.playarc .pa-vault .pa-tile.is-account .pa-tile-art.pa-acct-face {
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  min-height: 76px !important;
  max-width: 76px !important;
  max-height: 76px !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 76px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
html.playarc .pa-vault .pa-tile.is-account .pa-acct-face img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
html.playarc .pa-vault .pa-acct-apps,
html.playarc .pa-vault .pa-acct-caption {
  width: 100%;
  align-self: stretch;
}
html.playarc .pa-vault .pa-acct-apps {
  display: flex !important;
  flex-wrap: wrap !important;
  height: auto !important;
  min-height: 40px;
  gap: 5px !important;
}
html.playarc .pa-vault .pa-acct-app {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  flex: 0 0 36px !important;
  border-radius: 8px !important;
}
html.playarc .pa-vault .pa-acct-name {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
  font-size: 12.5px;
  font-weight: 750;
  color: #f3f8ff;
}
html.playarc .pa-vault .pa-acct-email {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
  font-size: 11px !important;
  opacity: .5;
}
html.playarc .pa-vault .acct-slots {
  display: flex;
  gap: 6px;
  margin-top: 4px;
  direction: ltr;
}
html.playarc .pa-vault .acct-slot {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 8px 0 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(18,28,48,.92), rgba(8,12,22,.88));
  box-shadow: inset 0 0 0 1px rgba(170,210,255,.16), 0 6px 14px -10px rgba(0,0,0,.7);
}
html.playarc .pa-vault .acct-slot b {
  font-family: "PlayArc Console", "Saira", sans-serif;
  font-size: 11px;
  font-weight: 800;
  font-variant-numeric: lining-nums tabular-nums;
  color: #eaf4ff;
}
html.playarc .pa-vault .acct-slot .pip {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255,255,255,.14);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}
html.playarc .pa-vault .acct-slot.is-ps5 .pip.is-on {
  background: #6fe3ff;
  box-shadow: 0 0 8px rgba(80,220,255,.7);
}
html.playarc .pa-vault .acct-slot.is-ps4 .pip.is-on {
  background: #9aa8ff;
  box-shadow: 0 0 8px rgba(130,150,255,.55);
}
html.playarc .pa-vault .pa-tile.is-account .acct-region-rail {
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}
html.playarc .pa-vault .pa-tile.is-account .acct-region-reel {
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none;
}

html.playarc .pa-vault .pa-tile.is-account:hover .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account.is-on .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account:focus-visible .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account.is-selected .acct-region-rail {
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 50% !important;
}
html.playarc .pa-vault .pa-tile.is-account:hover .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account.is-on .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account:focus-visible .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account.is-selected .acct-region-reel {
  max-width: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}
html.playarc .pa-vault .pa-tile.is-account .acct-flag-orb {
  width: 20px !important;
  height: 20px !important;
}
@media (max-width: 720px) {
  html.playarc .pa-vault-grid { grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); }
  html.playarc .pa-vault .pa-tile.is-account { --pa-acct-face: 68px; }
  html.playarc .pa-vault .pa-tile.is-account .pa-acct-face {
    width: 68px !important; height: 68px !important;
    min-width: 68px !important; min-height: 68px !important;
    max-width: 68px !important; max-height: 68px !important;
    flex-basis: 68px !important;
  }
}



html.playarc .storage-app.has-pa-vault .pa-vault,
html.playarc .pa-vault.pa-home.has-accounts {
  width: 100% !important;
  max-width: 100% !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
}
html.playarc .pa-vault .pa-rail.is-accounts {
  width: 100% !important;
  max-width: 100% !important;
  align-self: stretch !important;
}
html.playarc .pa-vault-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)) !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 20px 16px !important;
}
html.playarc .pa-vault .pa-tile.is-account {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 1 auto !important;
  align-items: stretch !important;
  gap: 8px !important;
}
html.playarc .pa-vault .pa-tile.is-account .pa-acct-face,
html.playarc .pa-vault .pa-tile.is-account .pa-tile-art.pa-acct-face,
html.playarc .pa-vault .pa-tile.is-account .pa-acct-face.is-cover {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 auto !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}
html.playarc .pa-vault .pa-tile.is-account .pa-acct-face img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}
html.playarc .pa-vault .pa-tile.is-account .pa-acct-ph {
  position: absolute;
  inset: 0;
}
html.playarc .pa-vault .pa-tile.is-account .acct-region-rail {
  top: 8px !important;
  inset-inline-start: auto !important;
}
html.playarc .pa-vault .pa-tile-opts {
  top: 8px !important;
  inset-inline-end: 8px !important;
}
@media (max-width: 720px) {
  html.playarc .pa-vault-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
  }
}


html.playarc .pa-vault-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
html.playarc .pa-vault-search {
  flex: 1 1 280px;
  min-width: min(100%, 240px);
  max-width: 520px;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(8, 16, 32, 0.55);
  box-shadow: inset 0 0 0 1px rgba(150, 200, 255, 0.16), 0 10px 30px -18px rgba(0,0,0,.7);
  color: #d7e7ff;
}
html.playarc .pa-vault-search:focus-within {
  box-shadow: inset 0 0 0 1px rgba(90, 212, 255, 0.55), 0 0 0 4px rgba(42, 92, 255, 0.16);
}
html.playarc .pa-vault-search-ico {
  width: 18px;
  height: 18px;
  flex: none;
  opacity: .72;
}
html.playarc .pa-vault-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #eef4ff;
  font-family: "Vazirmatn", var(--pa-ui), Tahoma, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.4;
  direction: rtl;
  text-align: start;
  appearance: none;
  -webkit-appearance: none;
}
html.playarc .pa-vault-search input::placeholder {
  color: rgba(198, 214, 234, 0.72);
  font-family: "Vazirmatn", var(--pa-ui), Tahoma, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  opacity: 1;
}
html.playarc .pa-vault-search input::-webkit-search-decoration,
html.playarc .pa-vault-search input::-webkit-search-cancel-button,
html.playarc .pa-vault-search input::-webkit-search-results-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
html.playarc .pa-vault .pa-acct-code {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--pa-console), "Saira", sans-serif;
  font-size: 13px;
  font-weight: 750;
  letter-spacing: 0.12em;
  font-variant-numeric: lining-nums tabular-nums;
  color: #f2f7ff;
  direction: ltr;
  unicode-bidi: isolate;
  cursor: pointer;
}
html.playarc .pa-vault .pa-acct-email {
  display: none !important;
}
html.playarc .pa-vault .pa-tile.is-account.is-search-off {
  display: none !important;
}
html.playarc .pa-vault .pa-rail.is-search-empty {
  display: none;
}
html.playarc .pa-vault-search-empty {
  margin: 8px 4px 0;
  color: rgba(190,210,230,.55);
  font-size: 13px;
}
html.playarc .pa-vault .pa-tile.is-account .pa-tile-art.pa-acct-face.is-cover {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  aspect-ratio: 1 / 1 !important;
}
@media (max-width: 720px) {
  html.playarc .pa-vault-search { max-width: none; flex-basis: 100%; }
}


html.playarc .pa-acct-menu {
  position: fixed !important;
  z-index: 80;
  min-width: 228px;
  max-width: min(280px, calc(100vw - 16px));
  padding: 8px;
  border-radius: 18px;
  background: rgba(8, 14, 28, 0.94);
  box-shadow:
    inset 0 0 0 1px rgba(170, 214, 255, 0.2),
    0 18px 40px -16px rgba(0, 0, 0, 0.82);
  backdrop-filter: blur(18px) saturate(1.3);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
html.playarc .pa-acct-menu[hidden] { display: none !important; }
html.playarc .pa-acct-menu .pa-menu-row { width: 100%; }
html.playarc .pa-vault .pa-tile.is-account.is-menu,
html.playarc .storage-app #list .ps-card.is-menu {
  box-shadow: 0 0 0 2px rgba(94, 200, 255, 0.55), 0 16px 28px -16px rgba(0, 0, 0, 0.7);
}
html.playarc .pa-vault .pa-tile.is-account .acct-region-rail,
html.playarc .storage-app #list .ps-card .acct-region-rail {
  left: 8px !important;
  right: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
}
html.playarc .pa-vault .pa-tile-opts {
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  z-index: 8;
}
html.playarc .pa-vault .pa-tile-check,
html.playarc .storage-app #list .ps-card .ps-select-badge {
  position: absolute !important;
  top: 40px !important;
  right: 8px !important;
  left: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  z-index: 8 !important;
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #e8f2ff !important;
  background: rgba(6, 12, 24, 0.78) !important;
  box-shadow: inset 0 0 0 1px rgba(210, 230, 255, 0.22) !important;
  cursor: pointer;
}
html.playarc .storage-app #list .ps-card .ps-select-badge {
  top: 8px !important;
}
html.playarc .pa-vault .pa-tile-check svg,
html.playarc .storage-app #list .ps-card .ps-select-badge svg {
  width: 16px;
  height: 16px;
  opacity: 0;
}
html.playarc .pa-vault .pa-tile-check.is-on,
html.playarc .storage-app #list .ps-card .ps-select-badge.is-on,
html.playarc .storage-app #list .ps-card.is-selected .ps-select-badge,
html.playarc .pa-vault .pa-tile.is-account.is-selected .pa-tile-check {
  color: #061018 !important;
  background: linear-gradient(145deg, #c9f0ff, #5ec8ff 62%, #3aa8f0) !important;
  box-shadow: 0 8px 16px -10px rgba(70, 170, 255, 0.85) !important;
}
html.playarc .pa-vault .pa-tile-check.is-on svg,
html.playarc .storage-app #list .ps-card .ps-select-badge.is-on svg,
html.playarc .storage-app #list .ps-card.is-selected .ps-select-badge svg,
html.playarc .pa-vault .pa-tile.is-account.is-selected .pa-tile-check svg {
  opacity: 1 !important;
}
html.playarc .pa-vault-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
html.playarc .pa-vault-pad,
html.playarc .pa-vault .pa-rail-pad {
  width: 22px;
  height: 22px;
  object-fit: contain;
  flex: none;
  border-radius: 6px;
}
html.playarc .pa-vault .pa-rail-head,
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100%;
}
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-count,
html.playarc .pa-vault-count {
  margin: 0 !important;
  margin-inline-start: 0 !important;
  font-family: var(--pa-console), "Saira", sans-serif;
  font-variant-numeric: lining-nums tabular-nums;
  font-size: 13px;
  opacity: 0.72;
}
html.playarc .storage-app.is-vault-room .tb-title {
  width: auto !important;
  justify-content: flex-start !important;
}
html.playarc .storage-app.is-vault-room .tb-title .list-count {
  margin-inline-start: 0 !important;
}
html.playarc .pa-vault-search,
html.playarc .pa-vault-search input,
html.playarc .pa-vault-search input::placeholder {
  font-family: "Vazirmatn", var(--pa-ui), Tahoma, sans-serif !important;
  font-stretch: 100% !important;
  font-variation-settings: normal !important;
  letter-spacing: 0 !important;
}
html.playarc .pa-vault-search {
  min-width: min(100%, 280px) !important;
  max-width: min(640px, 100%) !important;
  height: 46px !important;
  padding: 0 16px !important;
  gap: 12px !important;
}
html.playarc .pa-vault-search input {
  direction: rtl !important;
  text-align: start !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #eef4ff !important;
}
html.playarc .pa-vault-search input::placeholder {
  color: rgba(198, 214, 234, 0.78) !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}


html.playarc .pa-vault .pa-tile.is-account .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account:hover .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account.is-on .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account.is-menu .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account.is-selected .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account:focus-visible .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account:focus-within .acct-region-rail {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset-inline: auto !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  z-index: 6 !important;
  pointer-events: auto !important;
}
html.playarc .pa-vault .pa-tile.is-account .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account:hover .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account.is-on .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account.is-menu .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account.is-selected .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account:focus-visible .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account:focus-within .acct-region-reel {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html.playarc .pa-vault .pa-hud-flag:hover .acct-region-rail,
html.playarc .pa-vault .pa-hud-flag:focus-within .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account .acct-region-rail.is-open {
  width: max-content !important;
  min-width: 26px !important;
  max-width: 240px !important;
  height: 28px !important;
  padding: 1px 10px 1px 1px !important;
  gap: 7px !important;
  border-radius: 999px !important;
  overflow: visible !important;
}
html.playarc .pa-vault .pa-hud-flag:hover .acct-region-reel,
html.playarc .pa-vault .pa-hud-flag:focus-within .acct-region-reel,
html.playarc .pa-vault .pa-tile.is-account .acct-region-rail.is-open .acct-region-reel {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 180px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
html.playarc .pa-vault .pa-tile-opts {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  inset-inline: auto !important;
  z-index: 20 !important;
  display: grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}
html.playarc .pa-vault .pa-tile-check {
  position: absolute !important;
  top: 42px !important;
  right: 8px !important;
  left: auto !important;
  inset-inline: auto !important;
  z-index: 9 !important;
}


html.playarc .pa-acct-menu.pa-console-menu {
  min-width: 196px !important;
  max-width: 228px !important;
  padding: 6px !important;
  gap: 2px !important;
  border-radius: 14px !important;
  background: rgba(8, 14, 26, 0.94) !important;
  box-shadow: 0 16px 36px -14px rgba(0, 0, 0, 0.78) !important;
  border: 0 !important;
}
html.playarc .pa-acct-menu .pa-menu-row {
  padding: 8px 10px !important;
  gap: 1px !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.playarc .pa-acct-menu .pa-menu-row b { font-size: 13px !important; font-weight: 700 !important; }
html.playarc .pa-acct-menu .pa-menu-row em { font-size: 11px !important; opacity: .55 !important; }
html.playarc .pa-acct-menu .pa-menu-row:hover {
  box-shadow: none !important}
html.playarc .pa-vault .pa-acct-stage {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}
html.playarc .pa-vault .pa-acct-hero {
  display: grid !important;
  gap: 8px !important;
  width: 100% !important;
}
html.playarc .pa-vault .pa-acct-hero.is-one { grid-template-columns: 1fr !important; }
html.playarc .pa-vault .pa-acct-hero.is-two { grid-template-columns: 1fr 1fr !important; }
html.playarc .pa-vault .pa-acct-hero-cell,
html.playarc .pa-vault .pa-acct-hero-cell.is-empty {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: rgba(8, 12, 20, 0.45) !important;
}
html.playarc .pa-vault .pa-acct-hero-cell img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
html.playarc .pa-vault .pa-acct-apps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  flex-wrap: unset !important;
}
html.playarc .pa-vault .pa-acct-app,
html.playarc .pa-vault .pa-acct-app.is-more {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: none !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 8px !important;
}
html.playarc .pa-vault .pa-tile.is-account .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account:hover .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account.is-on .acct-region-rail {
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset-inline: auto !important;
}
html.playarc .pa-vault .pa-tile.is-account .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account:hover .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account.is-on .acct-region-rail {
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
}
html.playarc .pa-vault .pa-hud-flag:hover .acct-region-rail,
html.playarc .pa-vault .pa-tile.is-account .acct-region-rail.is-open {
  width: max-content !important;
  max-width: 240px !important;
  height: 28px !important;
}
html.playarc .pa-vault .pa-tile-opts {
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 28px !important;
  height: 28px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  pointer-events: auto !important;
}
html.playarc .pa-vault .pa-tile-check {
  top: auto !important;
  bottom: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
}
html.playarc .pa-vault .pa-rail-head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
}
html.playarc .pa-vault .pa-rail-open {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: inherit !important;
  cursor: pointer !important;
}
html.playarc .pa-vault .pa-rail-select {
  margin-inline-start: auto !important;
  height: 28px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(8, 16, 32, 0.55) !important;
  box-shadow: inset 0 0 0 1px rgba(150, 200, 255, 0.16) !important;
  color: #d7e7ff !important;
  font-family: "Vazirmatn", var(--pa-ui), Tahoma, sans-serif !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  cursor: pointer !important;
}
html.playarc .pa-vault .pa-rail-select:hover {
  box-shadow: inset 0 0 0 1px rgba(90, 212, 255, 0.45) !important;
}


html.playarc .pa-vault-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px 18px;
  flex-wrap: wrap;
}
html.playarc .pa-vault-finder {
  position: relative;
  flex: 1 1 280px;
  width: min(100%, 420px);
  max-width: 420px;
  min-width: 0;
  z-index: 6;
}
html.playarc .pa-vault-search {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 40px !important;
  padding: 0 12px !important;
  gap: 8px !important;
  border-radius: 14px !important;
  background: rgba(7, 14, 28, 0.72) !important;
  box-shadow: inset 0 0 0 1px rgba(150, 200, 255, 0.18) !important;
}
html.playarc .pa-vault-search:focus-within {
  box-shadow: inset 0 0 0 1px rgba(90, 212, 255, 0.62), 0 0 0 3px rgba(42, 92, 255, 0.16) !important;
}
html.playarc .pa-vault-search-ico {
  width: 16px !important;
  height: 16px !important;
  opacity: .8;
}
html.playarc .pa-vault-search input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #eef4ff !important;
  font-family: "Vazirmatn", var(--pa-ui), Tahoma, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  letter-spacing: 0 !important;
  direction: rtl !important;
  text-align: start !important;
}
html.playarc .pa-vault-search input::placeholder {
  color: rgba(198, 214, 234, 0.7) !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}
html.playarc .pa-vault-picks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
html.playarc .pa-vault-pick {
  appearance: none;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 30px;
  padding: 0 8px 0 3px;
  border-radius: 999px;
  color: #e8f1ff;
  background: rgba(10, 20, 40, 0.9);
  box-shadow: inset 0 0 0 1px rgba(140, 200, 255, 0.22);
  font: 650 12px/1 Vazirmatn, Tahoma, sans-serif;
}
html.playarc .pa-vault-pick img,
html.playarc .pa-vault-pick-ph {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  object-fit: cover;
  flex: none;
  background: rgba(255,255,255,.06);
}
html.playarc .pa-vault-pick-ph {
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 800;
}
html.playarc .pa-vault-pick em {
  font-style: normal;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.playarc .pa-vault-pick span {
  opacity: .7;
  font-size: 14px;
  line-height: 1;
}
html.playarc .pa-vault-hits {
  position: absolute;
  inset-inline-start: 0;
  top: calc(100% + 6px);
  width: 100%;
  max-height: min(52vh, 340px);
  overflow: auto;
  z-index: 30;
  padding: 6px;
  border-radius: 16px;
  background: rgba(8, 14, 28, 0.96);
  box-shadow: inset 0 0 0 1px rgba(160, 210, 255, 0.18), 0 18px 40px -18px rgba(0,0,0,.85);
}
html.playarc .pa-vault-hit {
  appearance: none;
  width: 100%;
  border: 0;
  cursor: pointer;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 16px;
  gap: 10px;
  align-items: center;
  padding: 7px 8px;
  border-radius: 12px;
  background: transparent;
  color: #eef4ff;
  text-align: start;
}
html.playarc .pa-vault-hit img,
html.playarc .pa-vault-hit-ph {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  object-fit: cover;
  background: rgba(255,255,255,.06);
}
html.playarc .pa-vault-hit-ph {
  display: grid;
  place-items: center;
  font-size: 11px;
  font-weight: 800;
}
html.playarc .pa-vault-hit-meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
html.playarc .pa-vault-hit-meta em {
  font-style: normal;
  font-weight: 750;
  font-size: 13px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html.playarc .pa-vault-hit-meta small {
  color: rgba(186, 206, 228, .7);
  font-size: 11px;
}
html.playarc .pa-vault-hit-tick {
  width: 10px;
  height: 10px;
  border-radius: 99px;
  box-shadow: inset 0 0 0 1.5px rgba(180,210,255,.35);
}
html.playarc .pa-vault-hit.is-on .pa-vault-hit-tick {
  background: #5ec8ff;
  box-shadow: none;
}
html.playarc .pa-vault .pa-tile.is-account .pa-tile-match {
  position: absolute;
  inset-inline-end: 8px;
  bottom: 8px;
  z-index: 3;
  min-width: 28px;
  height: 20px;
  padding: 0 6px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  font-family: var(--pa-console), Saira, sans-serif;
  font-size: 11px;
  font-weight: 750;
  color: #061018;
  background: #7ce0ff;
}
@media (max-width: 720px) {
  html.playarc .pa-vault-finder { max-width: none; flex-basis: 100%; width: 100%; }
}


html.playarc .pa-vault-head,
html.ps-fx.playarc .pa-vault-head {
  display: grid !important;
  grid-template-columns: auto minmax(220px, 420px) auto;
  align-items: start;
  justify-content: space-between;
  gap: 12px 16px;
}
html.playarc .pa-vault-brand { grid-column: 3; justify-self: end; }
html.playarc .pa-vault-finder {
  grid-column: 2;
  justify-self: stretch;
  width: 100% !important;
  max-width: 420px !important;
  flex: none !important;
  min-width: 0;
  position: relative;
  z-index: 8;
}
html.playarc .pa-vault-tools { grid-column: 1; justify-self: start; }
html.playarc .pa-vault-search,
html.ps-fx.playarc .pa-vault-search {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  height: 40px !important;
  padding: 0 12px 0 10px !important;
  gap: 8px !important;
  border-radius: 14px !important;
  background: rgba(8, 16, 32, 0.78) !important;
  box-shadow: inset 0 0 0 1px rgba(150, 200, 255, 0.2) !important;
  isolation: auto !important;
}
html.playarc .pa-vault-search input,
html.playarc .pa-vault-search input[type="text"],
html.playarc .pa-vault-search input[type="search"],
html.ps-fx.playarc .pa-vault-search input,
html.ps-fx.playarc .pa-vault-search input[type="text"],
html.ps-fx.playarc .pa-vault-search input[type="search"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 40px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  isolation: auto !important;
  position: static !important;
  color: #eef4ff !important;
  font-family: "Vazirmatn", var(--pa-ui), Tahoma, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  letter-spacing: 0 !important;
}
html.playarc .pa-vault-search input::before,
html.playarc .pa-vault-search input::after,
html.ps-fx.playarc .pa-vault-search input::before,
html.ps-fx.playarc .pa-vault-search input::after {
  content: none !important;
  display: none !important;
}
html.playarc .pa-vault.is-empty .pa-vault-grid {
  justify-content: end;
  grid-template-columns: repeat(3, minmax(132px, 168px)) !important;
  width: auto !important;
  margin-inline-start: auto;
}
html.playarc .pa-vault-empty {
  text-align: end;
  margin: 8px 4px 0;
}
@media (max-width: 900px) {
  html.playarc .pa-vault-head {
    grid-template-columns: 1fr;
  }
  html.playarc .pa-vault-brand,
  html.playarc .pa-vault-finder,
  html.playarc .pa-vault-tools { grid-column: 1; justify-self: stretch; }
}


html.ps-fx.playarc .pa-vault-search input#paVaultSearch,
html.playarc .pa-vault-search input#paVaultSearch {
  all: unset !important;
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 40px !important;
  color: #eef4ff !important;
  font-family: "Vazirmatn", Tahoma, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  direction: rtl !important;
  caret-color: #7ce0ff !important;
}
html.playarc .pa-vault-head {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px 16px !important;
}
html.playarc .pa-vault-brand,
html.playarc .pa-vault-finder,
html.playarc .pa-vault-tools {
  grid-column: auto !important;
  justify-self: auto !important;
}
html.playarc .pa-vault-finder {
  flex: 0 1 380px !important;
  width: min(380px, 100%) !important;
  max-width: 380px !important;
}


html.ps-fx.playarc .pa-vault-head,
html.playarc .pa-vault-head {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 16px !important;
}
html.ps-fx.playarc .pa-vault-brand,
html.ps-fx.playarc .pa-vault-finder,
html.ps-fx.playarc .pa-vault-tools,
html.playarc .pa-vault-brand,
html.playarc .pa-vault-finder,
html.playarc .pa-vault-tools {
  grid-column: auto !important;
  justify-self: auto !important;
  order: 0 !important;
}
html.ps-fx.playarc .pa-vault-brand { flex: 0 0 auto !important; }
html.ps-fx.playarc .pa-vault-tools { flex: 0 0 auto !important; }
html.ps-fx.playarc .pa-vault-finder {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 400px !important;
}

html.ps-fx.playarc .pa-vault-search input#paVaultSearch {
  padding-inline: 2px 8px !important;
}


html.ps-fx.playarc .storage-app.is-vault-room #paVault,
html.playarc .storage-app.is-vault-room #paVault {
  display: flex !important;
}
html.ps-fx.playarc .storage-app.is-vault-room .main-toolbar,
html.ps-fx.playarc .storage-app.is-vault-room .list-wrap {
  display: none !important;
}
html.ps-fx.playarc .pa-vault .pa-tile.is-account .acct-region-rail,
html.ps-fx.playarc .pa-vault .pa-tile.is-account:hover .acct-region-rail,
html.ps-fx.playarc .pa-vault .pa-tile.is-account.is-on .acct-region-rail,
html.ps-fx.playarc .pa-vault .pa-tile.is-account.is-menu .acct-region-rail {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset-inline: auto !important;
  width: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  height: 26px !important;
  z-index: 6 !important;
  pointer-events: auto !important;
}
html.ps-fx.playarc .pa-vault .pa-hud-flag:hover .acct-region-rail,
html.ps-fx.playarc .pa-vault .pa-tile.is-account .acct-region-rail.is-open {
  width: auto !important;
  max-width: min(220px, calc(100vw - 48px)) !important;
  height: 28px !important;
}
html.ps-fx.playarc .pa-vault .pa-tile-opts {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  inset-inline: auto !important;
  width: 28px !important;
  height: 28px !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}
html.ps-fx.playarc .pa-vault .pa-acct-hero,
html.playarc .pa-vault .pa-acct-hero.is-one,
html.playarc .pa-vault .pa-acct-hero.is-two {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px !important;
  width: 100% !important;
}
html.ps-fx.playarc .pa-vault .pa-acct-hero-cell,
html.ps-fx.playarc .pa-vault .pa-acct-hero-cell.is-empty {
  position: relative !important;
  width: 100% !important;
  max-height: 108px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: rgba(8, 12, 20, 0.5) !important;
}
html.ps-fx.playarc .pa-vault .pa-acct-hero-cell img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
html.ps-fx.playarc .pa-vault .pa-acct-apps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
}
html.ps-fx.playarc .pa-vault .pa-acct-app,
html.ps-fx.playarc .pa-vault .pa-acct-app.is-more,
html.ps-fx.playarc .pa-vault .pa-acct-app.is-ph {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: rgba(8, 12, 20, 0.4) !important;
}
html.ps-fx.playarc .pa-vault .pa-acct-app img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
html.ps-fx.playarc .pa-vault .pa-acct-app.is-more {
  display: grid !important;
  place-items: center !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #d7e8ff !important;
}
html.ps-fx.playarc .pa-vault-grid {
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr)) !important;
  align-items: start !important;
  gap: 16px 12px !important;
}
html.ps-fx.playarc .pa-vault .pa-tile.is-account {
  min-width: 0 !important;
  max-width: 100% !important;
}
html.ps-fx.playarc .pa-vault .pa-tile-match {
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 18px !important;
  margin-inline-start: 6px !important;
  padding: 0 6px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}
html.ps-fx.playarc .pa-vault-back {
  appearance: none;
  border: 0;
  cursor: pointer;
  height: 36px;
  padding: 0 12px;
  border-radius: 12px;
  background: rgba(8, 16, 32, 0.72);
  box-shadow: inset 0 0 0 1px rgba(150, 200, 255, 0.2);
  color: #e8f1ff;
  font: 700 13px/1 Vazirmatn, Tahoma, sans-serif;
  flex: none;
}
html.ps-fx.playarc .pa-rail-go {
  margin-inline-start: 6px;
  font-size: 11px;
  font-weight: 700;
  color: #8ad7ff;
  opacity: .9;
}
html.ps-fx.playarc .pa-vault .pa-rail-open {
  cursor: pointer !important;
}
html.ps-fx.playarc .pa-vault .pa-rail-vacant,
html.ps-fx.playarc .pa-vault .pa-rail.is-vacant .pa-vault-grid {
  min-height: 0 !important;
  padding: 2px 0 10px !important;
  font-size: 12px;
  color: rgba(190, 210, 230, .5);
}
html.ps-fx.playarc .pa-vault.is-room .pa-rail-go { display: none; }
@media (max-width: 900px) {
  html.ps-fx.playarc .pa-vault-grid {
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)) !important;
  }
  html.ps-fx.playarc .pa-vault .pa-acct-hero-cell { max-height: 92px !important; }
}
@media (max-width: 640px) {
  html.ps-fx.playarc .pa-vault-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html.ps-fx.playarc .pa-vault .pa-acct-apps {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}


html.ps-fx.playarc .pa-vault .pa-hud-nw {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  bottom: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  z-index: 6 !important;
  width: 22px !important;
  height: 22px !important;
  pointer-events: none !important;
}
html.ps-fx.playarc .pa-vault .pa-hud-ne {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  bottom: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  z-index: 8 !important;
  width: 26px !important;
  height: 26px !important;
}
html.ps-fx.playarc .pa-vault .pa-hud-nw .acct-region-rail,
html.ps-fx.playarc .pa-vault .pa-hud-nw .acct-region-rail:hover,
html.ps-fx.playarc .pa-vault .pa-hud-ne .pa-tile-opts {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  inset: auto !important;
  inset-inline: auto !important;
  margin: 0 !important;
  transform: none !important;
}
html.ps-fx.playarc .pa-vault .pa-hud-nw .acct-region-rail {
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
}


html.playarc #ps-universe-host,
html.playarc.ps-fx #ps-universe-host {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  
  width: auto !important;
  height: 100vh !important;
  height: 100dvh !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  contain: strict !important;
}
html.playarc #ps-universe,
html.playarc.ps-fx #ps-universe,
html.playarc.pa-wgl #ps-universe {
  position: fixed !important;
  inset: 0 !important;
  
  max-width: 100% !important;
  width: auto !important;
  height: 100vh !important;
  height: 100dvh !important;
  transform: none !important;
  object-fit: cover;
  pointer-events: none !important;
}
html.playarc .pa-stage,
html.playarc .pa-stage-well,
html.playarc .pa-stage-vignette {
  position: absolute !important;
  inset: 0 !important;
  transform: none !important;
  pointer-events: none !important;
}
html.playarc.ps-fx.pa-wiki-home,
html.playarc.ps-fx.pa-wiki-home body,
html.playarc.ps-fx.pa-wiki-home body.wiki-body,
html.playarc.ps-fx body.wiki-body {
  background: transparent !important;
}
html.playarc.ps-fx.pa-wiki-home {
  background: #02050b !important;
}
html.playarc.pa-wiki-home body,
html.playarc.ps-fx.pa-wiki-home body,
html.playarc.ps-fx.pa-wiki-home body.wiki-body {
  position: static !important;
  overflow-x: clip !important; 
  overflow-y: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: 100% !important;
  transform: none !important;
  filter: none !important;
  perspective: none !important;
}
html.playarc.pa-wiki-home,
html.playarc.ps-fx.pa-wiki-home {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  height: auto !important;
  max-height: none !important;
}
html.playarc.pa-wiki-home .wiki-app,
html.playarc.pa-wiki-home .wiki-app.app,
html.playarc.ps-fx.pa-wiki-home .wiki-app,
html.playarc.pa-wiki-home .wiki-main,
html.playarc.pa-wiki-home .wiki-view,
html.playarc.pa-wiki-home #viewCatalog,
html.playarc.pa-wiki-home .pa-home {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
html.playarc.pa-wiki-home .wiki-app,

html.playarc.ps-fx.pa-wiki-home .wiki-app,

html.playarc.ps-fx .wiki-app:has(.pa-home),

html.playarc:has(#viewCatalog:not([hidden]) .pa-home) .wiki-app {
  position: relative !important;
  z-index: 2 !important;
  isolation: isolate;
}
html.playarc.pa-hopping #ps-universe-host,
html.playarc.pa-hopping #ps-universe,
html.playarc.pa-hopping .pa-stage {
  animation: none !important;
  transform: none !important;
}


html.playarc.pa-wgl #pa-wiki-ambient,
html.playarc.pa-wiki-home #pa-wiki-ambient {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}
html.playarc.pa-wgl #pa-wiki-ambient .pa-wiki-amb-img,
html.playarc.pa-wiki-home #pa-wiki-ambient .pa-wiki-amb-img,
html.playarc.pa-wgl #pa-wiki-ambient .pa-wiki-amb-shade,
html.playarc.pa-wiki-home #pa-wiki-ambient .pa-wiki-amb-shade {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
}


html.playarc .wiki-count-num,
html.playarc .wiki-count-num.latin,
html.playarc.ps-fx .wiki-count-num {
  font-family: var(--pa-console), Saira, ui-sans-serif, sans-serif !important;
  font-stretch: 108% !important;
  font-variant-numeric: lining-nums tabular-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  letter-spacing: 0.04em !important;
  color: #f3f7ff !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
}
html.playarc .ps-profile-menu,
html.playarc.ps-fx .ps-profile-menu {
  z-index: 220 !important;
  pointer-events: auto !important;
}
html.playarc .shell-bar.shell-bar > .shell-brand { order: 0; }
html.playarc .shell-bar.shell-bar > .shell-nav { order: 1; }
html.playarc .shell-bar.shell-bar > .shell-meta,
html.playarc .shell-bar.shell-bar > .pa-clock-wrap,
html.playarc .shell-bar.shell-bar > .shell-end { order: 2; }
html.playarc .wiki-app .shell-bar { padding-inline: 16px !important; gap: 10px !important; }


@media (max-width: 720px) {
  html.playarc {
    --pa-topbar-h: 56px;
  }
  html.playarc .pa-clock-wrap {
    display: none !important;
  }
  html.playarc .wiki-app .shell-bar {
    padding-inline: 12px !important;
    gap: 8px !important;
  }
  html.playarc .shell-bar.shell-bar > .shell-nav {
    max-width: none !important;
    flex: 1 1 auto;
  }

  html.playarc.pa-wiki-home .wiki-toolbar,
  html.playarc.pa-wiki-home .wiki-toolbar.liquidGL,
  html.playarc.ps-fx.pa-wiki-home .wiki-toolbar.liquidGL,
  html.playarc.pa-wiki-home .wiki-toolbar-inner,
  html.playarc.pa-wiki-home .wiki-search,
  html.playarc.pa-wiki-home .wiki-dock,
  html.playarc.pa-wiki-home .wiki-dock.pa-fbar {
    display: flex !important;
  }
  html.playarc.pa-wiki-home .wiki-tabs,
  html.playarc.pa-wiki-home .wiki-staff,
  html.playarc.pa-wiki-home .wiki-staff-sum,
  html.playarc.pa-wiki-home .play-hint {
    display: none !important;
  }
  html.playarc .wiki-dock,
  html.playarc.pa-wiki-home .wiki-dock,
  html.playarc.pa-wiki-home .wiki-dock.pa-fbar {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 10px !important;
    padding: 6px 8px !important;
    margin: 0 12px 8px;
    border-radius: 22px !important;
    background: rgba(10, 16, 28, 0.55) !important;
    box-shadow: inset 0 0 0 1px rgba(180, 214, 255, 0.14) !important;
  }
  html.playarc .wiki-dock::-webkit-scrollbar { display: none; }
  html.playarc .wiki-dock-group,
  html.playarc .pa-fseg {
    flex: none;
  }
  html.playarc .wiki-toolbar-inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 12px;
  }
  html.playarc .wiki-search {
    width: 100%;
    min-width: 0;
  }
  html.playarc .wiki-search input {
    height: 44px;
    border-radius: 999px;
    padding-inline: 16px;
    font-size: 16px;
  }

 html.playarc .pa-tile-art,
 html.playarc .wiki-card .cover-wrap {
    border-radius: 18px !important;
    overflow: hidden;
    background: #0a101c;
    box-shadow: 0 18px 34px -16px rgba(0, 0, 0, 0.72);
  }
  html.playarc .pa-tile:nth-child(n) .pa-tile-art,
  html.playarc .wiki-card:nth-child(n) .cover-wrap {
    border-radius: 18px !important;
  }
  html.playarc .pa-tile-art img,
  html.playarc .wiki-card .cover-wrap img {
    object-fit: cover !important;
    transform: none !important;
    width: 100%;
    height: 100%;
 }

  html.playarc .wiki-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 14px !important;
    padding: 12px 16px calc(28px + env(safe-area-inset-bottom)) !important;
  }
 html.playarc .wiki-card {
    overflow: hidden !important;
   background: transparent !important;
 }
  html.playarc .wiki-card:nth-child(odd),
  html.playarc .wiki-card:nth-child(even) { margin-top: 0; }
  html.playarc .wiki-card .wiki-card-body { padding: 10px 6px 0; }
  html.playarc .wiki-card .cap {
    font-size: 13px !important;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  html.playarc .wiki-card .meta { display: none; }
 html.playarc .wiki-card .pa-card-plus,
 html.playarc .pa-tile::after {
    display: none !important;
    content: none !important;
 }
  html.playarc .wiki-card .pa-card-plus {
    content: none;
    bottom: auto;
    top: 42%;
  }
  html.playarc .pa-tile::after {
    bottom: 42px;
  }

  html.playarc .pa-rail-track {
    padding-inline: 16px 28px;
    scroll-snap-type: x mandatory;
  }
 html.playarc .pa-tile {
    width: min(46vw, 196px) !important;
    min-width: 148px;
   scroll-snap-align: start;
   position: relative;
 }
 html.playarc .pa-rail-title {
    font-size: 20px;
   padding-inline: 16px;
 }

  html.playarc .pa-title-page {
    padding: 18px 18px calc(18px + env(safe-area-inset-bottom)) !important;
    gap: 18px !important;
  }
  html.playarc .pa-title-hero {
    flex-direction: column !important;
    align-items: center !important;
    gap: 18px !important;
  }
 html.playarc .pa-title-page .pa-wiki-poster {
   width: min(78vw, 320px) !important;
   max-width: min(78vw, 320px) !important;
   flex-basis: auto !important;
   aspect-ratio: 1 / 1;
    align-self: center !important;
    border-radius: 20px !important;
    background: #0a101c;
    box-shadow: 0 22px 40px -18px rgba(0, 0, 0, 0.78);
 }
 html.playarc .pa-title-page .pa-wiki-poster img {
    object-fit: cover !important;
    transform: none !important;
 }
  html.playarc .pa-title-copy {
    width: 100% !important;
    max-width: none !important;
    text-align: start;
  }
  html.playarc .pa-title-copy h1 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.05 !important;
  }
  html.playarc .pa-title-cta {
    position: sticky;
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 8;
    margin: 8px 0 0;
    padding: 8px;
    border-radius: 999px;
    background: rgba(8, 14, 24, 0.72);
    box-shadow:
      inset 0 0 0 1px rgba(220, 234, 255, 0.16),
      0 16px 36px -18px rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    flex-wrap: nowrap;
  }
  html.playarc .pa-title-cta .pa-feature-btn.is-buy,
  html.playarc .pa-title-cta .pa-feature-btn.is-store {
    flex: 1 1 auto;
    min-width: 0;
  }
  html.playarc .pa-title-cta .is-shop,
  html.playarc .pa-title-cta .is-party,
  html.playarc .pa-title-cta .is-ghost:not(.is-store) {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    padding-inline: 0;
    justify-content: center;
  }
  html.playarc .pa-title-cta .is-shop > span:not(.pa-cta-well),
  html.playarc .pa-title-cta .is-party > span:not(.pa-cta-well),
  html.playarc .pa-title-cta .is-ghost:not(.is-store) > span:not(.pa-cta-well) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
  html.playarc .pa-title-cta .is-shop .pa-cta-well,
  html.playarc .pa-title-cta .is-party .pa-cta-well {
    background: #eef3ff;
    color: #0a1220;
  }
  html.playarc .pa-price-chart,
  html.playarc .pa-price-chart.is-empty {
    border-radius: 22px;
    padding: 16px;
  }
  html.playarc .pa-title-talk,
  html.playarc .pa-talk {
    border-radius: 22px;
  }
}


html.playarc .pa-desk-tab {
  display: none !important;
}
html.playarc.pa-can-desk .pa-desk-tab {
  display: inline-flex !important;
}

@media (max-width: 720px) {
  html.playarc .shell-bar.shell-bar > .pa-clock-wrap,
  html.playarc.ps-fx .shell-bar > .pa-clock-wrap,
  html.playarc .pa-clock-wrap {
    display: none !important;
  }
  html.playarc .wiki-app .wiki-count-pill,
  html.playarc .wiki-app .wiki-count-pill.pa-now {
    display: none !important;
  }
  html.playarc .pa-tab .pa-tab-label {
    max-width: 4.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  html.playarc .pa-tile-art,
  html.playarc .wiki-card .cover-wrap,
  html.playarc .pa-tile:nth-child(n) .pa-tile-art,
  html.playarc .wiki-card:nth-child(n) .cover-wrap {
    border-radius: 22px !important;
  }
  html.playarc .pa-tile::after {
    display: none !important;
  }
  html.playarc .wiki-card .pa-card-plus {
    top: 8px;
    inset-inline-end: 8px;
  }
}
html.playarc .pa-title-page .pa-wiki-poster.is-still { aspect-ratio: 1 / 1; }
html.playarc .pa-copy-langs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
html.playarc .pa-copy-lang { appearance: none; border: 0; cursor: pointer; padding: 6px 12px; border-radius: 999px; font-family: var(--pa-console), sans-serif; font-size: 11px; letter-spacing: 0.08em; color: rgba(210, 224, 240, 0.72); background: rgba(12, 20, 34, 0.55); box-shadow: inset 0 0 0 1px rgba(220, 234, 255, 0.12); }
html.playarc .pa-copy-lang.is-on { color: #e8f4ff; background: rgba(40, 110, 170, 0.35); }
html.playarc .pa-arc-board.is-free header strong { color: #9ee7b8; font-size: clamp(28px, 4vw, 40px); }
html.playarc .pa-arc-board.is-free header p { max-width: 36rem; }


html.ps-fx,
html.playarc,
:root {
  --pa-scroll-size: 2px;
  --pa-scroll-track: rgba(255, 255, 255, 0.06);
  --pa-scroll-thumb: rgba(160, 220, 255, 0.32);
  --pa-scroll-thumb-active: rgba(180, 230, 255, 0.58);
}


html.ps-fx,
html.playarc,
html.ps-fx *,
html.playarc * {
  scrollbar-width: none !important; 
  scrollbar-color: var(--pa-scroll-thumb) var(--pa-scroll-track) !important;
}


html.ps-fx::-webkit-scrollbar,
html.playarc::-webkit-scrollbar,
html.ps-fx *::-webkit-scrollbar,
html.playarc *::-webkit-scrollbar {
  width: var(--pa-scroll-size) !important;
  height: var(--pa-scroll-size) !important;
  background: transparent !important;
}

html.ps-fx *::-webkit-scrollbar-corner,
html.playarc *::-webkit-scrollbar-corner,
html.ps-fx *::-webkit-scrollbar-button,
html.playarc *::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

html.ps-fx *::-webkit-scrollbar-track,
html.playarc *::-webkit-scrollbar-track {
  margin: 0 !important;
  background: var(--pa-scroll-track) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  border: none !important;
}

html.ps-fx *::-webkit-scrollbar-thumb,
html.playarc *::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  border: none !important;
  background: var(--pa-scroll-thumb) !important;
  background-clip: border-box !important;
  box-shadow: none !important;
  min-height: 20px !important;
}

html.ps-fx *::-webkit-scrollbar-thumb:hover,
html.playarc *::-webkit-scrollbar-thumb:hover,
html.ps-fx *::-webkit-scrollbar-thumb:active,
html.playarc *::-webkit-scrollbar-thumb:active {
  box-shadow: none !important}


html.ps-fx .pa-points,
html.playarc .pa-points,
html.ps-fx #paPoints,
html.playarc #paPoints,
html.ps-fx .pa-points-rail,
html.playarc .pa-points-rail,
html.ps-fx .pa-points-thumb,
html.playarc .pa-points-thumb,
html.ps-fx .pa-points-glow,
html.playarc .pa-points-glow,
html.ps-fx .pa-points-fill,
html.playarc .pa-points-fill,
html.ps-fx .pa-point-dot,
html.playarc .pa-point-dot,
html.ps-fx .pa-scroll-dots,
html.playarc .pa-scroll-dots,
html.ps-fx .scroll-dots,
html.playarc .scroll-dots,
html.ps-fx .pa-scroll-rail,
html.playarc .pa-scroll-rail,
html.ps-fx .scroll-rail,
html.playarc .scroll-rail,
html.ps-fx .pa-scroll-tick,
html.playarc .pa-scroll-tick,
html.ps-fx [data-scroll-dots],
html.playarc [data-scroll-dots] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
}


html.playarc .storage-app.has-pa-vault #paVault,
html.playarc #paVault.pa-vault,
html.playarc .pa-vault.is-linear,
html.ps-fx.playarc .storage-app.has-pa-vault #paVault {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior: contain !important;
  touch-action: pan-y !important;
  pointer-events: auto !important;
  scrollbar-width: none !important; 
  scrollbar-color: var(--pa-scroll-thumb) transparent !important;
  -ms-overflow-style: auto !important;
}
html.playarc .storage-app.has-pa-vault #paVault::-webkit-scrollbar,
html.playarc #paVault.pa-vault::-webkit-scrollbar,
html.playarc .pa-vault.is-linear::-webkit-scrollbar {
  display: block !important;
  width: var(--pa-scroll-size) !important;
  height: var(--pa-scroll-size) !important;
  background: transparent !important;
}
html.playarc .storage-app.has-pa-vault #paVault::-webkit-scrollbar-thumb,
html.playarc #paVault.pa-vault::-webkit-scrollbar-thumb {
  background: var(--pa-scroll-thumb) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

html.playarc[dir="rtl"] *::-webkit-scrollbar,
html[dir="rtl"].playarc *::-webkit-scrollbar {
  width: var(--pa-scroll-size) !important;
}
html.ps-fx.playarc.pa-wiki-home {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
  pointer-events: auto !important;
  scrollbar-gutter: auto !important; 
  scrollbar-width: none !important; 
  scrollbar-color: rgba(180, 230, 255, 0.55) rgba(255, 255, 255, 0.08) !important;
}

html.playarc.pa-wiki-home::-webkit-scrollbar,


html.playarc:has(body.wiki-body)::-webkit-scrollbar,


html:has(body.wiki-body)::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}
html.playarc.pa-wiki-home::-webkit-scrollbar-thumb,

html.playarc:has(body.wiki-body)::-webkit-scrollbar-thumb,

html:has(body.wiki-body)::-webkit-scrollbar-thumb {
  background: rgba(180, 230, 255, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  border: none !important;
  min-height: 24px !important;
}

html.playarc.pa-wiki-home body.wiki-body,


html.playarc body.wiki-body body.wiki-body,


html body.wiki-body body,


body.wiki-body {
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  overflow-x: clip !important; 
  overflow-y: visible !important;
  touch-action: pan-y !important;
  pointer-events: auto !important;
  position: static !important;
}

html.playarc.pa-wiki-home .wiki-app,


html.playarc.pa-wiki-home .app.wiki-app,


html.playarc.pa-wiki-home .wiki-main,


html.playarc.pa-wiki-home .pa-home,


html.playarc body.wiki-body .wiki-app,


html.playarc body.wiki-body .wiki-main,


html.playarc body.wiki-body .pa-home,


body.wiki-body .wiki-app,


body.wiki-body .wiki-main,


body.wiki-body .pa-home {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  overflow-y: visible !important;
  touch-action: pan-y !important;
  pointer-events: auto !important;
  transform: none !important;
  filter: none !important;
  contain: none !important;
}

html.playarc.pa-wiki-home .pa-rail,


html.playarc.pa-wiki-home .pa-home > .pa-rail,


html.playarc body.wiki-body .pa-rail,


body.wiki-body .pa-rail {
  max-height: none !important;
  overflow-y: visible !important;
}

html.playarc.pa-wiki-home .pa-scroll-wake,


html.playarc body.wiki-body .pa-scroll-wake,


body.wiki-body .pa-scroll-wake,


html.playarc .pa-scroll-wake,


html.ps-fx .pa-scroll-wake {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  inset: auto !important;
}

html.playarc.pa-wiki-home .pa-points,


html.playarc.pa-wiki-home #paPoints,


html.playarc body.wiki-body .pa-points,


html.playarc body.wiki-body #paPoints {
  display: none !important;
  pointer-events: none !important;
}




html.playarc,
html.ps-fx,
html.playarc.pa-wiki-home,
html.playarc:has(body.wiki-body),
html.playarc:has(.storage-app.has-pa-vault),
:root {
  --pa-console-scroll-size: 2px;
  --pa-console-scroll-track: rgba(255, 255, 255, 0.07);
  --pa-console-scroll-thumb: rgba(180, 230, 255, 0.42);
  --pa-console-scroll-thumb-active: rgba(210, 240, 255, 0.72);
  --pa-console-scroll-top: 88px;
  --pa-console-scroll-bottom: 28px;
  --pa-console-scroll-inset: 8px;
  scrollbar-width: none !important; 
  -ms-overflow-style: none !important;
}


html.playarc,
html.ps-fx,
html.playarc *,
html.ps-fx *,
html.playarc *::-webkit-scrollbar,
html.ps-fx *::-webkit-scrollbar,
html.playarc::-webkit-scrollbar,
html.ps-fx::-webkit-scrollbar,
html.playarc.pa-wiki-home::-webkit-scrollbar,
html.playarc:has(body.wiki-body)::-webkit-scrollbar,
html.playarc .storage-app.has-pa-vault #paVault::-webkit-scrollbar,
html.playarc #paVault.pa-vault::-webkit-scrollbar {
  scrollbar-width: none !important;
}
html.playarc *::-webkit-scrollbar,
html.ps-fx *::-webkit-scrollbar,
html.playarc::-webkit-scrollbar,
html.ps-fx::-webkit-scrollbar,
html.playarc.pa-wiki-home::-webkit-scrollbar,
html.playarc:has(body.wiki-body)::-webkit-scrollbar,
html.playarc .storage-app.has-pa-vault #paVault::-webkit-scrollbar,
html.playarc #paVault.pa-vault::-webkit-scrollbar,
html.playarc .pa-vault.is-linear::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}


html.playarc .pa-console-scroll,
html.ps-fx .pa-console-scroll {
  position: fixed !important;
  z-index: 46 !important;
  left: 8px !important; 
  right: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: unset !important;
  top: var(--pa-console-scroll-top) !important;
  bottom: var(--pa-console-scroll-bottom) !important;
  width: var(--pa-console-scroll-size) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity 180ms ease !important;
}
html.playarc .pa-console-scroll.is-on,
html.ps-fx .pa-console-scroll.is-on {
  opacity: 0.92 !important;
}
html.playarc .pa-console-scroll.is-active,
html.ps-fx .pa-console-scroll.is-active {
  opacity: 1 !important;
}

html.playarc .pa-console-scroll-track,
html.ps-fx .pa-console-scroll-track {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 999px !important;
  background: var(--pa-console-scroll-track) !important;
  box-shadow: none !important;
}

html.playarc .pa-console-scroll-thumb,
html.ps-fx .pa-console-scroll-thumb {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  width: var(--pa-console-scroll-size) !important;
  min-height: 28px !important;
  border-radius: 999px !important;
  background: var(--pa-console-scroll-thumb) !important;
  box-shadow: none !important; 
  border: none !important;
  pointer-events: auto !important;
  cursor: grab !important;
  touch-action: none !important;
}
html.playarc .pa-console-scroll-thumb:active,
html.ps-fx .pa-console-scroll-thumb:active,
html.playarc .pa-console-scroll.is-dragging .pa-console-scroll-thumb {
  background: var(--pa-console-scroll-thumb-active) !important;
  cursor: grabbing !important;
}


html.playarc .pa-points,
html.playarc #paPoints,
html.playarc .pa-scroll-wake {
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
}




html.playarc .pa-console-scroll,
html.ps-fx .pa-console-scroll,
html.playarc[dir="rtl"] .pa-console-scroll,
html[dir="rtl"].playarc .pa-console-scroll {
  direction: ltr !important;
  position: fixed !important;
  left: 8px !important;
  right: auto !important;
  inset: auto !important;
  inset-inline: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  top: var(--pa-console-scroll-top, 88px) !important;
  bottom: var(--pa-console-scroll-bottom, 28px) !important;
  width: 2px !important;
  margin: 0 !important;
  transform: none !important;
}
html.playarc.pa-wiki-home,

html.playarc .storage-app.has-pa-vault #paVault,

html.playarc #paVault.pa-vault,

body.wiki-body {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scrollbar-color: transparent transparent !important;
}
html.playarc.pa-wiki-home::-webkit-scrollbar,

.wiki-body::-webkit-scrollbar,

html.playarc .storage-app.has-pa-vault #paVault::-webkit-scrollbar,

html.playarc #paVault.pa-vault::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}
html.playarc.pa-wiki-home,

html.ps-fx.playarc.pa-wiki-home,

html.playarc:has(body.wiki-body),

html.ps-fx.playarc:has(body.wiki-body),

html:has(body.wiki-body),

html.ps-fx:has(body.wiki-body) {
  overflow-x: hidden !important;
  overflow-y: scroll !important; 
  scrollbar-gutter: auto !important; 
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scrollbar-color: transparent transparent !important;
}

html.playarc.pa-wiki-home body.wiki-body,


html.playarc body.wiki-body body.wiki-body,


html body.wiki-body body,


body.wiki-body {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important; 
  height: auto !important;
  max-height: none !important;
  overscroll-behavior: auto !important;
}

html.playarc.pa-wiki-home .wiki-app,


html.playarc.pa-wiki-home .wiki-main,


html.playarc.pa-wiki-home .pa-home,


html.playarc.pa-wiki-home .liquidGL,


html.playarc.pa-wiki-home .liquidGL-content,


html.playarc body.wiki-body .wiki-app,


html.playarc body.wiki-body .wiki-main,


html.playarc body.wiki-body .pa-home,


body.wiki-body .wiki-app,


body.wiki-body .wiki-main,


body.wiki-body .pa-home {
  overflow: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
}


html.playarc.pa-wiki-home::-webkit-scrollbar,


html.playarc:has(body.wiki-body)::-webkit-scrollbar,


html:has(body.wiki-body)::-webkit-scrollbar,


html.ps-fx:has(body.wiki-body)::-webkit-scrollbar,


body.wiki-body::-webkit-scrollbar,


html.playarc.pa-wiki-home *::-webkit-scrollbar,


html.playarc body.wiki-body *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

html.playarc.pa-wiki-home .pa-points,


html.playarc.pa-wiki-home #paPoints,


html.playarc.pa-wiki-home .pa-points-rail,


html.playarc.pa-wiki-home .pa-points-thumb,


html.playarc.pa-wiki-home .pa-points-fill,


html.playarc.pa-wiki-home .pa-points-glow,


html.playarc.pa-wiki-home .pa-point-dot,


html.playarc body.wiki-body .pa-points,


html.playarc body.wiki-body #paPoints,


html.playarc body.wiki-body .pa-points-rail,


html.playarc body.wiki-body .pa-points-thumb,


body.wiki-body .pa-points,


body.wiki-body #paPoints {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}


html.playarc,
html.ps-fx {
  --pa-console-scroll-size: 2px;
  --pa-console-scroll-track: rgba(255, 255, 255, 0.08);
  --pa-console-scroll-thumb: rgba(160, 230, 255, 0.55);
  --pa-console-scroll-thumb-active: rgba(200, 245, 255, 0.85);
  --pa-console-scroll-inset: 10px;
  --pa-console-scroll-top: 88px;
  --pa-console-scroll-bottom: 28px;
}

html.playarc .pa-console-scroll,
html.ps-fx .pa-console-scroll,
html.playarc[dir="rtl"] .pa-console-scroll,
html[dir="rtl"].playarc .pa-console-scroll {
  direction: ltr !important;
  position: fixed !important;
  z-index: 46 !important;
  left: 10px !important; 
  right: auto !important;
  inset: auto !important;
  inset-inline: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  top: var(--pa-console-scroll-top, 88px) !important;
  bottom: var(--pa-console-scroll-bottom, 28px) !important;
  width: 2px !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity 180ms ease !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html.playarc .pa-console-scroll.is-on,
html.ps-fx .pa-console-scroll.is-on {
  opacity: 0.95 !important;
}
html.playarc .pa-console-scroll.is-active,
html.ps-fx .pa-console-scroll.is-active {
  opacity: 1 !important;
}
html.playarc .pa-console-scroll-track,
html.ps-fx .pa-console-scroll-track {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 999px !important;
  background: var(--pa-console-scroll-track) !important;
  box-shadow: none !important;
  
  background-image: none !important;
  border: none !important;
}
html.playarc .pa-console-scroll-thumb,
html.ps-fx .pa-console-scroll-thumb {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  width: 2px !important;
  min-height: 28px !important;
  border-radius: 999px !important;
  background: var(--pa-console-scroll-thumb) !important;
  box-shadow: 0 0 8px rgba(120, 210, 255, 0.25) !important; 
  border: none !important;
  pointer-events: auto !important;
  cursor: grab !important;
  touch-action: none !important;
}
html.playarc .pa-console-scroll-thumb:active,
html.ps-fx .pa-console-scroll-thumb:active,
html.playarc .pa-console-scroll.is-dragging .pa-console-scroll-thumb {
  background: var(--pa-console-scroll-thumb-active) !important;
  cursor: grabbing !important;
}


html.playarc,
html.ps-fx,
html.playarc *,
html.ps-fx * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html.playarc *::-webkit-scrollbar,
html.ps-fx *::-webkit-scrollbar,
html.playarc::-webkit-scrollbar,
html.ps-fx::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}
html.playarc.pa-wiki-home body.wiki-body,

html.playarc body.wiki-body body.wiki-body,

html body.wiki-body body,

body.wiki-body {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  max-height: none !important;
  height: auto !important;
}
html.playarc.pa-wiki-home,

html.playarc:has(body.wiki-body),

html:has(body.wiki-body) {
  overflow-x: hidden !important; 
  overflow-y: scroll !important;
  scrollbar-gutter: auto !important;
  scrollbar-width: none !important;
}
html.playarc.pa-wiki-home body.wiki-body,

html.playarc body.wiki-body body.wiki-body,

html.ps-fx.playarc body.wiki-body body.wiki-body,

html.ps-fx body.wiki-body body.wiki-body,

html body.wiki-body body.wiki-body,

html.playarc.pa-wiki-home body,

html.playarc.ps-fx.pa-wiki-home body,

html body.wiki-body body,

body.wiki-body {
  overflow: clip !important;
  overflow-x: clip !important;
  overflow-y: clip !important;
  max-height: none !important;
  height: auto !important;
}
html.playarc.pa-wiki-home,

html.ps-fx.playarc.pa-wiki-home,

html.playarc:has(body.wiki-body),

html.ps-fx.playarc:has(body.wiki-body),

html:has(body.wiki-body),

html.ps-fx:has(body.wiki-body) {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  scrollbar-gutter: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}




html.playarc {
  --pa-topnav-pill-bg: linear-gradient(165deg, rgba(255,255,255,0.10) 0%, rgba(18,36,64,0.42) 42%, rgba(6,12,24,0.55) 100%);
  --pa-topnav-pill-border: rgba(180, 230, 255, 0.22);
  --pa-topnav-pill-rim: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(0,0,0,0.28);
  --pa-topnav-pill-shadow: 0 8px 22px rgba(0, 8, 24, 0.38), 0 1px 0 rgba(255,255,255,0.06);
  --pa-topnav-cyan: rgba(120, 220, 255, 0.55);
}


html.playarc header.storage-top,
html.playarc header.wiki-top,
html.playarc header.admin-top,
html.playarc header.liquidGL.storage-top,
html.playarc header.liquidGL.wiki-top,
html.playarc .topbar,
html.playarc.ps-fx header.storage-top.liquidGL,
html.playarc.ps-fx header.wiki-top.liquidGL,
html.playarc.ps-fx header.admin-top.liquidGL,
html.playarc.liquid-real header.storage-top.liquidGL,
html.playarc.liquid-real header.wiki-top.liquidGL,
html.playarc.pa-wiki-detail header.wiki-top,
html.playarc.pa-wiki-home header.wiki-top,
html.playarc header.wiki-top.wiki-top.storage-top.liquidGL,
html.playarc.ps-fx header.wiki-top.wiki-top.storage-top.liquidGL {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  isolation: auto !important;
  overflow: visible !important;
}


html.playarc header.wiki-top::after,
html.playarc header.storage-top::after,
html.playarc header.admin-top::after,
html.playarc.ps-fx header.wiki-top.liquidGL::after,
html.playarc.pa-wiki-detail header.wiki-top::after,
html.playarc.pa-wiki-home header.wiki-top::after {
  content: none !important;
  display: none !important;
  background: none !important;
  height: 0 !important;
}


html.playarc header.wiki-top,
html.playarc .wiki-app > header.wiki-top,
html.playarc .wiki-app > header.storage-top,
html.playarc header.storage-top.wiki-top,
html.playarc.ps-fx header.wiki-top,
html.playarc.pa-wiki-home header.wiki-top,
html.playarc header.wiki-top.wiki-top.storage-top.liquidGL {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 100 !important;
  transform: none !important;
  pointer-events: none !important; 
}
html.playarc header.wiki-top .liquidGL-content,
html.playarc header.storage-top .liquidGL-content,
html.playarc header.wiki-top .shell-bar,
html.playarc header.storage-top .shell-bar {
  pointer-events: auto !important;
}


html.playarc .shell-bar.shell-bar.shell-bar,
html.playarc.ps-fx .shell-bar.shell-bar.shell-bar,
html.playarc .wiki-app .shell-bar,
html.playarc .storage-app .shell-bar {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  gap: 10px !important;
  align-items: center !important;
  padding-block: 8px !important;
  padding-inline: clamp(12px, 1.6vw, 22px) !important;
}


html.playarc .shell-nav.shell-nav.shell-nav,
html.playarc .shell-nav.pa-tabs,
html.playarc.ps-fx .shell-nav,
html.playarc.ps-fx .wiki-app .shell-nav,
html.playarc.ps-fx .storage-app .shell-nav,
html.playarc .shell-bar.shell-bar > .shell-nav {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  filter: none !important;
}


html.playarc .shell-nav a,
html.playarc .shell-nav a:hover,
html.playarc .shell-nav a:focus,
html.playarc .shell-nav a:focus-visible,
html.playarc .shell-nav button,
html.playarc .shell-nav button:hover,
html.playarc .shell-nav .nav-otp,
html.playarc .shell-nav .nav-otp:hover,
html.playarc .shell-nav.pa-tabs a.pa-tab,
html.playarc .shell-nav.pa-tabs button.pa-tab,
html.playarc .shell-nav .pa-desk-main,
html.playarc .pa-social-launch,
html.playarc.ps-fx .shell-nav a,
html.playarc.ps-fx .shell-nav button,
html.playarc.ps-fx .liquidGL .shell-nav a,
html.playarc.ps-fx .liquidGL .shell-nav .nav-otp {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--pa-topnav-pill-border) !important;
  box-shadow: var(--pa-topnav-pill-rim), var(--pa-topnav-pill-shadow) !important;
  backdrop-filter: blur(12px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
  color: rgba(230, 240, 255, 0.86) !important;
  font-weight: 650 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  transform: translateY(0) !important;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, color 160ms ease, background 160ms ease !important;
  isolation: isolate !important;
  overflow: visible !important}

html.playarc .shell-nav a::before,
html.playarc .shell-nav button::before,
html.playarc .shell-nav .pa-desk-main::before,
html.playarc .pa-social-launch::before {
  content: "" !important;
  position: absolute !important;
  left: 10% !important;
  right: 10% !important;
  top: 1px !important;
  height: 42% !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.28), rgba(255,255,255,0)) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0.85 !important;
}
html.playarc .shell-nav a > *,
html.playarc .shell-nav button > *,
html.playarc .pa-social-launch > * {
  position: relative !important;
  z-index: 1 !important;
}

html.playarc .shell-nav a:hover,
html.playarc .shell-nav button:hover,
html.playarc .shell-nav .pa-desk-main:hover,
html.playarc .pa-social-launch:hover,
html.playarc.ps-fx .shell-nav a:hover {
  color: #f7fbff !important;
  border-color: rgba(160, 230, 255, 0.42) !important;
  transform: translateY(-2px) !important;
  box-shadow:
    var(--pa-topnav-pill-rim),
    0 12px 28px rgba(0, 10, 28, 0.45),
    0 0 18px rgba(80, 200, 255, 0.22) !important}


html.playarc .shell-nav a.is-active,
html.playarc .shell-nav a.is-active:hover,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active:hover,
html.playarc.ps-fx .shell-nav a.is-active,
html.playarc.ps-fx .liquidGL .shell-nav a.is-active {
  color: #ffffff !important;
  border-color: rgba(140, 230, 255, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 0 0 1px rgba(160, 230, 255, 0.28),
    0 10px 26px rgba(0, 12, 32, 0.42),
    0 0 22px rgba(70, 200, 255, 0.35) !important;
  transform: translateY(-1px) !important}
html.playarc .shell-nav a.is-active span::after,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active span::after {
  content: none !important;
  display: none !important;
}


html.playarc .shell-nav .pa-desk-tab,
html.playarc .pa-desk-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px !important;
  border-radius: 999px !important;
  border: 1px solid var(--pa-topnav-pill-border) !important;
  background: var(--pa-topnav-pill-bg) !important;
  box-shadow: var(--pa-topnav-pill-rim), var(--pa-topnav-pill-shadow) !important;
  backdrop-filter: blur(12px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
}
html.playarc .shell-nav .pa-desk-tab .pa-desk-main,
html.playarc .shell-nav .pa-desk-tab a {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
}
html.playarc .shell-nav .pa-desk-tab .pa-desk-main::before,
html.playarc .shell-nav .pa-desk-tab a::before {
  display: none !important;
}
html.playarc .shell-nav .pa-desk-tab a.is-active,

html.playarc .shell-nav .pa-desk-tab:has(.is-active) {
  border-color: rgba(140, 230, 255, 0.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.22),
    0 0 18px rgba(70, 200, 255, 0.28),
    var(--pa-topnav-pill-shadow) !important;
}
html.playarc .shell-nav .pa-desk-subs a {
  opacity: 0.82 !important;
}


html.playarc .shell-brand,
html.playarc .shell-bar.shell-bar > .shell-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 12px 6px 8px !important;
  border-radius: 999px !important;
  border: 1px solid var(--pa-topnav-pill-border) !important;
  background: var(--pa-topnav-pill-bg) !important;
  box-shadow: var(--pa-topnav-pill-rim), var(--pa-topnav-pill-shadow) !important;
  backdrop-filter: blur(12px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
}
html.playarc .shell-meta,
html.playarc .shell-bar .wiki-count-pill,
html.playarc .shell-bar.shell-bar > .shell-meta,
html.playarc .pa-now,
html.playarc.ps-fx .shell-meta,
html.playarc.ps-fx .liquidGL .shell-meta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid var(--pa-topnav-pill-border) !important;
  background: var(--pa-topnav-pill-bg) !important;
  background-image: var(--pa-topnav-pill-bg) !important;
  box-shadow: var(--pa-topnav-pill-rim), var(--pa-topnav-pill-shadow) !important;
  backdrop-filter: blur(12px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
  color: rgba(230, 240, 255, 0.9) !important;
}
html.playarc .shell-bar.shell-bar > .pa-clock-wrap {
  border-radius: 999px !important;
  border: 1px solid var(--pa-topnav-pill-border) !important;
  background: var(--pa-topnav-pill-bg) !important;
  box-shadow: var(--pa-topnav-pill-rim), var(--pa-topnav-pill-shadow) !important;
  backdrop-filter: blur(12px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.15) !important;
  padding: 4px 10px !important;
}


html.playarc.pa-lowfx .shell-nav a,
html.playarc.pa-lowfx .shell-brand,
html.playarc.pa-lowfx .shell-meta,
html.playarc.pa-lowfx .pa-desk-tab {
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}




html.playarc.ps-fx .liquidGL.storage-top .shell-nav a,
html.playarc.ps-fx .liquidGL.wiki-top .shell-nav a,
html.playarc.ps-fx .liquidGL .shell-nav a,
html.playarc.ps-fx .liquidGL .shell-nav a.is-active,
html.playarc.ps-fx .liquidGL .shell-nav a.is-active:hover,
html.playarc .liquidGL.wiki-top .shell-nav a,
html.playarc .liquidGL.wiki-top .shell-nav a.is-active,
html.playarc .liquidGL.storage-top .shell-nav a.is-active,
html.playarc header.wiki-top .shell-nav a,
html.playarc header.wiki-top .shell-nav a.is-active,
html.playarc header.storage-top .shell-nav a,
html.playarc header.storage-top .shell-nav a.is-active,
html.playarc.pa-wiki-home header.wiki-top .shell-nav a.is-active {
  border-radius: 999px !important;
}
html.playarc.ps-fx .liquidGL.wiki-top .shell-nav a.is-active,
html.playarc.ps-fx .liquidGL.storage-top .shell-nav a.is-active,
html.playarc.ps-fx .liquidGL .shell-nav a.is-active,
html.playarc.ps-fx .liquidGL .shell-nav a.is-active:hover,
html.playarc header.wiki-top .shell-nav a.is-active,
html.playarc header.wiki-top .shell-nav a.is-active:hover,
html.playarc.pa-wiki-home header.wiki-top .shell-nav a.is-active {
  border: 1px solid rgba(140, 230, 255, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 0 0 1px rgba(160, 230, 255, 0.28),
    0 10px 26px rgba(0, 12, 32, 0.42),
    0 0 22px rgba(70, 200, 255, 0.35) !important;
  color: #fff !important}
html.playarc.ps-fx .liquidGL.wiki-top .shell-nav,
html.playarc.ps-fx .liquidGL.storage-top .shell-nav,
html.playarc header.wiki-top .shell-nav,
html.playarc header.storage-top .shell-nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  gap: 8px !important;
}




html.playarc .shell-nav.pa-tabs,
html.playarc .shell-nav.pa-tabs.pa-tabs,
html.playarc.ps-fx .shell-nav.pa-tabs,
html.playarc .pa-tabs.shell-nav {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
}
html.playarc .shell-nav a.pa-tab,
html.playarc .shell-nav a.pa-tab:hover,
html.playarc .shell-nav a.pa-tab.is-active,
html.playarc .shell-nav a.pa-tab.is-active:hover,
html.playarc .shell-nav.pa-tabs a.pa-tab,
html.playarc .shell-nav.pa-tabs a.pa-tab:hover,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active:hover,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx .liquidGL .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx .liquidGL .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx .liquidGL.wiki-top .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx .liquidGL.wiki-top .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc header.wiki-top .shell-nav.pa-tabs a.pa-tab,
html.playarc header.wiki-top .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc .pa-tab,
html.playarc .shell-nav .pa-tab {
  border-radius: 999px !important;
}
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc .shell-nav.pa-tabs a.pa-tab.is-active:hover,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx .liquidGL .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx .liquidGL.wiki-top .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc header.wiki-top .shell-nav.pa-tabs a.pa-tab.is-active {
  border: 1px solid rgba(140, 230, 255, 0.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.28),
    inset 0 0 0 1px rgba(160, 230, 255, 0.28),
    0 10px 26px rgba(0, 12, 32, 0.42),
    0 0 22px rgba(70, 200, 255, 0.35) !important;
  color: #fff !important}




html.playarc .pa-tab-pill,
html.playarc .shell-nav .pa-tab-pill,
html.playarc.ps-fx .pa-tab-pill {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
}


html.playarc .pa-tab.is-active .nav-ico,
html.playarc .pa-tab.is-active .pa-tab-ico svg,
html.playarc .pa-desk-rail a.is-on .nav-ico {
  filter: drop-shadow(0 0 7px rgba(94, 200, 255, .5)) drop-shadow(0 1px 2px rgba(4, 10, 24, .45));
}


html.playarc .pa-footer {
  position: relative;
  margin-top: 56px;
  border-top: 0 !important;
  background:
    radial-gradient(120% 120% at 88% -10%, rgba(47, 125, 255, .16), transparent 58%),
    radial-gradient(90% 90% at 12% 0%, rgba(160, 90, 255, .12), transparent 60%),
    linear-gradient(180deg, rgba(6, 16, 31, .86), rgba(4, 7, 14, .98)) !important;
}
html.playarc .pa-footer::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(94, 200, 255, .55), rgba(160, 90, 255, .5), transparent);
}
html.playarc .pa-footer-in {
  display: grid !important;
  grid-template-columns: minmax(240px, 1.05fr) minmax(0, 1.5fr);
  gap: 26px 40px !important;
  max-width: 1240px;
  margin: 0 auto;
  padding: 34px 22px 18px !important;
  align-items: start;
}
html.playarc .pa-footer-brand { align-items: flex-start; gap: 12px !important; }
html.playarc .pa-footer-names { display: grid; gap: 6px; }
html.playarc .pa-footer-slogan {
  display: inline-block;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: .2px;
  background: linear-gradient(92deg, #8fe0ff 0%, #5ec8ff 38%, #b98bff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html.playarc .pa-footer-subline { display: block; font-style: normal; font-size: 12.5px; color: #a8bcd8; }
html.playarc .pa-footer-sub { display: grid; gap: 4px; font-size: 12.5px; color: #8ea6c8; }
html.playarc .pa-footer-links {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 6px 18px !important;
  align-content: start;
}
html.playarc .pa-footer-links a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  font-size: 13.5px;
  color: #cfe0f7 !important;
  text-decoration: none;
  transition: color .16s ease, transform .16s ease;
}
html.playarc .pa-footer-links a::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgba(94, 200, 255, .38);
  transition: background .16s ease, box-shadow .16s ease, transform .16s ease;
}
html.playarc .pa-footer-links a:hover { color: #fff !important; transform: translateX(-2px); }
html.playarc .pa-footer-links a:hover::before {
  background: #5ec8ff;
  box-shadow: 0 0 10px rgba(94, 200, 255, .8);
  transform: scale(1.25);
}
html.playarc .pa-footer-trust {
  grid-column: 1 / -1;
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px 10px !important;
  align-items: center;
  margin-top: 4px;
}
html.playarc .pa-footer-trust > span:not(.pa-footer-dot) {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  color: #d8e8ff;
  background: rgba(12, 27, 52, .72);
  border: 1px solid rgba(120, 170, 230, .18);
}
html.playarc .pa-footer-dot { opacity: .35; }
html.playarc .pa-footer-bottom {
  grid-column: 1 / -1;
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px 18px !important;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(120, 170, 230, .14);
  font-size: 12px;
  color: #7e93b4;
}
html.playarc .pa-footer-legal a { color: #9fb6d8 !important; text-decoration: none; }
html.playarc .pa-footer-legal a:hover { color: #fff !important; }
@media (max-width: 820px) {
  html.playarc .pa-footer-in { grid-template-columns: 1fr !important; gap: 20px !important; padding: 26px 16px 14px !important; }
  html.playarc .pa-footer-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.playarc .pa-footer-bottom { justify-content: flex-start; }
}



html.playarc .shell-brand .pa-wordmark-names,
html.playarc .shell-brand .shell-brand-text,
html.playarc .pa-topbar .pa-wordmark-names,
html.playarc .pa-topbar .shell-brand-text { display: none !important; }
html.playarc .shell-brand .pa-wordmark,
html.playarc .pa-topbar .pa-wordmark {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  min-width: 46px;
  padding: 0 !important;
  border-radius: 999px !important;
}
html.playarc .shell-brand .pa-mark-host,
html.playarc .pa-topbar .pa-mark-host { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; }
html.playarc .shell-brand .pa-wordmark .logo,
html.playarc .shell-brand .pa-wordmark-svg,
html.playarc .pa-topbar .pa-wordmark .logo,
html.playarc .pa-topbar .pa-wordmark-svg { width: 34px !important; height: 34px !important; }
@media (max-width: 720px) {
  html.playarc .shell-brand .pa-wordmark,
  html.playarc .pa-topbar .pa-wordmark { width: 42px; height: 42px; min-width: 42px; }
  html.playarc .shell-brand .pa-wordmark .logo,
  html.playarc .shell-brand .pa-wordmark-svg { width: 30px !important; height: 30px !important; }
}



html.ps-fx body.pa-support,
html.ps-fx body.acct-pub,
html.ps-fx body.shop-app,
html.ps-fx body.wiki-body,
html.ps-fx body.home-console,
html.ps-fx body.pa-partners,
html.ps-fx body.pa-deals {
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}



html.playarc .shell-brand .pa-wordmark,
html.playarc .pa-topbar .pa-wordmark {
  border-radius: 14px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
}
html.playarc .shell-brand a.pa-wordmark .pa-mark-host,
html.playarc .pa-topbar .shell-brand .pa-mark-host { width: 40px !important; height: 40px !important; }
html.playarc .shell-brand a.pa-wordmark .pa-mark-host .logo,
html.playarc .shell-brand .pa-wordmark .pa-mark-host .logo.pa-wordmark-svg,
html.playarc .pa-topbar .shell-brand .pa-wordmark .pa-mark-host img {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
}
@media (max-width: 720px) {
  html.playarc .shell-brand .pa-wordmark,
  html.playarc .pa-topbar .pa-wordmark { width: 42px !important; height: 42px !important; min-width: 42px !important; border-radius: 12px !important; }
  html.playarc .shell-brand a.pa-wordmark .pa-mark-host .logo,
  html.playarc .pa-topbar .shell-brand .pa-wordmark .pa-mark-host img { width: 36px !important; height: 36px !important; max-width: 36px !important; }
}



html.playarc .shell-bar .shell-brand,
html.playarc .pa-topbar .shell-brand {
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 14px !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  gap: 0 !important;
}
html.playarc .shell-brand .pa-wordmark,
html.playarc .pa-topbar .pa-wordmark {
  border: 1px solid rgba(150, 210, 255, .22) !important;
  background: linear-gradient(165deg, rgba(24, 52, 96, .62), rgba(8, 18, 36, .72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 8px 20px rgba(0, 12, 32, .4) !important;
}
html.playarc .shell-nav.pa-tabs { gap: 6px !important; align-items: center; }
html.playarc .shell-nav .pa-tab,
html.playarc .shell-nav .pa-tab.pa-social-launch {
  height: 38px !important;
  border-radius: 999px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(120, 170, 230, .16) !important;
  background: rgba(12, 27, 52, .55) !important;
  color: #cfe0f7 !important;
  font-size: 13.5px !important;
  display: inline-flex;
  align-items: center;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .12s ease;
}
html.playarc .shell-nav .pa-tab:hover,
html.playarc .shell-nav .pa-tab.pa-social-launch:hover {
  background: rgba(22, 48, 84, .8) !important;
  border-color: rgba(160, 230, 255, .42) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
html.playarc .shell-nav .pa-tab.is-active,
html.playarc .shell-nav .pa-tab.pa-social-launch.is-active {
  background: linear-gradient(180deg, rgba(94, 200, 255, .26), rgba(47, 125, 255, .18)) !important;
  border-color: rgba(150, 230, 255, .6) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 8px 20px rgba(0, 24, 56, .38) !important;
}
html.playarc .shell-nav .pa-tab:focus-visible {
  outline: 2px solid rgba(94, 200, 255, .6) !important;
  outline-offset: 2px;
}
@media (max-width: 820px) {
  html.playarc .shell-nav.pa-tabs {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap !important;
    max-width: 100%;
  }
  html.playarc .shell-nav.pa-tabs::-webkit-scrollbar { display: none; }
  html.playarc .shell-nav .pa-tab { height: 36px !important; padding: 0 13px !important; flex: none; }
}



html.playarc.ps-fx .shell-bar .shell-brand,
html.playarc.ps-fx .liquidGL .shell-bar .shell-brand,
html.playarc.ps-fx .shell-bar > .shell-brand,
html.playarc.ps-fx header.wiki-top .shell-brand {
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 14px !important;
  min-width: 0 !important;
  gap: 0 !important;
}
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx .liquidGL .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx .liquidGL .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx header.wiki-top .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx header.wiki-top .shell-nav.pa-tabs a.pa-tab.is-active,

html.playarc .shell-nav.pa-tabs a.pa-tab.pa-social-launch,
html.playarc .shell-nav.pa-tabs a.pa-tab.pa-social-launch.is-active { }

html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.pa-social-launch,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.pa-social-launch.is-active,
html.playarc.ps-fx.pa-ready .liquidGL.wiki-top .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx.pa-ready .liquidGL.wiki-top .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx.pa-ready .liquidGL.wiki-top .shell-nav.pa-tabs a.pa-tab.pa-social-launch {
  height: 38px !important;
  border-radius: 999px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(120, 170, 230, .18) !important;
  background: rgba(12, 27, 52, .55) !important;
  color: #cfe0f7 !important;
  font-size: 13.5px !important;
  transform: none;
}
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab:hover,
html.playarc .shell-nav.pa-tabs a.pa-tab.pa-social-launch:hover { }
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab:hover,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.pa-social-launch:hover {
  background: rgba(22, 48, 84, .8) !important;
  border-color: rgba(160, 230, 255, .42) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
html.playarc.ps-fx .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx .liquidGL .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx header.wiki-top .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc .shell-nav.pa-tabs a.pa-tab.pa-social-launch.is-active { }
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.pa-social-launch.is-active,
html.playarc.ps-fx.pa-ready .liquidGL.wiki-top .shell-nav.pa-tabs a.pa-tab.is-active {
  background: linear-gradient(180deg, rgba(94, 200, 255, .26), rgba(47, 125, 255, .18)) !important;
  border-color: rgba(150, 230, 255, .6) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 8px 20px rgba(0, 24, 56, .38) !important;
}
html.playarc .shell-nav.pa-tabs a.pa-tab:focus-visible { outline: 2px solid rgba(94, 200, 255, .6) !important; outline-offset: 2px; }
@media (max-width: 820px) {
  html.playarc .shell-nav.pa-tabs { overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none; flex-wrap: nowrap !important; }
  html.playarc .shell-nav.pa-tabs::-webkit-scrollbar { display: none; }
  html.playarc .shell-nav.pa-tabs a.pa-tab { height: 36px !important; padding: 0 13px !important; flex: none; }
}


html.playarc .shell-brand .pa-wordmark .pa-mark-host .logo.pa-wordmark-svg,
html.playarc .shell-brand a.pa-wordmark .pa-mark-host .logo,
html.playarc .pa-topbar .shell-brand .pa-wordmark .pa-mark-host img {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
}
html.playarc .shell-brand a.pa-wordmark .pa-mark-host { width: 36px !important; height: 36px !important; }



html.playarc body.home-console,
html.playarc body.wiki-body,
html.playarc body { overflow: visible !important; }
html.playarc .shell-bar.shell-bar.shell-bar.shell-bar.shell-bar {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
}




@media (max-width: 1180px) {
  html.playarc .shell-bar.shell-bar.shell-bar { gap: 8px !important; padding-inline: 10px !important; }
  html.playarc .shell-nav.pa-tabs a.pa-tab,
  html.playarc .shell-nav.pa-tabs button.pa-tab { padding: 0 9px !important; }
  html.playarc .shell-nav.pa-tabs a.pa-tab .pa-tab-label,
  html.playarc .shell-nav.pa-tabs button.pa-tab .pa-tab-label { font-size: 11.5px !important; }
}
@media (max-width: 1080px) {
  html.playarc .shell-nav.pa-tabs a.pa-tab .pa-tab-label,
  html.playarc .shell-nav.pa-tabs button.pa-tab .pa-tab-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  html.playarc .shell-nav.pa-tabs a.pa-tab,
  html.playarc .shell-nav.pa-tabs button.pa-tab {
    min-width: 38px !important;
    padding: 0 9px !important;
    justify-content: center !important;
  }
}
@media (max-width: 940px) {
  html.playarc .pa-tabs { gap: 0 !important; padding: 3px !important; }
  html.playarc .shell-nav.pa-tabs a.pa-tab,
  html.playarc .shell-nav.pa-tabs button.pa-tab { min-width: 32px !important; padding: 0 4px !important; }
}

@media (max-width: 520px) {
  html.playarc .shell-bar.shell-bar.shell-bar { padding-inline: 8px !important; gap: 6px !important; }
  html.playarc .shell-bar.shell-bar.shell-bar > .pa-clock-wrap { margin-inline-end: 2px !important; }
  html.playarc .pa-tab .pa-clock-date,
  html.playarc .pa-clock-wrap .pa-clock-date { display: none !important; }
  html.playarc .pa-hdr-search { width: 34px !important; }
}



html.playarc .pa-tile:not(.is-deal):not(.is-account) .pa-tile-name,
html.playarc .pa-rail.is-library .pa-tile-name {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2;
  line-height: 1.35 !important;
  min-height: calc(1.35em * 2 + 6px) !important;
  max-height: calc(1.35em * 2 + 6px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
html.playarc .pa-vault-tools .pa-tile-name {
  min-height: calc(1.35em * 2 + 2px) !important;
  max-height: calc(1.35em * 2 + 2px) !important;
}
html.playarc .pa-rail-track {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--pa-fade-left, 72px), #000 calc(100% - var(--pa-fade-right, 72px)), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 var(--pa-fade-left, 72px), #000 calc(100% - var(--pa-fade-right, 72px)), transparent 100%);
}
html.playarc .pa-rail.is-feature .pa-rail-track,
html.playarc .pa-rail.is-solo .pa-rail-track,
html.playarc .pa-vault .pa-rail.is-accounts .pa-rail-track {
  -webkit-mask-image: none;
  mask-image: none;
}


html.playarc button.pa-tile.is-seeall {
  appearance: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  font: inherit;
  text-align: center;
}
html.playarc .pa-tile.is-seeall .pa-tile-art {
  display: grid;
  place-items: center;
  background:
    radial-gradient(120% 90% at 50% 30%, rgba(94, 200, 255, .14), transparent 60%),
    linear-gradient(160deg, rgba(60, 110, 170, .16), rgba(10, 18, 34, .6));
  border: 1px dashed rgba(150, 200, 255, .3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03);
  transition: transform 160ms cubic-bezier(.22, 1, .36, 1), border-color 200ms ease, background 200ms ease;
}
html.playarc .pa-tile.is-seeall:hover .pa-tile-art,
html.playarc .pa-tile.is-seeall:focus-visible .pa-tile-art {
  border-color: rgba(160, 215, 255, .55);
}
html.playarc .pa-tile.is-seeall:active .pa-tile-art { transform: scale(.96); }
html.playarc .pa-seeall-ring {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #cfe8ff;
  background: rgba(94, 200, 255, .14);
  box-shadow: inset 0 0 0 1px rgba(170, 220, 255, .32);
}
html.playarc .pa-seeall-ring svg { width: 20px; height: 20px; display: block; }

html.playarc .pa-seeall-ring { transform: scaleX(-1); }
html.playarc[dir="rtl"] .pa-seeall-ring,
html.playarc body[dir="rtl"] .pa-seeall-ring { transform: none; }
html.playarc .pa-tile.is-seeall .pa-tile-name { color: rgba(214, 232, 252, .92); }


html.playarc .pa-tile-art.is-loading .pa-tile-ph {
  animation-iteration-count: 3 !important;
}
html.playarc .pa-tile-art.is-loading::after {
  animation-iteration-count: 3 !important;
}




html.playarc .pa-locale-clock .pam-chip__cc,
html.playarc .pa-locale-clock .pam-chip__n { display: none !important; }


html.playarc[data-pa-digits="latn"] {
  --pa-ui: "PA Latn Digits", "Vazirmatn UI FD", "Vazirmatn", "Vazir", Tahoma, sans-serif;
  --pa-num: "PA Latn Digits", "PlayArc Console", "Saira", "Segoe UI", Tahoma, sans-serif;
}



html.playarc {
  --pa-space-1: 4px;
  --pa-space-2: 8px;
  --pa-space-3: 12px;
  --pa-space-4: 16px;
  --pa-space-5: 20px;
  --pa-space-6: 24px;
  --pa-icon-sm: 18px;
  --pa-icon-md: 22px;
  --pa-icon-lg: 26px;
  --pa-shell-h: 72px;
  --pa-nav-h: 42px;
  --pa-gap-shell: 12px;
}


html.playarc[lang="fa"],
html.playarc[lang^="fa-"] {
  direction: rtl;
}
html.playarc[lang="en"],
html.playarc[lang^="en-"] {
  direction: ltr;
}


html.playarc .latin,
html.playarc .ltr,
html.playarc [dir="ltr"],
html.playarc input.ltr,
html.playarc textarea.ltr,
html.playarc pre[dir="ltr"],
html.playarc .pa-acct-code,
html.playarc .pa-plus-word,
html.playarc .pa-nogame-word,
html.playarc .pa-folder-chrome {
  direction: ltr;
  unicode-bidi: isolate;
}

html.playarc [dir="rtl"],
html.playarc .rtl {
  direction: rtl;
  unicode-bidi: isolate;
}

html.playarc [dir="auto"] {
  unicode-bidi: plaintext;
}


html.playarc .storage-app,
html.playarc .wiki-app,
html.playarc .pa-console-home {
  --shell-h: var(--pa-shell-h);
}

html.playarc header.storage-top,
html.playarc header.wiki-top,
html.playarc .storage-top,
html.playarc .wiki-top {
  height: var(--pa-shell-h) !important;
  min-height: var(--pa-shell-h) !important;
  max-height: none !important;
  overflow: visible !important;
}

html.playarc .shell-bar,
html.playarc .shell-bar.shell-bar,
html.playarc .storage-app .shell-bar,
html.playarc .wiki-app .shell-bar {
  display: grid !important;
  grid-template-columns: minmax(160px, max-content) minmax(0, 1fr) minmax(120px, max-content) !important;
  align-items: center !important;
  gap: var(--pa-gap-shell) !important;
  padding-block: var(--pa-space-2) !important;
  padding-inline: clamp(12px, 1.8vw, 24px) !important;
  min-height: var(--pa-shell-h) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html.playarc .shell-brand,
html.playarc .shell-bar > .shell-brand {
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 10px !important;
  overflow: hidden !important;
}

html.playarc .shell-brand .logo,
html.playarc .shell-brand img.logo {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 auto !important;
}

html.playarc .shell-brand-text {
  min-width: 0 !important;
  overflow: hidden !important;
}

html.playarc .shell-brand-text strong,
html.playarc .shell-brand-text em {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.25 !important;
}

html.playarc .shell-brand-text strong {
  font-size: 16px !important;
  letter-spacing: -0.02em !important;
}

html.playarc .shell-brand-text em {
  font-size: 11.5px !important;
}


html.playarc .shell-nav,
html.playarc .shell-bar > .shell-nav {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--pa-space-2) !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html.playarc .shell-nav::-webkit-scrollbar { display: none !important; }

html.playarc .shell-nav a,
html.playarc .shell-nav button,
html.playarc .shell-nav .nav-otp,
html.playarc .shell-nav .pa-tab,
html.playarc .pa-social-launch {
  height: var(--pa-nav-h) !important;
  min-height: var(--pa-nav-h) !important;
  padding-inline: 16px !important;
  gap: 8px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}

html.playarc .shell-nav .ico,
html.playarc .shell-nav svg.ico,
html.playarc .shell-nav .pa-tab .ico,
html.playarc .shell-meta .meta-ico,
html.playarc .shell-meta .ico,
html.playarc .shell-bar .ico-glass .ico,
html.playarc .shell-bar .ico-glass svg {
  width: var(--pa-icon-md) !important;
  height: var(--pa-icon-md) !important;
  min-width: var(--pa-icon-md) !important;
  min-height: var(--pa-icon-md) !important;
  flex: 0 0 auto !important;
}

html.playarc .shell-bar .ico-glass,
html.playarc .shell-bar .ico-glass-wide,
html.playarc header .ico-glass {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 14px !important;
}

html.playarc .shell-meta,
html.playarc .shell-bar > .shell-meta {
  height: var(--pa-nav-h) !important;
  min-height: var(--pa-nav-h) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-inline: 14px !important;
  gap: 8px !important;
  overflow: hidden !important;
}

html.playarc .shell-meta b,
html.playarc .shell-meta span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}


html.playarc .pa-tab-label,
html.playarc .pa-rail-head,
html.playarc .pa-tile-name,
html.playarc .wiki-card-title,
html.playarc .ps-card-name,
html.playarc .shell-nav .pa-social-launch-word {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  line-height: 1.25 !important;
}

html.playarc .pa-rail-head {
  display: flex !important;
  align-items: center !important;
  gap: var(--pa-space-3) !important;
  min-height: 40px !important;
  padding-block: var(--pa-space-2) !important;
}

html.playarc .pa-rail-head h2,
html.playarc .pa-rail-head .pa-rail-title {
  margin: 0 !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: clamp(15px, 1.35vw, 18px) !important;
  line-height: 1.3 !important;
}

html.playarc .pa-tile,
html.playarc .ps-card {
  min-width: 0 !important;
}

html.playarc .pa-tile .pa-tile-name,
html.playarc .pa-tile .pa-hud-stack {
  max-width: 100% !important;
  overflow: hidden !important;
}

html.playarc .pa-hud-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  line-height: 1.25 !important;
}


html.playarc .storage-app {
  gap: var(--pa-space-4) !important;
  padding: var(--pa-space-4) clamp(14px, 1.6vw, 22px) var(--pa-space-3) !important;
}

html.playarc .storage-body,
html.playarc .wiki-body {
  gap: var(--pa-space-4) !important;
}

html.playarc .pa-vault-grid,
html.playarc .pa-rail .pa-vault-grid {
  gap: 14px 16px !important;
}


@media (max-width: 820px) {
  html.playarc .shell-bar,
  html.playarc .storage-app .shell-bar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    row-gap: 8px !important;
    min-height: 0 !important;
    height: auto !important;
  }
  html.playarc .shell-brand { grid-column: 1 / 2; }
  html.playarc .shell-meta { grid-column: 2 / 3; justify-self: end; }
  html.playarc .shell-nav {
    grid-column: 1 / -1 !important;
    justify-content: flex-start !important;
  }
  html.playarc header.storage-top,
  html.playarc header.wiki-top,
  html.playarc .storage-top {
    height: auto !important;
    min-height: var(--pa-shell-h) !important;
    max-height: none !important;
  }
}


@media (prefers-reduced-motion: reduce) {
  html.playarc .shell-nav a,
  html.playarc .shell-nav button,
  html.playarc .pa-social-launch {
    transition: none !important;
    transform: none !important;
  }
}





html.playarc .shell-bar .shell-meta:has(.pa-search),
html.playarc .shell-bar .shell-meta:has(.home-search),
html.playarc .shell-bar .shell-meta:has(.wiki-search),
html.playarc .shell-bar .shell-meta:has(#uniQ),
html.playarc .shell-bar .shell-meta:has(input[type="search"]),
html.playarc .shell-end .shell-meta:has(.pa-search),
html.playarc .shell-end .shell-meta:has(.home-search),
html.playarc .shell-end .shell-meta:has(.wiki-search),
html.playarc .shell-end .shell-meta:has(#uniQ),
html.playarc .shell-end .shell-meta:has(input[type="search"]),
html.playarc body.home-console .shell-meta:has(.home-search),
html.playarc body.home-console .shell-meta:has(.pa-search),
html.playarc.ps-fx .shell-bar .shell-meta:has(.home-search),
html.playarc.ps-fx .shell-bar .shell-meta:has(.pa-search),
html.playarc.ps-fx .liquidGL .shell-meta:has(.home-search),
html.playarc.ps-fx .liquidGL .shell-meta:has(.pa-search),
html.playarc.ps-fx .liquidGL .shell-bar .shell-meta:has(.home-search),
html.playarc .shop-app .shell-meta:has(.home-search),
html.playarc .shop-app .shell-meta:has(.pa-search),
html.playarc .shop-app .shell-meta:has(input[type="search"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  padding: 0 !important;
  padding-inline: 0 !important;
  padding-block: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  color: inherit !important;
}


html.playarc .pa-search,
html.playarc .home-search,
html.playarc .wiki-search,
html.playarc label.pa-search,
html.playarc label.home-search,
html.playarc label.wiki-search,
html.playarc .shell-bar .pa-search,
html.playarc .shell-bar .home-search,
html.playarc .shell-bar .wiki-search,
html.playarc .shell-end .pa-search,
html.playarc .shell-end .home-search,
html.playarc .shell-meta .pa-search,
html.playarc .shell-meta .home-search,
html.playarc .shell-meta .wiki-search,
html.playarc body.home-console .shell-bar .home-search,
html.playarc body.home-console .shell-bar .home-search.home-search,
html.playarc body.home-console .shell-meta .home-search.home-search,
html.playarc body.home-console label.home-search,
html.playarc body.home-console label.pa-search,
html.playarc.ps-fx .shell-bar .home-search,
html.playarc.ps-fx .shell-bar .pa-search,
html.playarc.ps-fx .liquidGL .home-search,
html.playarc .shop-app .home-search,
html.playarc .shop-app .pa-search {
  position: relative !important;
  display: inline-flex !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(150, 195, 245, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(8, 16, 32, 0.92) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  outline: none !important;
  filter: none !important;
  overflow: hidden !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.playarc .pa-search:focus-within,
html.playarc .home-search:focus-within,
html.playarc .wiki-search:focus-within,
html.playarc label.pa-search:focus-within,
html.playarc label.home-search:focus-within,
html.playarc .shell-bar .home-search:focus-within,
html.playarc .shell-meta .home-search:focus-within,
html.playarc body.home-console .shell-bar .home-search:focus-within,
html.playarc.ps-fx .shell-bar .home-search:focus-within {
  border-color: rgba(106, 212, 255, 0.55) !important;
  box-shadow: none !important;
  background: rgba(7, 15, 32, 0.96) !important;
}

html.playarc .pa-search::before,
html.playarc .pa-search::after,
html.playarc .home-search::before,
html.playarc .home-search::after,
html.playarc .wiki-search::before,
html.playarc .wiki-search::after,
html.playarc label.pa-search::before,
html.playarc label.pa-search::after,
html.playarc label.home-search::before,
html.playarc label.home-search::after,
html.playarc label.wiki-search::before,
html.playarc label.wiki-search::after,
html.playarc .shell-bar .home-search::before,
html.playarc .shell-bar .home-search::after,
html.playarc .shell-meta .home-search::before,
html.playarc .shell-meta .home-search::after,
html.playarc body.home-console .shell-bar .home-search::before,
html.playarc body.home-console .shell-bar .home-search::after,
html.playarc.ps-fx .home-search::before,
html.playarc.ps-fx .home-search::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html.playarc .pa-search input,
html.playarc .home-search input,
html.playarc .wiki-search input,
html.playarc .pa-buy-search input,
html.playarc .pa-search input#uniQ,
html.playarc .home-search input#uniQ,
html.playarc .pa-search input[type="search"],
html.playarc .home-search input[type="search"],
html.playarc .wiki-search input[type="search"],
html.playarc .shell-bar .home-search input,
html.playarc .shell-bar .home-search input#uniQ,
html.playarc .shell-bar .home-search input[type="search"],
html.playarc .shell-meta .home-search input,
html.playarc .shell-meta .home-search input#uniQ,
html.playarc .shell-meta .home-search input[type="search"],
html.playarc body.home-console .shell-bar .home-search input#uniQ,
html.playarc body.home-console .shell-bar .home-search input[type="search"],
html.playarc body.home-console label.home-search input,
html.playarc body.home-console .home-search input[type="search"],
html.playarc.ps-fx .shell-bar .home-search input#uniQ,
html.playarc.ps-fx .home-search input[type="search"],
html.playarc .shop-app .home-search input,
html.playarc .shop-app .pa-search input,
html.playarc .shell-end input[type="search"] {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 16px !important;
  padding-inline: 16px !important;
  padding-block: 0 !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 999px !important; 
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  color: inherit !important;
  caret-color: #e8eef8 !important;
}

html.playarc .pa-search input:focus,
html.playarc .home-search input:focus,
html.playarc .wiki-search input:focus,
html.playarc .pa-search input[type="search"]:focus,
html.playarc .home-search input#uniQ:focus,
html.playarc .shell-bar .home-search input#uniQ:focus,
html.playarc .shell-meta .home-search input#uniQ:focus,
html.playarc body.home-console .shell-bar .home-search input#uniQ:focus,
html.playarc body.home-console .home-search input[type="search"]:focus,
html.playarc .shell-end input[type="search"]:focus {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  width: 100% !important;
  height: 100% !important;
  color: inherit !important;
}

html.playarc .pa-search input[type="search"]::-webkit-search-decoration,
html.playarc .pa-search input[type="search"]::-webkit-search-cancel-button,
html.playarc .pa-search input[type="search"]::-webkit-search-results-button,
html.playarc .pa-search input[type="search"]::-webkit-search-results-decoration,
html.playarc .home-search input[type="search"]::-webkit-search-decoration,
html.playarc .home-search input[type="search"]::-webkit-search-cancel-button,
html.playarc .wiki-search input[type="search"]::-webkit-search-decoration,
html.playarc .wiki-search input[type="search"]::-webkit-search-cancel-button,
html.playarc .shell-end input[type="search"]::-webkit-search-decoration,
html.playarc .shell-end input[type="search"]::-webkit-search-cancel-button {
  display: none !important;
  -webkit-appearance: none !important;
}


html.playarc .shell-bar > .shell-meta:empty,
html.playarc .shell-end > .shell-meta:empty,
html.playarc .shell-bar > .shell-meta.is-hollow,
html.playarc .shell-end > .shell-meta.is-hollow,
html.playarc .shell-bar > .shell-meta[hidden],
html.playarc .shell-end > .shell-meta[hidden],
html.playarc .shell-bar > .shell-meta[aria-hidden="true"],
html.playarc .shell-end > .shell-meta[aria-hidden="true"],
html.playarc .shop-app .shell-meta#shopMeta.is-hollow,
html.playarc .shop-app .shell-meta#shopMeta:not(:has(input, .home-search, .pa-search, .wiki-search, a[href], button:not([hidden]), img, svg.meta-ico, .meta-ico)),
html.playarc.ps-fx .shell-bar > .shell-meta:empty,
html.playarc.ps-fx .shell-end > .shell-meta:empty,
html.playarc.ps-fx .shell-bar > .shell-meta.is-hollow,
html.playarc.ps-fx .shell-end > .shell-meta.is-hollow {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  flex: 0 0 0 !important;
}


html.playarc .pa-cart-chip,
html.playarc .shell-bar > .shell-end .pa-cart-chip,
html.playarc .pa-cart-root {
  visibility: visible;
}


html.playarc .pa-search input,
html.playarc .home-search input,
html.playarc .wiki-search input,
html.playarc .pa-buy-search input,
html.playarc .pa-search input#uniQ,
html.playarc .home-search input#uniQ,
html.playarc .pa-search input[type="search"],
html.playarc .home-search input[type="search"],
html.playarc .wiki-search input[type="search"],
html.playarc .shell-meta input[type="search"],
html.playarc .shell-meta input#uniQ,
html.playarc.ps-fx .pa-search input,
html.playarc.ps-fx .home-search input,
html.playarc.ps-fx .wiki-search input,
html.playarc.ps-fx input[type="search"],
html.ps-fx .pa-search input,
html.ps-fx .home-search input,
html.ps-fx .wiki-search input,
html.ps-fx .shell-meta input[type="search"],
html.ps-fx .shell-meta input#uniQ,
html.ps-fx input#uniQ,
html.ps-fx .shell-bar input[type="search"],
html.playarc body.home-console .shell-bar .home-search input#uniQ,
html.playarc body.home-console .shell-bar .home-search.home-search input#uniQ,
html.playarc .shop-app input[type="search"],
html.playarc .shop-app #uniQ {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
  border-radius: 999px !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}


html.playarc .pa-search,
html.playarc .home-search,
html.playarc .wiki-search,
html.playarc label.pa-search,
html.playarc label.home-search,
html.playarc.ps-fx .pa-search,
html.playarc.ps-fx .home-search,
html.ps-fx .pa-search,
html.ps-fx .home-search {
  overflow: hidden !important;
  isolation: isolate !important;
}




html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab:hover,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs button.pa-tab,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.is-active:hover {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 0 12px !important;
  height: 60px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: rgba(210, 227, 248, .8) !important;
}
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab:hover { color: #fff !important; }

html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.is-active,
html.playarc.ps-fx.pa-ready .shell-bar .shell-nav.pa-tabs a.pa-tab.is-active:hover {
  color: #ffb07a !important;
  font-weight: 700 !important;
  box-shadow: inset 0 -2px 0 #ffb07a !important;
}