:root{
  --gold:#d2ab4a;
  --gold-lt:#f0d57a;
  --gold-50:rgba(200,160,64,.50);
  --gold-30:rgba(200,160,64,.30);
  --gold-18:rgba(200,160,64,.18);
  --gold-10:rgba(200,160,64,.10);
  --ink:#040814;
  --panel:rgba(13,22,45,.82);
  --panel-soft:rgba(11,18,36,.72);
  --panel-deep:rgba(8,14,30,.92);
  --text:rgba(248,242,226,.98);
  --muted:rgba(248,242,226,.76);
  --dim:rgba(248,242,226,.58);
  --line:rgba(248,242,226,.20);
  --line-soft:rgba(248,242,226,.12);
  --cyan:#62cbe6;
  --green:#73d28b;
  --red:#ef6a5b;
  --font:'Noto Sans SC','Microsoft YaHei',Arial,sans-serif;
  --serif:'Noto Serif SC','SimSun',serif;
  --t95:rgba(248,242,226,.95);
  --t80:rgba(248,242,226,.80);
  --t75:rgba(248,242,226,.75);
  --t70:rgba(248,242,226,.70);
  --t65:rgba(248,242,226,.65);
  --t50:rgba(248,242,226,.50);
  --t45:rgba(248,242,226,.45);
  --t35:rgba(248,242,226,.35);
  --t30:rgba(248,242,226,.30);
  --t12:rgba(248,242,226,.12);
  --t06:rgba(248,242,226,.06);
  --gold-20:rgba(200,160,64,.20);
  --gold-35:rgba(200,160,64,.35);
  --gold-40:rgba(200,160,64,.40);
  --table-selected:rgba(200,160,64,.12);
  --phd-h:32px;
  --border-color:rgba(248,242,226,.12);
  --table-header-bg:rgba(200,160,64,.07);
  --table-row-hover:rgba(200,160,64,.075);
  --card-bg:rgba(6,12,28,.90);
  --shadow-color:rgba(0,0,0,.30);
  --sz-boss:22px;
  --sz-tab:12px;
  --sz-vtab:11px;
  --sz-rank-cell:12px;
  --sz-pi-name:21px;
  --sz-hero:28px;
  --sz-data-num:18px;
  --prototype-min-content:1480px;
  --site-scrollbar-track:rgba(4,8,20,.82);
  --site-scrollbar-thumb:rgba(200,160,64,.55);
  --site-scrollbar-thumb-hover:rgba(240,213,122,.78);
}

body.entry-gate-open{overflow:hidden}
.entry-gate{
  position:fixed;
  inset:0;
  z-index:100000;
  overflow:hidden;
  background:#040814;
  opacity:1;
  visibility:visible;
  transition:opacity .42s ease,visibility .42s ease;
}
.entry-gate.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.entry-gate-frame{display:block;width:100%;height:100%;border:0;background:#040814}
@media (prefers-reduced-motion:reduce){.entry-gate{transition:none}}

.pve-deferred-control{
  min-height:132px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px 22px;
  border:1px dashed rgba(240,213,122,.32);
  background:
    linear-gradient(90deg,rgba(240,213,122,.07),transparent 68%),
    rgba(0,0,0,.16);
}
.pve-deferred-control b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:18px;
  line-height:1.2;
}
.pve-deferred-control span{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.pve-deferred-control .dark-btn{
  flex:0 0 auto;
}
*{box-sizing:border-box}
*{overflow-wrap:anywhere}
*{
  scrollbar-width:thin;
  scrollbar-color:var(--site-scrollbar-thumb) var(--site-scrollbar-track);
}
*::-webkit-scrollbar{
  width:10px;
  height:10px;
}
*::-webkit-scrollbar-track{
  background:linear-gradient(180deg,rgba(3,7,17,.92),rgba(6,13,30,.86));
  border:1px solid rgba(248,242,226,.08);
}
*::-webkit-scrollbar-thumb{
  min-height:52px;
  border:2px solid var(--site-scrollbar-track);
  border-radius:999px;
  background:
    linear-gradient(180deg,rgba(240,213,122,.72),rgba(200,160,64,.48) 54%,rgba(98,203,230,.36)),
    rgba(200,160,64,.48);
  box-shadow:inset 0 0 0 1px rgba(248,242,226,.08);
}
*::-webkit-scrollbar-thumb:hover{
  background:
    linear-gradient(180deg,rgba(240,213,122,.90),rgba(200,160,64,.62) 54%,rgba(98,203,230,.50)),
    rgba(240,213,122,.70);
}
*::-webkit-scrollbar-corner{
  background:var(--site-scrollbar-track);
}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  background:#030711;
  font-family:var(--font);
  overflow-x:auto;
}
button{font:inherit;cursor:pointer}
.page{
  min-height:100vh;
  min-width:calc(var(--prototype-min-content) + 44px);
  padding:22px;
  background:
    linear-gradient(to right,rgba(4,8,20,.90),rgba(4,8,20,.52) 42%,rgba(4,8,20,.86)),
    url("./parser-native-three-page/assets/sect-art/万灵山庄/bg.png") center top/cover fixed;
}
.shell{
  width:var(--prototype-min-content);
  max-width:none;
  margin:0 auto;
  border:1px solid var(--gold-30);
  background:rgba(5,12,28,.68);
  box-shadow:0 22px 58px rgba(0,0,0,.50);
}
.topbar{
  position:sticky;
  top:0;
  z-index:20000;
  isolation:isolate;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 18px;
  border-bottom:1px solid var(--gold-30);
  background:rgba(6,13,30,.92);
  backdrop-filter:blur(16px);
}
.topbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-50),var(--gold),var(--gold-50),transparent);
}
.brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:156px;
  min-width:156px;
  height:58px;
  overflow:hidden;
  border:0;
  color:var(--text);
  background:none;
  text-align:left;
}
.brand-logo-image{
  display:block;
  width:150px;
  height:auto;
  margin:-9px 0;
  flex:0 0 auto;
  filter:drop-shadow(0 4px 9px rgba(0,0,0,.42));
}
.seal{
  width:34px;
  height:34px;
  border:1px solid var(--gold-50);
  display:grid;
  place-items:center;
  background:rgba(200,160,64,.06);
  position:relative;
  flex:0 0 auto;
}
.seal::after{content:"";position:absolute;inset:4px;border:1px solid var(--gold-18)}
.seal img{max-width:24px;max-height:24px;opacity:.88}
.brand-main{
  display:block;
  font-family:var(--serif);
  font-size:14px;
  letter-spacing:0;
  font-weight:700;
}
.brand-sub{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-family:Consolas,monospace;
  font-size:8px;
  letter-spacing:0;
}
.nav{
  height:100%;
  display:flex;
  align-items:center;
  gap:8px;
  border-left:1px solid var(--line);
  padding-left:16px;
}
.nav a{
  position:relative;
  height:58px;
  padding:0 10px;
  color:var(--muted);
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  font-family:var(--serif);
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
  white-space:nowrap;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.nav a.active{
  color:var(--gold-lt);
  border-bottom-color:var(--gold);
  background:linear-gradient(to top,rgba(200,160,64,.18),rgba(200,160,64,0) 66%);
  text-shadow:0 0 12px rgba(240,213,122,.18);
}
.nav a:hover,
.nav a:focus-visible{
  color:var(--gold-lt);
  background:rgba(200,160,64,.08);
  outline:1px solid var(--gold-30);
  outline-offset:-1px;
}
.nav a[data-route="competitive"],
.nav a[data-route="trade-board"],
.nav a[data-route="tools"]{
  color:rgba(154,178,194,.46);
}
.nav a[data-route="competitive"].active,
.nav a[data-route="trade-board"].active,
.nav a[data-route="tools"].active{
  color:rgba(188,202,207,.62);
  border-bottom-color:rgba(154,178,194,.24);
  background:linear-gradient(to top,rgba(154,178,194,.08),rgba(154,178,194,0) 66%);
  text-shadow:none;
}
.nav a[data-route="competitive"]:hover,
.nav a[data-route="competitive"]:focus-visible,
.nav a[data-route="trade-board"]:hover,
.nav a[data-route="trade-board"]:focus-visible,
.nav a[data-route="tools"]:hover,
.nav a[data-route="tools"]:focus-visible{
  color:rgba(215,226,230,.72);
  background:rgba(154,178,194,.06);
  outline-color:rgba(154,178,194,.20);
}
.top-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}
.top-search{
  min-height:36px;
  display:flex;
  align-items:center;
  gap:8px;
}
.top-search label{
  color:rgba(248,242,226,.72);
  font-size:12px;
  white-space:nowrap;
}
.top-search input{
  width:260px;
  min-height:34px;
  padding:0 11px;
  border:1px solid rgba(98,203,230,.26);
  color:var(--text);
  background:rgba(3,8,20,.72);
  outline:0;
}
.top-search input::placeholder{
  color:rgba(248,242,226,.40);
}
.top-search input:focus{
  border-color:rgba(98,203,230,.58);
  box-shadow:0 0 0 2px rgba(98,203,230,.08);
}
.top-search-submit{
  width:36px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(98,203,230,.30);
  color:rgba(154,220,238,.94);
  background:rgba(98,203,230,.07);
}
.top-search-submit svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}
.top-search-submit:hover,
.top-search-submit:focus-visible{
  border-color:rgba(240,213,122,.58);
  color:var(--gold-lt);
  outline:0;
}
.account-menu{
  position:relative;
}
.account-message-btn{
  position:relative;
  width:28px;
  height:30px;
  display:grid;
  place-items:center;
  border:0;
  color:rgba(248,242,226,.88);
  background:transparent;
}
.account-message-btn svg{
  width:19px;
  height:19px;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:1.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.account-message-btn.has-unread::after{
  content:"";
  position:absolute;
  right:4px;
  bottom:6px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#e23b3b;
  box-shadow:0 0 5px rgba(226,59,59,.62);
}
.account-message-btn:hover,
.account-message-btn:focus-visible{
  color:var(--gold-lt);
  outline:0;
}
.account-menu-trigger{
  min-height:36px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:0;
  color:var(--text);
  background:transparent;
}
.account-avatar{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(240,213,122,.52);
  border-radius:50%;
  color:var(--gold-lt);
  background:radial-gradient(circle at 50% 35%,rgba(240,213,122,.24),rgba(0,0,0,.28));
  font-family:var(--serif);
  font-size:14px;
  font-weight:800;
}
.account-avatar img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  display:block;
  object-fit:cover;
}
.account-name{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  white-space:nowrap;
}
.account-caret{
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:5px solid rgba(98,203,230,.86);
  transform:translateY(1px);
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.72));
}
.account-menu-trigger:hover .account-caret,
.account-menu-trigger:focus-visible .account-caret{
  border-top-color:var(--gold-lt);
}
.login-register-btn{
  min-height:36px;
  padding:0 16px;
  border:1px solid rgba(240,213,122,.46);
  color:var(--gold-lt);
  background:linear-gradient(180deg,rgba(240,213,122,.16),rgba(200,160,64,.06));
  font-family:var(--serif);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.login-register-btn:hover,
.login-register-btn:focus-visible{
  border-color:rgba(240,213,122,.72);
  color:#fff2a8;
  background:linear-gradient(180deg,rgba(240,213,122,.22),rgba(200,160,64,.10));
  outline:0;
}
.account-menu-panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:30;
  width:260px;
  display:grid;
  gap:6px;
  padding:10px;
  border:1px solid rgba(240,213,122,.30);
  background:rgba(6,13,30,.98);
  box-shadow:0 18px 36px rgba(0,0,0,.48);
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px);
  transition:.15s ease;
}
.account-menu-panel::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-9px;
  height:9px;
}
.account-menu:hover .account-menu-panel,
.account-menu:focus-within .account-menu-panel{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.account-menu-panel button{
  min-height:54px;
  display:grid;
  gap:4px;
  padding:9px 10px;
  border:1px solid rgba(248,242,226,.12);
  color:var(--text);
  background:rgba(0,0,0,.16);
  text-align:left;
}
.account-menu-panel button:hover,
.account-menu-panel button:focus-visible{
  border-color:rgba(91,213,180,.42);
  background:rgba(91,213,180,.08);
  outline:0;
}
.account-menu-panel b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:13px;
}
.account-menu-panel span{
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}
.meta,.gold-btn,.dark-btn{
  min-height:32px;
  padding:0 13px;
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(0,0,0,.18);
  font-size:11px;
  letter-spacing:0;
}
.gold-btn{
  border-color:var(--gold-50);
  color:var(--gold-lt);
  background:rgba(200,160,64,.08);
  font-family:var(--serif);
}
.dark-btn:hover,.gold-btn:hover,.meta:hover{border-color:var(--gold-50);color:var(--gold-lt)}
.content{padding:18px}
.content,.panel{min-width:0}
.site-footer{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:96px;
  padding:24px 26px;
  border-top:1px solid rgba(240,213,122,.24);
  background:
    linear-gradient(90deg,rgba(240,213,122,.10),transparent 38%,rgba(98,203,230,.075)),
    linear-gradient(180deg,rgba(9,18,40,.96),rgba(3,8,20,.98));
  color:var(--dim);
  font-size:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 -18px 44px rgba(0,0,0,.22);
}
.site-footer::before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(240,213,122,.70),transparent 38%,rgba(98,203,230,.40),transparent);
  pointer-events:none;
}
.site-footer-copy,
.site-footer-links{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.site-footer-copy{
  flex-wrap:nowrap;
}
.site-footer-logo{
  width:158px;
  height:58px;
  flex:0 0 auto;
  overflow:hidden;
}
.site-footer-logo img{
  display:block;
  width:158px;
  height:auto;
  margin-top:-10px;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.42));
}
.site-footer-mark{
  width:44px;
  height:44px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.42);
  color:var(--gold-lt);
  background:
    radial-gradient(circle at 50% 34%,rgba(240,213,122,.18),rgba(0,0,0,.16) 58%),
    rgba(0,0,0,.22);
  font-family:var(--serif);
  font-size:21px;
  font-weight:800;
}
.site-footer-brand{
  min-width:0;
  display:grid;
  gap:7px;
}
.site-footer-copy b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:18px;
  line-height:1;
}
.site-footer-copy small{
  color:rgba(248,242,226,.55);
  font-size:12px;
  line-height:1.25;
}
.site-footer a,
.site-footer button{
  color:rgba(154,190,218,.88);
  text-decoration:none;
}
.site-footer a:hover,
.site-footer a:focus-visible,
.site-footer button:hover,
.site-footer button:focus-visible{
  color:var(--gold-lt);
  outline:0;
}
.site-footer-links a,
.site-footer-links button{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  padding:0 13px;
  border:1px solid rgba(248,242,226,.10);
  background:rgba(0,0,0,.14);
  color:rgba(154,190,218,.86);
  font-size:12px;
  font-family:inherit;
  white-space:nowrap;
  cursor:pointer;
}
.site-footer-links a:hover,
.site-footer-links a:focus-visible,
.site-footer-links button:hover,
.site-footer-links button:focus-visible{
  border-color:rgba(240,213,122,.34);
  background:rgba(240,213,122,.075);
}

.account-submission-help-grid{
  margin-top:16px;
}
.page-panel.help-construction-placeholder{
  min-height:360px;
  display:grid;
  place-items:center;
  padding:48px 28px;
  text-align:center;
}
.page-panel.help-construction-placeholder p{
  max-width:920px;
  margin:0;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:clamp(24px,2vw,34px);
  font-weight:800;
  line-height:1.7;
}
.account-submission-form small{
  color:var(--muted);
}
.panel{
  position:relative;
  overflow:visible;
  border:1px solid var(--gold-18);
  background:var(--panel);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.panel::before{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.025)}
.eyebrow{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:10px;
  letter-spacing:0;
  text-transform:uppercase;
}
.hero-grid{display:grid;gap:14px}
.top-showcase{
  display:grid;
  grid-template-columns:1.08fr .55fr 1.92fr;
  grid-template-rows:108px 108px;
  gap:12px;
}
.live-main{grid-row:1 / span 2}
.home-live-hub{
  grid-column:1 / 3;
  grid-row:1 / span 2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  min-width:0;
  height:228px;
  overflow:hidden;
  border-color:rgba(210,178,92,.38);
  background:#050b18;
}
.home-live-main{
  position:relative;
  min-width:0;
  overflow:hidden;
  border-right:1px solid rgba(210,178,92,.24);
  background:linear-gradient(135deg,rgba(4,8,20,.82),rgba(4,8,20,.32)),url("./parser-native-three-page/assets/sect-art/凌雪阁/bg.jpg") center/cover;
}
.home-live-main.is-empty{background:#000}
.home-live-main-frame,
.home-live-cover-button{
  width:100%;
  height:100%;
  border:0;
}
.home-live-main-frame{display:block;background:#000}
.home-live-cover-button{
  position:relative;
  display:block;
  padding:0;
  overflow:hidden;
  color:#fff;
  background:#050914;
  text-align:left;
}
.home-live-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-live-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,14,.05),rgba(3,6,14,.82))}
.home-live-play-icon{
  position:absolute;
  left:50%;
  top:46%;
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid rgba(246,220,146,.74);
  border-radius:50%;
  background:rgba(3,7,17,.72);
  color:var(--gold-lt);
  box-shadow:0 0 22px rgba(210,178,92,.28);
  font-size:17px;
}
.home-live-cover-copy{position:absolute;left:16px;right:16px;bottom:42px;display:grid;gap:3px}
.home-live-cover-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--serif);font-size:18px}
.home-live-cover-copy small{color:rgba(248,242,226,.68);font-size:11px}
.home-live-main-meta{
  position:absolute;
  left:0;
  right:0;
  top:0;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:5px 10px;
  background:linear-gradient(90deg,rgba(3,7,17,.96),rgba(3,7,17,.72));
  backdrop-filter:blur(8px);
}
.home-live-account-avatar{display:grid;width:26px;height:26px;flex:0 0 26px;place-items:center;overflow:hidden;border:1px solid var(--gold-35);border-radius:50%;color:var(--gold-lt);font-size:10px}
.home-live-account-avatar img{width:100%;height:100%;object-fit:cover}
.home-live-main-meta>span:nth-child(2){display:grid;min-width:0;gap:1px}
.home-live-main-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.home-live-main-meta small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.home-live-main-meta a{margin-left:auto;color:var(--cyan);font-size:10px;white-space:nowrap}
.home-live-empty-main{display:grid;height:100%;padding:18px;place-content:center;gap:7px;text-align:center;background:#000}
.home-live-empty-main b{font-family:var(--serif);font-size:21px}
.home-live-empty-main small{color:var(--muted);font-size:11px}
.home-live-empty-main .live-dot{justify-self:center}
.home-live-selector{display:grid;grid-template-rows:36px minmax(0,1fr);min-width:0;background:rgba(5,11,24,.98)}
.home-live-selector-head{display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid rgba(210,178,92,.2);font-size:11px}
.home-live-selector-head span{display:grid;min-width:20px;height:20px;place-items:center;border:1px solid rgba(210,178,92,.3);border-radius:10px;color:var(--gold-lt);font-family:Consolas,monospace;font-size:9px}
.home-live-selector-scroll{
  min-height:0;
  padding:7px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(210,178,92,.55) rgba(255,255,255,.04);
}
.home-live-selector-scroll::-webkit-scrollbar{width:6px}
.home-live-selector-scroll::-webkit-scrollbar-thumb{border-radius:4px;background:rgba(210,178,92,.55)}
.home-live-selector-card{position:relative;display:block;width:100%;min-height:58px;margin:0 0 7px;padding:0;overflow:hidden;border:1px solid rgba(210,178,92,.14);color:var(--text);background:rgba(255,255,255,.025);text-align:left}
.home-live-selector-card:hover,.home-live-selector-card.is-active{border-color:rgba(210,178,92,.6);background:linear-gradient(90deg,rgba(210,178,92,.14),rgba(255,255,255,.025))}
.home-live-selector-cover{position:absolute;inset:0;overflow:hidden;background:rgba(255,255,255,.04)}
.home-live-selector-cover::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(2,6,15,.42),rgba(2,6,15,.88))}
.home-live-selector-cover img{display:block;width:100%;height:100%;object-fit:cover}
.home-live-selector-cover i{position:absolute;z-index:1;left:5px;top:5px;padding:2px 4px;background:rgba(160,26,28,.9);color:#fff;font-family:Consolas,monospace;font-size:7px;font-style:normal}
.home-live-selector-copy{position:relative;z-index:1;display:grid;min-width:0;min-height:56px;padding:7px 7px 6px 49px;align-content:center;gap:5px;text-shadow:0 1px 3px #000}
.home-live-selector-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.home-live-selector-copy small{display:flex;align-items:center;gap:4px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.home-live-selector-copy small img{width:15px;height:15px;flex:0 0 15px;border-radius:50%;object-fit:cover}
.home-live-selector-empty{padding:20px 8px;color:var(--muted);font-size:10px;line-height:1.7;text-align:center}
.live-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:14px;
  background:
    linear-gradient(135deg,rgba(4,8,20,.82),rgba(4,8,20,.32)),
    url("./parser-native-three-page/assets/sect-art/凌雪阁/bg.jpg") center/cover;
}
.live-card.small{
  background:
    linear-gradient(135deg,rgba(4,8,20,.82),rgba(4,8,20,.38)),
    url("./parser-native-three-page/assets/sect-art/段氏/bg.jpg") center/cover;
}
.live-card.small.alt{
  background:
    linear-gradient(135deg,rgba(4,8,20,.82),rgba(4,8,20,.38)),
    url("./parser-native-three-page/assets/sect-art/唐门/bg.jpg") center/cover;
}
.live-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:var(--muted);
  font-size:11px;
}
.live-top span:last-child{text-align:right;min-width:0}
.live-dot{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--red);
  font-family:Consolas,monospace;
  font-size:10px;
}
.live-dot::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 10px rgba(239,106,91,.8);
}
.live-title{
  font-family:var(--serif);
  font-size:22px;
  letter-spacing:0;
  line-height:1.25;
  text-shadow:0 2px 16px rgba(0,0,0,.75);
}
.live-card.small .live-title{font-size:13px}
.live-meta{color:var(--muted);font-size:12px;line-height:1.6}
.event-poster{grid-column:3;grid-row:1 / span 2}
.poster{
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    linear-gradient(90deg,rgba(4,8,20,.84),rgba(4,8,20,.36) 50%,rgba(4,8,20,.76)),
    url("./parser-native-three-page/assets/sect-art/万花/bg.jpg") center/cover;
}
.poster h1,.notice h2,.mini-poster h2,.page-title h1{
  margin:8px 0 0;
  font-family:var(--serif);
  font-size:24px;
  letter-spacing:0;
  font-weight:700;
}
.poster p,.notice p,.mini-poster p,.muted{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}
.ticker{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.ticker span,.tag{
  border:1px solid var(--gold-18);
  background:rgba(0,0,0,.20);
  color:var(--muted);
  font-size:11px;
  padding:5px 8px;
}
.info-row{
  display:grid;
  grid-template-columns:1.08fr .55fr 1.92fr;
  column-gap:12px;
  min-height:158px;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}
.info-row::before{display:none}
.notice,.mini-poster{
  position:relative;
  overflow:visible;
  padding:18px 20px;
  border:1px solid var(--gold-18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.notice{
  grid-column:3;
  grid-row:1;
  background:var(--panel);
}
.mini-poster{
  grid-column:1 / span 2;
  grid-row:1;
  background:
    linear-gradient(90deg,rgba(4,8,20,.76),rgba(4,8,20,.34)),
    url("./parser-native-three-page/assets/sect-art/藏剑/bg.jpg") center/cover;
}
.poster-carousel{
  min-width:0;
  padding:0;
  overflow:hidden;
  border:2px solid rgba(214,174,74,.72);
  background:#030812;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.72),
    0 0 18px rgba(214,174,74,.16),
    inset 0 0 0 1px rgba(255,239,174,.10),
    inset 0 0 26px rgba(0,0,0,.30);
  isolation:isolate;
}
.poster-carousel::after{
  content:"";
  position:absolute;
  inset:4px;
  z-index:4;
  border:1px solid rgba(240,213,122,.24);
  box-shadow:inset 0 0 14px rgba(240,213,122,.06);
  pointer-events:none;
}
.poster-carousel-stage{
  position:absolute;
  inset:0;
  background:#030812;
}
.poster-carousel-slide{
  position:absolute;
  inset:0;
  z-index:0;
  margin:0;
  opacity:0;
  visibility:hidden;
}
.poster-carousel-slide.is-active{
  z-index:1;
  opacity:1;
  visibility:visible;
}
.poster-carousel-slide picture,
.poster-carousel-slide img{
  display:block;
  width:100%;
  height:100%;
}
.poster-carousel-slide picture{
  position:absolute;
  inset:0;
}
.poster-carousel-slide img{
  object-fit:cover;
  object-position:center;
  background:#030812;
}
.poster-carousel-copy{
  position:absolute;
  inset:0 auto 0 0;
  z-index:2;
  width:58%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:14px 26px 12px;
  background:linear-gradient(90deg,rgba(3,10,22,.72),rgba(3,10,22,.22) 72%,transparent);
  color:#f6e8cb;
  pointer-events:none;
}
.poster-carousel-copy.is-right{
  inset:0 0 0 auto;
  align-items:flex-start;
  background:linear-gradient(270deg,rgba(3,10,22,.72),rgba(3,10,22,.22) 72%,transparent);
}
.event-poster .poster-carousel-copy{
  width:57%;
  padding:20px 58px 15px;
}
.poster-carousel-copy-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#d6ae52;
  font:9px/1.2 Consolas,monospace;
  white-space:nowrap;
}
.poster-carousel-copy-label i{
  width:6px;
  height:6px;
  flex:0 0 auto;
  background:#b33126;
  box-shadow:0 0 8px rgba(179,49,38,.38);
}
.poster-carousel-copy-title{
  max-width:100%;
  margin-top:20px;
  color:#f6e8cb;
  font-family:var(--serif);
  font-size:22px;
  font-weight:600;
  line-height:1.15;
  text-shadow:0 2px 12px rgba(0,0,0,.72);
  white-space:nowrap;
}
.event-poster .poster-carousel-copy-title{
  margin-top:28px;
  font-size:clamp(24px,1.9vw,30px);
}
.poster-carousel-copy-rule{
  width:114px;
  height:2px;
  margin-top:10px;
  background:linear-gradient(90deg,#d6ae52 0 58%,rgba(214,174,82,.48) 58% 100%);
}
.event-poster .poster-carousel-copy-rule{
  width:148px;
  margin-top:12px;
}
.poster-carousel-copy-subtitle{
  max-width:100%;
  margin-top:9px;
  color:rgba(235,224,201,.90);
  font-size:10px;
  line-height:1.45;
  text-shadow:0 1px 8px rgba(0,0,0,.78);
  white-space:nowrap;
}
.event-poster .poster-carousel-copy-subtitle{
  margin-top:12px;
  font-size:12px;
}
.poster-carousel-copy-meta{
  margin-top:auto;
  color:rgba(205,181,126,.74);
  font:7px/1.2 Consolas,monospace;
  white-space:nowrap;
}
.poster-carousel-controls{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  pointer-events:none;
}
.poster-carousel-arrow{
  width:36px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(240,213,122,.48);
  border-radius:5px;
  background:rgba(2,8,18,.70);
  color:#f0d57a;
  box-shadow:0 5px 18px rgba(0,0,0,.42),inset 0 0 16px rgba(240,213,122,.05);
  opacity:.82;
  cursor:pointer;
  pointer-events:auto;
  transition:opacity .16s ease,background .16s ease,border-color .16s ease,transform .16s ease;
}
.poster-carousel-arrow:hover,
.poster-carousel-arrow:focus-visible{
  opacity:1;
  outline:0;
  border-color:rgba(240,213,122,.82);
  background:rgba(8,18,34,.92);
  transform:scale(1.04);
}
.poster-carousel-arrow svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.poster-carousel-count{
  position:absolute;
  left:50%;
  bottom:10px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:24px;
  padding:2px 9px;
  border:1px solid rgba(240,213,122,.34);
  border-radius:999px;
  background:rgba(2,8,18,.76);
  color:rgba(255,255,255,.68);
  font:10px/1 Consolas,monospace;
  transform:translateX(-50%);
  box-shadow:0 3px 14px rgba(0,0,0,.38);
}
.poster-carousel-count b{color:#f0d57a;font-weight:700}
.poster-carousel-count i{font-style:normal;color:rgba(255,255,255,.38)}
.mini-poster .poster-carousel-controls{
  left:50%;
  right:auto;
  top:auto;
  bottom:8px;
  width:auto;
  height:34px;
  gap:8px;
  padding:0;
  transform:translateX(-50%);
}
.mini-poster .poster-carousel-arrow{
  width:32px;
  height:32px;
}
.mini-poster .poster-carousel-count{
  position:static;
  transform:none;
}
.poster-carousel.is-empty{
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:12px;
}
@media (prefers-reduced-motion:reduce){
  .poster-carousel-slide{transition:none}
}
.leaderboard{
  margin-top:16px;
  border:1px solid var(--gold-30);
  background:rgba(6,14,32,.72);
}
.leaderboard-refresh-notice{
  margin:10px 16px;
  padding:8px 12px;
  border:1px dashed var(--gold);
  color:var(--gold-lt);
  text-align:center;
  font-weight:700;
  line-height:1.6;
}
.board-head{
  position:relative;
  min-height:72px;
  display:grid;
  grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid var(--gold-30);
  background:
    linear-gradient(90deg,rgba(4,8,20,.92),rgba(4,8,20,.60) 48%,rgba(4,8,20,.86)),
    var(--board-head-bg, url("./parser-native-three-page/assets/sect-art/万花/bg.jpg")) center 38%/cover;
}
.board-head::before{
  content:"";
  min-height:34px;
}
.board-controls{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:12px 16px 0;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.04));
}
.scope-tabs{
  display:flex;
  align-self:flex-end;
  gap:0;
}
.scope-tabs button{
  position:relative;
  min-width:96px;
  height:36px;
  margin:0 0 -1px;
  border:1px solid var(--line);
  border-bottom-color:var(--line);
  color:var(--muted);
  background:rgba(4,8,20,.32);
  font-family:var(--serif);
  font-size:13px;
  letter-spacing:0;
  box-shadow:none;
}
.scope-tabs button + button{
  margin-left:-1px;
}
.scope-tabs button.active{
  color:var(--gold-lt);
  border-color:var(--gold-50);
  border-bottom-color:rgba(6,14,32,.96);
  background:linear-gradient(180deg,rgba(200,160,64,.16),rgba(6,14,32,.96));
  box-shadow:inset 0 1px 0 rgba(255,245,180,.14);
  z-index:1;
}
.scope-tabs button:hover,.scope-tabs button:focus-visible{
  color:var(--text);
  border-color:var(--gold-30);
  outline:0;
}
.season-title{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;padding-bottom:0}
.season-title-label{color:var(--muted);font:500 14px/1 var(--sans);letter-spacing:.12em;white-space:nowrap}
.season-title-name{display:inline-block;color:#ffe7a1;font-family:var(--serif);font-size:24px;line-height:1.15;letter-spacing:.12em}
.season-title-art{display:block;width:194px;height:46px;overflow:visible;filter:drop-shadow(0 0 8px rgba(255,205,89,.32)) drop-shadow(0 1px 0 #3f2b08)}
.board-head.has-season-titlebar-image{min-height:72px;grid-template-columns:minmax(0,1fr) auto;padding:0;overflow:hidden;background:#061416}
.board-head.has-season-titlebar-image::before{display:none}
.board-head.has-season-titlebar-image .season-title{grid-column:1/-1;grid-row:1;width:100%;height:72px;justify-content:center}
.season-titlebar-image{display:block;width:100%;height:72px;object-fit:cover}
.board-head.has-season-titlebar-image .fold{position:relative;z-index:2;grid-column:2;grid-row:1;width:auto;margin-right:16px;justify-self:end}
.board-head.has-season-titlebar-image .fold-toggle{width:auto;background:rgba(1,10,14,.82)}
.season-title small{display:block;margin-top:6px;color:var(--dim);font-size:11px}
.fold{align-self:center;justify-self:end;color:var(--muted);font-size:12px}
.fold-toggle{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(0,0,0,.12);
  padding:0 10px;
  font-size:11px;
}
.fold-toggle b{color:var(--gold-lt);font-weight:500}
.fold-toggle:hover,.fold-toggle:focus-visible{border-color:var(--gold-50);color:var(--text);outline:0}
.board-body[hidden]{display:none !important}
.pve-control-layout{
  display:block;
  position:relative;
  margin:12px 16px 18px;
}
.pve-control-side-nav{
  position:fixed;
  top:92px;
  left:max(10px,calc((100vw - var(--prototype-min-content)) / 2 - 184px));
  z-index:12000;
  width:164px;
  max-height:calc(100vh - 112px);
  overflow:auto;
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid rgba(240,213,122,.24);
  background:
    linear-gradient(180deg,rgba(240,213,122,.08),transparent 36%),
    linear-gradient(135deg,rgba(98,203,230,.09),rgba(4,9,22,.12) 42%,rgba(0,0,0,.10)),
    rgba(3,8,20,.78);
  box-shadow:0 16px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
}
.pve-control-side-nav-head{
  display:flex;
  justify-content:center;
  padding:0 0 8px;
  border-bottom:1px solid rgba(240,213,122,.16);
}
.pve-control-side-nav-head>b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:13px;
  line-height:1.2;
  text-align:center;
}
.pve-control-side-nav-body{
  display:grid;
  gap:10px;
}
.pve-control-side-nav-toggle,
.pve-control-side-nav-rail-label{display:none}
.pve-control-nav-season{
  display:grid;
  gap:8px;
}
.pve-control-nav-season + .pve-control-nav-season{
  padding-top:10px;
  border-top:1px solid rgba(240,213,122,.16);
}
.pve-control-nav-season-label{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  line-height:1.25;
  padding:3px 6px;
  border-left:2px solid rgba(240,213,122,.62);
  background:rgba(240,213,122,.07);
}
.pve-control-nav-season.is-archive .pve-control-nav-season-label{
  color:var(--muted);
  border-left-color:rgba(98,203,230,.55);
  background:rgba(98,203,230,.07);
}
.pve-control-nav-group{
  display:grid;
  gap:6px;
}
.pve-control-nav-group + .pve-control-nav-group{
  padding-top:10px;
  border-top:1px solid rgba(98,203,230,.15);
}
.pve-control-nav-group-label{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--dim);
  font-size:11px;
  line-height:1.2;
}
.pve-control-nav-group-label::before{
  content:"";
  width:6px;
  height:6px;
  border:1px solid rgba(240,213,122,.60);
  background:rgba(240,213,122,.16);
  transform:rotate(45deg);
}
.pve-control-nav-group.is-team .pve-control-nav-group-label::before{
  border-color:rgba(98,203,230,.65);
  background:rgba(98,203,230,.16);
}
.pve-control-nav-btn{
  min-height:36px;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  gap:8px;
  border:1px solid rgba(240,213,122,.18);
  border-radius:4px;
  background:
    linear-gradient(90deg,rgba(240,213,122,.07),transparent 62%),
    rgba(0,0,0,.15);
  color:var(--muted);
  padding:6px 8px;
  text-align:left;
  transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease;
}
.pve-control-nav-btn.is-team{
  border-color:rgba(98,203,230,.22);
  background:
    linear-gradient(90deg,rgba(98,203,230,.08),transparent 62%),
    rgba(0,0,0,.15);
}
.pve-control-nav-btn.is-active{
  border-color:rgba(240,213,122,.72);
  color:var(--gold-lt);
  background:
    linear-gradient(90deg,rgba(240,213,122,.18),rgba(240,213,122,.04) 72%),
    rgba(0,0,0,.20);
  box-shadow:inset 3px 0 0 rgba(240,213,122,.70),0 0 12px rgba(240,213,122,.10);
}
.pve-control-nav-btn.is-team.is-active{
  border-color:rgba(98,203,230,.72);
  color:var(--cyan);
  background:
    linear-gradient(90deg,rgba(98,203,230,.18),rgba(98,203,230,.04) 72%),
    rgba(0,0,0,.20);
  box-shadow:inset 3px 0 0 rgba(98,203,230,.72),0 0 12px rgba(98,203,230,.10);
}
.pve-control-nav-icon{
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
}
.pve-control-nav-svg{
  display:block;
  width:16px;
  height:16px;
  filter:drop-shadow(0 0 4px rgba(240,213,122,.08));
}
.pve-control-nav-svg.is-team{
  filter:drop-shadow(0 0 5px rgba(98,203,230,.10));
}
.pve-control-nav-label{
  min-width:0;
  color:inherit;
  font-style:normal;
  font-size:11.5px;
  line-height:1.22;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
}
.pve-control-nav-label.is-stacked{
  display:grid;
  width:100%;
  gap:2px;
  line-height:1.08;
}
.pve-control-nav-label.is-stacked span{
  display:block;
}
.pve-control-nav-label.is-stacked span:nth-child(2){
  color:var(--cyan);
  font-size:10px;
  line-height:1;
  text-align:left;
  padding-left:2.55em;
}
.pve-control-nav-btn:hover,
.pve-control-nav-btn:focus-visible{
  border-color:var(--gold-50);
  color:var(--text);
  outline:0;
  transform:translateX(2px);
}
.pve-control-nav-btn.is-team:hover,
.pve-control-nav-btn.is-team:focus-visible{
  border-color:rgba(98,203,230,.58);
}
.pve-control-stack{
  display:grid;
  gap:96px;
  min-width:0;
}
.pve-control-carousel{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:5% 90% 5%;
  grid-template-areas:
    ". title ."
    "prev viewport next";
  align-items:start;
  overflow:visible;
}
.pve-control-carousel-group-title{
  grid-area:title;
  margin:0 0 14px;
  color:var(--gold-lt);
  font-size:20px;
  line-height:1.2;
  letter-spacing:.08em;
}
.pve-control-carousel.is-team .pve-control-carousel-group-title{
  color:var(--cyan);
}
.pve-control-carousel-viewport{
  width:100%;
  min-width:0;
  grid-area:viewport;
  overflow:visible;
}
.pve-control-carousel.is-personal .pve-control-carousel-viewport{
  min-height:var(--pve-personal-carousel-height,auto);
}
.pve-control-carousel.is-personal .pve-control-panel{
  min-height:var(--pve-personal-carousel-height,72px);
  box-sizing:border-box;
}
html[data-pve-control-transition="personal"] .pve-control-carousel.is-personal .pve-control-carousel-viewport{
  view-transition-name:pve-personal-board;
}
html[data-pve-control-transition="team"] .pve-control-carousel.is-team .pve-control-carousel-viewport{
  view-transition-name:pve-team-board;
}
.pve-control-carousel-viewport.is-leaving-next{
  animation:pve-carousel-slide-out-next .16s cubic-bezier(.22,.61,.36,1) both;
}
.pve-control-carousel-viewport.is-entering-next{
  animation:pve-carousel-slide-in-next .18s cubic-bezier(.22,.61,.36,1) both;
}
.pve-control-carousel-viewport.is-leaving-previous{
  animation:pve-carousel-slide-out-previous .16s cubic-bezier(.22,.61,.36,1) both;
}
.pve-control-carousel-viewport.is-entering-previous{
  animation:pve-carousel-slide-in-previous .18s cubic-bezier(.22,.61,.36,1) both;
}
html[data-pve-control-direction]::view-transition-old(pve-personal-board),
html[data-pve-control-direction]::view-transition-new(pve-personal-board),
html[data-pve-control-direction]::view-transition-old(pve-team-board),
html[data-pve-control-direction]::view-transition-new(pve-team-board){
  animation-duration:.32s;
  animation-timing-function:cubic-bezier(.22,.61,.36,1);
  animation-fill-mode:both;
  mix-blend-mode:normal;
}
html[data-pve-control-direction="next"]::view-transition-old(pve-personal-board),
html[data-pve-control-direction="next"]::view-transition-old(pve-team-board){
  animation-name:pve-carousel-slide-out-next;
}
html[data-pve-control-direction="next"]::view-transition-new(pve-personal-board),
html[data-pve-control-direction="next"]::view-transition-new(pve-team-board){
  animation-name:pve-carousel-slide-in-next;
}
html[data-pve-control-direction="previous"]::view-transition-old(pve-personal-board),
html[data-pve-control-direction="previous"]::view-transition-old(pve-team-board){
  animation-name:pve-carousel-slide-out-previous;
}
html[data-pve-control-direction="previous"]::view-transition-new(pve-personal-board),
html[data-pve-control-direction="previous"]::view-transition-new(pve-team-board){
  animation-name:pve-carousel-slide-in-previous;
}
@keyframes pve-carousel-slide-out-next{
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(-12%)}
}
@keyframes pve-carousel-slide-in-next{
  from{opacity:0;transform:translateX(12%)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes pve-carousel-slide-out-previous{
  from{opacity:1;transform:translateX(0)}
  to{opacity:0;transform:translateX(12%)}
}
@keyframes pve-carousel-slide-in-previous{
  from{opacity:0;transform:translateX(-12%)}
  to{opacity:1;transform:translateX(0)}
}
.pve-control-carousel-arrow{
  position:sticky;
  top:calc(50vh - 46px);
  z-index:80;
  width:52px;
  height:92px;
  display:grid;
  place-items:center;
  align-self:start;
  justify-self:center;
  margin-top:64px;
  padding:0;
  border:0;
  border-radius:0;
  color:var(--gold-lt);
  background:transparent;
  box-shadow:none;
  transition:color .16s ease,transform .16s ease;
}
.pve-control-carousel-arrow.is-prev{grid-area:prev}
.pve-control-carousel-arrow.is-next{grid-area:next}
.pve-control-carousel.is-team .pve-control-carousel-arrow{
  color:var(--cyan);
}
.pve-control-carousel-arrow span{
  font:400 42px/1 Consolas,monospace;
  transform:scaleY(1.42);
}
.pve-control-carousel-arrow:hover,
.pve-control-carousel-arrow:focus-visible{
  color:#fff4bd;
  background:transparent;
  transform:scale(1.04);
}
.pve-control-carousel-arrow:focus-visible{
  outline:1px solid currentColor;
  outline-offset:3px;
}
.pve-control-carousel.is-team .pve-control-carousel-arrow:hover,
.pve-control-carousel.is-team .pve-control-carousel-arrow:focus-visible{
  color:#dffaff;
}
.pve-control-panel{
  position:relative;
  min-height:72px;
  scroll-margin-top:86px;
  --control-accent:rgba(240,213,122,.58);
  --control-accent-soft:rgba(240,213,122,.12);
  --control-accent-line:rgba(240,213,122,.28);
  --control-separator:rgba(112,240,138,.82);
  --control-separator-soft:rgba(112,240,138,.18);
  border:1px solid rgba(248,242,226,.14);
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 70%),
    rgba(3,8,20,.38);
  transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease;
}
.pve-control-panel.is-team{
  --control-accent:rgba(98,203,230,.64);
  --control-accent-soft:rgba(98,203,230,.12);
  --control-accent-line:rgba(98,203,230,.28);
}
.pve-control-panel.is-primary{
  --control-accent:rgba(240,213,122,.88);
  --control-accent-soft:rgba(240,213,122,.18);
  --control-accent-line:rgba(240,213,122,.44);
  border-color:rgba(240,213,122,.42);
  background:
    linear-gradient(180deg,rgba(240,213,122,.055),transparent 62%),
    linear-gradient(90deg,rgba(240,213,122,.045),rgba(3,8,20,.34) 36%,rgba(3,8,20,.38)),
    rgba(3,8,20,.42);
  box-shadow:0 0 0 1px rgba(240,213,122,.045),0 18px 34px rgba(0,0,0,.22);
}
.pve-control-panel::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,var(--control-accent),var(--control-accent-line),transparent);
  box-shadow:0 0 18px var(--control-accent-soft);
}
.pve-control-panel.is-primary::before{
  width:7px;
  background:linear-gradient(180deg,transparent,rgba(255,235,150,.96),rgba(240,213,122,.54),transparent);
  box-shadow:0 0 22px rgba(240,213,122,.28);
}
.pve-control-panel::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:-23px;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(112,240,138,.34) 16%,var(--control-separator) 50%,rgba(216,255,222,.28) 66%,transparent);
  box-shadow:0 0 14px var(--control-separator-soft);
}
.pve-control-panel:focus{
  outline:1px solid rgba(240,213,122,.48);
  outline-offset:4px;
}
.pve-control-panel.is-nav-highlight{
  border-color:var(--control-accent);
  box-shadow:0 0 0 1px var(--control-accent-soft),0 0 30px var(--control-accent-soft);
  animation:pveControlNavPulse 1.35s ease-out;
}
@keyframes pveControlNavPulse{
  0%{box-shadow:0 0 0 1px var(--control-accent),0 0 0 0 var(--control-accent-soft)}
  45%{box-shadow:0 0 0 1px var(--control-accent),0 0 34px 8px var(--control-accent-soft)}
  100%{box-shadow:0 0 0 1px var(--control-accent-soft),0 0 30px var(--control-accent-soft)}
}
.pve-control-toolbar{
  min-height:44px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:12px;
  padding:8px 10px 8px 16px;
  border-bottom:1px solid var(--control-accent-line);
  background:
    linear-gradient(90deg,var(--control-accent-soft),rgba(3,8,20,.18) 38%,rgba(3,8,20,.30)),
    rgba(3,8,20,.28);
  box-shadow:inset 0 1px 0 rgba(248,242,226,.04);
}
.pve-control-panel.is-primary .pve-control-toolbar{
  min-height:50px;
  border-bottom-color:rgba(240,213,122,.50);
  background:
    linear-gradient(90deg,rgba(240,213,122,.18),rgba(3,8,20,.20) 42%,rgba(3,8,20,.34)),
    rgba(3,8,20,.32);
}
.pve-control-region-mark{
  min-width:0;
  margin-right:auto;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--text);
  white-space:nowrap;
}
.pve-control-region-dot{
  width:9px;
  height:9px;
  border:1px solid var(--control-accent);
  transform:rotate(45deg);
  background:var(--control-accent-soft);
  box-shadow:0 0 10px var(--control-accent-soft);
  flex:0 0 auto;
}
.pve-control-region-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-family:var(--serif);
  font-size:14px;
  font-weight:800;
  letter-spacing:0;
}
.pve-control-panel.is-primary .pve-control-region-name{
  color:var(--gold-lt);
  font-size:16px;
}
.pve-control-region-type{
  flex:0 0 auto;
  padding:2px 6px;
  border:1px solid var(--control-accent-line);
  color:var(--muted);
  background:rgba(3,8,20,.34);
  font-size:10px;
  line-height:1.2;
}
.pve-control-region-badge{
  flex:0 0 auto;
  padding:2px 7px;
  border:1px solid rgba(240,213,122,.46);
  color:var(--gold-lt);
  background:rgba(200,160,64,.10);
  font-size:10px;
  font-weight:700;
  line-height:1.2;
}
.pve-control-panel.is-primary .pve-control-region-badge{
  border-color:rgba(240,213,122,.66);
  background:linear-gradient(90deg,rgba(200,160,64,.22),rgba(3,8,20,.16));
  box-shadow:0 0 12px rgba(240,213,122,.12);
}
.pve-control-collapsed-title{
  display:none;
  margin-right:auto;
  min-width:0;
  color:var(--text);
  font-family:var(--serif);
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pve-control-panel.is-collapsed .pve-control-collapsed-title{
  display:block;
}
.pve-control-panel.is-collapsed .pve-control-region-mark{
  display:none;
}
.pve-control-toggle{
  position:static;
  flex:0 0 auto;
  min-width:52px;
  min-height:26px;
  border:1px solid rgba(240,213,122,.24);
  border-radius:3px;
  color:var(--gold-lt);
  background:rgba(3,8,20,.72);
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  font-size:11px;
  line-height:1;
}
.pve-control-toggle:hover,.pve-control-toggle:focus-visible{
  border-color:var(--gold-50);
  color:var(--text);
  outline:0;
}
.pve-control-body[hidden]{display:none !important}
.pve-control-panel.is-collapsed{
  min-height:44px;
  display:block;
}
.pve-control-panel.is-collapsed .pve-control-toolbar{
  border-bottom:0;
}
.pve-control-panel .boss-linked-board,
.pve-control-panel .season-scope-board,
.pve-control-panel .season-independent-board{
  margin:0;
}
.pve-control-panel .boss-linked-board{
  padding:0;
  overflow:visible;
}
.pve-control-panel .season-scope-board{
  border-top:0;
  background:linear-gradient(90deg,rgba(200,160,64,.045),rgba(6,14,32,.03) 46%,transparent);
}
.pve-control-panel.is-primary .season-scope-board{
  background:linear-gradient(90deg,rgba(240,213,122,.070),rgba(6,14,32,.035) 48%,transparent);
}
.pve-control-panel .season-independent-board{
  padding:0 16px 2px 22px;
}
.pve-control-masterHero .season-independent-board,
.pve-control-masterPeak .season-independent-board{
  padding-top:16px;
}
.pve-control-team-board{
  padding:14px 16px 16px;
}
.pve-control-team-board .pve-team-board-card{
  min-height:0;
}
.boss-linked-board{
  margin:12px 16px 0;
  padding:0;
  overflow:visible;
  background:rgba(3,8,20,.40);
}
.rank-tab-toolbar{
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
}
.boss-linked-toolbar{
  min-height:124px;
  margin:-1px -1px 0;
  padding:16px 16px 17px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.04));
}
.boss-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  padding:10px 12px 12px;
  border-bottom:1px solid var(--line-soft);
  overflow:visible;
}
.boss-linked-board .boss-row{
  width:100%;
  justify-content:center;
  gap:10px;
  padding:0;
  border-bottom:0;
  flex-wrap:nowrap;
}
.boss-icon{
  width:74px;
  min-height:66px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  background:rgba(200,160,64,.08);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:11px;
  flex:0 0 auto;
  grid-template-rows:42px auto;
  gap:5px;
  padding:6px 5px 5px;
  position:relative;
  border-color:var(--line);
  background:rgba(0,0,0,.14);
  color:var(--dim);
  font-family:var(--font);
}
.boss-icon.active{border-color:var(--gold-50);color:var(--gold-lt);box-shadow:inset 0 0 0 1px var(--gold-10)}
.boss-icon:hover,.boss-icon:focus-visible{border-color:var(--gold-50);color:var(--gold-lt);outline:0}
.boss-linked-board .boss-icon{
  width:auto;
  min-width:76px;
  min-height:70px;
  height:auto;
  grid-template-columns:1fr;
  grid-template-rows:42px auto;
  gap:5px;
  margin:0;
  padding:5px 10px 6px;
  border:0;
  background:transparent;
  color:var(--muted);
}
.boss-linked-board .boss-icon.active{
  color:var(--gold-lt);
  background:transparent;
  box-shadow:none;
  z-index:1;
}
.boss-linked-board .boss-icon:hover,.boss-linked-board .boss-icon:focus-visible{
  color:var(--text);
  border-color:var(--gold-30);
}
.boss-art{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  background:
    radial-gradient(circle at 50% 28%,rgba(240,213,122,.30),rgba(200,160,64,.05) 48%,rgba(0,0,0,.18) 72%),
    rgba(6,12,28,.62);
  background-size:cover;
  background-position:center;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:11px;
}
.boss-linked-board .boss-art{
  width:42px;
  height:42px;
  border-color:var(--gold-30);
  font-size:11px;
}
.boss-linked-board .boss-icon.active .boss-art{
  border-color:var(--gold-50);
  box-shadow:inset 0 0 0 1px var(--gold-10),0 0 10px rgba(240,213,122,.16);
}
.boss-icon em{
  max-width:100%;
  color:var(--muted);
  font-style:normal;
  font-size:10px;
  line-height:1.15;
  text-align:center;
  white-space:normal;
}
.boss-linked-board .boss-icon em{
  color:var(--muted);
  font-size:10px;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  align-self:start;
}
.boss-icon.active em,.boss-icon:hover em{color:var(--gold-lt)}
.boss-linked-board .pve-boss-config-tabs{
  width:max-content;
  max-width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  margin-inline:auto;
  padding:0;
  border-bottom:0;
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
}
.pve-boss-config-group{
  display:flex;
  align-items:center;
  gap:14px;
  flex:0 0 auto;
}
.pve-boss-group-label{
  display:inline-grid;
  place-items:center;
  color:var(--text);
  font-family:var(--serif);
  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:0;
  writing-mode:vertical-rl;
  text-orientation:upright;
}
.pve-boss-group-divider{
  width:1px;
  height:76px;
  flex:0 0 auto;
  background:linear-gradient(180deg,transparent,rgba(248,242,226,.72),rgba(200,160,64,.45),transparent);
  box-shadow:0 0 10px rgba(240,213,122,.16);
}
.pve-boss-group-icons{
  display:flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
}
.boss-linked-board .pve-boss-config-tabs .boss-icon{
  width:88px;
  min-width:88px;
  min-height:88px;
  grid-template-rows:58px auto;
  gap:6px;
  padding:7px 7px 6px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 50% 30%,rgba(240,213,122,.12),transparent 60%),
    rgba(4,8,20,.26);
  color:var(--dim);
}
.boss-linked-board .pve-boss-config-tabs .boss-icon.active{
  border-color:rgba(240,213,122,.68);
  background:
    radial-gradient(circle at 50% 30%,rgba(240,213,122,.22),transparent 62%),
    rgba(200,160,64,.08);
  color:var(--gold-lt);
  box-shadow:inset 0 0 0 1px rgba(240,213,122,.08),0 0 16px rgba(240,213,122,.12);
}
.boss-linked-board .pve-boss-config-tabs .boss-icon:hover,
.boss-linked-board .pve-boss-config-tabs .boss-icon:focus-visible{
  border-color:rgba(240,213,122,.58);
  color:var(--text);
  background:
    radial-gradient(circle at 50% 30%,rgba(98,203,230,.16),transparent 62%),
    rgba(4,8,20,.36);
}
.boss-linked-board .pve-boss-config-tabs .boss-art{
  width:56px;
  height:56px;
  border-radius:8px;
  border-color:rgba(240,213,122,.34);
  font-size:12px;
}
.boss-linked-board .pve-boss-config-tabs .boss-icon.active .boss-art{
  border-color:rgba(240,213,122,.78);
  box-shadow:inset 0 0 0 1px rgba(240,213,122,.10),0 0 14px rgba(240,213,122,.18);
}
.boss-linked-board .pve-boss-config-tabs .boss-icon em{
  max-width:76px;
  justify-self:center;
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
}
.main-board{
  display:grid;
  grid-template-columns:4fr 6fr;
  gap:18px;
  padding:18px;
}
.boss-linked-board .main-board:not(.team-scope-main-board){
  grid-template-columns:4.5fr 5.5fr;
}
.boss-linked-board .main-board{
  gap:0;
  padding:0;
  align-items:stretch;
}
.boss-linked-board .rank-card,
.boss-linked-board .chart-card{
  background:transparent;
  border:0;
  min-height:0;
}
.boss-linked-board .rank-card{
  border-right:1px solid var(--gold-30);
}
.mingxia-kungfu-nav{
  position:relative;
  z-index:20;
  padding:10px 18px 14px 16px;
  background:linear-gradient(90deg,rgba(98,203,230,.035),rgba(3,8,18,.12),rgba(240,213,122,.035));
}
.mingxia-kungfu-nav::before,
.mingxia-kungfu-nav::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(240,213,122,.34),transparent);
}
.mingxia-kungfu-nav::before{
  top:0;
}
.mingxia-kungfu-nav::after{
  bottom:0;
}
.mingxia-kungfu-nav + .main-board{
  margin-top:14px;
}
.mingxia-kungfu-track{
  display:grid;
  grid-template-columns:repeat(33,minmax(0,1fr));
  gap:4px;
  width:100%;
  min-width:0;
  justify-items:center;
}
.master-kungfu-nav .mingxia-kungfu-track{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.mingxia-kungfu-icon{
  min-width:0;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:2px;
  border:1px solid transparent;
  border-radius:0;
  background:transparent;
  color:var(--role-color,var(--gold-lt));
  box-shadow:none;
}
.mingxia-kungfu-icon img{
  width:26px;
  height:26px;
  object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.72));
}
.mingxia-kungfu-icon.is-all img{
  width:24px;
  height:24px;
}
.mingxia-kungfu-icon:hover,
.mingxia-kungfu-icon:focus-visible,
.mingxia-kungfu-icon.active{
  border-color:rgba(240,213,122,.72);
  background:transparent;
  box-shadow:0 0 12px rgba(240,213,122,.10);
  outline:0;
}
.boss-linked-board .chart-card{
  padding-left:18px;
}
.rank-card,.chart-card,.expand-board,.page-panel{padding:16px}
.boss-linked-board .rank-card{padding:14px 18px 16px 16px}
.boss-linked-board .chart-card{padding:14px 16px 16px 18px}
.chart-card{
  display:flex;
  flex-direction:column;
  min-height:0;
}
.chart-card .section-title{flex:0 0 auto}
.section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.section-title b{font-family:var(--serif);font-size:15px}
.section-title small{color:var(--dim);font-size:11px}
.podium{
  display:grid;
  grid-template-columns:.8fr 1fr .8fr;
  align-items:end;
  gap:12px;
  min-height:208px;
  margin-bottom:14px;
}
.podium-card{
  position:relative;
  min-height:132px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:24px 12px 22px;
}
.podium-card>.podium-character{
  position:relative;
  z-index:3;
}
.podium-card>.rank-damage{
  position:relative;
  z-index:1;
}
.podium-card.first{
  height:188px;
  min-height:188px;
  border-color:var(--gold-50);
  background:linear-gradient(to bottom,rgba(200,160,64,.16),rgba(0,0,0,.20));
}
.podium-card.second{
  height:174px;
  min-height:174px;
}
.podium-card.third{
  height:174px;
  min-height:174px;
}
.podium-account-bg{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  border:0;
  opacity:.16;
  filter:saturate(.92) contrast(.96);
  background:
    linear-gradient(rgba(4,8,20,.16),rgba(4,8,20,.30)),
    url("./parser-native-three-page/assets/sect-art/七秀/mess-role-1.png") center/cover no-repeat;
  pointer-events:none;
}
.podium-card.first .podium-account-bg{opacity:.18}
.podium-card.second .podium-account-bg,.podium-card.third .podium-account-bg{opacity:.13}
.podium-account-bg-1{background-image:linear-gradient(rgba(4,8,20,.16),rgba(4,8,20,.30)),url("./parser-native-three-page/assets/sect-art/五毒/mess-role-1.png")}
.podium-account-bg-2{background-image:linear-gradient(rgba(4,8,20,.16),rgba(4,8,20,.30)),url("./parser-native-three-page/assets/sect-art/凌雪阁/mess-role-1.png")}
.podium-account-bg-3{background-image:linear-gradient(rgba(4,8,20,.16),rgba(4,8,20,.30)),url("./parser-native-three-page/assets/sect-art/万花/mess-role-1.png")}
.podium-account-bg-4{background-image:linear-gradient(rgba(4,8,20,.16),rgba(4,8,20,.30)),url("./parser-native-three-page/assets/sect-art/唐门/mess-role-1.png")}
.podium-account-bg-5{background-image:linear-gradient(rgba(4,8,20,.16),rgba(4,8,20,.30)),url("./parser-native-three-page/assets/sect-art/纯阳/mess-role-1.png")}
.linked-rank-section .podium-card{
  border:2px solid rgba(49,112,132,.98);
  overflow:hidden;
  box-shadow:
    inset 0 0 0 1px rgba(3,10,18,.72),
    0 0 12px rgba(0,0,0,.36);
}
.linked-rank-section .podium-card.first,
.linked-rank-section .podium-card.second,
.linked-rank-section .podium-card.third{
  border-color:rgba(58,126,148,.98);
}
.linked-rank-section .podium-card.has-kungfu-art .podium-account-bg{
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:.4;
  filter:saturate(.96) contrast(.98);
}
.linked-rank-section .podium-card>.rank-no,
.linked-rank-section .podium-card>.rank-damage{
  z-index:3;
}
.mingxia-podium-flow-frame{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:visible;
}
.mingxia-podium-frame-comet{
  color:var(--role-color,var(--gold));
}
.mingxia-podium-frame-comet.is-opposite{
  opacity:.72;
}
.mingxia-podium-frame-comet-aura{
  fill:currentColor;
  opacity:.24;
  filter:blur(1.4px) drop-shadow(0 0 8px currentColor);
}
.mingxia-podium-frame-comet-body{
  fill:currentColor;
  opacity:.78;
  filter:drop-shadow(0 0 6px currentColor);
}
.mingxia-podium-frame-comet-core{
  fill:#fff2a8;
  opacity:.92;
  filter:drop-shadow(0 0 5px currentColor);
}
.avatar,.mini-avatar{
  width:42px;
  height:42px;
  border:1px solid var(--gold-30);
  background:
    linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),
    url("./parser-native-three-page/assets/sect-art/七秀/mess-role-1.png") center/cover;
}
.podium-card.second .avatar{background-image:linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),url("./parser-native-three-page/assets/sect-art/五毒/mess-role-1.png")}
.podium-card.third .avatar{background-image:linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),url("./parser-native-three-page/assets/sect-art/凌雪阁/mess-role-1.png")}
.rank-no{
  position:absolute;
  left:10px;
  top:8px;
  width:58px;
  height:22px;
  z-index:2;
  color:var(--gold-lt);
}
.podium-no-svg{display:block;width:74px;height:24px;overflow:visible}
.podium-no-svg text{
  fill:currentColor;
  stroke:none;
  font-family:Consolas,monospace;
  font-size:17px;
  font-style:italic;
  font-weight:800;
  letter-spacing:.2px;
  transform:skewX(-7deg);
  transform-origin:center;
}
.rank-logo-svg{
  width:68px;
  height:24px;
}
.rank-logo-svg text{
  font-size:15px;
}
.role-name{font-size:12px}
.score{color:var(--cyan);font-family:Consolas,monospace;font-size:12px}
.rank-lines,.info-lines{display:grid;gap:8px}
.rank-lines{grid-template-columns:1fr 1fr;gap:6px 12px}
.rank-lines.is-single-column{grid-template-columns:1fr}
.rank-column{display:grid;gap:8px}
.rank-column + .rank-column{
  border-left:1px solid var(--gold-30);
  padding-left:12px;
}
.rank-line,.info-line{
  min-height:26px;
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:36px 1fr auto;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:12px;
}
.info-line{grid-template-columns:1fr auto;display:flex;justify-content:space-between}
.rank-line b,.info-line b{color:var(--text);font-weight:500}
.info-line-role{
  min-width:0;
  display:flex;
  align-items:center;
}
.info-line-role .role-identity>.sect-icon{
  width:20px;
  height:20px;
}
.info-line-role .role-identity-copy{
  display:inline-flex;
  align-items:baseline;
  flex-wrap:nowrap;
  white-space:nowrap;
}
.info-line-role .role-identity-copy small{
  display:inline;
  margin-top:0;
}
.pve-team-model-stack{
  display:grid;
  gap:12px;
  margin-top:12px;
}
.pve-team-model-group{
  display:grid;
  gap:8px;
}
.pve-team-model-card{
  min-height:62px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:start;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid var(--line);
}
.pve-team-model-no{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:22px;
  border:1px solid var(--gold-30);
  color:var(--gold-lt);
  background:rgba(0,0,0,.22);
  font-family:Consolas,monospace;
  font-size:11px;
}
.pve-team-model-card b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:14px;
  line-height:1.35;
}
.pve-team-model-card small,
.pve-team-model-card em{
  display:block;
  margin-top:3px;
  color:var(--dim);
  font-size:11px;
  font-style:normal;
  line-height:1.45;
}
.pve-team-model-card em{
  color:var(--muted);
}
.pve-team-support-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.pve-team-support-card{
  min-height:118px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:6px;
  padding:10px;
  border:1px solid var(--gold-18);
  background:rgba(0,0,0,.14);
}
.pve-team-support-card small{
  color:var(--dim);
  font-family:Consolas,monospace;
  font-size:10px;
}
.pve-team-support-card b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:13px;
}
.pve-team-support-card span{
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.pve-team-support-card em{
  align-self:flex-start;
  padding:3px 6px;
  border:1px solid var(--gold-18);
  color:var(--cyan);
  background:rgba(0,0,0,.20);
  font-family:Consolas,monospace;
  font-size:10px;
  font-style:normal;
}
.pve-team-boundary{
  padding:10px 12px;
  border:1px solid var(--gold-18);
  background:rgba(0,0,0,.18);
}
.pve-team-boundary b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:13px;
}
.pve-team-boundary span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.boss-linked-board .team-scope-main-board{
  grid-template-columns:1fr;
}
.boss-linked-board .pve-team-three-section{
  grid-column:1 / -1;
  border-right:0;
  padding:14px 16px 16px;
}
.pve-team-three-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.pve-team-board-card{
  min-height:338px;
  padding:14px;
  border:1px solid var(--gold-18);
  background:
    linear-gradient(180deg,rgba(98,203,230,.05),rgba(0,0,0,.12)),
    rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
}
.pve-team-board-card-0{
  grid-column:1 / -1;
  min-height:0;
}
.pve-team-board-card-1{
  grid-column:1 / -1;
  min-height:0;
}
.pve-team-board-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.pve-team-board-head span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:22px;
  border:1px solid var(--gold-30);
  color:var(--gold-lt);
  background:rgba(0,0,0,.24);
  font-family:Consolas,monospace;
  font-size:11px;
}
.pve-team-board-head small{
  color:var(--dim);
  font-size:11px;
  text-align:right;
}
.pve-team-board-card h3{
  margin:0;
  color:var(--text);
  font-family:var(--serif);
  font-size:18px;
  letter-spacing:0;
}
.pve-team-card-titlebar{
  min-width:0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
.pve-team-card-titlebar.is-copy-hidden{
  justify-content:flex-end;
}
.pve-team-card-titlebar>div{
  min-width:0;
  display:grid;
  gap:5px;
}
.pve-team-card-titlebar small{
  color:var(--dim);
  font-size:11px;
  line-height:1.35;
}
.pve-team-card-toggle{
  flex:0 0 auto;
  min-width:58px;
  min-height:28px;
  display:inline-grid;
  place-items:center;
  padding:4px 12px;
  border:1px solid rgba(240,213,122,.34);
  background:rgba(4,8,20,.46);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  transition:border-color .18s ease,color .18s ease,background .18s ease;
}
.pve-team-card-toggle:hover,
.pve-team-card-toggle:focus-visible{
  outline:0;
  color:var(--cyan);
  border-color:rgba(98,203,230,.52);
  background:rgba(4,8,20,.62);
}
.pve-team-board-card p{
  min-height:48px;
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.pve-team-board-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:12px 0;
}
.pve-team-board-chips em{
  padding:3px 6px;
  border:1px solid var(--gold-18);
  color:var(--gold-lt);
  background:rgba(0,0,0,.18);
  font-style:normal;
  font-size:10px;
  line-height:1.2;
}
.pve-team-board-rows{
  display:grid;
  gap:8px;
  margin-top:auto;
}
.pve-team-board-row{
  min-height:42px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  border-bottom:1px solid var(--line);
  padding:4px 0;
}
.pve-team-board-row>span{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:11px;
}
.pve-team-board-row b{
  color:var(--text);
  font-weight:700;
  font-size:12px;
}
.pve-team-board-row small{
  grid-column:2;
  color:var(--dim);
  font-size:11px;
  line-height:1.35;
}
.pve-team-board-row strong{
  grid-column:3;
  grid-row:1 / span 2;
  align-self:center;
  color:var(--cyan);
  font-family:Consolas,monospace;
  font-size:11px;
  white-space:nowrap;
}
.pve-team-progress-card{
  background:
    linear-gradient(180deg,rgba(200,160,64,.06),rgba(0,0,0,.10)),
    rgba(0,0,0,.10);
}
.pve-team-speed-card{
  background:
    linear-gradient(180deg,rgba(98,203,230,.06),rgba(0,0,0,.12)),
    rgba(0,0,0,.10);
}
.pve-team-farm-card{
  background:
    radial-gradient(circle at 82% 12%,rgba(116,217,138,.10),transparent 34%),
    linear-gradient(180deg,rgba(98,203,230,.045),rgba(0,0,0,.12)),
    rgba(0,0,0,.10);
}
.pve-farm-brief{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  margin:8px 0 14px;
  padding:12px 14px;
  border-top:1px solid rgba(116,217,138,.24);
  border-bottom:1px solid rgba(98,203,230,.18);
  background:
    linear-gradient(90deg,rgba(116,217,138,.06),transparent 58%),
    rgba(4,8,20,.28);
}
.pve-farm-brief b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:17px;
  line-height:1.25;
}
.pve-farm-brief span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.pve-farm-rule-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
.pve-farm-rule-tags em{
  padding:4px 8px;
  border:1px solid rgba(116,217,138,.28);
  background:rgba(4,8,20,.38);
  color:#9be7a8;
  font-style:normal;
  font-size:11px;
  white-space:nowrap;
}
.pve-farm-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}
.pve-farm-kpis span{
  min-height:62px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:10px 12px;
  border:1px solid rgba(98,203,230,.18);
  background:linear-gradient(180deg,rgba(98,203,230,.04),rgba(0,0,0,.16));
}
.pve-farm-kpis b{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:22px;
  line-height:1;
}
.pve-farm-kpis em{
  color:var(--muted);
  font-style:normal;
  font-size:11px;
}
.pve-farm-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-items:start;
}
.pve-farm-table{
  min-width:0;
}
.pve-farm-podium-grid{
  display:grid;
  grid-template-columns:.96fr 1.08fr .96fr;
  gap:12px;
  align-items:stretch;
}
.pve-farm-podium-card{
  position:relative;
  min-width:0;
  min-height:226px;
  display:grid;
  gap:10px;
  padding:18px 14px 14px;
  border:1px solid color-mix(in srgb,var(--team-color,var(--cyan)) 34%,var(--line));
  background:
    radial-gradient(circle at 25% 18%,color-mix(in srgb,var(--team-color,var(--cyan)) 18%,transparent),transparent 46%),
    linear-gradient(180deg,rgba(248,242,226,.035),rgba(0,0,0,.18)),
    rgba(4,8,20,.58);
}
.pve-farm-podium-card.is-first{
  min-height:244px;
  border-color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 58%,var(--gold-30));
  box-shadow:0 0 22px color-mix(in srgb,var(--team-color,var(--gold-lt)) 14%,transparent);
}
.pve-farm-rank{
  position:absolute;
  top:8px;
  left:10px;
  z-index:3;
  color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 82%,var(--text));
  font-family:Consolas,monospace;
  font-size:15px;
  font-style:italic;
  font-weight:900;
  line-height:1;
  text-shadow:
    0 1px 2px rgba(0,0,0,.9),
    0 0 10px color-mix(in srgb,var(--team-color,var(--gold-lt)) 32%,transparent);
}
.pve-farm-rank.is-top{
  top:10px;
  left:12px;
  font-size:20px;
}
.pve-farm-podium-head{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  align-items:start;
  justify-items:center;
  padding-top:18px;
}
.pve-farm-logo,
.pve-farm-row-logo{
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--team-color,var(--gold-lt)) 16%,transparent),transparent 58%),
    rgba(0,0,0,.24);
  color:var(--gold-lt);
  font-family:var(--serif);
  text-align:center;
}
.pve-farm-logo{
  width:72px;
  height:72px;
  font-size:12px;
}
.pve-farm-logo .pve-team-logo-rank,
.pve-farm-row-logo .pve-team-logo-rank{
  display:none;
}
.pve-farm-team-copy{
  min-width:0;
  width:100%;
  display:grid;
  justify-items:center;
  gap:7px;
  text-align:center;
}
.pve-farm-team-name,
.pve-farm-row-name,
.pve-farm-update-name{
  justify-content:flex-start;
  max-width:100%;
}
.pve-farm-team-name{
  justify-content:center;
}
.pve-farm-team-name b,
.pve-farm-row-name b,
.pve-farm-update-name b{
  overflow:hidden;
  max-width:100%;
  color:var(--text);
  font-family:var(--serif);
  font-size:16px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-farm-row-name b,
.pve-farm-update-name b{
  font-size:13px;
}
.pve-farm-row-title-tags{
  justify-content:flex-start;
}
.pve-farm-row-title-tags .pve-team-title-svg{
  transform-origin:left center;
}
.pve-farm-title-tags{
  justify-content:center;
}
.pve-farm-main-count{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:end;
}
.pve-farm-main-count strong{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:36px;
  line-height:.9;
}
.pve-farm-main-count span{
  color:#9be7a8;
  font-size:12px;
  line-height:1.25;
}
.pve-farm-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.pve-farm-meta span{
  min-width:0;
  display:grid;
  gap:2px;
  padding:6px;
  border:1px solid rgba(98,203,230,.16);
  background:rgba(4,8,20,.28);
}
.pve-farm-meta b{
  color:var(--cyan);
  font-family:Consolas,monospace;
  font-size:13px;
}
.pve-farm-meta em{
  color:var(--dim);
  font-style:normal;
  font-size:10px;
  white-space:nowrap;
}
.pve-farm-bar{
  position:relative;
  height:6px;
  overflow:hidden;
  border:1px solid rgba(98,203,230,.18);
  background:rgba(0,0,0,.24);
}
.pve-farm-bar span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,color-mix(in srgb,var(--team-color,var(--cyan)) 72%,#74d98a),rgba(240,213,122,.72));
  box-shadow:0 0 10px color-mix(in srgb,var(--team-color,var(--cyan)) 24%,transparent);
}
.pve-farm-card-foot{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:var(--muted);
  font-size:11px;
}
.pve-farm-table-head{
  min-height:42px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  margin:2px 0 10px;
  padding:0 2px 8px;
  border-bottom:1px solid rgba(116,217,138,.30);
}
.pve-farm-table-head b{
  color:var(--text);
  font-family:var(--serif);
  font-size:16px;
}
.pve-farm-table-head span{
  color:var(--dim);
  font-size:11px;
}
.pve-farm-row-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 10px;
}
.pve-farm-more-panel{
  margin-top:12px;
}
.pve-farm-detail-list{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.pve-farm-detail-list .pve-farm-row{
  grid-template-columns:minmax(360px,1fr) 170px 128px;
  min-height:78px;
}
.pve-farm-detail-list .pve-farm-row-team{
  grid-template-columns:52px minmax(0,1fr);
}
.pve-farm-detail-list .pve-farm-row-logo{
  width:52px;
  height:52px;
}
.pve-farm-detail-list .pve-farm-row-count b{
  font-size:18px;
}
.pve-farm-rank-column{
  min-width:0;
  display:grid;
  gap:8px;
}
.pve-farm-row{
  position:relative;
  min-height:86px;
  display:grid;
  grid-template-columns:minmax(184px,1fr) 138px 86px;
  gap:12px;
  align-items:center;
  padding:9px 10px 9px 34px;
  border:1px solid color-mix(in srgb,var(--team-color,var(--cyan)) 20%,var(--line));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--team-color,var(--cyan)) 6%,transparent),transparent 70%),
    rgba(4,8,20,.24);
}
.pve-farm-row.is-recruiting{
  border-color:color-mix(in srgb,#74d98a 26%,var(--line));
  background:
    linear-gradient(90deg,rgba(116,217,138,.08),transparent 72%),
    rgba(4,8,20,.28);
}
.pve-farm-row .pve-farm-rank{
  top:11px;
  left:10px;
  font-size:14px;
}
.pve-farm-row-team{
  min-width:0;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:10px;
  align-items:center;
}
.pve-farm-row-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.pve-farm-row-logo{
  width:46px;
  height:46px;
  font-size:9px;
}
.pve-farm-row-count{
  display:grid;
  align-content:center;
  justify-items:end;
  gap:3px;
  min-width:0;
  padding-right:12px;
  border-right:1px solid rgba(116,217,138,.16);
  text-align:right;
}
.pve-farm-row-count b{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:17px;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
.pve-farm-row-count span{
  color:#9be7a8;
  font-size:11px;
  line-height:1;
  white-space:nowrap;
}
.pve-farm-row-count em{
  color:rgba(185,191,206,.72);
  font-style:normal;
  font-size:11px;
  line-height:1.1;
  white-space:nowrap;
}
.pve-farm-row-stats{
  display:grid;
  gap:4px;
  align-content:center;
  justify-items:center;
  min-width:0;
  padding-left:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.2;
  text-align:center;
}
.pve-farm-row-stats span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-farm-recruit-status{
  color:#9be7a8;
  font-weight:700;
}
.pve-farm-last-text{
  color:rgba(185,191,206,.64);
}
.pve-farm-recruit-link{
  position:relative;
  width:max-content;
  min-height:22px;
  padding:0 8px;
  border:1px solid rgba(116,217,138,.36);
  background:rgba(4,8,20,.42);
  color:#9be7a8;
  font-family:var(--serif);
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.pve-farm-recruit-link::after{
  content:attr(data-tooltip);
  position:absolute;
  right:0;
  bottom:calc(100% + 8px);
  z-index:10;
  width:max-content;
  max-width:180px;
  padding:5px 8px;
  border:1px solid rgba(116,217,138,.38);
  background:rgba(4,8,20,.96);
  color:#d9ffe0;
  font-size:11px;
  line-height:1.35;
  white-space:nowrap;
  opacity:0;
  transform:translateY(4px);
  pointer-events:none;
  box-shadow:0 8px 18px rgba(0,0,0,.38);
  transition:opacity .14s ease,transform .14s ease;
}
.pve-farm-recruit-link::before{
  content:"";
  position:absolute;
  right:12px;
  bottom:calc(100% + 3px);
  z-index:11;
  width:8px;
  height:8px;
  border-right:1px solid rgba(116,217,138,.38);
  border-bottom:1px solid rgba(116,217,138,.38);
  background:rgba(4,8,20,.96);
  opacity:0;
  transform:translateY(4px) rotate(45deg);
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
}
.pve-farm-recruit-link:hover,
.pve-farm-recruit-link:focus-visible{
  outline:0;
  border-color:rgba(240,213,122,.62);
  color:var(--gold-lt);
  background:rgba(116,217,138,.10);
}
.pve-farm-recruit-link:hover::after,
.pve-farm-recruit-link:focus-visible::after,
.pve-farm-recruit-link:hover::before,
.pve-farm-recruit-link:focus-visible::before{
  opacity:1;
  transform:translateY(0);
}
.pve-farm-recruit-link:hover::before,
.pve-farm-recruit-link:focus-visible::before{
  transform:translateY(0) rotate(45deg);
}
.pve-farm-note{
  margin-top:12px;
  padding:9px 12px;
  border:1px dashed rgba(116,217,138,.25);
  color:var(--dim);
  background:rgba(4,8,20,.24);
  font-size:11px;
  line-height:1.55;
}
.pve-team-progress-card>p{
  min-height:0;
  margin-bottom:10px;
}
.pve-team-card-body>p{
  min-height:0;
  margin:8px 0 10px;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.pve-team-boss-strip{
  display:grid;
  place-items:center;
  margin:8px 0 16px;
  padding:12px 14px 10px;
  border-top:1px solid var(--line-soft);
  border-bottom:1px solid var(--line-soft);
  background:
    linear-gradient(90deg,transparent,rgba(200,160,64,.045),transparent),
    rgba(4,8,20,.22);
}
.boss-linked-board .pve-team-boss-tabs{
  width:max-content;
  max-width:100%;
  justify-content:center;
  gap:26px;
  margin-inline:auto;
  padding:0;
}
.pve-team-card-body[hidden]{
  display:none;
}
.pve-speed-summary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:4px 0 14px;
}
.pve-speed-summary em{
  padding:4px 8px;
  border:1px solid rgba(98,203,230,.28);
  background:rgba(4,8,20,.34);
  color:var(--cyan);
  font-style:normal;
  font-size:11px;
  line-height:1.2;
}
.pve-speed-board-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:start;
}
.pve-speed-main{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.pve-speed-left,
.pve-speed-right{
  min-width:0;
}
.pve-speed-split-line{
  align-self:stretch;
  min-height:100%;
  width:1px;
  background:
    linear-gradient(180deg,transparent,rgba(240,213,122,.20) 10%,rgba(98,203,230,.30) 48%,rgba(240,213,122,.18) 88%,transparent);
  box-shadow:
    0 0 10px rgba(98,203,230,.12),
    0 0 16px rgba(240,213,122,.08);
}
.pve-speed-lanes{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin:0;
}
.pve-speed-left-list{
  margin-top:10px;
}
.pve-speed-lane{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  padding:16px 18px 48px;
  border:1px solid color-mix(in srgb,var(--team-color,var(--cyan)) 54%,var(--line));
  background:
    radial-gradient(circle at 13% 15%,color-mix(in srgb,var(--team-color,var(--cyan)) 18%,transparent),transparent 34%),
    linear-gradient(180deg,rgba(248,242,226,.03),rgba(0,0,0,.16)),
    rgba(4,8,20,.54);
  box-shadow:
    0 10px 20px rgba(0,0,0,.34),
    0 0 0 1px rgba(240,213,122,.035),
    inset 0 1px 0 rgba(255,255,255,.035);
  cursor:pointer;
}
.pve-speed-lane:hover{
  border-color:color-mix(in srgb,var(--team-color,var(--cyan)) 68%,var(--gold-30));
  box-shadow:
    0 12px 24px rgba(0,0,0,.40),
    0 0 16px color-mix(in srgb,var(--team-color,var(--cyan)) 10%,transparent),
    inset 0 1px 0 rgba(255,255,255,.05);
}
.pve-speed-lane[data-score-detail]:focus-visible,
.pve-speed-row-card[data-score-detail]:focus-visible{
  outline:1px solid color-mix(in srgb,var(--team-color,var(--cyan)) 72%,var(--gold-lt));
  outline-offset:3px;
  box-shadow:0 0 22px color-mix(in srgb,var(--team-color,var(--cyan)) 18%,transparent);
}
.pve-speed-lane-rank{
  width:86px;
  height:34px;
  align-self:start;
  color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 78%,var(--text));
}
.pve-speed-lane-rank .podium-no-svg{
  width:86px;
  height:34px;
}
.pve-speed-lane-main{
  display:grid;
  gap:8px;
  min-width:0;
}
.pve-speed-lane-head{
  display:grid;
  grid-template-columns:120px minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
}
.pve-speed-logo-stack,
.pve-speed-row-logo-stack{
  min-width:0;
  box-sizing:border-box;
  display:grid;
  justify-items:start;
  align-content:start;
  gap:10px;
  overflow:visible;
}
.pve-speed-logo-stack{
  width:120px;
  padding-left:0;
}
.pve-speed-row-logo-stack{
  width:88px;
  padding-left:0;
}
.pve-speed-row-logo-stack .pve-speed-detail-toggle{
  position:absolute;
  right:14px;
  bottom:12px;
  z-index:4;
  margin:0;
}
.pve-speed-lane-copy{
  min-width:0;
  padding-top:22px;
}
.pve-speed-row-copy{
  min-width:0;
  padding-top:12px;
}
.pve-speed-logo-wrap{
  position:relative;
  width:118px;
  height:92px;
  display:block;
  border:0;
  background:transparent;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  line-height:1.25;
  text-align:center;
}
.pve-speed-logo{
  width:86px;
  height:86px;
  margin:6px 0 0 16px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  background:
    radial-gradient(circle at 50% 35%,rgba(200,160,64,.18),transparent 58%),
    rgba(0,0,0,.24);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  line-height:1.25;
  text-align:center;
}
.pve-speed-logo>span:not(.pve-team-logo-rank){
  display:block;
}
.pve-speed-logo>.pve-team-ranking-avatar:not(.is-custom),
.pve-speed-row-logo>.pve-team-ranking-avatar:not(.is-custom){
  display:grid;
  place-items:center;
  line-height:1;
}
.pve-speed-lane-head b,
.pve-speed-row-team b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:17px;
  line-height:1.2;
}
.pve-speed-time-stack{
  display:grid;
  justify-items:end;
  gap:7px;
  text-align:right;
  padding-top:10px;
}
.pve-speed-time-stack strong{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:24px;
  white-space:nowrap;
}
.pve-speed-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  align-items:center;
  padding:8px 0 0;
}
.pve-speed-track::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:28px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(98,203,230,.38),rgba(240,213,122,.36),transparent);
}
.pve-speed-node{
  position:relative;
  z-index:1;
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  display:grid;
  justify-items:center;
  gap:6px;
  min-width:0;
  cursor:pointer;
}
.pve-speed-node[data-boss-report-tip]::after{
  content:attr(data-boss-report-tip);
  position:absolute;
  z-index:12;
  left:50%;
  bottom:calc(100% + 8px);
  min-width:max-content;
  max-width:160px;
  padding:5px 8px 6px;
  border:1px solid var(--gold-30);
  background:rgba(4,8,20,.96);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:11px;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,4px);
  box-shadow:0 10px 22px rgba(0,0,0,.34), inset 0 0 10px rgba(240,213,122,.05);
  transition:opacity .14s ease, transform .14s ease;
}
.pve-speed-node[data-boss-report-tip]:hover::after,
.pve-speed-node[data-boss-report-tip]:focus-visible::after{
  opacity:1;
  transform:translate(-50%,0);
}
.pve-speed-boss-art{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--team-color,var(--cyan)) 58%,var(--gold-30));
  background:
    radial-gradient(circle at 50% 35%,rgba(248,242,226,.20),transparent 58%),
    rgba(4,8,20,.72);
  background-position:center;
  background-size:cover;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:11px;
  box-shadow:0 0 10px color-mix(in srgb,var(--team-color,var(--cyan)) 16%,transparent);
}
.pve-speed-boss-art b{
  color:inherit;
  font-family:Consolas,monospace;
  font-size:10px;
  line-height:1;
}
.pve-speed-node b{
  color:var(--muted);
  font-family:Consolas,monospace;
  font-size:11px;
  font-weight:700;
}
.pve-speed-node:hover .pve-speed-boss-art,
.pve-speed-node:focus-visible .pve-speed-boss-art{
  border-color:rgba(240,213,122,.72);
  box-shadow:0 0 14px color-mix(in srgb,var(--team-color,var(--cyan)) 26%,transparent);
}
.pve-speed-lane-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid var(--line);
  padding-top:10px;
  color:var(--muted);
  font-size:12px;
}
.pve-speed-lane-foot .pve-team-video-link{
  margin-left:auto;
}
.pve-speed-lane-actions{
  position:absolute;
  right:18px;
  bottom:14px;
  z-index:4;
  min-height:24px;
  display:flex;
  justify-content:flex-end;
  align-items:end;
  padding-top:0;
}
.pve-speed-lane-actions .pve-speed-detail-toggle{
  margin-left:0;
}
.pve-speed-detail{
  border-top:1px solid rgba(240,213,122,.14);
  padding-top:10px;
}
.pve-speed-detail.is-collapsed{
  display:none;
}
.pve-speed-detail-toggle{
  width:auto;
  min-width:104px;
  min-height:22px;
  margin-top:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:3px 10px 4px;
  border:1px solid color-mix(in srgb,var(--team-color,var(--gold-lt)) 50%,rgba(248,242,226,.18));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--team-color,var(--gold-lt)) 12%,transparent),rgba(4,8,20,.54));
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:10px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);
  box-shadow:inset 0 0 9px color-mix(in srgb,var(--team-color,var(--cyan)) 8%,transparent);
  cursor:pointer;
}
.pve-speed-detail-toggle::before{
  content:"";
  width:5px;
  height:5px;
  border:1px solid currentColor;
  transform:rotate(45deg);
  background:rgba(4,8,20,.38);
  transition:background .16s ease, transform .16s ease;
}
.pve-speed-detail-toggle.is-open{
  color:var(--gold-lt);
  border-color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 58%,rgba(248,242,226,.22));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--team-color,var(--gold-lt)) 14%,transparent),rgba(4,8,20,.50));
}
.pve-speed-detail-toggle.is-open::before{
  background:currentColor;
  transform:rotate(45deg) scale(.84);
}
.pve-speed-detail-toggle:hover,
.pve-speed-detail-toggle:focus-visible{
  outline:0;
  color:var(--text);
  border-color:rgba(240,213,122,.58);
  box-shadow:0 0 12px color-mix(in srgb,var(--team-color,var(--cyan)) 16%,transparent), inset 0 0 10px rgba(240,213,122,.04);
}
.pve-speed-member-panel{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(240,213,122,.12);
}
.pve-speed-member-panel[hidden]{
  display:none;
}
.pve-speed-member-state{
  margin-top:8px;
  padding:8px 10px;
  border:1px solid rgba(98,203,230,.18);
  background:rgba(4,12,24,.48);
  color:var(--dim);
  font-size:11px;
}
.pve-speed-leader-row{
  margin:4px 0 12px;
}
.pve-speed-members{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px 10px;
}
.pve-speed-member-panel.is-home .pve-speed-members{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.pve-speed-member{
  font-size:10px;
}
.pve-speed-member img{
  width:16px;
  height:16px;
}
.pve-speed-list{
  display:grid;
  gap:10px;
}
.pve-speed-row-card{
  position:relative;
  min-width:0;
  padding-bottom:34px;
  border:1px solid color-mix(in srgb,var(--team-color,var(--cyan)) 20%,var(--line));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--team-color,var(--cyan)) 5%,transparent),transparent 70%),
    rgba(4,8,20,.22);
  cursor:pointer;
}
.pve-speed-row{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(254px,.92fr) minmax(236px,1.02fr) minmax(128px,.48fr);
  gap:12px;
  align-items:start;
  padding:12px 14px;
  border-top:1px solid var(--line);
  background:linear-gradient(90deg,rgba(98,203,230,.035),transparent 68%);
}
.pve-speed-row-card>.pve-speed-row{
  border-top:0;
  background:transparent;
}
.pve-speed-row-card>.pve-speed-detail{
  margin:0 14px 12px;
}
.pve-speed-row-card:hover>.pve-speed-row{
  background:linear-gradient(90deg,rgba(98,203,230,.07),transparent 72%);
}
.pve-speed-row-card.is-board-compact{
  min-height:138px;
  padding-bottom:0;
}
.pve-speed-row-card.is-board-compact>.pve-speed-row{
  min-height:120px;
  padding:9px 12px;
  grid-template-columns:minmax(246px,.82fr) minmax(204px,1fr) minmax(122px,.48fr);
  align-items:center;
}
.pve-speed-row-card.is-board-compact .pve-speed-row-team{
  grid-template-columns:86px minmax(136px,1fr);
  gap:9px;
}
.pve-speed-row-card.is-board-compact .pve-speed-row-logo-wrap{
  width:82px;
  height:88px;
}
.pve-speed-row-card.is-board-compact .pve-speed-detail-toggle{
  right:12px;
  bottom:14px;
}
.pve-speed-row-card.is-board-compact>.pve-speed-detail{
  margin:0 12px 10px;
}
.pve-speed-row-rank{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:14px;
  font-weight:800;
}
.pve-speed-row-team{
  min-width:0;
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.pve-speed-row-logo-wrap{
  position:relative;
  width:84px;
  height:82px;
  display:block;
  border:0;
  background:transparent;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:9px;
  line-height:1.2;
  text-align:center;
}
.pve-speed-row-logo{
  width:64px;
  height:64px;
  margin:12px 0 0 14px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--team-color,var(--gold-lt)) 18%,transparent),transparent 58%),
    linear-gradient(135deg,rgba(248,242,226,.05),rgba(98,203,230,.04)),
    rgba(0,0,0,.24);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:9px;
  line-height:1.2;
  text-align:center;
}
.pve-speed-row-logo>span:not(.pve-team-logo-rank){
  display:block;
}
.pve-speed-track.is-compact{
  align-self:center;
  padding:20px 0 0;
  gap:6px;
}
.pve-speed-track.is-compact::before{
  top:34px;
}
.pve-speed-track.is-compact .pve-speed-node{
  gap:3px;
}
.pve-speed-track.is-compact .pve-speed-boss-art{
  width:28px;
  height:28px;
  font-size:11px;
}
.pve-speed-track.is-compact .pve-speed-node b{
  font-size:10px;
}
.pve-speed-row-time{
  display:grid;
  justify-items:end;
  gap:5px;
  text-align:right;
  transform:translateY(-8px);
}
.pve-speed-row-time b{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:18px;
}
.pve-speed-row-time small{
  color:var(--muted);
  font-size:11px;
}
.pve-speed-row-time .pve-team-video-link{
  margin-top:4px;
}
.pve-more-panel{
  width:100%;
  min-height:64px;
  margin-top:14px;
  display:grid;
  place-items:center;
  border:1px dashed var(--gold-30);
  background:linear-gradient(90deg,transparent,rgba(200,160,64,.045),transparent);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
.pve-more-panel:hover,
.pve-more-panel:focus-visible{
  outline:0;
  border-color:rgba(240,213,122,.56);
  background:linear-gradient(90deg,transparent,rgba(200,160,64,.085),transparent);
}
.pve-rank-more-panel{
  margin-top:14px;
}
.pve-dynamic-more-link{
  display:block;
  width:max-content;
  margin:10px 0 0 auto;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-weight:800;
}
.pve-dynamic-more-link:hover,
.pve-dynamic-more-link:focus-visible{
  color:#fff0b6;
  text-shadow:0 0 10px rgba(240,213,122,.28);
  outline:0;
}
.pve-speed-updates{
  min-width:0;
  margin:12px 0 0;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(98,203,230,.04),transparent 40%),
    rgba(4,8,20,.42);
  padding:12px 14px;
}
.pve-speed-update-title{
  margin-bottom:10px;
}
.pve-speed-update-title b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:13px;
  line-height:1.2;
}
.pve-speed-update-list{
  max-height:321px;
  overflow-y:auto;
  display:grid;
  grid-template-columns:1fr;
  gap:3px;
  align-content:start;
  padding-right:4px;
  scrollbar-color:rgba(240,213,122,.34) rgba(4,8,20,.42);
}
.pve-speed-update-row{
  min-width:0;
  min-height:24px;
  display:grid;
  grid-template-columns:minmax(210px,1fr) minmax(230px,auto);
  align-items:center;
  gap:8px;
  padding:1px 6px;
  border:1px solid rgba(98,203,230,.14);
  background:rgba(0,0,0,.16);
  font-size:11px;
  color:var(--muted);
  cursor:pointer;
}
.pve-speed-update-row:hover,
.pve-speed-update-row:focus-visible{
  outline:0;
  border-color:rgba(240,213,122,.38);
  background:rgba(240,213,122,.05);
}
.pve-speed-update-team{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
}
.pve-speed-update-logo{
  width:20px;
  height:20px;
  min-height:20px;
  flex:0 0 20px;
  padding:0;
  border:1px solid rgba(240,213,122,.32);
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--team-color,var(--cyan)) 26%,transparent),transparent 62%),
    rgba(4,8,20,.42);
  color:var(--gold-lt);
}
.pve-speed-update-logo>span:not(.pve-team-logo-rank){
  font-size:6px;
  line-height:1.05;
}
.pve-speed-update-team-copy,
.pve-speed-update-name{
  min-width:0;
}
.pve-speed-update-name{
  width:100%;
  justify-content:flex-start;
  gap:4px;
}
.pve-speed-update-name b{
  min-width:0;
  overflow:hidden;
  color:var(--team-color,var(--cyan));
  font-size:11px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-speed-update-name .pve-team-category-svg{
  width:40px;
  height:14px;
  flex:0 0 auto;
}
.pve-speed-update-dynamic{
  min-width:0;
  align-self:center;
}
.pve-speed-update-copy{
  grid-template-columns:108px 34px 88px;
  column-gap:5px;
  font-size:10px;
}
.pve-speed-ranking-list{
  display:grid;
  gap:10px;
}
.pve-speed-ranking-toolbar{
  display:grid;
  grid-template-columns:minmax(240px,360px) auto minmax(320px,1fr);
  gap:10px;
  align-items:end;
  margin:12px 0 14px;
  padding:12px;
  border:1px solid var(--line);
  background:rgba(4,8,20,.34);
}
.pve-speed-ranking-toolbar label{
  min-width:0;
  display:grid;
  gap:5px;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
}
.pve-speed-ranking-toolbar input{
  width:100%;
  min-height:32px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.18);
  color:var(--text);
  padding:0 10px;
  outline:0;
}
.pve-speed-ranking-toolbar input:focus{
  border-color:var(--gold-50);
}
.pve-speed-search-actions,
.pve-speed-ranking-pager{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.pve-speed-search-actions button,
.pve-speed-ranking-pager button{
  min-height:32px;
  padding:0 12px;
  border:1px solid var(--gold-30);
  background:rgba(4,8,20,.34);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
.pve-speed-search-actions button:hover,
.pve-speed-search-actions button:focus-visible,
.pve-speed-ranking-pager button:hover,
.pve-speed-ranking-pager button:focus-visible{
  outline:0;
  border-color:var(--gold-50);
  color:var(--text);
  background:var(--gold-10);
}
.pve-speed-search-actions button:disabled,
.pve-speed-ranking-pager button:disabled{
  cursor:not-allowed;
  color:var(--dim);
  border-color:var(--line);
  background:rgba(0,0,0,.10);
}
.pve-speed-ranking-pager{
  justify-content:flex-end;
  color:var(--muted);
  font-size:12px;
}
.pve-speed-ranking-pager span{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-weight:700;
}
.pve-speed-ranking-pager small{
  color:var(--dim);
}
.pve-speed-ranking-list + .pve-speed-ranking-pager{
  justify-content:center;
  margin:14px 0 0;
  padding:10px;
  border:1px solid var(--line);
  background:rgba(4,8,20,.22);
}
.pve-speed-empty{
  min-height:80px;
  display:grid;
  place-items:center;
  border:1px dashed var(--gold-30);
  color:var(--muted);
  background:rgba(4,8,20,.22);
  font-size:12px;
}
.pve-speed-unbounded-note{
  margin:14px 0 4px;
  padding:12px 14px;
  border:1px dashed var(--gold-30);
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
  text-align:center;
}
.team-profile-grid{
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
}
.team-profile-hero{
  min-height:260px;
}
.team-profile-head{
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin-top:18px;
}
.team-profile-logo{
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  background:
    radial-gradient(circle at 50% 35%,rgba(200,160,64,.18),transparent 58%),
    rgba(0,0,0,.24);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:14px;
  line-height:1.3;
  text-align:center;
}
.team-profile-head h3{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
  color:var(--text);
  font-family:var(--serif);
  font-size:24px;
}
.team-profile-head p{
  margin:0 0 12px;
  color:var(--muted);
  line-height:1.7;
}
.pve-team-progress-card.is-collapsed>p,
.pve-team-progress-card.is-collapsed>.pve-team-boss-strip,
.pve-team-progress-card.is-collapsed .pve-team-card-body{
  display:none;
}
.pve-team-progress-podium{
  grid-template-columns:.9fr 1fr .9fr;
  align-items:end;
  min-height:722px;
  margin-bottom:16px;
}
.pve-team-layout-preview-notice{
  margin:0 0 14px;
  padding:9px 12px;
  border:1px dashed rgba(240,213,122,.46);
  background:linear-gradient(90deg,rgba(240,213,122,.08),rgba(4,8,20,.34),rgba(240,213,122,.04));
  color:var(--gold-lt);
  font-size:12px;
  line-height:1.5;
  text-align:center;
}
.pve-team-podium{
  min-height:666px;
  height:666px;
  justify-content:flex-start;
  gap:7px;
  padding:28px 14px 12px;
  overflow:visible;
  border-color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 50%,var(--line));
  background:
    radial-gradient(circle at 50% 8%,color-mix(in srgb,var(--team-color,var(--gold-lt)) 12%,transparent),transparent 44%),
    linear-gradient(180deg,color-mix(in srgb,var(--team-color,var(--gold-lt)) 7%,rgba(200,160,64,.05)),rgba(0,0,0,.16)),
    rgba(0,0,0,.12);
  box-shadow:
    0 0 18px color-mix(in srgb,var(--team-color,var(--cyan)) 12%,transparent),
    inset 0 1px 0 rgba(248,242,226,.05);
  transition:height .2s ease, min-height .2s ease, border-color .18s ease, background .18s ease;
}
.pve-team-podium.first{
  grid-column:2;
  grid-row:1;
  height:700px;
  min-height:700px;
  border-color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 76%,var(--gold-50));
  background:
    radial-gradient(circle at 50% 8%,color-mix(in srgb,var(--team-color,var(--gold-lt)) 22%,transparent),transparent 46%),
    linear-gradient(to bottom,color-mix(in srgb,var(--team-color,var(--gold-lt)) 13%,rgba(200,160,64,.08)),rgba(0,0,0,.20)),
    rgba(0,0,0,.12);
  box-shadow:
    0 0 26px color-mix(in srgb,var(--team-color,var(--gold-lt)) 18%,transparent),
    inset 0 1px 0 rgba(248,242,226,.07);
}
.pve-team-podium.second,
.pve-team-podium.third{
  grid-row:1;
  height:684px;
  min-height:684px;
}
.pve-team-podium.second{
  grid-column:1;
}
.pve-team-podium.third{
  grid-column:3;
  height:666px;
  min-height:666px;
}
.pve-team-podium:hover{
  z-index:6;
  border-color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 72%,var(--gold-50));
}
.pve-team-card-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--team-color,var(--cyan)) 22%,transparent),transparent 48%),
    linear-gradient(135deg,rgba(200,160,64,.06),transparent 44%,rgba(98,203,230,.05));
  opacity:.9;
  pointer-events:none;
}
.pve-team-podium-main{
  position:relative;
  z-index:3;
  min-width:0;
  display:grid;
  justify-items:center;
  gap:5px;
  text-align:center;
}
.pve-team-podium-main b{
  max-width:100%;
  overflow:hidden;
  color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 78%,var(--text));
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  text-shadow:0 0 10px color-mix(in srgb,var(--team-color,var(--cyan)) 22%,transparent);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-team-podium.first .pve-team-podium-main b{
  font-size:18px;
}
.pve-team-podium-main span{
  max-width:100%;
  overflow:hidden;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:12px;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-team-podium-main small{
  max-width:100%;
  overflow:hidden;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:12px;
  font-weight:400;
  line-height:1.2;
  opacity:.9;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-team-video-link{
  min-height:24px;
  display:inline-grid;
  place-items:center;
  padding:3px 11px 4px;
  border:1px solid rgba(98,203,230,.42);
  background:rgba(4,8,20,.54);
  color:var(--cyan);
  font-family:var(--serif);
  font-size:12px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  box-shadow:0 0 12px rgba(98,203,230,.08), inset 0 0 10px rgba(98,203,230,.04);
  transition:border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.pve-team-video-link:hover,
.pve-team-video-link:focus-visible{
  border-color:rgba(240,213,122,.62);
  color:var(--gold-lt);
  outline:0;
  transform:translateY(-1px);
  box-shadow:0 0 16px rgba(240,213,122,.12), inset 0 0 10px rgba(240,213,122,.06);
}
.pve-team-battle-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}
.pve-team-podium-actions{
  justify-content:center;
  margin-top:4px;
}
.pve-team-detail-actions{
  justify-content:flex-start;
  margin-top:6px;
}
.pve-team-battle-actions .pve-team-video-link,
.pve-team-battle-actions .pve-team-report-btn{
  margin:0;
}
.pve-team-profile-logo{
  position:relative;
  overflow:visible;
  appearance:none;
  padding:0;
  font:inherit;
  cursor:pointer;
}
.pve-team-profile-logo>.pve-team-ranking-avatar{
  width:100%;
  height:100%;
  min-width:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-size:34px;
}
.pve-team-profile-logo>.pve-team-ranking-avatar.is-custom img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.pve-team-logo-rank{
  position:absolute;
  z-index:3;
  top:-12px;
  left:-16px;
  color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 88%,var(--text));
  text-shadow:0 0 12px color-mix(in srgb,var(--team-color,var(--cyan)) 34%,transparent);
  pointer-events:none;
}
.pve-team-logo-rank .podium-no-svg{
  width:68px;
  height:24px;
  filter:
    drop-shadow(0 1px 2px rgba(0,0,0,.88))
    drop-shadow(0 0 6px rgba(0,0,0,.72));
}
.pve-team-logo-rank .podium-no-svg text{
  stroke:rgba(1,3,10,.86);
  stroke-width:3px;
  paint-order:stroke fill;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--team-color,var(--gold-lt)) 44%,transparent));
}
.pve-team-logo-rank .podium-no-svg.is-top-rank text{
  stroke-width:3.4px;
}
.pve-team-logo-rank .podium-no-svg.is-team-top10-rank{
  overflow:visible;
  filter:
    drop-shadow(0 1px 2px #000)
    drop-shadow(0 0 7px #000);
}
.pve-team-logo-rank .podium-no-svg.is-team-top10-rank .team-top10-rank-frame{
  fill:rgba(4,8,20,.82);
  stroke:currentColor;
  stroke-width:1.35px;
  vector-effect:non-scaling-stroke;
}
.pve-team-logo-rank .podium-no-svg.is-team-top10-rank text{
  fill:color-mix(in srgb,var(--team-color,var(--gold-lt)) 88%,var(--text));
  font-size:14px;
  stroke:rgba(1,3,10,.88);
  stroke-width:2.2px;
  letter-spacing:.5px;
}
.pve-team-logo-rank .podium-no-svg.is-speed-rank{
  width:58px;
  height:24px;
}
.pve-team-logo-rank .podium-no-svg.is-speed-rank text{
  fill:var(--speed-rank-text,var(--gold-lt));
  font-size:12px;
  stroke-width:2.9px;
}
.pve-team-logo-rank .podium-no-svg.is-speed-vertical{
  color:var(--speed-rank-color,currentColor);
  filter:
    drop-shadow(0 1px 2px rgba(0,0,0,.88))
    drop-shadow(0 0 7px color-mix(in srgb,var(--speed-rank-color,var(--gold-lt)) 30%,transparent));
}
.pve-team-logo-rank .podium-no-svg.is-speed-vertical .speed-rank-frame{
  fill:rgba(4,8,20,.48);
  stroke:var(--speed-rank-color,currentColor);
  stroke-width:1.15px;
  stroke-linejoin:miter;
  stroke-miterlimit:2;
  stroke-opacity:.78;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.pve-team-logo-rank .podium-no-svg.is-speed-vertical .speed-rank-frame-glow{
  fill:none;
  stroke:var(--speed-rank-color,currentColor);
  stroke-width:1.35px;
  stroke-linecap:square;
  stroke-linejoin:miter;
  stroke-opacity:.9;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--speed-rank-color,var(--gold-lt)) 54%,transparent));
}
.pve-team-logo-rank .podium-no-svg.is-speed-vertical text{
  fill:var(--speed-rank-text,var(--speed-rank-color,currentColor));
  stroke:rgba(1,3,10,.9);
  font-size:12px;
  font-style:normal;
  letter-spacing:0;
  transform:none;
  stroke-width:2.9px;
}
.pve-team-logo-rank.is-speed-rank-wrap{
  position:static;
  width:58px;
  transform:none;
  justify-self:center;
  align-self:center;
}
.pve-speed-logo-wrap .pve-team-logo-rank.is-speed-rank-wrap{
  position:absolute;
  top:-12px;
  left:-8px;
  width:96px;
  transform:none;
  justify-self:start;
  align-self:start;
}
.pve-speed-logo-wrap .pve-team-logo-rank .podium-no-svg.is-speed-rank{
  width:96px;
  height:34px;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.92))
    drop-shadow(0 0 8px rgba(240,213,122,.30))
    drop-shadow(0 0 14px color-mix(in srgb,var(--team-color,var(--gold-lt)) 24%,transparent));
}
.pve-speed-logo-wrap .pve-team-logo-rank .podium-no-svg.is-speed-rank text{
  font-size:20px;
  stroke-width:3.7px;
  letter-spacing:.2px;
}
.pve-speed-logo-wrap .pve-team-logo-rank .podium-no-svg.is-speed-vertical{
  width:38px;
  height:auto;
}
.pve-speed-logo-wrap .pve-team-logo-rank .podium-no-svg.is-speed-vertical text{
  font-size:13px;
  font-style:normal;
  letter-spacing:0;
  transform:none;
  stroke-width:3.1px;
}
.pve-speed-row-logo-wrap .pve-team-logo-rank.is-speed-rank-wrap{
  position:absolute;
  top:-1px;
  left:-1px;
  width:48px;
  transform:none;
  justify-self:start;
  align-self:start;
}
.pve-speed-row-logo-wrap .pve-team-logo-rank .podium-no-svg.is-speed-rank{
  width:48px;
  height:26px;
}
.pve-speed-row-logo-wrap .pve-team-logo-rank .podium-no-svg.is-speed-rank text{
  font-size:17px;
  stroke-width:3.35px;
}
.pve-speed-row-logo-wrap .pve-team-logo-rank .podium-no-svg.is-speed-vertical{
  width:36px;
  height:auto;
}
.pve-team-podium-logo .pve-team-logo-rank{
  top:-20px;
  left:-28px;
}
.pve-team-podium-logo .pve-team-logo-rank .podium-no-svg{
  width:104px;
  height:36px;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.92))
    drop-shadow(0 0 8px rgba(240,213,122,.30))
    drop-shadow(0 0 14px color-mix(in srgb,var(--team-color,var(--gold-lt)) 24%,transparent));
}
.pve-team-podium-logo .pve-team-logo-rank .podium-no-svg.is-team-top10-rank{
  filter:
    drop-shadow(0 1px 2px #000)
    drop-shadow(0 0 7px #000);
}
.pve-team-podium-logo .pve-team-logo-rank .podium-no-svg text{
  font-size:22px;
  stroke-width:4px;
  letter-spacing:.35px;
}
.pve-team-podium-logo .pve-team-logo-rank .podium-no-svg.is-team-top10-rank text{
  font-size:15px;
  stroke-width:2.35px;
}
.pve-team-podium.first .pve-team-logo-rank{
  top:-22px;
  left:-30px;
}
.pve-team-podium.first .pve-team-logo-rank .podium-no-svg{
  width:112px;
  height:38px;
}
.pve-team-podium.first .pve-team-logo-rank .podium-no-svg text{
  font-size:24px;
}
.pve-team-podium.first .pve-team-logo-rank .podium-no-svg.is-team-top10-rank text{
  font-size:16px;
}
.pve-team-profile-logo:hover,
.pve-team-profile-logo:focus-visible{
  outline:0;
  border-color:rgba(240,213,122,.68);
  box-shadow:0 0 18px color-mix(in srgb,var(--team-color,var(--gold-lt)) 22%,transparent), inset 0 0 18px rgba(240,213,122,.06);
}
.pve-team-name-link{
  appearance:none;
  position:relative;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  background:transparent;
  padding:0;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.pve-team-name-link b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-team-name-link:hover,
.pve-team-name-link:focus-visible{
  outline:0;
  filter:brightness(1.18);
}
.pve-team-name-link[data-team-home-tip]::before,
.pve-team-name-link[data-team-home-tip]::after{
  position:absolute;
  left:50%;
  z-index:30;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,4px);
  transition:opacity .14s ease, transform .14s ease;
}
.pve-team-name-link[data-team-home-tip]::before{
  content:"";
  bottom:calc(100% + 3px);
  border:5px solid transparent;
  border-top-color:rgba(4,8,20,.94);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.55));
}
.pve-team-name-link[data-team-home-tip]::after{
  content:attr(data-team-home-tip);
  bottom:calc(100% + 12px);
  padding:5px 9px;
  border:1px solid rgba(240,213,122,.42);
  background:
    linear-gradient(180deg,rgba(240,213,122,.08),rgba(0,0,0,.12)),
    rgba(4,8,20,.94);
  color:var(--gold-lt);
  box-shadow:0 8px 18px rgba(0,0,0,.34), inset 0 0 10px rgba(240,213,122,.05);
  font-family:var(--serif);
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.pve-team-name-link[data-team-home-tip]:hover::before,
.pve-team-name-link[data-team-home-tip]:hover::after,
.pve-team-name-link[data-team-home-tip]:focus-visible::before,
.pve-team-name-link[data-team-home-tip]:focus-visible::after{
  opacity:1;
  transform:translate(-50%,0);
}
.pve-team-category-svg{
  width:50px;
  height:18px;
  flex:0 0 auto;
  color:var(--team-category-color,#b9bfce);
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--team-category-color,#b9bfce) 22%,transparent));
}
.pve-team-category-svg rect{
  fill:color-mix(in srgb,var(--team-category-color,#b9bfce) 9%,transparent);
  stroke:currentColor;
  stroke-width:1.35;
}
.pve-team-category-svg circle{
  fill:rgba(4,8,20,.52);
  stroke:currentColor;
  stroke-width:1.1;
}
.pve-team-category-svg path{
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.pve-team-category-svg text{
  fill:currentColor;
  font-family:var(--serif);
  font-size:10.5px;
  font-weight:800;
}
.pve-speed-row-name .pve-team-category-svg{
  width:46px;
  height:16px;
}
.pve-speed-updates .pve-speed-update-name .pve-team-category-svg{
  width:40px;
  height:14px;
}
.team-profile-name-heading .pve-team-category-svg{
  width:56px;
  height:20px;
}
.pve-team-podium-rank{
  top:8px;
  left:10px;
  width:116px;
  height:44px;
  z-index:4;
  color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 88%,var(--text));
  text-shadow:0 0 13px color-mix(in srgb,var(--team-color,var(--gold-lt)) 32%,transparent);
}
.pve-team-podium-rank .podium-no-svg{
  width:116px;
  height:44px;
}
.pve-team-podium-rank .podium-no-svg text{
  font-size:32px;
}
.pve-team-podium-logo{
  position:relative;
  z-index:3;
  width:132px;
  height:132px;
  min-height:132px;
  aspect-ratio:1 / 1;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--team-color,var(--gold-lt)) 18%,transparent),transparent 58%),
    linear-gradient(135deg,rgba(248,242,226,.05),rgba(98,203,230,.04)),
    rgba(0,0,0,.24);
  color:var(--gold-lt);
  text-shadow:0 0 10px rgba(200,160,64,.22);
  font-family:var(--serif);
  font-size:16px;
  line-height:1.25;
  text-align:center;
  box-shadow:0 0 16px rgba(0,0,0,.24), inset 0 0 18px rgba(200,160,64,.05);
}
.pve-team-podium.first .pve-team-podium-logo{
  width:146px;
  height:146px;
  min-height:146px;
}
.pve-team-podium-detail{
  position:relative;
  z-index:auto;
  width:100%;
  max-height:none;
  margin-top:6px;
  padding-top:8px;
  overflow:visible;
  opacity:1;
  transform:none;
  border-top:1px solid rgba(240,213,122,.16);
  cursor:pointer;
}
.pve-team-podium-detail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:11px;
}
.pve-team-podium-detail-head small{
  min-width:0;
  overflow:hidden;
  color:var(--muted);
  font-family:var(--sans);
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-team-podium-members{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px 9px;
}
.pve-team-podium-members-sub{
  margin-top:0;
}
.pve-team-podium-member{
  font-size:10px;
}
.pve-team-podium-member img{
  width:16px;
  height:16px;
}
.pve-team-badge{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--team-color,var(--gold-lt)) 62%,rgba(248,242,226,.32));
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--team-color,var(--gold-lt)) 36%,transparent),transparent 60%),
    rgba(4,8,20,.42);
  box-shadow:0 0 14px color-mix(in srgb,var(--team-color,var(--cyan)) 22%,transparent);
}
.pve-team-badge span{
  color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 76%,var(--text));
  font-family:Consolas,monospace;
  font-size:12px;
  font-weight:800;
  text-shadow:0 0 8px color-mix(in srgb,var(--team-color,var(--cyan)) 28%,transparent);
}
.pve-team-title-svg{
  margin-top:0;
}
.pve-team-title-tags{
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 5px;
}
.pve-team-title-tags .pve-team-title-svg{
  flex:0 0 auto;
}
.pve-team-podium-title-tags{
  justify-content:center;
  margin-top:1px;
}
.pve-team-report-btn{
  width:max-content;
  max-width:100%;
  min-height:26px;
  padding:4px 10px 5px;
  border:1px solid color-mix(in srgb,var(--team-color,var(--cyan)) 62%,var(--gold-30));
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--team-color,var(--cyan)) 20%,rgba(4,8,20,.82)),rgba(4,8,20,.86)),
    rgba(0,0,0,.16);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:11px;
  line-height:1;
  cursor:pointer;
  box-shadow:inset 0 0 12px color-mix(in srgb,var(--team-color,var(--cyan)) 16%,transparent);
}
.pve-team-report-btn:hover,
.pve-team-report-btn:focus-visible{
  color:#fff6ce;
  border-color:color-mix(in srgb,var(--team-color,var(--cyan)) 76%,var(--gold-lt));
  box-shadow:
    0 0 14px color-mix(in srgb,var(--team-color,var(--cyan)) 24%,transparent),
    inset 0 0 14px color-mix(in srgb,var(--team-color,var(--cyan)) 20%,transparent);
}
.pve-team-podium-report-btn{
  margin:5px auto 0;
}
.pve-team-detail-title-tags{
  justify-content:flex-start;
  margin-top:6px;
}
.pve-team-detail-report-btn{
  margin-top:6px;
}
.pve-team-progress-ranks{
  margin-top:2px;
  grid-template-columns:1fr;
  gap:0;
}
.pve-team-progress-item{
  min-width:0;
  position:relative;
  border-bottom:0;
}
.pve-team-progress-line{
  min-height:37px;
  border-bottom:0;
  grid-template-columns:42px minmax(0,1fr) 86px;
}
.pve-team-progress-main{
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:8px;
}
.pve-team-progress-main .pve-team-badge{
  width:26px;
  height:26px;
}
.pve-team-progress-main .pve-team-badge span{
  font-size:10px;
}
.pve-team-progress-main b{
  display:block;
  color:var(--team-color,var(--cyan));
  font-size:12px;
  line-height:1.25;
}
.pve-team-hover-state{
  justify-self:end;
  padding:3px 8px;
  border:1px solid color-mix(in srgb,var(--team-color,var(--gold-lt)) 55%,rgba(248,242,226,.22));
  color:var(--gold-lt);
  background:rgba(0,0,0,.16);
  font-family:Consolas,monospace;
  font-size:11px;
  white-space:nowrap;
}
.pve-team-progress-item:hover .pve-team-hover-state{
  color:var(--cyan);
  border-color:color-mix(in srgb,var(--team-color,var(--cyan)) 68%,rgba(248,242,226,.18));
}
.pve-team-progress-detail{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:20px;
  min-height:244px;
  max-height:none;
  overflow:visible;
  opacity:1;
  transform:none;
  pointer-events:auto;
  margin:4px 0 10px;
  padding:16px;
  border:1px solid color-mix(in srgb,var(--team-color,var(--gold-lt)) 24%,var(--gold-18));
  border-left:3px solid color-mix(in srgb,var(--team-color,var(--gold-lt)) 58%,var(--gold-30));
  background:
    radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--team-color,var(--cyan)) 14%,transparent),transparent 38%),
    linear-gradient(180deg,rgba(200,160,64,.06),rgba(0,0,0,.18)),
    rgba(4,8,20,.86);
  box-shadow:
    0 0 14px color-mix(in srgb,var(--team-color,var(--cyan)) 10%,transparent),
    inset 0 1px 0 rgba(248,242,226,.05);
  cursor:pointer;
}
.pve-team-progress-item:hover .pve-team-progress-detail{
  border-color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 42%,var(--gold-18));
}
.pve-team-detail-logo{
  align-self:center;
  justify-self:center;
  width:120px;
  height:120px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  background:
    radial-gradient(circle at 50% 35%,rgba(200,160,64,.18),transparent 58%),
    linear-gradient(135deg,rgba(248,242,226,.05),rgba(98,203,230,.04)),
    rgba(0,0,0,.24);
  color:var(--gold-lt);
  text-shadow:0 0 10px rgba(200,160,64,.22);
  font-family:var(--serif);
  font-size:18px;
  line-height:1.25;
  text-align:center;
  box-shadow:0 0 18px rgba(0,0,0,.22), inset 0 0 18px rgba(200,160,64,.05);
}
.pve-team-detail-logo .pve-team-logo-rank{
  top:-14px;
  left:-18px;
}
.pve-team-detail-logo .pve-team-logo-rank .podium-no-svg{
  width:78px;
  height:28px;
}
.pve-team-detail-logo .pve-team-logo-rank .podium-no-svg text{
  font-size:19px;
  stroke-width:3.4px;
}
.pve-team-detail-main{
  min-width:0;
  display:grid;
  align-content:center;
  gap:12px;
}
.pve-team-detail-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
}
.pve-team-detail-head b{
  display:inline-block;
  color:color-mix(in srgb,var(--team-color,var(--gold-lt)) 78%,var(--text));
  font-family:var(--serif);
  font-size:18px;
  font-weight:700;
  line-height:1.2;
  text-shadow:0 0 10px color-mix(in srgb,var(--team-color,var(--cyan)) 22%,transparent);
}
.pve-team-detail-head small,
.pve-team-detail-head em{
  display:inline-block;
  margin-left:6px;
  color:var(--muted);
  font-style:normal;
  font-size:12px;
}
.pve-team-detail-time{
  text-align:right;
}
.pve-team-detail-time b{
  color:var(--gold-lt);
  font-size:17px;
}
.pve-team-detail-time small{
  display:block;
  margin-top:6px;
  color:var(--muted);
}
.pve-team-detail-time .pve-team-detail-actions{
  justify-content:flex-end;
  margin-top:8px;
}
.pve-team-detail-members{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px 12px;
}
.pve-team-detail-members-sub{
  margin-top:0;
}
.pve-team-member-section{
  display:grid;
  gap:6px;
}
.pve-team-member-title{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  line-height:1.2;
}
.pve-team-podium-detail .pve-team-member-section + .pve-team-member-section{
  margin-top:11px;
}
.pve-team-detail-main .pve-team-member-section + .pve-team-member-section{
  margin-top:3px;
}
.pve-team-podium-participants{
  gap:9px;
}
.pve-team-leader-row{
  min-width:0;
  display:block;
  margin-bottom:5px;
}
.pve-team-member-prefix{
  flex:0 0 auto;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:11px;
  line-height:1.2;
}
.pve-team-leader-member{
  width:100%;
  justify-content:center;
  gap:8px;
  padding:5px 10px;
  border:1px solid rgba(240,213,122,.22);
  background:
    linear-gradient(90deg,transparent,rgba(240,213,122,.08),transparent),
    rgba(0,0,0,.12);
}
.pve-team-leader-member .pve-team-member-prefix{
  font-size:12px;
}
.pve-team-leader-member b{
  font-size:13px;
}
.pve-team-member{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  appearance:none;
  padding:0;
  border:0;
  background:transparent;
  color:var(--text);
  font-family:inherit;
  font-size:12px;
  line-height:1.2;
  text-align:left;
  cursor:pointer;
}
.pve-team-leader-member{
  gap:8px;
}
.pve-team-member:focus-visible{
  outline:1px solid rgba(98,203,230,.55);
  outline-offset:2px;
}
.pve-team-member img{
  width:18px;
  height:18px;
  flex:0 0 auto;
  border-radius:50%;
  box-shadow:0 0 8px color-mix(in srgb,var(--member-color,var(--cyan)) 42%,transparent);
}
.pve-team-leader-member img{
  width:22px;
  height:22px;
}
.pve-team-member b{
  min-width:0;
  overflow:hidden;
  color:var(--text);
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-team-member:hover b{
  color:var(--cyan);
  text-shadow:0 0 8px rgba(98,203,230,.22);
}
.pve-team-leader-svg{
  width:42px;
  height:20px;
  flex:0 0 auto;
  color:var(--gold-lt);
  filter:drop-shadow(0 0 6px rgba(200,160,64,.18));
}
.pve-team-leader-svg rect{
  fill:rgba(4,8,20,.42);
  stroke:currentColor;
  stroke-width:1.4;
}
.pve-team-leader-svg path{
  stroke:currentColor;
  stroke-width:1.2;
}
.pve-team-leader-svg text{
  fill:currentColor;
  font-size:10px;
  font-weight:700;
  font-family:var(--serif);
}
.pve-team-inline-leader-member .pve-team-leader-svg{
  width:38px;
  height:18px;
}
.pve-team-more-panel{
  width:100%;
  min-height:68px;
  display:grid;
  place-items:center;
  margin:14px 0 2px;
  padding:0;
  border:1px dashed rgba(240,213,122,.34);
  background:
    radial-gradient(circle at 50% 50%,rgba(240,213,122,.08),transparent 58%),
    linear-gradient(90deg,transparent,rgba(98,203,230,.04),transparent),
    rgba(4,8,20,.34);
  color:var(--gold-lt);
  cursor:pointer;
  font:inherit;
  text-align:center;
  transition:border-color .18s ease, color .18s ease, background .18s ease;
}
.pve-team-more-link{
  width:270px;
  max-width:70%;
  height:52px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  background:transparent;
  color:currentColor;
  pointer-events:none;
}
.pve-team-more-panel:focus-visible{
  outline:1px solid rgba(98,203,230,.62);
  outline-offset:4px;
}
.pve-team-more-svg{
  width:100%;
  height:52px;
  overflow:visible;
  color:currentColor;
  filter:drop-shadow(0 0 10px rgba(200,160,64,.18));
  transition:color .18s ease, filter .18s ease, transform .18s ease;
}
.pve-team-more-text{
  fill:currentColor;
  font-family:var(--serif);
  font-weight:700;
}
.pve-team-more-text{
  font-size:13px;
  letter-spacing:1px;
}
.pve-team-more-panel:hover,
.pve-team-more-panel:focus-visible{
  color:var(--cyan);
  border-color:rgba(98,203,230,.48);
  background:
    radial-gradient(circle at 50% 50%,rgba(98,203,230,.10),transparent 58%),
    linear-gradient(90deg,transparent,rgba(240,213,122,.06),transparent),
    rgba(4,8,20,.42);
}
.pve-team-more-panel:hover .pve-team-more-svg,
.pve-team-more-panel:focus-visible .pve-team-more-svg{
  filter:drop-shadow(0 0 12px rgba(98,203,230,.28));
  transform:translateY(-1px);
}
.pve-team-top100-control-wrap{
  position:relative;
  margin:14px 0 2px;
}
.pve-team-top100-control-wrap>.pve-team-more-panel{
  margin:0;
  padding-right:54px;
}
.pve-team-top100-close{
  position:absolute;
  top:10px;
  right:12px;
  z-index:2;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,90,100,.48);
  background:rgba(4,8,20,.72);
  color:#e9a0aa;
  font-family:Consolas,monospace;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease;
}
.pve-team-top100-close:hover,
.pve-team-top100-close:focus-visible{
  border-color:rgba(243,182,191,.76);
  background:rgba(52,12,20,.72);
  color:#f3b6bf;
  box-shadow:0 0 12px rgba(216,90,100,.20);
  outline:none;
}
.pve-team-more-panel.is-collapse-control{
  color:#e9a0aa;
  border-color:rgba(216,90,100,.42);
  background:
    radial-gradient(circle at 50% 50%,rgba(216,90,100,.10),transparent 58%),
    linear-gradient(90deg,transparent,rgba(240,213,122,.04),transparent),
    rgba(4,8,20,.38);
}
.pve-team-more-panel.is-collapse-control:hover,
.pve-team-more-panel.is-collapse-control:focus-visible{
  color:#f3b6bf;
  border-color:rgba(216,90,100,.58);
  background:
    radial-gradient(circle at 50% 50%,rgba(216,90,100,.14),transparent 58%),
    linear-gradient(90deg,transparent,rgba(248,242,226,.05),transparent),
    rgba(4,8,20,.44);
}
.pve-team-more-panel.is-collapse-control .pve-team-more-svg{
  filter:drop-shadow(0 0 10px rgba(216,90,100,.18));
}
.pve-team-top100-inline{
  display:grid;
  gap:12px;
  margin-top:14px;
}
.pve-team-top100-body{
  display:grid;
  gap:12px;
}
.pve-team-top100-card-flow{
  grid-template-columns:1fr;
  margin:0;
}
.pve-team-top100-body[hidden]{
  display:none;
}
.video-embed-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
}
.video-embed-panel{
  min-height:560px;
}
.video-embed-frame{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  margin-top:14px;
  border:1px solid rgba(240,213,122,.28);
  background:
    radial-gradient(circle at 50% 30%,rgba(98,203,230,.08),transparent 58%),
    rgba(0,0,0,.42);
  box-shadow:inset 0 0 28px rgba(0,0,0,.28);
}
.video-embed-frame iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
  background:#000;
}
.video-embed-empty{
  height:100%;
  display:grid;
  place-items:center;
  color:var(--muted);
  font-size:13px;
}
.video-rule-panel{
  align-self:start;
}
.team-scope-main-board .rank-card{
  min-height:0;
}
.team-scope-main-board .chart-card{
  min-height:0;
}
.pve-team-flow-section{
  display:block;
}
.pve-team-flow-list{
  display:grid;
  gap:9px;
  margin-top:12px;
}
.pve-team-flow-card{
  min-height:58px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:start;
  gap:10px;
  padding:9px 0;
  border-bottom:1px solid var(--line);
}
.pve-team-flow-card>span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:22px;
  border:1px solid var(--gold-30);
  color:var(--gold-lt);
  background:rgba(0,0,0,.22);
  font-family:Consolas,monospace;
  font-size:11px;
}
.pve-team-flow-card b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:14px;
  line-height:1.35;
}
.pve-team-flow-card small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
  line-height:1.55;
}
.team-scope-season-board{
  padding:14px;
}
.team-scope-sub-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:14px;
}
.team-scope-panel{
  padding:14px;
  min-height:188px;
}
.pve-team-mini-grid{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.team-base-models .pve-team-mini-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.pve-team-mini-model{
  min-height:54px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:8px;
  align-items:start;
  padding:8px 0;
  border-bottom:1px solid var(--line);
}
.pve-team-mini-model>span{
  display:inline-grid;
  place-items:center;
  width:26px;
  height:20px;
  border:1px solid var(--gold-18);
  color:var(--gold-lt);
  background:rgba(0,0,0,.20);
  font-family:Consolas,monospace;
  font-size:10px;
}
.pve-team-mini-model b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:13px;
  line-height:1.35;
}
.pve-team-mini-model small{
  display:block;
  margin-top:3px;
  color:var(--dim);
  font-size:11px;
  line-height:1.45;
}
.team-integration-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.team-integration-list span{
  min-height:32px;
  display:flex;
  align-items:center;
  padding:6px 8px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.18);
  color:var(--cyan);
  font-family:Consolas,monospace;
  font-size:11px;
}
.info-player-lines{
  gap:4px;
}
.info-player-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  justify-content:normal;
  min-height:24px;
  gap:8px;
  padding:2px 0;
}
.info-player-main{
  display:flex;
  align-items:center;
  min-width:0;
  gap:6px;
}
.info-player-main .sect-icon{
  width:20px;
  height:20px;
  flex:0 0 auto;
}
.info-player-main b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--role-color,var(--text));
  font-weight:600;
}
.info-player-line>span:last-child{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.info-player-line.is-unknown .info-player-main b,
.info-player-line.is-placeholder .info-player-main b{
  color:rgba(185,191,206,.72);
}
.info-player-line.is-placeholder{
  opacity:.72;
}
.info-player-action{
  width:100%;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.info-player-action:hover,
.info-player-action:focus-visible{
  background:rgba(98,203,230,.06);
  outline:0;
}
.rank-link{
  width:100%;
  padding:0 8px;
  text-align:left;
  background:rgba(0,0,0,.08);
  border-top:0;
  border-left:0;
  border-right:0;
  cursor:pointer;
}
.rank-link:hover,.rank-link:focus-visible,.podium-card:hover,.podium-card:focus-visible{
  border-color:var(--gold-50);
  color:var(--gold-lt);
  background:rgba(200,160,64,.08);
  outline:0;
}
.rank-entry{
  grid-template-columns:30px minmax(0,1fr) 112px;
  min-height:40px;
  gap:8px;
  padding:0 6px;
  background:rgba(0,0,0,.08);
}
.rank-index{color:var(--gold-lt);font-family:Consolas,monospace}
.rank-character,.podium-character,.profile-chip{
  min-width:0;
  border:0;
  background:transparent;
  color:var(--text);
}
.rank-character,.podium-character{
  position:relative;
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  align-items:center;
  gap:6px;
  padding:0;
  text-align:left;
}
.podium-character{grid-template-columns:38px minmax(0,1fr);justify-content:center}
.role-identity{
  min-width:0;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:6px;
  overflow:hidden;
  vertical-align:middle;
}
.role-identity>.sect-icon{
  flex:0 0 auto;
}
.role-identity-copy{
  min-width:0;
  max-width:100%;
  display:inline-flex;
  align-items:baseline;
  flex-wrap:nowrap;
  gap:3px;
  white-space:nowrap;
}
.role-identity-copy b,
.role-identity-copy small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.role-identity-copy b{
  flex:1 1 auto;
  color:var(--role-color,var(--text));
  font-weight:600;
}
.role-identity-copy small{
  flex:0 0 auto;
  color:rgba(98,203,230,.76);
  font-size:10px;
}
.rank-character .role-identity,
.podium-character .role-identity,
.master-rank-name .role-identity,
.info-player-main .role-identity,
.pve-team-member .role-identity{
  width:100%;
}
.rank-character .role-identity-copy,
.podium-character .role-identity-copy,
.master-rank-name .role-identity-copy,
.info-player-main .role-identity-copy,
.pve-team-member .role-identity-copy{
  display:inline-flex;
  align-items:baseline;
  flex-wrap:nowrap;
  max-width:100%;
  white-space:nowrap;
}
.rank-character .role-identity-copy small,
.podium-character .role-identity-copy small,
.master-rank-name .role-identity-copy small,
.info-player-main .role-identity-copy small,
.pve-team-member .role-identity-copy small{
  display:inline;
  margin-top:0;
}
.podium-character .role-identity.is-server-below{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
}
.podium-character .role-identity.is-server-below .role-identity-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  max-width:100%;
  white-space:normal;
}
.podium-character .role-identity.is-server-below .role-identity-copy b,
.podium-character .role-identity.is-server-below .role-identity-copy small{
  max-width:100%;
  text-align:center;
  white-space:nowrap;
}
.podium-character .role-identity.is-server-below .role-identity-copy small{
  display:block;
  margin-top:1px;
}
.rank-character b,.rank-character small,.podium-character b,.podium-character small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rank-character b,.podium-character b{font-size:11px;font-weight:600;color:var(--role-color,var(--text))}
.rank-character small,.podium-character small{margin-top:2px;color:var(--dim);font-size:10px}
.rank-entry .rank-character small{display:block;color:rgba(98,203,230,.76)}
.rank-entry .rank-character{
  align-self:stretch;
}
.rank-entry .rank-character>span{
  min-height:100%;
  display:flex;
  align-items:center;
}
.rank-entry .rank-character .role-identity,
.rank-entry .rank-character .role-identity-copy{
  align-items:center;
}
.rank-entry .rank-character b{
  font-size:12px;
  line-height:1.2;
}
.rank-entry .rank-character small{
  margin-top:0;
  font-size:10px;
  line-height:1.2;
}
.ladder-title-svg{
  display:block;
  width:var(--ladder-title-width,64px);
  height:18px;
  margin-top:3px;
  overflow:visible;
  pointer-events:none;
}
.podium-character .ladder-title-svg{
  margin:5px auto 0;
}
.ladder-title-svg rect{
  fill:color-mix(in srgb,var(--title-color,var(--gold-lt)) 10%,transparent);
  stroke:color-mix(in srgb,var(--title-color,var(--gold-lt)) 76%,var(--gold-lt));
  stroke-width:1;
}
.ladder-title-svg path{
  fill:none;
  stroke:color-mix(in srgb,var(--title-color,var(--gold-lt)) 76%,var(--gold-lt));
  stroke-width:1;
  opacity:.56;
}
.ladder-title-svg text{
  fill:color-mix(in srgb,var(--title-color,var(--gold-lt)) 84%,var(--gold-lt));
  font-size:10px;
  font-weight:700;
  font-family:"Microsoft YaHei",sans-serif;
}
.ranking-title-badge{
  min-height:26px;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
  padding:4px 11px;
  border:1px solid var(--ranking-title-frame,var(--ranking-title-color,var(--gold-lt)));
  border-radius:8px;
  background:color-mix(in srgb,var(--ranking-title-frame,var(--gold-lt)) 12%,rgba(4,8,20,.94));
  color:var(--ranking-title-color,var(--gold-lt));
  font-family:"Microsoft YaHei",sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.35px;
  white-space:nowrap;
  box-shadow:
    0 0 12px color-mix(in srgb,var(--ranking-title-frame,var(--gold-lt)) 44%,transparent),
    0 0 24px color-mix(in srgb,var(--ranking-title-frame,var(--gold-lt)) 18%,transparent),
    inset 0 0 10px color-mix(in srgb,var(--ranking-title-frame,var(--gold-lt)) 28%,transparent);
}
.ranking-title-badge.is-single-color{
  color:var(--ranking-title-color,var(--gold-lt));
}
.ranking-title-badge.is-multicolor{
  --ranking-title-frame:#ff4f5e;
  border-color:var(--ranking-title-frame);
  background:color-mix(in srgb,var(--ranking-title-frame) 11%,rgba(4,8,20,.95));
  box-shadow:
    0 0 14px color-mix(in srgb,var(--ranking-title-frame) 52%,transparent),
    0 0 28px color-mix(in srgb,var(--ranking-title-frame) 22%,transparent),
    inset 0 0 12px color-mix(in srgb,var(--ranking-title-frame) 34%,transparent);
}
.ranking-title-character{
  color:var(--ranking-title-character,var(--gold-lt));
  text-shadow:0 0 5px currentColor,0 0 10px currentColor;
  animation:rankingTitleChromaticFade 6.4s ease-in-out infinite;
  animation-delay:calc(var(--ranking-title-character-index,0) * -1.6s);
}
.ranking-title-separator{
  color:var(--ranking-title-frame,#ff4f5e);
  text-shadow:0 0 7px currentColor;
}
@keyframes rankingTitleChromaticFade{
  0%,100%{color:var(--ranking-title-color-a);opacity:.68}
  12.5%{opacity:1}
  25%{color:var(--ranking-title-color-b);opacity:.72}
  37.5%{opacity:1}
  50%{color:var(--ranking-title-color-c);opacity:.72}
  62.5%{opacity:1}
  75%{color:var(--ranking-title-color-d);opacity:.72}
  87.5%{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .ranking-title-character{
    color:var(--ranking-title-character,var(--gold-lt));
    animation:none;
  }
}
.rank-character-copy{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
}
.podium-character-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
.ladder-ranking-title{
  min-height:23px;
  flex:0 0 auto;
  padding:3px 8px;
  font-size:10px;
}
.podium-character .ladder-ranking-title{
  margin-top:3px;
}
.profile-ranking-title,
.sect-art-ranking-title{
  min-height:28px;
  padding:4px 10px;
}
.master-ranking-title{
  min-height:23px;
  flex:0 0 auto;
  padding:3px 8px;
  font-size:10px;
}
.master-rank-row.is-top .master-ranking-title{
  min-height:25px;
  font-size:11px;
}
.pve-team-ranking-title{
  min-height:27px;
}
.sect-icon{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  background:transparent;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  overflow:hidden;
}
.sect-icon.has-image{
  border-color:rgba(240,213,122,.36);
}
.sect-icon.missing-image{
  border-style:dashed;
  opacity:.78;
}
.sect-icon-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--role-color,var(--gold-lt)) 38%,transparent));
}
.role-card-icon-with-tier{min-width:max-content;display:inline-flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;line-height:1}
.role-weapon-tier-badge{width:44px;height:16px;display:block;overflow:visible;color:#b989ff;filter:drop-shadow(0 0 4px rgba(185,137,255,.34));pointer-events:none}.role-weapon-tier-badge.is-orange{color:#ff9d3d;filter:drop-shadow(0 0 4px rgba(255,157,61,.38))}.role-weapon-tier-badge path{fill:rgba(5,10,22,.90);stroke:currentColor;stroke-width:1}.role-weapon-tier-badge text{fill:currentColor;font:700 8px "Microsoft YaHei",sans-serif}
.podium-character{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
}
.podium-character .sect-icon{width:44px;height:44px;font-size:16px}
.podium-character b{font-size:16px;line-height:1.1}
.podium-card.first .podium-character b{font-size:18px}
.podium-character small{
  display:block;
  margin-top:4px;
  color:rgba(98,203,230,.82);
  font-size:10px;
  font-family:var(--sans);
}
.profile-chip{
  display:flex;
  align-items:center;
  gap:5px;
  padding:0;
  color:var(--cyan);
  font-size:10px;
  text-align:left;
}
.profile-chip:hover,.profile-chip:focus-visible,.rank-character:hover,.rank-character:focus-visible,.podium-character:hover,.podium-character:focus-visible{
  color:var(--gold-lt);
  outline:0;
}
.rank-entry:hover .rank-character::after,.rank-character:hover::after,.rank-character:focus-visible::after,
.podium-card:hover .podium-character::after,.podium-character:hover::after,.podium-character:focus-visible::after{
  content:attr(data-profile);
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  z-index:20;
  min-width:max-content;
  padding:6px 10px 6px 34px;
  border:1px solid var(--gold-30);
  background:rgba(4,8,20,.98);
  color:var(--text);
  box-shadow:0 10px 24px rgba(0,0,0,.36);
  font-size:11px;
  line-height:1;
  pointer-events:none;
}
.rank-entry:hover .rank-character::before,.rank-character:hover::before,.rank-character:focus-visible::before,
.podium-card:hover .podium-character::before,.podium-character:hover::before,.podium-character:focus-visible::before{
  content:"";
  position:absolute;
  left:7px;
  top:calc(100% + 12px);
  z-index:21;
  width:18px;
  height:18px;
  border:1px solid var(--gold-30);
  background:
    linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),
    url("./parser-native-three-page/assets/sect-art/七秀/mess-role-1.png") center/cover;
  pointer-events:none;
}
.site-avatar{
  width:20px;
  height:20px;
  flex:0 0 auto;
  border:1px solid var(--gold-30);
  background:
    linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),
    url("./parser-native-three-page/assets/sect-art/七秀/mess-role-1.png") center/cover;
}
.site-avatar-1{background-image:linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),url("./parser-native-three-page/assets/sect-art/五毒/mess-role-1.png")}
.site-avatar-2{background-image:linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),url("./parser-native-three-page/assets/sect-art/凌雪阁/mess-role-1.png")}
.site-avatar-3{background-image:linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),url("./parser-native-three-page/assets/sect-art/万花/mess-role-1.png")}
.site-avatar-4{background-image:linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),url("./parser-native-three-page/assets/sect-art/唐门/mess-role-1.png")}
.site-avatar-5{background-image:linear-gradient(rgba(4,8,20,.12),rgba(4,8,20,.26)),url("./parser-native-three-page/assets/sect-art/纯阳/mess-role-1.png")}
.rank-card,.chart-card{overflow:visible}
.rank-entry:hover .rank-character::after,.rank-character:hover::after,.rank-character:focus-visible::after,
.podium-card:hover .podium-character::after,.podium-character:hover::after,.podium-character:focus-visible::after,
.rank-entry:hover .rank-character::before,.rank-character:hover::before,.rank-character:focus-visible::before,
.podium-card:hover .podium-character::before,.podium-character:hover::before,.podium-character:focus-visible::before{
  content:none!important;
  display:none!important;
}
.profile-tooltip{
  display:none;
  position:fixed;
  left:var(--profile-tooltip-x,-9999px);
  top:var(--profile-tooltip-y,-9999px);
  bottom:auto;
  z-index:5000;
  width:264px;
  padding:9px;
  border:1px solid var(--gold-30);
  background:rgba(4,8,20,.98);
  color:var(--text);
  box-shadow:0 14px 30px rgba(0,0,0,.46);
  pointer-events:none;
  text-align:left;
  transform:none;
}
.rank-character>.profile-tooltip,
.podium-character>.profile-tooltip,
.master-rank-row>.profile-tooltip,
.bar>.profile-tooltip,
.pve-team-member>.profile-tooltip{display:none!important}
.profile-tooltip-floating{
  display:block;
  position:fixed;
  left:var(--profile-tooltip-x,-9999px);
  top:var(--profile-tooltip-y,-9999px);
  bottom:auto;
  z-index:99999;
  transform:none;
  pointer-events:none;
}
.profile-tooltip-floating[hidden]{display:none!important}
.profile-tooltip-floating:not([hidden]){display:block!important}
.master-rank-row>.profile-tooltip{
  left:var(--profile-tooltip-x,-9999px);
  top:var(--profile-tooltip-y,-9999px);
  bottom:auto;
  transform:none;
}
.podium-character>.profile-tooltip{
  left:var(--profile-tooltip-x,-9999px);
  top:var(--profile-tooltip-y,-9999px);
  bottom:auto;
  transform:none;
}
.bar>.profile-tooltip{
  left:var(--profile-tooltip-x,-9999px);
  top:var(--profile-tooltip-y,-9999px);
  bottom:auto;
  transform:none;
}
.pve-team-member>.profile-tooltip{
  left:var(--profile-tooltip-x,-9999px);
  top:var(--profile-tooltip-y,-9999px);
  bottom:auto;
  transform:none;
}
.profile-tip-damage{
  display:block;
  margin:0 0 7px;
  padding:0 0 7px;
  border-bottom:1px solid rgba(240,213,122,.22);
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:12px;
  font-weight:700;
}
.profile-tip-head{
  display:flex;
  align-items:center;
  gap:8px;
}
.profile-tip-avatar{
  display:grid;
  place-items:center;
  overflow:hidden;
  background:rgba(5,12,24,.66);
}
.profile-tip-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.profile-tip-avatar.is-empty{
  background:
    linear-gradient(135deg,transparent calc(50% - 1px),rgba(205,222,240,.22) 50%,transparent calc(50% + 1px)),
    rgba(5,12,24,.66);
}
.profile-tip-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.profile-tip-main b{
  color:var(--cyan);
  font-size:12px;
  line-height:1.2;
}
.profile-tip-main small{
  color:var(--muted);
  font-size:10px;
  line-height:1.2;
}
.profile-tip-row{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid rgba(232,226,214,.10);
  font-size:10px;
  line-height:1.2;
}
.profile-tip-row em{
  color:var(--gold-lt);
  font-style:normal;
}
.profile-tip-row.is-master-branch{
  align-items:baseline;
  font-size:13px;
  line-height:1.35;
}
.profile-tip-role-identity-only{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid rgba(232,226,214,.10);
  text-align:left;
}
.profile-tip-role-identity-only .profile-tip-identity,
.profile-tip-role-identity-only .role-identity-copy{
  width:auto;
  max-width:none;
  justify-content:flex-start;
}
.profile-tip-role-identity-only .role-identity-copy b,
.profile-tip-role-identity-only .role-identity-copy small{
  max-width:none;
  overflow:visible;
  text-overflow:clip;
}
.profile-tip-row.is-master-branch em,
.profile-tip-branch-rank{
  font-weight:800;
}
.profile-tip-branch-rank.is-orange-weapon{
  color:#ff9a3c;
  text-shadow:0 0 8px rgba(255,126,34,.38);
}
.profile-tip-branch-rank.is-purple-weapon{
  color:#c58cff;
  text-shadow:0 0 8px rgba(160,86,255,.38);
}
.profile-title-list{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(240,213,122,.18);
}
.profile-title-svg{
  width:98px;
  height:28px;
  flex:0 0 auto;
}
.profile-title-svg rect{
  fill:rgba(240,213,122,.06);
  stroke:var(--title-color,var(--gold-lt));
  stroke-width:1;
}
.profile-title-svg path{
  fill:none;
  stroke:var(--title-color,var(--gold-lt));
  stroke-width:1;
  opacity:.58;
}
.profile-title-svg text{
  fill:var(--title-color,var(--gold-lt));
  font-size:10px;
  font-weight:700;
  font-family:"Microsoft YaHei",sans-serif;
}
.profile-tip-action{
  display:block;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(102,224,255,.22);
  color:var(--cyan);
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  text-align:center;
}
.rank-damage{
  justify-self:end;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:11px;
  white-space:nowrap;
}
.podium-card .profile-chip{justify-content:center}
.podium-card .rank-damage{
  position:absolute;
  z-index:1;
  left:10px;
  right:10px;
  bottom:9px;
  justify-self:center;
  text-align:center;
  color:var(--gold-lt);
  pointer-events:none;
}
.link,.text-link{
  color:var(--gold-lt);
  font-size:11px;
  text-align:right;
  margin-top:10px;
  border:0;
  background:none;
  padding:0;
}
.link[data-action="open-list"]{
  display:block;
  width:max-content;
  margin:10px 0 0 auto;
}
.bar-wrap{
  height:222px;
  display:flex;
  position:relative;
  align-items:flex-end;
  gap:4px;
  padding:12px 8px 0;
  border-bottom:1px solid var(--line);
  --bar-guide-y:-999px;
}
.bar-wrap.has-bar-guide::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:var(--bar-guide-y);
  z-index:4;
  height:1px;
  transform:translateY(-.5px);
  background:linear-gradient(to right,transparent,rgba(240,213,122,.72),rgba(98,203,230,.56),transparent);
  box-shadow:0 0 8px rgba(98,203,230,.34);
  pointer-events:none;
}
.bar{
  flex:1 1 0;
  min-width:0;
  position:relative;
  height:calc(var(--h) * 1%);
  color:var(--bar-color,var(--gold-lt));
  border:1px solid color-mix(in srgb,var(--bar-color,var(--gold-lt)) 72%,rgba(232,226,214,.58));
  background:
    linear-gradient(to top,color-mix(in srgb,var(--bar-color,var(--gold-lt)) 42%,transparent),rgba(232,226,214,.08)),
    rgba(4,8,20,.18);
  box-shadow:inset 0 0 18px color-mix(in srgb,var(--bar-color,var(--gold-lt)) 22%,transparent);
}
.bar.hot{
  border-color:var(--bar-color,var(--gold-lt));
  background:
    linear-gradient(to top,color-mix(in srgb,var(--bar-color,var(--gold-lt)) 58%,transparent),rgba(224,192,96,.10)),
    rgba(4,8,20,.12);
}
.bar.low{opacity:.48}
.bar[data-report-player]{
  cursor:pointer;
}
.bar.placeholder{
  min-height:24px;
  border-style:dashed;
  opacity:.70;
  background:
    repeating-linear-gradient(to top,rgba(232,226,214,.08) 0 6px,transparent 6px 12px),
    linear-gradient(to top,color-mix(in srgb,var(--bar-color,var(--gold-lt)) 24%,transparent),rgba(232,226,214,.04)),
    rgba(4,8,20,.22);
  box-shadow:inset 0 0 12px color-mix(in srgb,var(--bar-color,var(--gold-lt)) 14%,transparent);
}
.bar-name{
  position:absolute;
  left:50%;
  top:6px;
  bottom:6px;
  transform:translateX(-50%);
  writing-mode:vertical-rl;
  text-orientation:upright;
  color:rgba(246,244,230,.90);
  font-size:10px;
  line-height:1;
  letter-spacing:1px;
  overflow:hidden;
  pointer-events:none;
  text-shadow:0 0 5px rgba(0,0,0,.85);
}
.bar-name.role-identity{
  top:4px;
  bottom:4px;
  width:24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  writing-mode:horizontal-tb;
  letter-spacing:0;
}
.bar-name.role-identity .sect-icon{
  width:14px;
  height:14px;
}
.bar-name.role-identity .role-identity-copy{
  min-height:0;
  display:flex;
  align-items:center;
  writing-mode:vertical-rl;
  text-orientation:upright;
}
.bar-name.role-identity .role-identity-copy b,
.bar-name.role-identity .role-identity-copy small{
  color:rgba(246,244,230,.90);
  font-size:9px;
  line-height:1;
  letter-spacing:0;
}
.bar-name.role-identity .role-identity-copy small{
  margin-top:0;
  color:rgba(98,203,230,.80);
}
.bar-record-name{
  top:7px;
  bottom:7px;
  width:100%;
  display:flex;
  align-items:center;
  gap:4px;
  writing-mode:vertical-rl;
  text-orientation:upright;
  letter-spacing:0;
  font-family:var(--serif);
  color:rgba(246,244,230,.94);
}
.bar-record-name b,
.bar-record-name small{
  display:block;
  font-style:normal;
  font-weight:800;
  line-height:1;
  text-shadow:0 0 6px rgba(0,0,0,.9);
}
.bar-record-name b{
  font-size:12px;
  color:rgba(246,244,230,.96);
}
.bar-record-name small{
  font-size:11px;
  color:var(--cyan);
}
.bar.placeholder .bar-name{
  color:rgba(232,226,214,.66);
  font-size:9px;
}
.bar:hover::after{
  content:attr(data-tip);
  position:absolute;
  left:50%;
  bottom:calc(100% + 8px);
  transform:translateX(-50%);
  white-space:nowrap;
  padding:5px 8px;
  border:1px solid var(--gold-30);
  color:var(--text);
  background:rgba(4,8,20,.96);
  font-size:10px;
  z-index:2;
}
.dot-row{display:flex;gap:6px;flex-wrap:nowrap;padding:9px 8px 0;overflow:hidden}
.dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(232,226,214,.76);flex:0 0 auto}
.dot.on{background:var(--gold);border-color:var(--gold)}
.dot.low{opacity:.45}
.bar-stack{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-rows:minmax(0,.42fr) minmax(0,.58fr);
  gap:14px;
  padding-top:8px;
}
.bar-group{
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:5px;
}
.bar-group-label{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:.2px;
}
.split-label{
  display:grid;
  grid-template-columns:repeat(23,minmax(0,1fr));
  column-gap:4px;
}
.split-label span:first-child{grid-column:7 / 11}
.split-label span:last-child{grid-column:14 / 19;padding-left:1px}
.bar-group .bar-wrap{
  height:auto;
  min-height:0;
  padding-top:6px;
}
.bar-group-support .bar-wrap,
.bar-group-support .bar-icon-row{
  display:grid;
  grid-template-columns:repeat(23,minmax(0,1fr));
  gap:4px;
}
.bar-group-support .bar-wrap{
  align-items:end;
}
.bar-group-support .bar{
  width:100%;
  min-width:0;
  flex:none;
}
.bar-group-support .bar-wrap>.bar:nth-of-type(1){grid-column:7}
.bar-group-support .bar-wrap>.bar:nth-of-type(2){grid-column:8}
.bar-group-support .bar-wrap>.bar:nth-of-type(3){grid-column:9}
.bar-group-support .bar-wrap>.bar:nth-of-type(4){grid-column:10}
.bar-group-support .bar-wrap>.bar:nth-of-type(5){grid-column:14}
.bar-group-support .bar-wrap>.bar:nth-of-type(6){grid-column:15}
.bar-group-support .bar-wrap>.bar:nth-of-type(7){grid-column:16}
.bar-group-support .bar-wrap>.bar:nth-of-type(8){grid-column:17}
.bar-group-support .bar-wrap>.bar:nth-of-type(9){grid-column:18}
.bar-group-support .bar-icon-row>.bar-foot-icon:nth-child(1){grid-column:7}
.bar-group-support .bar-icon-row>.bar-foot-icon:nth-child(2){grid-column:8}
.bar-group-support .bar-icon-row>.bar-foot-icon:nth-child(3){grid-column:9}
.bar-group-support .bar-icon-row>.bar-foot-icon:nth-child(4){grid-column:10}
.bar-group-support .bar-icon-row>.bar-foot-icon:nth-child(6){grid-column:14}
.bar-group-support .bar-icon-row>.bar-foot-icon:nth-child(7){grid-column:15}
.bar-group-support .bar-icon-row>.bar-foot-icon:nth-child(8){grid-column:16}
.bar-group-support .bar-icon-row>.bar-foot-icon:nth-child(9){grid-column:17}
.bar-group-support .bar-icon-row>.bar-foot-icon:nth-child(10){grid-column:18}
.bar-group-support .bar{border-color:color-mix(in srgb,var(--bar-color,var(--cyan)) 72%,rgba(232,226,214,.58))}
.bar-group-support .bar.hot{border-color:var(--bar-color,var(--cyan))}
.bar-group-support .dot.on{background:var(--cyan);border-color:var(--cyan)}
.support-divider{
  grid-column:12;
  justify-self:center;
  align-self:stretch;
  width:1px;
  margin:0;
  background:linear-gradient(to bottom,transparent,rgba(240,213,122,.56),transparent);
}
.bar-icon-row{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:nowrap;
  padding:5px 8px 0;
  overflow:visible;
}
.bar-foot-icon{
  flex:1 1 0;
  min-width:0;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--bar-color,var(--gold-lt)) 68%,rgba(232,226,214,.46));
  background:
    radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--bar-color,var(--gold-lt)) 42%,transparent),transparent 58%),
    rgba(4,8,20,.34);
  color:var(--bar-color,var(--gold-lt));
  font-family:var(--serif);
  font-size:10px;
  font-weight:700;
  line-height:1;
  text-shadow:0 0 6px color-mix(in srgb,var(--bar-color,var(--gold-lt)) 70%,transparent);
}
.bar-foot-icon.placeholder{
  border-style:dashed;
  color:rgba(232,226,214,.72);
  font-size:9px;
  opacity:.78;
  text-shadow:none;
}
.bar-foot-icon.has-image{
  background:transparent;
  border-color:transparent;
  overflow:visible;
}
.bar-foot-icon.missing-image{
  border-style:dashed;
  background:
    linear-gradient(135deg,rgba(255,255,255,.05),transparent 48%),
    rgba(4,8,20,.28);
}
.bar-foot-img{
  width:20px;
  height:20px;
  display:block;
  object-fit:contain;
  border-radius:0;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--bar-color,var(--gold-lt)) 42%,transparent));
}
.bar-foot-missing{
  font-family:var(--sans);
  font-size:9px;
  font-weight:700;
  line-height:1;
  color:rgba(232,226,214,.72);
  text-shadow:none;
}
.support-icon-divider{
  grid-column:12;
  justify-self:center;
  align-self:stretch;
  width:1px;
  margin:0;
  background:linear-gradient(to bottom,transparent,rgba(240,213,122,.46),transparent);
}
.boss-linked-board .mingxia-record-chart-section{
  padding:16px 18px 0 16px;
  border-bottom:1px solid var(--gold-30);
}
.pve-control-mingxia .boss-linked-board{
  overflow-x:auto;
}
.pve-control-mingxia .boss-linked-toolbar,
.pve-control-mingxia .mingxia-record-chart-section,
.pve-control-mingxia .master-profession-tabs,
.pve-control-mingxia .mingxia-kungfu-nav,
.pve-control-mingxia .mingxia-rank-board{
  min-width:1180px;
}
.mingxia-record-chart-grid{
  display:grid;
  grid-template-columns:repeat(33,minmax(0,1fr));
  align-items:end;
  gap:4px;
  width:100%;
  min-width:0;
}
.mingxia-chart-segment{
  grid-column:var(--mingxia-segment-start) / span var(--mingxia-segment-span);
  min-width:0;
  display:grid;
  grid-template-rows:auto 222px;
  gap:6px;
}
.mingxia-chart-segment .bar-group-label{
  text-align:center;
}
.mingxia-chart-segment.is-tank .bar-group-label,
.mingxia-chart-segment.is-heal .bar-group-label{
  color:var(--gold-lt);
}
.mingxia-chart-segment .bar-wrap{
  width:100%;
  height:222px;
  min-height:222px;
  padding:12px 0 0;
  gap:4px;
}
.mingxia-chart-segment .bar-wrap.has-bar-guide::before{
  left:0;
  right:0;
}
.mingxia-chart-segment .bar{
  width:100%;
  min-width:0;
}
.mingxia-chart-segment .bar.placeholder{
  height:12px;
  min-height:12px;
}
.boss-linked-board .mingxia-rank-board{
  display:block;
  margin-top:14px;
}
.boss-linked-board .mingxia-rank-board .linked-rank-section{
  padding:16px;
  border-right:0;
}
.mingxia-top-six{
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:stretch;
  gap:10px;
  min-height:0;
}
.mingxia-top-six .podium-card,
.mingxia-top-six .podium-card.first,
.mingxia-top-six .podium-card.second,
.mingxia-top-six .podium-card.third{
  width:100%;
  height:200px;
  min-height:200px;
  padding:24px 8px 20px;
}
.mingxia-rank-columns{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.expand-board{margin:0 18px 18px}
.season-scope-board{
  position:relative;
  margin:22px 16px 18px;
  padding:18px 0 18px 22px;
  border-top:1px solid var(--line-soft);
  border-left:2px solid rgba(200,160,64,.28);
  background:linear-gradient(90deg,rgba(200,160,64,.045),rgba(6,14,32,.03) 46%,transparent);
}
.season-scope-board::before{
  content:"";
  position:absolute;
  left:-5px;
  top:16px;
  width:8px;
  height:8px;
  border:1px solid var(--gold-30);
  background:rgba(6,14,32,.88);
  transform:rotate(45deg);
}
.season-scope-board .sect-lattice{
  min-height:236px;
  padding:10px 24px 14px;
  opacity:1;
  border-bottom:0;
}
.season-scope-board .sub-grid{
  margin-top:0;
  padding:0 16px 2px 0;
}
.season-scope-board .mini-panel{
  border-color:var(--line-soft);
  background:rgba(6,14,32,.50);
}
.season-scope-board .mini-panel.sect-art{
  overflow:visible;
  background:rgba(6,14,32,.38);
}
.season-scope-board .mini-panel:not(.master) .section-title{
  margin-bottom:10px;
}
.season-scope-board .mini-panel:not(.master) .section-title b{
  font-size:13px;
}
.season-scope-board .mini-panel:not(.master) .section-title small{
  font-size:10px;
}
.season-scope-board .mini-panel:not(.master) .info-lines{
  gap:3px;
}
.season-scope-board .mini-panel:not(.master) .info-player-line{
  min-height:22px;
  padding:1px 0;
  font-size:11px;
}
.season-scope-board .mini-panel:not(.master) .info-player-main{
  gap:5px;
}
.season-scope-board .mini-panel:not(.master) .info-player-main .sect-icon{
  width:18px;
  height:18px;
}
.season-scope-board .mini-panel:not(.master) .info-player-main b,
.season-scope-board .mini-panel:not(.master) .info-player-line>span:last-child{
  font-size:11px;
}
.season-independent-board{
  margin:0 16px 18px 40px;
  padding:0 16px 2px 0;
}
.season-independent-grid{
  display:grid;
  grid-template-columns:1.68fr .56fr .60fr;
  grid-template-rows:minmax(156px,auto) minmax(236px,auto);
  gap:14px;
}
.season-independent-board .mini-panel{
  border-color:var(--line-soft);
  background:rgba(6,14,32,.50);
}
.season-independent-board .mini-panel:not(.master) .section-title{
  margin-bottom:10px;
}
.season-independent-board .mini-panel:not(.master) .section-title b{
  font-size:13px;
}
.season-independent-board .mini-panel:not(.master) .section-title small{
  font-size:10px;
}
.season-independent-board .mini-panel:not(.master) .info-lines{
  gap:3px;
}
.season-independent-board .mini-panel:not(.master) .info-player-line{
  min-height:22px;
  padding:1px 0;
  font-size:11px;
}
.season-independent-board .mini-panel:not(.master) .info-player-main{
  gap:5px;
}
.season-independent-board .mini-panel:not(.master) .info-player-main .sect-icon{
  width:18px;
  height:18px;
}
.season-independent-board .mini-panel:not(.master) .info-player-main b,
.season-independent-board .mini-panel:not(.master) .info-player-line>span:last-child{
  font-size:11px;
}
.sect-lattice{
  display:grid;
  grid-template-columns:repeat(24,42px);
  grid-auto-rows:62px;
  align-items:start;
  justify-content:center;
  column-gap:4px;
  row-gap:0;
  overflow:visible;
  min-height:214px;
  padding:4px 0 12px;
  border-bottom:1px solid var(--line-soft);
}
.sect-token{
  width:84px;
  height:84px;
  justify-self:center;
  min-width:0;
  flex:0 0 auto;
  position:relative;
  overflow:visible;
  border:0;
  clip-path:none;
  background:transparent;
  box-shadow:none;
  z-index:1;
  --sect-offset-x:0px;
  --sect-offset-y:0px;
  --sect-art-flip:1;
  transform:translate(var(--sect-offset-x),var(--sect-offset-y));
  cursor:pointer;
}
.sect-token.is-mirrored{
  --sect-art-flip:-1;
}
.sect-token:nth-child(n+1):nth-child(-n+9){
  grid-row:1;
  --sect-offset-y:0px;
}
.sect-token:nth-child(n+10):nth-child(-n+21){
  grid-row:2;
  --sect-offset-y:0px;
}
.sect-token:nth-child(n+22):nth-child(-n+32){
  grid-row:3;
  --sect-offset-y:0px;
}
.sect-token:nth-child(1){grid-column:4 / span 2}
.sect-token:nth-child(2){grid-column:6 / span 2}
.sect-token:nth-child(3){grid-column:8 / span 2}
.sect-token:nth-child(4){grid-column:10 / span 2}
.sect-token:nth-child(5){grid-column:12 / span 2}
.sect-token:nth-child(6){grid-column:14 / span 2}
.sect-token:nth-child(7){grid-column:16 / span 2}
.sect-token:nth-child(8){grid-column:18 / span 2}
.sect-token:nth-child(9){grid-column:20 / span 2}
.sect-token:nth-child(10){grid-column:1 / span 2}
.sect-token:nth-child(11){grid-column:3 / span 2}
.sect-token:nth-child(12){grid-column:5 / span 2}
.sect-token:nth-child(13){grid-column:7 / span 2}
.sect-token:nth-child(14){grid-column:9 / span 2}
.sect-token:nth-child(15){grid-column:11 / span 2}
.sect-token:nth-child(16){grid-column:13 / span 2}
.sect-token:nth-child(17){grid-column:15 / span 2}
.sect-token:nth-child(18){grid-column:17 / span 2}
.sect-token:nth-child(19){grid-column:19 / span 2}
.sect-token:nth-child(20){grid-column:21 / span 2}
.sect-token:nth-child(21){grid-column:23 / span 2}
.sect-token:nth-child(22){grid-column:2 / span 2}
.sect-token:nth-child(23){grid-column:4 / span 2}
.sect-token:nth-child(24){grid-column:6 / span 2}
.sect-token:nth-child(25){grid-column:8 / span 2}
.sect-token:nth-child(26){grid-column:10 / span 2}
.sect-token:nth-child(27){grid-column:12 / span 2}
.sect-token:nth-child(28){grid-column:14 / span 2}
.sect-token:nth-child(29){grid-column:16 / span 2}
.sect-token:nth-child(30){grid-column:18 / span 2}
.sect-token:nth-child(31){grid-column:20 / span 2}
.sect-token:nth-child(32){grid-column:22 / span 2}
.sect-token:hover,
.sect-token:focus-visible{
  z-index:60;
  outline:0;
  transform:translate(var(--sect-offset-x),calc(var(--sect-offset-y) - 4px));
}
.sect-token:hover .sect-art-tooltip,
.sect-token:focus-visible .sect-art-tooltip{
  display:block;
}
.sect-token-art{
  position:relative;
  z-index:3;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
  opacity:1;
  pointer-events:none;
  transform:scaleX(var(--sect-art-flip)) scale(1);
  transform-origin:center center;
  transition:transform .16s ease,filter .16s ease;
}
.sect-token:hover .sect-token-art,
.sect-token:focus-visible .sect-token-art{
  transform:scaleX(var(--sect-art-flip)) scale(2.5);
  filter:drop-shadow(0 16px 22px rgba(0,0,0,.46));
}
.sect-token-kungfu-icon{
  position:absolute;
  left:50%;
  top:50%;
  z-index:5;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  box-shadow:none;
  pointer-events:none;
  transform:translate(-50%,-50%) translate(0,20px) scale(1);
  transform-origin:center center;
  transition:transform .16s ease,filter .16s ease;
}
.sect-token:hover .sect-token-kungfu-icon,
.sect-token:focus-visible .sect-token-kungfu-icon{
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--role-color,var(--gold-lt)) 58%,transparent)) drop-shadow(0 10px 14px rgba(0,0,0,.58));
  transform:translate(-50%,-50%) translate(0,50px) scale(2.5);
}
.sect-token-kungfu-icon img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--role-color,var(--gold-lt)) 62%,transparent)) drop-shadow(0 2px 5px rgba(0,0,0,.66));
}
.sect-token::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:4;
  border:1px solid rgba(232,204,116,.68);
  transform:rotate(45deg) scale(1);
  transform-origin:center center;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
  box-shadow:0 0 8px rgba(232,204,116,.26);
  pointer-events:none;
}
.sect-token:hover::before,
.sect-token:focus-visible::before{
  border-color:rgba(255,226,128,.90);
  box-shadow:0 0 18px rgba(255,226,128,.34);
  transform:rotate(45deg) scale(2.5);
}
.sect-token::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);
  background:
    radial-gradient(circle at 50% 34%,rgba(248,242,226,.10),rgba(248,242,226,0) 45%),
    linear-gradient(135deg,rgba(12,20,40,.96),rgba(4,8,20,.98));
  pointer-events:none;
  transform:scale(1);
  transform-origin:center center;
  transition:transform .16s ease,filter .16s ease;
}
.sect-token:hover::after,
.sect-token:focus-visible::after{
  transform:scale(2.5);
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.36));
}
.sect-art-tooltip{
  display:none;
  position:absolute;
  left:-68px;
  top:42px;
  z-index:2;
  width:220px;
  min-height:238px;
  padding:108px 11px 12px;
  border:1px solid rgba(240,213,122,.56);
  background:
    linear-gradient(180deg,rgba(5,11,27,.90),rgba(4,8,20,.98)),
    radial-gradient(circle at 50% 4%,rgba(240,213,122,.12),transparent 42%);
  box-shadow:0 14px 32px rgba(0,0,0,.48),inset 0 0 0 1px rgba(255,255,255,.025);
  pointer-events:none;
  color:var(--text);
  text-align:left;
}
.sect-art-tooltip::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:58px;
  background:linear-gradient(180deg,rgba(240,213,122,.12),rgba(240,213,122,0));
  clip-path:polygon(0 0,100% 0,100% 38%,50% 72%,0 38%);
  opacity:.45;
}
.sect-art-tip-metric{
  display:block;
  margin:0 0 8px;
  padding-bottom:7px;
  border-bottom:1px solid rgba(240,213,122,.24);
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:12px;
  font-weight:700;
}
.sect-art-tip-name{
  display:block;
  margin-bottom:6px;
  color:#55e9ff;
  font-size:14px;
  font-weight:800;
  text-shadow:0 0 8px rgba(85,233,255,.24);
}
.sect-art-tip-row{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:8px;
  align-items:center;
  min-height:22px;
  border-top:1px solid rgba(248,242,226,.08);
  color:rgba(248,242,226,.78);
  font-size:11px;
}
.sect-art-tip-row em{
  color:var(--gold-lt);
  font-style:normal;
  font-size:10px;
}
.sect-art-tip-row b{
  min-width:0;
  overflow:hidden;
  color:rgba(248,242,226,.90);
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.sect-art-tip-tags{
  display:flex;
  gap:6px;
  margin-top:9px;
}
.sect-art-title-tag{
  width:86px;
  height:24px;
  flex:0 0 auto;
  color:var(--title-color,var(--gold-lt));
  filter:drop-shadow(0 0 5px rgba(98,203,230,.12));
}
.sect-art-title-tag rect,
.sect-art-title-tag path{
  fill:rgba(4,8,20,.28);
  stroke:currentColor;
  stroke-width:1;
}
.sect-art-title-tag text{
  fill:currentColor;
  font-size:10px;
  font-family:var(--font);
  font-weight:700;
}
.sect-token-rank{
  display:none;
}
.sect-token-kungfu,
.sect-token-player{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.sect-token.is-placeholder{
  border-style:dashed;
  opacity:1;
}
.sect-token-missing{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:8px;
  color:rgba(185,191,206,.72);
  font-size:10px;
  line-height:1.4;
  text-align:center;
  background:
    repeating-linear-gradient(135deg,rgba(232,226,214,.07) 0 6px,transparent 6px 12px),
    rgba(4,8,20,.24);
}
.sub-grid{
  display:grid;
  grid-template-columns:1.68fr .56fr .60fr;
  grid-template-rows:minmax(286px,auto) minmax(250px,auto);
  gap:14px;
  margin-top:16px;
}
.mini-panel{padding:14px}
.mini-panel.sect-art{grid-column:1 / span 3;grid-row:1}
.mini-panel.master-peak,
.mini-panel.master-scope{grid-column:1 / span 3;grid-row:2}
.season-independent-grid .mini-panel.master-peak{grid-column:1;grid-row:1 / span 2}
.season-independent-grid .mini-panel.master-hero{grid-column:1;grid-row:1 / span 2}
.season-independent-grid .mini-panel.updates{grid-column:2 / span 2;grid-row:1 / span 2}
.season-independent-grid .mini-panel.mechanic{grid-column:2;grid-row:2}
.season-independent-grid .mini-panel.death{grid-column:3;grid-row:2}
.pve-control-masterPeak .season-independent-grid{
  grid-template-rows:minmax(236px,auto) auto;
}
.pve-control-masterPeak .season-independent-grid .mini-panel.sect-art{
  grid-column:1 / span 3;
  grid-row:1;
  overflow:visible;
  background:rgba(6,14,32,.38);
}
.pve-control-masterPeak .season-independent-grid .mini-panel.sect-art .sect-lattice{
  min-height:242px;
  padding-bottom:40px;
}
.pve-control-masterPeak .season-independent-grid .mini-panel.master-peak{
  grid-column:1 / span 3;
  grid-row:2;
  height:100%;
}
.pve-control-masterPeak .season-independent-grid .mini-panel.updates{
  grid-column:2 / span 2;
  grid-row:2;
  height:100%;
  min-height:0;
  overflow:hidden;
}
.pve-control-masterPeak .season-independent-grid .mini-panel.updates .info-lines{
  gap:6px;
}
.pve-control-masterPeak .season-independent-grid .mini-panel.updates .info-player-line{
  min-height:28px;
  padding:3px 0;
  font-size:12px;
}
.pve-control-masterPeak .season-independent-grid .mini-panel.updates .info-player-main{
  gap:7px;
}
.pve-control-masterPeak .season-independent-grid .mini-panel.updates .info-player-main .sect-icon{
  width:22px;
  height:22px;
}
.pve-control-masterPeak .season-independent-grid .mini-panel.updates .info-player-main b,
.pve-control-masterPeak .season-independent-grid .mini-panel.updates .info-player-line>span:last-child{
  font-size:12px;
}
.pve-control-masterPeak .season-independent-grid .mini-panel.updates{
  display:flex;
  flex-direction:column;
  align-self:start;
  height:auto;
}
.master-dynamic-panel{
  height:auto;
  min-height:0;
  display:flex;
  flex-direction:column;
}
.master-dynamic-section{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  padding:8px;
  border:1px solid rgba(98,203,230,.16);
  background:rgba(3,8,20,.34);
}
.pve-control-masterPeak .master-dynamic-section{
  flex:0 0 705px;
}
.master-dynamic-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.master-dynamic-section-head b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
}
.master-dynamic-section-head small{
  display:block;
  margin-top:1px;
  color:var(--dim);
  font-size:10px;
}
.master-dynamic-public-list{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  display:grid;
  gap:5px;
  align-content:start;
  padding-right:4px;
  scrollbar-color:rgba(240,213,122,.34) rgba(4,8,20,.42);
}
.master-dynamic-item{
  width:100%;
  min-width:0;
  min-height:34px;
  display:grid;
  grid-template-columns:minmax(162px,.72fr) minmax(270px,1fr);
  align-items:center;
  gap:9px;
  padding:4px 7px;
  border:1px solid rgba(98,203,230,.14);
  background:rgba(0,0,0,.16);
  color:var(--text);
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.master-dynamic-item:hover,
.master-dynamic-item:focus-visible{
  border-color:rgba(240,213,122,.38);
  background:rgba(240,213,122,.05);
  outline:0;
}
.master-dynamic-role{
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
}
.master-dynamic-role .sect-icon{
  width:24px;
  height:24px;
  flex:0 0 auto;
}
.master-dynamic-role-copy,
.master-dynamic-copy{
  min-width:0;
  display:grid;
  gap:1px;
}
.master-dynamic-copy{
  align-self:center;
}
.master-dynamic-name-line{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:0;
  overflow:hidden;
  white-space:nowrap;
}
.master-dynamic-role b,
.master-dynamic-copy strong{
  min-width:0;
  overflow:hidden;
  font-size:12px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.master-dynamic-role b{
  flex:0 1 auto;
  color:var(--role-color,var(--cyan));
}
.master-dynamic-server{
  flex:0 0 auto;
  color:rgba(98,203,230,.76);
  font-size:11px;
  line-height:1.15;
}
.master-dynamic-copy strong{
  color:rgba(166,207,235,.84);
}
.master-dynamic-rank-copy{
  display:grid;
  grid-template-columns:108px 34px 88px;
  align-items:center;
  justify-content:end;
  column-gap:5px;
  font-size:11px;
  line-height:1.1;
  text-align:left;
}
.master-dynamic-rank-copy>span{
  min-width:0;
}
.master-dynamic-time{
  color:rgba(154,190,218,.88);
}
.master-dynamic-trend.is-up{
  color:#ff5b52;
}
.master-dynamic-trend.is-down{
  color:#4fd77c;
}
.master-dynamic-current{
  color:rgba(240,213,122,.82);
}
.master-dynamic-current span{
  color:var(--gold-lt);
}
.master-dynamic-school-line,
.master-dynamic-copy em{
  min-width:0;
  overflow:hidden;
  color:var(--dim);
  font-size:10px;
  font-style:normal;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.pve-control-masterHero .sub-grid{
  grid-template-rows:minmax(250px,auto);
}
.pve-control-masterHero .mini-panel.master-scope{
  grid-column:1 / span 3;
  grid-row:1;
}
.pve-active-death-board{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:14px 16px 16px 22px;
}
.pve-active-death-board .mini-panel{
  min-height:320px;
  border-color:var(--line-soft);
  background:rgba(6,14,32,.50);
}
.pve-active-death-board .section-title{
  margin-bottom:10px;
}
.pve-active-death-board .section-title b{
  font-size:13px;
}
.pve-active-death-board .section-title small{
  font-size:10px;
}
.pve-active-death-board .info-lines{
  gap:3px;
}
.pve-active-death-board .info-player-line{
  min-height:22px;
  padding:1px 0;
  font-size:11px;
}
.pve-active-death-board .info-player-main{
  gap:5px;
}
.pve-active-death-board .info-player-main .sect-icon{
  width:18px;
  height:18px;
}
.pve-active-death-board .active-leaderboard-line{
  display:grid;
  grid-template-columns:28px 24px minmax(120px,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:3px 0;
}
.active-leaderboard-rank{
  color:var(--gold);
  font-family:Consolas,monospace;
  font-size:12px;
  font-weight:700;
  text-align:center;
}
.active-account-avatar,
.active-leaderboard-line .site-avatar{
  width:24px;
  height:24px;
  border:1px solid var(--gold-30);
}
.active-account-avatar{
  display:block;
  overflow:hidden;
  background:rgba(8,18,38,.76);
}
.active-account-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.active-leaderboard-name{
  min-width:0;
  overflow:hidden;
  color:var(--text);
  font-size:12px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.active-leaderboard-detail{
  color:var(--gold);
  font-family:Consolas,monospace;
  font-size:11px;
  text-align:right;
  white-space:nowrap;
}
.pve-active-death-board .info-player-main b,
.pve-active-death-board .info-player-line>span:last-child{
  font-size:11px;
}
.pve-death-top-three{
  height:calc(100% - 28px);
  min-height:250px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:10px;
}
.pve-death-card{
  min-width:0;
  display:grid;
  grid-template-rows:auto auto auto 1fr;
  justify-items:center;
  align-content:center;
  gap:10px;
  padding:14px 10px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--cyan)) 36%,var(--line));
  background:
    radial-gradient(circle at 50% 25%,color-mix(in srgb,var(--role-color,var(--cyan)) 18%,transparent),transparent 62%),
    linear-gradient(180deg,rgba(240,213,122,.045),rgba(0,0,0,.12)),
    rgba(3,8,20,.38);
}
.pve-death-card-rank{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:14px;
  font-weight:800;
}
.pve-death-card-icon .sect-icon{
  width:58px;
  height:58px;
  box-shadow:0 0 18px color-mix(in srgb,var(--role-color,var(--cyan)) 28%,transparent);
}
.pve-death-card-name{
  min-width:0;
  max-width:100%;
  display:grid;
  gap:3px;
  justify-items:center;
  justify-content:center;
  white-space:nowrap;
}
.pve-death-card-name b{
  min-width:0;
  overflow:hidden;
  color:var(--role-color,var(--cyan));
  font-size:14px;
  line-height:1.15;
  text-overflow:ellipsis;
}
.pve-death-card-name small{
  color:rgba(98,203,230,.76);
  font-size:11px;
  line-height:1.1;
}
.pve-death-card-stats{
  width:100%;
  display:grid;
  gap:7px;
  align-self:end;
}
.pve-death-card-stats span{
  min-height:42px;
  display:grid;
  place-items:center;
  gap:2px;
  border:1px solid rgba(98,203,230,.14);
  background:rgba(0,0,0,.18);
}
.pve-death-card-stats em{
  color:var(--dim);
  font-size:10px;
  font-style:normal;
}
.pve-death-card-stats b{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:18px;
  line-height:1;
}
.master-rank-top{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
}
.master-weapon-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
  margin:0 0 10px;
}
.master-weapon-tab{
  min-height:34px;
  border:1px solid currentColor;
  background:rgba(3,8,18,.34);
  font-weight:800;
  letter-spacing:.12em;
}
.master-weapon-tab.is-all{color:var(--gold-lt)}
.master-weapon-tab.is-orange{color:#ff9a3c}
.master-weapon-tab.is-purple{color:#c58cff}
.master-weapon-tab:hover,
.master-weapon-tab:focus-visible,
.master-weapon-tab.active{
  outline:0;
  background:color-mix(in srgb,currentColor 16%,rgba(3,8,18,.68));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 28%,transparent),0 0 14px color-mix(in srgb,currentColor 22%,transparent);
}
.master-profession-tabs{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  width:100%;
  margin:0 0 24px;
  border:1px solid rgba(98,203,230,.28);
  background:rgba(3,8,18,.24);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.master-profession-tabs::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-12px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,213,122,.38),rgba(98,203,230,.32),transparent);
  pointer-events:none;
}
.master-profession-tab{
  height:36px;
  display:grid;
  grid-template-columns:32px auto;
  justify-content:center;
  align-items:center;
  gap:6px;
  padding:2px 8px 2px 2px;
  border:0;
  border-right:1px solid rgba(98,203,230,.28);
  border-radius:0;
  background:linear-gradient(180deg,rgba(98,203,230,.10),rgba(0,0,0,.16));
  color:rgba(190,236,244,.88);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.master-profession-tab:last-child{
  border-right:0;
}
.master-profession-tab:hover,
.master-profession-tab:focus-visible{
  border-color:rgba(240,213,122,.62);
  color:var(--gold-lt);
  outline:0;
}
.master-profession-tab.active{
  border-color:rgba(240,213,122,.78);
  color:var(--gold-lt);
  background:linear-gradient(180deg,rgba(240,213,122,.18),rgba(98,203,230,.08));
  box-shadow:inset 0 0 0 1px rgba(240,213,122,.12),0 0 14px rgba(240,213,122,.12);
}
.master-profession-tab span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:700;
}
.master-profession-icon{
  width:32px;
  height:32px;
  display:block;
  color:currentColor;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.72));
  transform-origin:center;
}
.master-profession-icon.is-dps{
  transform:scale(.92);
}
.master-profession-icon.is-tank{
  transform:scale(1.06);
}
.master-profession-icon.is-heal{
  transform:scale(1.12);
}
.master-profession-icon-fill{
  fill:currentColor;
}
.master-profession-icon-cut{
  fill:rgba(3,8,18,.92);
}
.master-profession-icon-stroke{
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.master-profession-simple-swords .master-profession-icon-stroke{
  stroke-width:3.6;
}
.master-profession-swords .master-profession-icon-stroke{
  stroke-width:1.9;
}
.master-profession-swords .master-profession-icon-stroke.is-inner{
  stroke-width:1.35;
}
.master-rank-top.has-art-cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding-top:18px;
}
.master-hero .master-rank-top.has-art-cards{
  grid-template-columns:repeat(3,minmax(0,1fr));
  justify-items:center;
  gap:12px;
  padding:18px 0 6px;
}
.master-hero .master-rank-top.has-art-cards .master-rank-row.is-art-card{
  width:min(220px,100%);
}
.pve-control-masterPeak .master-rank-top.has-art-cards{
  grid-template-columns:repeat(3,minmax(0,300px));
  justify-content:center;
  gap:20px;
  padding:24px 0 10px;
}
.master-rank-top.has-art-cards.is-podium-layout{
  --podium-rank-1-width:220px;
  --podium-rank-2-width:202px;
  --podium-rank-3-width:189px;
  grid-template-columns:minmax(0,var(--podium-rank-2-width)) minmax(0,var(--podium-rank-1-width)) minmax(0,var(--podium-rank-3-width));
  align-items:end;
  justify-content:center;
  gap:24px;
  padding:66px 0 12px;
}
.pve-control-masterPeak .master-rank-top.has-art-cards.is-podium-layout{
  --podium-rank-1-width:300px;
  --podium-rank-2-width:276px;
  --podium-rank-3-width:258px;
}
.master-rank-top.has-art-cards.is-podium-layout .master-rank-row.is-art-card{
  width:100%;
  justify-self:stretch;
  transform:none;
  transform-origin:center bottom;
}
.master-rank-top.is-podium-layout .master-rank-row.is-art-card.top-frame-1{
  z-index:3;
  --tier-border-width:1.55;
  --tier-glow-width:6.2;
  --tier-glow-blur:10px;
  --tier-comet-near:9px;
  --tier-comet-far:20px;
}
.master-rank-top.is-podium-layout .master-rank-row.is-art-card.top-frame-2{
  z-index:2;
  --tier-border-width:1.3;
  --tier-glow-width:5.2;
  --tier-glow-blur:8px;
  --tier-comet-near:7px;
  --tier-comet-far:16px;
}
.master-rank-top.is-podium-layout .master-rank-row.is-art-card.top-frame-3{
  z-index:1;
  --tier-border-width:1.1;
  --tier-glow-width:4.3;
  --tier-glow-blur:6px;
  --tier-comet-near:5px;
  --tier-comet-far:12px;
}
.master-rank-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px 12px;
  margin-top:12px;
}
.master-rank-columns.is-two-column{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.master-rank-column{
  position:relative;
  display:grid;
  gap:6px;
}
.master-rank-column + .master-rank-column{
  border-left:0;
  padding-left:0;
}
.master-rank-column + .master-rank-column::before{
  content:"";
  position:absolute;
  left:-6px;
  top:0;
  bottom:0;
  width:1px;
  background:var(--gold-30);
  pointer-events:none;
}
.master-rank-row{
  position:relative;
  min-width:0;
  min-height:38px;
  display:grid;
  grid-template-columns:32px 26px minmax(0,1fr) 58px;
  align-items:center;
  gap:6px;
  padding:4px 6px;
  border:0;
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.08);
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.master-rank-row.is-top{
  min-height:68px;
  grid-template-columns:74px 40px minmax(0,1fr) 70px;
  gap:12px;
  padding:9px 12px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 48%,var(--line));
  background:linear-gradient(180deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 14%,transparent),rgba(0,0,0,.10));
}
.master-rank-row.is-top.is-art-card{
  --master-art-width:100%;
  --tier-main:#d8f0ff;
  --tier-bright:#ffffff;
  --tier-deep:#2f6f96;
  --tier-glow:rgba(120,210,255,.38);
  min-height:0;
  aspect-ratio:1 / 1;
  display:block;
  padding:0;
  border:0;
  background:transparent;
  overflow:visible;
}
.master-rank-row.is-top.is-art-card.top-frame-1{
  --tier-main:#f4d87a;
  --tier-bright:#fff3b8;
  --tier-deep:#8d5a18;
  --tier-glow:rgba(255,210,86,.52);
}
.master-rank-row.is-top.is-art-card.top-frame-2{
  --tier-main:#cfdbe4;
  --tier-bright:#f4fbff;
  --tier-deep:#566774;
  --tier-glow:rgba(210,232,246,.38);
}
.master-rank-row.is-top.is-art-card.top-frame-3{
  --tier-main:#c4884d;
  --tier-bright:#f2c28a;
  --tier-deep:#5a3018;
  --tier-glow:rgba(205,120,55,.42);
}
.master-rank-row.is-top.is-art-card.is-silver-frame{
  --tier-main:#cfdbe4;
  --tier-bright:#f4fbff;
  --tier-deep:#566774;
  --tier-glow:rgba(210,232,246,.38);
}
.master-rank-row.is-top.is-art-card.is-gold-frame{
  --tier-main:#f4d87a;
  --tier-bright:#fff3b8;
  --tier-deep:#8d5a18;
  --tier-glow:rgba(255,210,86,.52);
}
.master-rank-row.is-top.is-art-card.is-bronze-frame{
  --tier-main:#c4884d;
  --tier-bright:#f2c28a;
  --tier-deep:#5a3018;
  --tier-glow:rgba(205,120,55,.42);
}
.master-top-art-media{
  position:absolute;
  inset:0;
  width:var(--master-art-width);
  height:100%;
  box-sizing:border-box;
  transform:none;
  clip-path:polygon(13% 0,100% 0,87% 100%,0 100%);
  overflow:hidden;
}
.master-top-art-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,8,18,.04),rgba(3,8,18,.16) 48%,rgba(3,8,18,.46)),
    linear-gradient(90deg,rgba(3,8,18,.50),transparent 36%,rgba(3,8,18,.30));
  pointer-events:none;
}
.master-top-art-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  transform:none;
}
.master-top-art-frame{
  position:absolute;
  top:-7px;
  bottom:-8px;
  left:-7px;
  width:calc(var(--master-art-width) + 14px);
  z-index:2;
  overflow:visible;
  pointer-events:none;
}
.master-top-art-frame .tier-frame-main{
  fill:none;
  stroke:var(--tier-bright);
  stroke-width:var(--tier-border-width,1.25);
  vector-effect:non-scaling-stroke;
  stroke-linejoin:miter;
  stroke-linecap:square;
  filter:drop-shadow(0 0 2px rgba(4,10,22,.96)) drop-shadow(0 0 5px var(--tier-glow));
}
.master-top-art-frame .tier-frame-glow{
  fill:none;
  stroke:var(--tier-main);
  stroke-width:var(--tier-glow-width,5.2);
  stroke-opacity:.18;
  vector-effect:non-scaling-stroke;
  stroke-linejoin:miter;
  filter:drop-shadow(0 0 var(--tier-glow-blur,8px) var(--tier-glow));
}
.master-top-art-frame .tier-frame-comet{
  pointer-events:none;
  filter:drop-shadow(0 0 var(--tier-comet-near,7px) var(--tier-glow)) drop-shadow(0 0 var(--tier-comet-far,16px) var(--tier-glow));
}
.master-top-art-frame .tier-frame-comet-halo{
  fill:var(--tier-bright);
  opacity:.18;
  filter:blur(1.55px);
}
.master-top-art-frame .tier-frame-comet-body{
  fill:#fff;
  opacity:.28;
  filter:blur(.72px);
}
.master-top-art-frame .tier-frame-comet-sheen{
  fill:#fff;
  opacity:.38;
  filter:blur(.42px);
}
.master-top-art-frame .tier-frame-face,
.master-top-art-frame .tier-frame-inner,
.master-top-art-frame .tier-frame-crown,
.master-top-art-frame .tier-frame-crown-band,
.master-top-art-frame .tier-frame-crown-rim,
.master-top-art-frame .tier-frame-crown-orb,
.master-top-art-frame .tier-frame-crown-gem,
.master-top-art-frame .tier-frame-crown-pearl,
.master-top-art-frame .tier-frame-shine{
  fill:color-mix(in srgb,var(--tier-deep) 72%,rgba(4,8,18,.96));
  stroke:var(--tier-main);
  stroke-width:.9;
  vector-effect:non-scaling-stroke;
  stroke-linejoin:miter;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.82)) drop-shadow(0 0 4px var(--tier-glow));
}
.master-top-art-frame .tier-frame-face-top{
  fill:color-mix(in srgb,var(--tier-bright) 42%,var(--tier-deep));
}
.master-top-art-frame .tier-frame-face-right{
  fill:color-mix(in srgb,var(--tier-main) 42%,rgba(3,8,18,.96));
}
.master-top-art-frame .tier-frame-face-bottom,
.master-top-art-frame .tier-frame-face-left{
  fill:color-mix(in srgb,var(--tier-deep) 78%,rgba(3,8,18,.98));
}
.master-top-art-frame .tier-frame-inner{
  fill:none;
  stroke:color-mix(in srgb,var(--tier-main) 70%,rgba(255,255,255,.12));
  stroke-width:.75;
  filter:none;
}
.master-top-art-frame .tier-frame-crown-band,
.master-top-art-frame .tier-frame-crown-orb,
.master-top-art-frame .tier-frame-crown-gem,
.master-top-art-frame .tier-frame-crown-pearl,
.master-top-art-frame .tier-frame-shine{
  fill:var(--tier-bright);
  stroke:var(--tier-bright);
  opacity:.76;
}
.master-top-art-frame .tier-frame-crown{
  fill:color-mix(in srgb,var(--tier-main) 74%,var(--tier-deep));
  stroke-width:.95;
  filter:drop-shadow(0 0 5px var(--tier-glow)) drop-shadow(0 1px 2px rgba(0,0,0,.80));
}
.master-top-art-frame .tier-frame-crown-band{
  fill:color-mix(in srgb,var(--tier-bright) 64%,var(--tier-main));
  opacity:.94;
}
.master-top-art-frame .tier-frame-crown-rim{
  fill:none;
  stroke:color-mix(in srgb,var(--tier-deep) 64%,rgba(3,8,18,.74));
  stroke-width:.75;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.58));
}
.master-top-art-frame .tier-frame-crown-orb{
  fill:color-mix(in srgb,var(--tier-bright) 82%,var(--tier-main));
  stroke:color-mix(in srgb,var(--tier-main) 74%,rgba(3,8,18,.40));
  opacity:.96;
  filter:drop-shadow(0 0 3px var(--tier-glow)) drop-shadow(0 1px 1px rgba(0,0,0,.55));
}
.master-top-art-frame .tier-frame-crown-gem{
  fill:#d91f58;
  stroke:#ff8aac;
  opacity:.95;
  filter:drop-shadow(0 0 4px rgba(255,58,105,.66)) drop-shadow(0 1px 1px rgba(0,0,0,.62));
  animation:tierCrownGemPulse 2.6s ease-in-out infinite;
}
.master-top-art-frame .tier-frame-crown-gem-cut{
  fill:none;
  stroke:rgba(255,232,238,.68);
  stroke-width:.38;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:none;
  animation:tierCrownGemCutPulse 2.6s ease-in-out infinite;
}
.master-top-art-frame .tier-frame-crown-gem-flare{
  pointer-events:none;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.9)) drop-shadow(0 0 9px rgba(255,105,152,.72)) drop-shadow(0 0 14px rgba(255,42,96,.46));
}
.master-top-art-frame .tier-frame-crown-gem-flare-core{
  animation:tierCrownGemFlarePulse 2.8s ease-in-out infinite;
}
.master-top-art-frame .tier-frame-crown-gem-flare-halo{
  fill:rgba(255,190,215,.48);
  filter:blur(.44px);
}
.master-top-art-frame .tier-frame-crown-gem-flare-body{
  fill:rgba(255,255,255,.72);
  filter:blur(.22px);
}
.master-top-art-frame .tier-frame-crown-gem-flare-gloss{
  fill:rgba(255,255,255,.88);
  filter:blur(.08px);
}
.master-top-art-frame .tier-frame-crown-gem-flare-dot{
  fill:#fff;
  opacity:.72;
  filter:blur(.12px);
}
@keyframes tierCrownGemPulse{
  0%,100%{
    opacity:.86;
    filter:drop-shadow(0 0 3px rgba(255,58,105,.52)) drop-shadow(0 1px 1px rgba(0,0,0,.62));
  }
  50%{
    opacity:1;
    filter:drop-shadow(0 0 5px rgba(255,150,184,.86)) drop-shadow(0 0 10px rgba(255,44,102,.76)) drop-shadow(0 1px 1px rgba(0,0,0,.62));
  }
}
@keyframes tierCrownGemFlarePulse{
  0%,100%{
    opacity:.32;
  }
  45%{
    opacity:.92;
  }
  62%{
    opacity:.58;
  }
}
@keyframes tierCrownGemCutPulse{
  0%,100%{
    stroke:rgba(255,232,238,.56);
  }
  50%{
    stroke:rgba(255,255,255,.92);
  }
}
.master-top-art-frame .tier-frame-crown-pearl{
  fill:color-mix(in srgb,var(--tier-bright) 90%,var(--tier-main));
  stroke:color-mix(in srgb,var(--tier-main) 68%,rgba(3,8,18,.38));
  opacity:.92;
  filter:drop-shadow(0 0 2px var(--tier-glow));
}
.master-top-art-frame .tier-frame-crown-cut{
  fill:none;
  stroke:rgba(255,255,255,.58);
  stroke-width:.45;
  vector-effect:non-scaling-stroke;
  stroke-linecap:square;
  stroke-linejoin:miter;
  filter:none;
}
.master-top-art-frame .tier-frame-shine{
  opacity:.58;
  filter:drop-shadow(0 0 3px var(--tier-glow));
}
@media (prefers-reduced-motion:reduce){
  .master-top-art-frame .tier-frame-crown-gem,
  .master-top-art-frame .tier-frame-crown-gem-cut,
  .master-top-art-frame .tier-frame-crown-gem-flare-core{
    animation:none;
  }
  .master-top-art-frame .tier-frame-comet{
    display:none;
  }
}
.master-rank-row.is-top.is-art-card .master-rank-no{
  position:absolute;
  left:auto;
  right:36px;
  top:auto;
  bottom:31px;
  z-index:3;
  width:60px;
  text-align:center;
}
.master-rank-row.is-top.is-art-card .master-rank-no .podium-no-svg{
  width:82px;
  height:28px;
}
.master-top-art-info{
  position:absolute;
  left:48px;
  right:auto;
  top:10px;
  width:150px;
  bottom:auto;
  z-index:3;
  display:block;
}
.master-rank-row.is-top.is-art-card .master-rank-name{
  min-width:0;
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  gap:0;
}
.master-rank-row.is-top.is-art-card .master-role-identity{
  display:flex;
  align-items:center;
  min-width:0;
  gap:7px;
  transform:translate(-8px,8px);
}
.master-rank-row.is-top.is-art-card .master-role-identity>.sect-icon{
  width:28px;
  height:28px;
  border:0;
  background:transparent;
}
.master-rank-row.is-top.is-art-card .master-role-identity.is-server-below .role-identity-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  line-height:1.05;
}
.master-rank-row.is-top.is-art-card .master-role-identity.is-server-below .role-identity-copy small{
  display:block;
}
.master-rank-row.is-top.is-art-card .master-rank-name b{
  font-size:16px;
  text-shadow:0 1px 2px rgba(0,0,0,.96),0 0 5px rgba(0,0,0,.82);
}
.master-rank-row.is-top.is-art-card .master-rank-name small{
  color:rgba(131,220,240,.88);
  text-shadow:0 1px 2px rgba(0,0,0,.96),0 0 4px rgba(0,0,0,.78);
}
.master-rank-row.is-top.is-art-card .master-title-svg{
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.92)) drop-shadow(0 0 4px rgba(0,0,0,.72));
}
.master-rank-row.is-top.is-art-card>.master-ranking-title,
.master-rank-row.is-top.is-art-card>.master-title-svg{
  position:absolute;
  left:16px;
  bottom:16px;
  z-index:4;
  margin:0;
}
.master-rank-row.is-top.is-art-card .master-rank-score{
  position:absolute;
  right:36px;
  bottom:5px;
  z-index:3;
  transform:none;
  padding:2px 6px;
  background:rgba(3,8,18,.62);
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 36%,var(--line));
}
.master-rank-row .sect-icon{
  width:26px;
  height:26px;
}
.master-rank-row.is-top .sect-icon{
  width:38px;
  height:38px;
}
.master-rank-name{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
}
.master-rank-name b,
.master-rank-name small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.master-rank-name b{
  color:var(--role-color,var(--text));
  font-size:12px;
  font-weight:600;
}
.master-rank-row.is-top .master-rank-name b{
  font-size:15px;
}
.master-rank-name small{
  margin-top:2px;
  color:rgba(98,203,230,.72);
  font-size:10px;
}
.master-rank-no{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:12px;
  text-align:center;
}
.master-rank-row.is-top .master-rank-no{
  font-size:14px;
}
.master-rank-no.is-top-svg{
  display:grid;
  place-items:center;
  overflow:visible;
}
.master-rank-no.is-top-svg .podium-no-svg{
  width:72px;
  height:24px;
  color:var(--gold-lt);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.78));
}
.master-rank-no.is-top-svg .podium-no-svg text{
  font-size:18px;
  stroke:rgba(1,3,10,.74);
  stroke-width:2.4px;
  paint-order:stroke fill;
}
.master-rank-score{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:12px;
  text-align:right;
  white-space:nowrap;
}
.master-rank-row.is-top .master-rank-score{
  font-size:14px;
}
.pve-control-masterPeak .master-rank-score,
.pve-control-masterHero .master-rank-score{
  box-sizing:border-box;
  justify-self:end;
  padding:2px 6px;
  border:1px solid var(--gold-lt);
  border-radius:0;
  background:rgba(3,8,18,.62);
}
.pve-control-masterPeak .master-rank-row.is-top.is-art-card .master-rank-score,
.pve-control-masterHero .master-rank-row.is-top.is-art-card .master-rank-score{
  border-color:var(--gold-lt);
}
.master-title-svg{
  width:58px;
  height:18px;
  flex:0 0 auto;
  overflow:visible;
}
.master-title-svg.is-compact{
  width:26px;
}
.master-title-svg.is-full{
  width:58px;
}
.master-title-svg rect{
  fill:color-mix(in srgb,var(--title-color,var(--gold-lt)) 10%,transparent);
  stroke:color-mix(in srgb,var(--title-color,var(--gold-lt)) 78%,var(--gold-lt));
  stroke-width:1;
}
.master-title-svg path{
  fill:none;
  stroke:color-mix(in srgb,var(--title-color,var(--gold-lt)) 78%,var(--gold-lt));
  stroke-width:1;
  opacity:.52;
}
.master-title-svg text{
  fill:color-mix(in srgb,var(--title-color,var(--gold-lt)) 82%,var(--gold-lt));
  font-size:10px;
  font-weight:700;
  font-family:"Microsoft YaHei",sans-serif;
}
.master-rank-row.is-top .master-title-svg{
  width:64px;
  height:20px;
}
.master-rank-row.is-top .master-title-svg text{
  font-size:11px;
}
.master-rank-row:hover,
.master-rank-row:focus-visible{
  border-color:var(--gold-50);
  background:rgba(200,160,64,.08);
  outline:0;
}
.master-rank-empty{
  min-height:38px;
  border:1px dashed rgba(185,191,206,.20);
  border-bottom-style:dashed;
  background:rgba(255,255,255,.018);
  pointer-events:none;
}
.master-rank-row.is-placeholder{
  cursor:default;
  opacity:.72;
  border-bottom-color:rgba(185,191,206,.18);
  background:rgba(255,255,255,.016);
}
.master-rank-row.is-placeholder .master-rank-name b,
.master-rank-row.is-placeholder .master-rank-score{
  color:rgba(185,191,206,.70);
}
.master-more-link{
  margin:10px 0 0 auto;
}
.top-avatars{display:grid;grid-template-columns:56px 1fr;gap:12px}
.avatar-stack{display:grid;gap:8px}
.mini-avatar{width:48px;height:48px;background:url("./parser-native-three-page/assets/sect-art/万花/mess-role-1.png") center/cover}
.mini-avatar:nth-child(2){background-image:url("./parser-native-three-page/assets/sect-art/唐门/mess-role-1.png")}
.mini-avatar:nth-child(3){background-image:url("./parser-native-three-page/assets/sect-art/纯阳/mess-role-1.png")}
.death-name{font-family:Consolas,'Microsoft YaHei',sans-serif;color:var(--text)}
.old-season{display:grid;gap:12px;margin-top:16px}
.old-season-block{
  display:grid;
  gap:10px;
}
.season-fold{
  min-height:68px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:16px;
  padding:0 18px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.10);
}
.season-fold:hover,.season-fold:focus-visible{
  border-color:var(--gold-50);
  outline:0;
}
.old-season-block.is-expanded .season-fold{
  border-color:rgba(98,203,230,.38);
  background:linear-gradient(90deg,rgba(98,203,230,.10),rgba(0,0,0,.10));
}
.season-fold b{font-family:var(--serif);font-size:13px}
.season-fold span{color:var(--dim);font-size:12px}
.pve-archive-season-panel{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid rgba(98,203,230,.22);
  background:rgba(3,8,20,.30);
}
.pve-archive-season-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(98,203,230,.14);
}
.pve-archive-season-head b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:14px;
}
.pve-archive-season-head small{
  color:var(--dim);
  font-size:11px;
}
.pve-archive-rank-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.pve-archive-rank-panel{
  min-height:138px;
  padding:12px;
  border:1px solid rgba(240,213,122,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),rgba(0,0,0,.12);
  scroll-margin-top:86px;
}
.pve-archive-rank-panel:focus{
  outline:1px solid rgba(240,213,122,.48);
  outline-offset:3px;
}
.pve-archive-rank-panel.is-team{
  border-color:rgba(98,203,230,.20);
}
.pve-archive-rank-panel p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.pve-archive-rank-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.pve-archive-rank-tags em{
  border:1px solid rgba(240,213,122,.18);
  color:var(--dim);
  font-style:normal;
  font-size:10px;
  padding:3px 6px;
}
.page-title{
  min-height:180px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    linear-gradient(90deg,rgba(4,8,20,.82),rgba(4,8,20,.36)),
    url("./parser-native-three-page/assets/sect-art/万灵山庄/bg.png") center/cover;
}
.page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}
.score-detail-page{
  display:grid;
  gap:14px;
  margin-top:14px;
}
.score-detail-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.72fr);
  gap:18px;
  align-items:center;
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 36%,var(--line));
  background:
    radial-gradient(circle at 14% 20%,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 16%,transparent),transparent 34%),
    linear-gradient(90deg,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 8%,transparent),rgba(0,0,0,.10));
}
.score-detail-identity{
  min-width:0;
  display:flex;
  align-items:center;
  gap:16px;
}
.score-detail-team-logo,
.score-detail-role-icon{
  width:74px;
  height:74px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 50%,var(--gold-30));
  background:
    radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 18%,transparent),transparent 58%),
    rgba(4,8,20,.56);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  line-height:1.25;
  text-align:center;
  box-shadow:0 0 18px color-mix(in srgb,var(--score-detail-color,var(--cyan)) 16%,transparent);
}
.score-detail-team-logo.is-image{
  overflow:hidden;
  padding:0;
}
.score-detail-team-logo.is-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.score-detail-team-logo.is-empty{
  padding:8px;
  color:var(--dim);
}
.score-detail-role-icon .sect-icon{
  width:54px;
  height:54px;
}
.score-detail-source{
  display:block;
  color:var(--gold-lt);
  font-size:11px;
  font-weight:800;
  line-height:1.2;
}
.score-detail-identity h2{
  margin:5px 0 0;
  color:var(--text);
  font-family:var(--serif);
  font-size:24px;
  line-height:1.18;
}
.score-detail-identity p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:12px;
}
.score-detail-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.score-detail-metrics div{
  min-height:74px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 26%,var(--line));
  background:rgba(3,8,20,.36);
}
.score-detail-metrics small{
  display:block;
  color:var(--dim);
  font-size:11px;
}
.score-detail-metrics b{
  display:block;
  margin-top:6px;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:20px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.score-detail-team-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.score-detail-team-metrics b{
  font-size:14px;
  white-space:normal;
}
.score-detail-metric-lines{
  display:grid;
  gap:2px;
  margin-top:7px;
}
.score-detail-metric-lines em{
  display:block;
  color:var(--muted);
  font-size:11px;
  font-style:normal;
  line-height:1.35;
}
.score-detail-tags{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.score-detail-tags em{
  padding:4px 8px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 34%,var(--line));
  color:var(--muted);
  background:rgba(4,8,20,.32);
  font-style:normal;
  font-size:11px;
}
.score-detail-team-report-action{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
}
.score-detail-boss-panel{
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 28%,var(--line));
}
.score-detail-boss-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.score-detail-boss-card{
  min-height:92px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 28%,var(--line));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 7%,transparent),transparent 70%),
    rgba(4,8,20,.30);
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.score-detail-boss-card:hover,
.score-detail-boss-card:focus-visible{
  outline:0;
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 64%,var(--gold-lt));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 12%,transparent),transparent 72%),
    rgba(4,8,20,.34);
}
.score-detail-boss-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 46%,var(--gold-30));
  background:
    radial-gradient(circle at 50% 35%,rgba(248,242,226,.18),transparent 58%),
    rgba(4,8,20,.62);
  background-position:center;
  background-size:cover;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:11px;
}
.score-detail-boss-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.score-detail-boss-copy b,
.score-detail-boss-copy small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.score-detail-boss-copy b{
  color:var(--text);
  font-family:var(--serif);
  font-size:14px;
}
.score-detail-boss-copy small{
  color:var(--muted);
  font-family:Consolas,monospace;
  font-size:11px;
}
.score-detail-boss-card em{
  padding:4px 7px;
  border:1px solid rgba(240,213,122,.22);
  color:var(--gold-lt);
  background:rgba(3,8,20,.42);
  font-style:normal;
  font-size:10px;
  white-space:nowrap;
}
.score-detail-boss-card:disabled{
  cursor:default;
  opacity:.62;
}
.score-detail-participant-panel{
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 28%,var(--line));
}
.score-detail-participant-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.score-detail-participant-card{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:9px;
  padding:9px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 24%,var(--line));
  background:rgba(3,8,20,.36);
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.score-detail-participant-card:hover,
.score-detail-participant-card:focus-visible{
  outline:0;
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 64%,var(--gold-lt));
}
.score-detail-participant-card img,
.score-detail-participant-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.22);
  background:rgba(4,8,20,.52);
  object-fit:cover;
}
.score-detail-participant-card span{
  min-width:0;
}
.score-detail-participant-card b,
.score-detail-participant-card small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.score-detail-participant-card b{color:var(--text);font-size:12px}
.score-detail-participant-card small{margin-top:4px;color:var(--muted);font-size:10px}
.score-detail-load-state{
  min-height:220px;
  display:grid;
  align-content:center;
  justify-items:start;
}
.score-detail-load-state h2{margin:0;color:var(--gold-lt);font-family:var(--serif)}
.score-detail-notes{
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),rgba(0,0,0,.08);
}
.score-detail-empty p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}
.score-character-identity-board{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.62fr);
  gap:28px;
  align-items:start;
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 34%,var(--line));
  background:
    radial-gradient(circle at 8% 16%,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 12%,transparent),transparent 30%),
    linear-gradient(90deg,rgba(240,213,122,.035),rgba(98,203,230,.025),transparent);
}
.score-character-account-shell,
.score-character-role-card{
  min-width:0;
  display:grid;
  gap:16px;
  align-content:start;
  padding:18px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 34%,var(--line));
  background:
    radial-gradient(circle at 8% 14%,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 13%,transparent),transparent 32%),
    rgba(3,8,20,.34);
}
.score-character-account-head{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.score-character-avatar-placeholder{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 36%,var(--line));
  color:var(--muted);
  background:rgba(3,8,20,.42);
  font-size:11px;
}
.score-character-avatar-placeholder.is-image{
  overflow:hidden;
  padding:0;
}
.score-character-avatar-placeholder.is-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.score-character-account-head h2{
  margin:5px 0 0;
  color:var(--text);
  font-family:var(--serif);
  font-size:24px;
  line-height:1.15;
}
.score-character-account-head p{
  margin:5px 0 0;
  color:var(--dim);
  font-size:12px;
}
.score-character-account-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.score-character-account-actions .dark-btn,
.score-character-account-actions .gold-btn{
  min-height:30px;
  padding:6px 10px;
  white-space:nowrap;
}
.score-character-role-left{
  min-width:0;
  display:grid;
  gap:15px;
  align-content:start;
}
.score-character-role-topline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:start;
}
.score-character-role-summary{
  min-width:0;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.score-character-role-copy{
  min-width:0;
}
.score-character-role-copy h3{
  margin:4px 0 0;
  color:var(--text);
  font-family:var(--serif);
  font-size:22px;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.score-character-role-copy p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:12px;
}
.score-character-role-copy small{
  display:block;
  margin-top:5px;
  color:var(--dim);
  font-family:Consolas,monospace;
  font-size:11px;
}
.score-character-gear-chip{
  padding:6px 10px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 34%,var(--gold-30));
  color:var(--gold-lt);
  background:rgba(3,8,20,.38);
  font-family:Consolas,monospace;
  font-size:11px;
  font-style:normal;
  white-space:nowrap;
}
.score-character-title-section{
  display:grid;
  gap:7px;
}
.score-character-title-section>small,
.score-character-channel-links>small{
  color:var(--gold-lt);
  font-size:11px;
  font-weight:800;
}
.score-character-title-tags{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
}
.score-character-title-tag{
  min-width:0;
  height:30px;
  display:block;
  color:var(--gold-lt);
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 34%,var(--line));
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.10)),
    rgba(3,8,20,.34);
  box-shadow:
    0 0 10px color-mix(in srgb,var(--score-detail-color,var(--cyan)) 20%,transparent),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.score-character-title-tag svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--score-detail-color,var(--cyan)) 54%,transparent));
}
.score-character-title-tag rect{
  fill:transparent;
  stroke:transparent;
  stroke-width:0;
}
.score-character-title-tag text{
  fill:currentColor;
  font-family:var(--serif);
  font-size:12px;
  font-weight:800;
  text-anchor:middle;
  paint-order:stroke;
  stroke:rgba(0,0,0,.58);
  stroke-width:2px;
}
.score-character-title-tag.is-empty{
  color:rgba(205,219,224,.58);
  filter:grayscale(.18);
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.08),transparent 58%),
    linear-gradient(180deg,rgba(0,0,0,.38),rgba(3,8,20,.20));
  border-color:rgba(255,255,255,.09);
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.72),
    inset 0 -1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(0,0,0,.18);
}
.score-character-title-tag.is-empty svg{
  filter:none;
}
.score-character-history{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 10px;
}
.score-character-history-group{
  min-width:0;
}
.score-character-history-group small{
  display:block;
  color:var(--dim);
  font-size:10px;
}
.score-character-history-group span{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:5px;
}
.score-character-history-group em{
  max-width:100%;
  padding:3px 7px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 22%,var(--line));
  color:var(--text);
  background:rgba(3,8,20,.34);
  font-size:11px;
  font-style:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.score-character-history-group em.is-empty{
  color:var(--dim);
}
.score-character-channel-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.score-character-channel-links small{
  width:100%;
}
.score-character-channel-links span,
.score-character-channel-links a{
  padding:5px 9px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 22%,var(--line));
  color:var(--muted);
  background:rgba(3,8,20,.30);
  font-size:11px;
  text-decoration:none;
}
.score-character-channel-links a:hover,
.score-character-channel-links a:focus-visible{
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 58%,var(--gold-30));
  color:var(--gold-lt);
}
.score-character-tab-panel{
  padding:12px;
}
.score-character-metric-panel{
  display:block;
}
.score-character-metric-panel .score-detail-metrics{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.score-detail-tabbar{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 26%,var(--line));
  background:linear-gradient(90deg,rgba(240,213,122,.05),rgba(98,203,230,.035),rgba(186,155,228,.035));
}
.score-detail-tab{
  min-width:0;
  min-height:58px;
  display:grid;
  align-content:center;
  gap:4px;
  padding:8px 12px;
  border:0;
  border-right:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 22%,var(--line));
  background:transparent;
  color:var(--muted);
  text-align:center;
  cursor:pointer;
}
.score-detail-tab:last-child{
  border-right:0;
}
.score-detail-tab:hover,
.score-detail-tab:focus-visible,
.score-detail-tab.active{
  outline:0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 14%,transparent),rgba(3,8,20,.18));
  color:var(--text);
}
.score-detail-tab.active{
  box-shadow:inset 0 -2px 0 var(--gold-lt);
}
.score-detail-tab span{
  display:block;
  color:inherit;
  font-family:var(--serif);
  font-size:14px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.score-detail-tab em{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:11px;
  font-style:normal;
}
.score-character-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(700px,720px);
  gap:18px;
  align-items:start;
}
.score-character-score-column{
  min-width:0;
  display:grid;
  gap:14px;
}
.score-character-equipment-panel{
  min-width:0;
  width:100%;
}
.score-character-boss-panel{
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 28%,var(--line));
}
.score-character-side-grid{
  display:grid;
  gap:18px;
  margin-top:12px;
}
.score-character-side-grid h3{
  margin:0 0 8px;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:14px;
}
.score-character-equipment-entry{
  display:grid;
  gap:9px;
  margin-top:0;
}
.score-character-equipment-host{
  display:block !important;
  width:100%;
  max-height:none;
  min-height:0;
  overflow:visible;
  border:0;
  background:transparent;
}
.score-character-equipment-state{
  min-height:92px;
  display:grid;
  place-items:center;
  padding:20px;
  color:var(--muted);
  font-size:12px;
  text-align:center;
}
.score-character-equipment-state.is-error{
  color:#ff9c9c;
}
.score-character-equipment-inline .eq-panel-root{
  padding:0;
}
.score-character-equipment-inline .eq-open-btn{
  display:none;
}
.score-character-equipment-inline .eq-modal-backdrop{
  width:100% !important;
  position:static !important;
  inset:auto !important;
  z-index:auto !important;
  display:flex !important;
  justify-content:flex-start !important;
  padding:0;
  background:transparent !important;
  backdrop-filter:none !important;
}
.score-character-equipment-inline .eq-modal-box{
  width:min(660px,100%) !important;
  max-width:660px !important;
  max-height:none !important;
  overflow:visible !important;
  padding:18px 16px 16px !important;
  border:1px solid rgba(100,130,255,0.18) !important;
  border-radius:14px !important;
  background:linear-gradient(160deg,#14182a,#0e1020) !important;
  box-shadow:0 16px 48px rgba(0,0,0,0.38) !important;
}
.score-character-equipment-inline .eq-modal-close{
  display:none !important;
}
.score-character-equipment-inline .eq-grid{
  width:100% !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  justify-content:stretch !important;
  gap:5px !important;
}
.score-character-talent-slots{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:8px;
  align-items:start;
  justify-items:center;
  width:min(660px,100%);
  margin-top:10px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 18%,var(--line));
  background:rgba(3,8,20,.28);
}
.score-character-talent-slot{
  width:100%;
  max-width:48px;
  aspect-ratio:1;
  height:auto;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.08),transparent 54%),
    rgba(0,0,0,.28);
  box-shadow:
    inset 0 2px 8px rgba(0,0,0,.72),
    inset 0 -1px 0 rgba(255,255,255,.05);
}
.score-character-talent-item{
  position:relative;
  width:100%;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  outline:none;
}
.score-character-talent-slot.is-filled{
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 34%,var(--line));
  background:rgba(8,14,28,.68);
}
.score-character-talent-slot img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.score-character-talent-name{
  display:block;
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:var(--gold-lt);
  font-size:9px;
  font-style:normal;
  text-align:center;
  line-height:1.25;
}
.score-character-talent-tooltip{
  display:none;
  position:absolute;
  left:50%;
  bottom:calc(100% + 7px);
  transform:translateX(-50%);
  z-index:80;
  width:260px;
  padding:8px 10px;
  border:1px solid rgba(245,215,122,.45);
  background:rgba(4,8,20,.98);
  box-shadow:0 8px 24px rgba(0,0,0,.55);
  font-size:10px;
  line-height:1.55;
  text-align:left;
  pointer-events:none;
}
.score-character-talent-tooltip b{
  display:block;
  color:var(--gold-lt);
  margin-bottom:3px;
}
.score-character-talent-tooltip span{
  display:block;
  color:#74dc70;
  white-space:normal;
}
.score-character-talent-item:hover .score-character-talent-tooltip,
.score-character-talent-item:focus .score-character-talent-tooltip{
  display:block;
}
.score-equipment-list{
  display:grid;
  gap:6px;
}
.score-equipment-row{
  min-height:34px;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) 54px;
  align-items:center;
  gap:8px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(3,8,20,.28);
}
.score-equipment-row b,
.score-equipment-row span,
.score-equipment-row em{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.score-equipment-row b{
  color:var(--gold-lt);
  font-size:11px;
}
.score-equipment-row span{
  color:var(--text);
  font-size:12px;
}
.score-equipment-row em{
  justify-self:end;
  color:var(--muted);
  font-family:Consolas,monospace;
  font-size:11px;
  font-style:normal;
}
.score-talent-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
.score-talent-cell{
  min-height:38px;
  display:grid;
  align-content:center;
  gap:2px;
  padding:6px 7px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(3,8,20,.28);
}
.score-talent-cell b{
  color:var(--dim);
  font-family:Consolas,monospace;
  font-size:10px;
}
.score-talent-cell em{
  color:var(--text);
  font-size:11px;
  font-style:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.score-character-boss-table{
  display:grid;
  gap:6px;
  margin-top:12px;
}
.score-character-boss-head,
.score-character-boss-row{
  display:grid;
  grid-template-columns:minmax(210px,1.25fr) minmax(92px,.58fr) minmax(98px,.58fr) minmax(108px,.58fr) 76px;
  align-items:center;
  gap:10px;
}
.score-character-boss-head{
  padding:0 10px 8px;
  color:var(--dim);
  font-size:11px;
}
.score-character-boss-row{
  min-height:58px;
  padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 22%,var(--line));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 7%,transparent),transparent 70%),
    rgba(3,8,20,.28);
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.score-character-boss-row:hover,
.score-character-boss-row:focus-visible{
  outline:0;
  border-color:color-mix(in srgb,var(--score-detail-color,var(--cyan)) 58%,var(--gold-lt));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--score-detail-color,var(--cyan)) 12%,transparent),transparent 72%),
    rgba(3,8,20,.34);
}
.score-character-boss-name{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
}
.score-character-boss-name b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text);
  font-family:var(--serif);
  font-size:13px;
}
.score-character-boss-row span small{
  display:block;
  color:var(--dim);
  font-size:10px;
}
.score-character-boss-row span > b{
  display:block;
  margin-top:3px;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.score-character-boss-row em{
  justify-self:end;
  padding:4px 7px;
  border:1px solid rgba(240,213,122,.22);
  color:var(--gold-lt);
  background:rgba(3,8,20,.42);
  font-size:10px;
  font-style:normal;
}
.placeholder-profile-head{
  min-height:96px;
  display:flex;
  align-items:center;
  gap:14px;
  margin:12px 0 16px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 40%,var(--line));
  background:linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 12%,transparent),rgba(0,0,0,.12));
}
.placeholder-profile-head .sect-icon{
  width:58px;
  height:58px;
  flex:0 0 auto;
}
.placeholder-profile-head b{
  display:block;
  color:var(--role-color,var(--gold-lt));
  font-size:20px;
  line-height:1.2;
}
.placeholder-profile-head span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:12px;
}
.ranking-detail-titlebar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(380px,560px);
  align-items:end;
  gap:18px;
  margin-bottom:18px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--gold-lt) 34%,var(--line));
  background:
    radial-gradient(circle at 10% 10%,rgba(240,213,122,.09),transparent 34%),
    linear-gradient(90deg,rgba(7,16,31,.92),rgba(5,12,24,.68));
}
.ranking-detail-title-copy{
  min-width:0;
}
.ranking-detail-title-copy span{
  display:block;
  margin-bottom:5px;
  color:var(--gold-lt);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.ranking-detail-title-copy h1{
  margin:0;
  color:var(--text);
  font-size:24px;
  line-height:1.15;
  font-weight:800;
}
.ranking-detail-searchbar{
  display:grid;
  grid-template-columns:minmax(240px,460px) 44px auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  margin:14px 0 12px;
}
.ranking-detail-titlebar .ranking-detail-searchbar{
  margin:0;
}
.ranking-detail-search-input{
  min-width:0;
  height:40px;
  display:block;
  border:1px solid color-mix(in srgb,var(--gold-lt) 34%,var(--line));
  background:linear-gradient(180deg,rgba(240,213,122,.08),rgba(4,10,22,.62));
}
.ranking-detail-search-input input{
  width:100%;
  height:100%;
  border:0;
  outline:0;
  padding:0 12px;
  color:var(--text);
  background:transparent;
  font:inherit;
}
.ranking-detail-search-input input::placeholder{
  color:rgba(205,222,240,.58);
}
.ranking-detail-search-submit,
.ranking-detail-search-clear{
  height:40px;
  border:1px solid color-mix(in srgb,var(--gold-lt) 38%,var(--line));
  color:var(--gold-lt);
  background:rgba(5,12,24,.72);
  cursor:pointer;
}
.ranking-detail-search-submit{
  width:44px;
  display:grid;
  place-items:center;
}
.ranking-detail-search-submit svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}
.ranking-detail-search-clear{
  padding:0 12px;
}
.ranking-detail-search-submit:hover,
.ranking-detail-search-submit:focus-visible,
.ranking-detail-search-clear:hover,
.ranking-detail-search-clear:focus-visible{
  border-color:var(--gold-lt);
  box-shadow:0 0 14px rgba(240,213,122,.16);
}
.ranking-detail-search-count{
  justify-self:end;
  color:var(--muted);
  font-size:12px;
}
.ranking-detail-head,
.ranking-detail-card{
  display:grid;
  grid-template-columns:70px minmax(240px,1.45fr) minmax(190px,.88fr) minmax(150px,.72fr) 128px;
  align-items:center;
  gap:14px;
}
.ranking-detail-head.is-master,
.ranking-detail-card.is-master{
  grid-template-columns:82px 82px minmax(220px,1.35fr) minmax(180px,.82fr) minmax(140px,.68fr) 118px;
}
.ranking-detail-head{
  min-height:34px;
  padding:0 16px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:12px;
}
.ranking-detail-master-top.master-rank-top.has-art-cards{
  grid-template-columns:repeat(3,minmax(176px,220px));
  justify-content:center;
  gap:28px;
  margin:2px 0 22px;
  padding:14px 0 20px;
  border-bottom:1px solid color-mix(in srgb,var(--gold-lt) 24%,var(--line));
}
.ranking-detail-list{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:10px;
}
.ranking-detail-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:18px 0 4px;
  color:var(--muted);
  font-size:12px;
}
.ranking-detail-page-jump{
  height:36px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 10px;
  border:1px solid color-mix(in srgb,var(--gold-lt) 28%,var(--line));
  background:rgba(5,12,24,.62);
  color:var(--muted);
}
.ranking-detail-page-jump input{
  width:58px;
  height:24px;
  border:1px solid color-mix(in srgb,var(--gold-lt) 36%,var(--line));
  background:rgba(2,8,18,.84);
  color:var(--gold-lt);
  text-align:center;
  font:inherit;
  font-weight:800;
}
.ranking-detail-page-total{
  min-width:180px;
  text-align:center;
}
.ranking-detail-pagination button[disabled]{
  opacity:.42;
  cursor:not-allowed;
}
.ranking-detail-card{
  position:relative;
  min-height:86px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 34%,var(--line));
  background:
    radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--role-color,var(--gold-lt)) 16%,transparent),transparent 34%),
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 9%,transparent),rgba(3,8,18,.62));
  color:var(--text);
  cursor:pointer;
}
.ranking-detail-card:hover,
.ranking-detail-card:focus-visible{
  border-color:color-mix(in srgb,var(--role-color,var(--gold-lt)) 70%,var(--gold-lt));
  box-shadow:0 0 18px color-mix(in srgb,var(--role-color,var(--gold-lt)) 18%,transparent);
  outline:0;
}
.ranking-detail-rank{
  color:var(--gold-lt);
  font-family:var(--mono);
  font-size:20px;
  font-weight:800;
}
.ranking-detail-total-rank{
  color:var(--muted);
  font-family:var(--mono);
  font-size:16px;
  font-weight:800;
}
.ranking-detail-role,
.ranking-detail-account-link{
  min-width:0;
  display:grid;
  align-items:center;
  gap:10px;
}
.ranking-detail-role{
  grid-template-columns:40px minmax(0,1fr);
}
.ranking-detail-role .sect-icon{
  width:40px;
  height:40px;
}
.ranking-detail-role-copy b,
.ranking-detail-account-link span{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.ranking-detail-role-copy b{
  display:block;
  color:var(--role-color,var(--cyan));
  font-size:15px;
}
.ranking-detail-role-copy small{
  display:block;
  margin-top:3px;
  color:var(--muted);
}
.ranking-detail-account-link{
  grid-template-columns:34px minmax(0,1fr);
  border:0;
  padding:0;
  color:var(--cyan);
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.ranking-detail-account-link.is-empty{
  color:var(--muted);
  cursor:default;
}
.ranking-detail-account-link:hover span,
.ranking-detail-account-link:focus-visible span{
  color:var(--gold-lt);
}
.ranking-detail-account-avatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 34%,var(--line));
}
.ranking-detail-account-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ranking-detail-account-avatar.is-empty{
  color:rgba(205,222,240,.46);
  font-size:9px;
  line-height:1;
  background:
    linear-gradient(135deg,transparent calc(50% - 1px),rgba(205,222,240,.22) 50%,transparent calc(50% + 1px)),
    rgba(5,12,24,.38);
}
.ranking-detail-title-tags{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  overflow:hidden;
}
.ranking-detail-title-tags .profile-title-svg{
  flex:0 0 auto;
}
.ranking-detail-score{
  justify-self:end;
  display:grid;
  justify-items:end;
  gap:3px;
  color:var(--gold-lt);
}
.ranking-detail-score small{
  color:var(--muted);
  font-size:11px;
}
.ranking-detail-score b{
  font-family:var(--mono);
  font-size:18px;
}
.pve-team-ranking-detail{
  display:grid;
  gap:14px;
  margin-top:12px;
}
.pve-team-ranking-podium{
  margin:0 0 6px;
}
.pve-team-ranking-card-list{
  grid-template-columns:1fr;
  gap:12px;
}
.pve-team-ranking-card{
  border-bottom:0;
}
.pve-team-ranking-card .pve-team-progress-detail{
  min-height:252px;
  margin:0;
}
.pve-team-ranking-card-detail{
  grid-template-columns:140px minmax(0,1fr);
}
.pve-team-ranking-card-detail .pve-team-detail-logo{
  width:124px;
  height:124px;
  min-height:124px;
}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.list-card{padding:16px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}
.list-card h3{margin:0;font-family:var(--serif);font-size:17px}
.list-card p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.team-dashboard{
  display:grid;
  gap:14px;
  margin-top:14px;
}
.team-hero{
  min-height:172px;
  padding:18px;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:18px;
  align-items:stretch;
  background:
    linear-gradient(90deg,rgba(4,8,20,.90),rgba(4,8,20,.62) 46%,rgba(4,8,20,.88)),
    url("./parser-native-three-page/assets/sect-art/苍云/bg.jpg") center 38%/cover;
}
.team-hero-main{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-width:0;
}
.team-hero h2{
  margin:8px 0 0;
  font-family:var(--serif);
  font-size:28px;
  line-height:1.2;
  letter-spacing:0;
}
.team-hero p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}
.team-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  align-self:end;
}
.team-kpi{
  min-height:92px;
  padding:12px;
  border:1px solid var(--gold-18);
  background:rgba(0,0,0,.22);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.team-kpi span,
.team-kpi small{
  color:var(--dim);
  font-size:11px;
  line-height:1.4;
}
.team-kpi b{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:20px;
  letter-spacing:0;
}
.team-mid-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:14px;
}
.team-panel{
  padding:16px;
}
.team-roster-list,
.team-data-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.team-member-row{
  min-height:52px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
}
.team-member-row .sect-icon{
  width:32px;
  height:32px;
  box-shadow:0 0 14px color-mix(in srgb,var(--role-color) 34%,transparent);
}
.team-member-main{
  min-width:0;
}
.team-member-main b{
  display:block;
  color:var(--role-color);
  font-weight:800;
  line-height:1.35;
}
.team-member-main span,
.team-member-row small{
  color:var(--dim);
  font-size:11px;
  line-height:1.45;
}
.team-member-row small{
  justify-self:end;
  color:var(--gold-lt);
  white-space:nowrap;
}
.team-data-row{
  min-height:54px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:8px 0;
  border-bottom:1px solid var(--line);
}
.team-data-row b{
  display:block;
  color:var(--text);
  font-weight:700;
}
.team-data-row span{
  display:block;
  margin-top:3px;
  color:var(--dim);
  font-size:11px;
  line-height:1.55;
}
.team-data-row strong{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:13px;
  white-space:nowrap;
}
.team-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.team-action-card{
  min-height:154px;
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.team-card-no{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:22px;
  margin-bottom:10px;
  border:1px solid var(--gold-30);
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:11px;
  background:rgba(0,0,0,.24);
}
.team-action-card h3{
  margin:0;
  font-family:var(--serif);
  font-size:16px;
  letter-spacing:0;
}
.team-action-card p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}
.team-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}
.team-model-page{
  display:grid;
  gap:14px;
  margin-top:14px;
}
.team-model-source,
.team-model-section{
  padding:16px;
}
.team-source-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.team-source-list span{
  min-height:30px;
  display:flex;
  align-items:center;
  padding:6px 8px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.18);
  color:var(--dim);
  font-family:Consolas,monospace;
  font-size:11px;
  line-height:1.45;
}
.team-model-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.team-model-section.leaderboard .team-model-grid,
.team-model-section.workflow .team-model-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.team-model-card{
  min-height:252px;
  padding:13px;
  border:1px solid var(--gold-18);
  background:
    linear-gradient(180deg,rgba(98,203,230,.055),rgba(0,0,0,.12)),
    rgba(0,0,0,.12);
}
.team-model-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.team-model-head span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:22px;
  border:1px solid var(--gold-30);
  color:var(--gold-lt);
  background:rgba(0,0,0,.24);
  font-family:Consolas,monospace;
  font-size:11px;
}
.team-model-head small{
  min-width:0;
  color:var(--dim);
  font-family:Consolas,monospace;
  font-size:10px;
  text-align:right;
}
.team-model-card h3{
  margin:0;
  color:var(--text);
  font-family:var(--serif);
  font-size:16px;
  letter-spacing:0;
}
.team-model-card p{
  min-height:42px;
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}
.team-model-card ul{
  margin:10px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:6px;
}
.team-model-card li{
  position:relative;
  padding-left:12px;
  color:var(--dim);
  font-size:11px;
  line-height:1.55;
}
.team-model-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:4px;
  height:4px;
  border:1px solid var(--gold-50);
  transform:rotate(45deg);
}
.team-boundary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.team-boundary-grid div{
  min-height:92px;
  padding:12px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.18);
}
.team-boundary-grid b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:14px;
}
.team-boundary-grid span{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.ops-page{
  display:grid;
  gap:18px;
}
.ops-hero{
  min-height:132px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(340px,auto);
  gap:22px;
  align-items:end;
  padding:20px 22px;
  border-left:4px solid rgba(98,203,230,.72);
  background:
    linear-gradient(90deg,rgba(4,8,20,.94),rgba(4,8,20,.58) 52%,rgba(4,8,20,.86)),
    radial-gradient(circle at 84% 12%,rgba(98,203,230,.16),transparent 34%);
}
.ops-page-team .ops-hero{border-left-color:rgba(115,210,139,.72)}
.ops-page-personal .ops-hero{border-left-color:rgba(240,213,122,.72)}
.ops-hero h1,
.team-center-hero-current h2,
.ops-team-overview h2,
.ops-personal-overview h2{
  margin:6px 0 0;
  font-family:var(--serif);
  font-size:27px;
  line-height:1.2;
  letter-spacing:0;
}
.ops-hero p,
.team-center-hero-current p,
.ops-team-overview p,
.ops-personal-overview p{
  max-width:760px;
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.75;
}
.ops-hero-tags{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-content:flex-end;
  gap:7px;
}
.team-center-hero-merged{
  min-height:0;
  grid-template-columns:196px minmax(270px,1fr) minmax(460px,520px) 138px;
  grid-template-areas:
    "avatar copy stats actions"
    "achievements achievements achievements achievements";
  align-items:center;
  gap:18px;
  padding:32px 34px;
  border-left:0;
  border-radius:0;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,8,20,.98),rgba(5,13,29,.72) 54%,rgba(4,8,20,.93)),
    radial-gradient(circle at 18% 24%,rgba(240,213,122,.12),transparent 32%),
    radial-gradient(circle at 72% 18%,rgba(91,213,180,.13),transparent 34%),
    url("./parser-native-three-page/assets/sect-art/万灵山庄/bg.png") center 42%/cover;
}
.team-center-hero-avatar{
  grid-area:avatar;
  min-width:0;
  position:relative;
  display:grid;
  place-items:center;
}
.team-plate-avatar.is-hero{
  width:196px;
  height:196px;
  font-size:64px;
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 24px rgba(240,213,122,.10);
}
.team-center-hero-copy{
  grid-area:copy;
  min-width:0;
  padding-top:0;
}
.team-center-hero-copy h1{
  margin-top:6px;
  font-size:32px;
  line-height:1.15;
}
.team-center-home-server-line{
  display:flex;
  align-items:baseline;
  gap:4px;
  flex-wrap:wrap;
  margin-top:10px;
  color:rgba(226,232,240,.70);
  line-height:1.2;
}
.team-center-home-server-line b{
  color:#73d28b;
}
.team-center-home-server-action{
  color:var(--cyan);
  text-decoration:underline;
  text-underline-offset:3px;
  line-height:1.2;
}
.team-center-avatar-edit{
  position:absolute;
  inset:auto 12px 12px;
  min-height:28px;
  display:grid;
  place-items:center;
  padding:0 10px;
  border:1px solid rgba(91,213,180,.42);
  background:rgba(3,8,20,.84);
  color:#6bd4ff;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .16s ease,transform .16s ease;
}
.team-center-hero-avatar:hover .team-center-avatar-edit,
.team-center-hero-avatar:focus-within .team-center-avatar-edit{
  opacity:1;
  transform:translateY(0);
}
.team-center-title-list{
  max-width:560px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.team-center-title-list span{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(240,213,122,.42);
  color:var(--gold-lt);
  background:rgba(240,213,122,.08);
  padding:0 9px;
  font-size:12px;
}
.team-center-title-list .is-empty{
  border-color:rgba(91,213,180,.22);
  color:rgba(226,232,240,.62);
  background:rgba(8,16,34,.50);
}
.team-center-hero-stats{
  grid-area:stats;
  width:100%;
  grid-template-columns:repeat(4,minmax(104px,1fr));
  align-self:center;
}
.team-center-hero-actions{
  grid-area:actions;
  min-height:184px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:space-between;
}
.team-center-hero-actions .gold-btn{
  min-width:120px;
  height:36px;
  padding:0 16px;
  justify-content:center;
}
.season-achievement-section{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:4px 18px;
  padding-top:11px;
  border-top:1px solid rgba(240,213,122,.18);
}
.team-center-season-achievements{
  grid-area:achievements;
}
.personal-season-achievements{
  grid-column:1/-1;
}
.season-achievement-trigger{
  position:relative;
  min-height:30px;
  padding:4px 3px;
  border:0;
  border-bottom:1px solid transparent;
  background:transparent;
  color:rgba(248,242,226,.88);
  font-family:var(--serif);
  font-size:14px;
  font-weight:800;
  line-height:1;
  cursor:help;
}
.season-achievement-trigger:hover,
.season-achievement-trigger:focus-visible{
  border-bottom-color:var(--gold-lt);
  color:var(--gold-lt);
  outline:0;
  text-shadow:0 0 10px rgba(240,213,122,.34);
}
.season-achievement-trigger>.profile-tooltip{display:none!important}
.profile-tooltip-floating.is-season-achievement{
  width:min(560px,calc(100vw - 16px));
  max-height:min(620px,calc(100vh - 16px));
  overflow:auto;
  padding:12px;
  border-color:rgba(240,213,122,.52);
  background:linear-gradient(145deg,rgba(4,8,20,.99),rgba(7,17,34,.99));
  box-shadow:0 18px 42px rgba(0,0,0,.62),0 0 24px rgba(240,213,122,.10);
}
.season-achievement-tooltip,
.season-achievement-tooltip-list{
  display:grid;
  min-width:0;
}
.season-achievement-tooltip{gap:8px}
.season-achievement-tooltip-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(240,213,122,.22);
}
.season-achievement-tooltip-head b{color:var(--gold-lt);font-family:var(--serif);font-size:14px}
.season-achievement-tooltip-head small{color:var(--muted);font-size:10px}
.season-achievement-tooltip-list{gap:4px}
.season-achievement-tooltip-row{
  min-width:0;
  min-height:46px;
  display:grid;
  align-items:center;
  gap:9px;
  padding:6px 7px;
  border:1px solid rgba(248,242,226,.09);
  background:rgba(0,0,0,.16);
}
.season-achievement-tooltip-row.is-grandmaster{grid-template-columns:minmax(200px,1fr) auto}
.season-achievement-tooltip-row.is-mingxia{grid-template-columns:minmax(120px,.75fr) minmax(180px,1fr) auto}
.season-achievement-tooltip-row.is-team-record{grid-template-columns:minmax(150px,1fr) minmax(120px,.8fr) auto}
.season-achievement-tooltip-row.is-team-record.has-character{grid-template-columns:minmax(135px,.8fr) minmax(160px,1fr) minmax(120px,.75fr) auto}
.season-achievement-tooltip-row.is-empty{grid-template-columns:minmax(160px,1fr) auto}
.season-achievement-boss,
.season-achievement-character,
.season-achievement-team{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
}
.season-achievement-boss>b,
.season-achievement-character b,
.season-achievement-team>b{
  min-width:0;
  overflow:hidden;
  color:var(--text);
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.season-achievement-character>span:last-child{min-width:0}
.season-achievement-character small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:var(--cyan);
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.season-achievement-boss-icon,
.team-plate-avatar.is-achievement,
.season-achievement-character .sect-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
}
.season-achievement-boss-icon{
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(240,213,122,.34);
  background:rgba(5,10,22,.88);
  color:var(--gold-lt);
  font-size:9px;
}
.season-achievement-boss-icon img{width:100%;height:100%;display:block;object-fit:cover}
.season-achievement-character .role-card-icon-with-tier{width:34px;flex:0 0 34px}
.season-achievement-character .role-weapon-tier-badge{width:34px}
.season-achievement-row-result{
  min-width:76px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:3px;
  text-align:right;
}
.season-achievement-row-result b{color:var(--gold-lt);font-size:11px}
.season-achievement-row-result strong{color:#73d28b;font-size:12px;white-space:nowrap}
.season-achievement-row-result small{color:var(--muted);font-size:9px}
.season-achievement-tooltip-empty{color:var(--muted);font-size:11px}
.team-center-leave-link{
  align-self:end;
  color:rgba(226,232,240,.50);
  font-size:12px;
}
.team-center-transfer-link{
  align-self:end;
  color:var(--cyan);
  font-size:12px;
}
.ops-toolbar,
.ops-team-overview,
.ops-personal-overview{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:16px;
  border-color:rgba(98,203,230,.20);
}
.ops-toolbar-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}
.ops-toolbar-side,
.ops-team-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(104px,1fr));
  gap:10px;
}
.ops-toolbar-side{grid-template-columns:repeat(3,minmax(104px,1fr))}
.ops-segment{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.ops-segment button{
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(248,242,226,.16);
  color:var(--muted);
  background:rgba(0,0,0,.18);
  font-size:11px;
}
.ops-segment button.active,
.ops-segment button:hover,
.ops-segment button:focus-visible{
  border-color:rgba(98,203,230,.46);
  color:var(--gold-lt);
  outline:0;
  background:linear-gradient(90deg,rgba(98,203,230,.12),rgba(200,160,64,.08));
}
.ops-search-field{
  min-width:270px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:4px 8px;
  border:1px solid rgba(248,242,226,.16);
  background:rgba(0,0,0,.16);
}
.ops-search-field span{
  color:var(--gold-lt);
  font-size:11px;
}
.ops-search-field input{
  width:100%;
  min-height:28px;
  border:0;
  color:var(--text);
  background:transparent;
  outline:0;
  font-size:12px;
}
.ops-search-field input::placeholder{color:var(--dim)}
.ops-mini-stat{
  min-height:64px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 12px;
  border:1px solid rgba(98,203,230,.22);
  background:
    linear-gradient(180deg,rgba(98,203,230,.055),transparent),
    rgba(0,0,0,.16);
}
.ops-mini-stat b{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:19px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ops-mini-stat span,
.ops-mini-stat small{
  margin-top:4px;
  color:var(--dim);
  font-size:11px;
  line-height:1.35;
}
.ops-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 342px;
  gap:18px;
  align-items:start;
}
.ops-stack,
.ops-side{
  display:grid;
  gap:14px;
}
.ops-recruit-card{
  min-height:188px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) minmax(340px,.72fr) 132px;
  gap:14px;
  align-items:stretch;
  padding:15px;
  border-left:3px solid rgba(98,203,230,.62);
  background:
    linear-gradient(90deg,rgba(98,203,230,.075),transparent 42%),
    rgba(8,16,34,.82);
}
.ops-card-rank{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(98,203,230,.42);
  color:var(--cyan);
  background:rgba(0,0,0,.22);
  font-family:Consolas,monospace;
  font-weight:800;
  font-size:12px;
}
.ops-card-main,
.ops-card-meta{
  min-width:0;
}
.ops-card-titleline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ops-card-main h2{
  margin:8px 0 4px;
  font-family:var(--serif);
  font-size:19px;
  line-height:1.25;
  letter-spacing:0;
}
.ops-card-main p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.ops-team-link{
  max-width:100%;
  padding:0;
  border:0;
  color:var(--gold-lt);
  background:transparent;
  font-family:var(--serif);
  font-size:13px;
  font-weight:700;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ops-team-link:hover,
.ops-team-link:focus-visible{
  color:var(--cyan);
  outline:0;
}
.ops-status{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:0 7px;
  border:1px solid rgba(240,213,122,.28);
  color:var(--gold-lt);
  background:rgba(200,160,64,.08);
  font-size:10px;
  white-space:nowrap;
}
.ops-status.is-green{
  border-color:rgba(115,210,139,.34);
  color:#9ff0b4;
  background:rgba(115,210,139,.08);
}
.ops-status.is-cyan{
  border-color:rgba(98,203,230,.38);
  color:#9adff0;
  background:rgba(98,203,230,.08);
}
.ops-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
}
.ops-pills span{
  min-height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 7px;
  border:1px solid rgba(98,203,230,.24);
  color:var(--muted);
  background:rgba(3,8,20,.34);
  font-size:11px;
  white-space:nowrap;
}
.ops-pills.is-roles span{
  border-color:rgba(240,213,122,.22);
  color:var(--gold-lt);
}
.ops-card-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.ops-card-meta div{
  min-height:58px;
  padding:9px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.16);
}
.ops-card-meta small,
.ops-card-meta span{
  display:block;
  color:var(--dim);
  font-size:11px;
  line-height:1.45;
}
.ops-card-meta b{
  display:block;
  margin-top:5px;
  color:var(--text);
  font-size:12px;
  line-height:1.35;
}
.ops-card-actions{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
}
.ops-card-actions.is-left{
  flex-direction:row;
  justify-content:flex-start;
  flex-wrap:wrap;
  margin-top:12px;
}
.ops-tight-btn,
.ops-card-actions .gold-btn,
.ops-card-actions .dark-btn{
  min-width:0;
  white-space:nowrap;
}
.ops-side-card,
.ops-board-panel{
  padding:16px;
}
.ops-info-list,
.ops-work-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.ops-info-list div,
.ops-work-row{
  min-height:48px;
  padding:9px 10px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
}
.ops-info-list b,
.ops-work-row b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:13px;
  line-height:1.3;
}
.ops-info-list span,
.ops-work-row span,
.ops-work-row small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  line-height:1.5;
}
.ops-side-card p{
  margin:12px 0 0;
  color:var(--dim);
  font-size:11px;
  line-height:1.7;
}
.team-center-status{
  border:1px solid rgba(91,213,180,.24);
  background:rgba(5,16,28,.78);
  color:var(--cyan);
  padding:12px 14px;
  font-weight:700;
}
.team-center-status.is-loading{
  color:var(--gold-lt);
}
.team-center-status.is-error{
  border-color:rgba(255,143,143,.42);
  color:#ff8f8f;
}
.team-plate-avatar{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.74);
  background:
    radial-gradient(circle at 35% 24%,rgba(240,213,122,.26),transparent 34%),
    linear-gradient(145deg,rgba(16,24,45,.94),rgba(3,9,20,.96));
  box-shadow:0 0 18px rgba(240,213,122,.16), inset 0 0 18px rgba(91,213,180,.08);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:30px;
  font-weight:800;
  overflow:hidden;
}
.team-plate-avatar.is-large{
  width:96px;
  height:96px;
  font-size:38px;
}
.team-plate-avatar.is-side{
  margin:12px 0;
}
.team-plate-avatar.is-profile{
  width:116px;
  height:116px;
  font-size:46px;
}
.team-plate-avatar.is-profile-small{
  margin-top:12px;
}
.team-plate-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.team-registration-head{
  display:flex;
  align-items:center;
  gap:16px;
  margin:10px 0 16px;
  padding:14px;
  border:1px solid rgba(240,213,122,.18);
  background:rgba(8,16,34,.52);
}
.team-registration-head b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
}
.team-registration-head span,
.team-avatar-upload-surface small{
  display:block;
  margin-top:5px;
  color:rgba(226,232,240,.62);
  font-size:12px;
  line-height:1.6;
}
.team-avatar-upload-surface{
  display:grid;
  gap:8px;
}
.team-center-empty-panel p{
  margin:12px 0 0;
  color:rgba(226,232,240,.70);
  line-height:1.8;
}
.team-center-actions.is-left{
  justify-content:flex-start;
}
.team-center-primary-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:18px;
}
.team-center-pending-panel .team-discover-card{
  margin-top:14px;
}
.team-pending-application-card{
  grid-template-columns:minmax(0,1fr) auto;
}
.team-center-tabs,
.team-center-subtabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.team-center-tabs button,
.team-center-subtabs button{
  min-height:36px;
  border:1px solid rgba(91,213,180,.22);
  background:rgba(8,16,34,.72);
  color:rgba(226,232,240,.72);
  padding:0 14px;
  font-weight:700;
  cursor:pointer;
}
.team-center-tabs button.active,
.team-center-subtabs button.active,
.team-center-tabs button:hover,
.team-center-subtabs button:hover,
.team-center-tabs button:focus-visible,
.team-center-subtabs button:focus-visible{
  border-color:rgba(240,213,122,.58);
  background:rgba(240,213,122,.10);
  color:var(--gold-lt);
  outline:0;
}
.team-center-side-layout{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:16px;
  align-items:start;
}
.team-center-side-nav{
  position:sticky;
  top:82px;
  max-height:calc(100vh - 96px);
  overflow:auto;
  display:block;
  border-color:rgba(240,213,122,.20);
  background:rgba(7,13,29,.82);
  padding:12px;
}
.team-center-side-nav-head{
  padding:4px 4px 10px;
  border-bottom:1px solid rgba(248,242,226,.10);
}
.team-center-side-nav-head b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:16px;
}
.team-center-side-nav-head span{
  display:block;
  margin-top:4px;
  color:var(--dim);
  font-size:11px;
}
.team-center-side-nav-list{
  display:grid;
  gap:6px;
  margin-top:10px;
}
.team-center-side-nav button{
  position:relative;
  min-height:38px;
  border:1px solid transparent;
  background:transparent;
  color:var(--muted);
  padding:0 24px 0 10px;
  text-align:left;
  font-family:var(--serif);
  font-weight:700;
  letter-spacing:0;
  cursor:pointer;
}
.team-center-side-nav button.active,
.team-center-side-nav button:hover,
.team-center-side-nav button:focus-visible{
  border-color:rgba(91,213,180,.36);
  color:var(--text);
  background:rgba(91,213,180,.085);
  outline:0;
}
.team-center-side-nav button:disabled{
  color:rgba(148,163,184,.42);
  cursor:not-allowed;
}
.team-center-side-nav button:disabled:hover,
.team-center-side-nav button:disabled:focus-visible{
  color:rgba(148,163,184,.42);
}
.team-center-side-nav button.active::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:2px;
  background:var(--gold);
}
.team-center-side-nav button.has-dot::after{
  content:"";
  position:absolute;
  top:8px;
  right:8px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#ff4b5f;
  box-shadow:0 0 8px rgba(255,75,95,.62);
}
.team-center-side-separator{
  height:1px;
  margin:12px 4px;
  background:rgba(248,242,226,.10);
}
.team-center-side-main{
  min-width:0;
}
.team-center-relation-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 10px;
}
.team-center-relation-tabs button{
  min-height:32px;
  max-width:220px;
  border:1px solid rgba(240,213,122,.35);
  background:rgba(7,13,29,.82);
  color:var(--text);
  padding:0 12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:700;
  letter-spacing:0;
  cursor:pointer;
}
.team-center-relation-tabs button.active,
.team-center-relation-tabs button:hover,
.team-center-relation-tabs button:focus-visible{
  border-color:rgba(240,213,122,.72);
  background:rgba(240,213,122,.12);
  color:var(--gold-lt);
  outline:0;
}
.team-center-relation-tabs button:disabled{
  color:rgba(148,163,184,.42);
  cursor:not-allowed;
}
@media (max-width:900px){
  .team-center-side-layout{
    grid-template-columns:1fr;
  }
  .team-center-side-nav{
    position:static;
    max-height:none;
    overflow:visible;
  }
  .team-center-side-nav-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .team-center-side-separator{
    grid-column:1 / -1;
  }
}
.team-center-muted-copy{
  margin:12px 0 0;
  color:rgba(226,232,240,.70);
  line-height:1.8;
}
.team-center-search-row{
  display:grid;
  grid-template-columns:auto minmax(260px,1fr) auto;
  gap:10px;
  align-items:center;
  margin:12px 0 16px;
}
.team-center-search-row label{
  color:var(--gold-lt);
  font-size:12px;
  font-weight:700;
}
.team-center-search-row input{
  min-height:38px;
  border:1px solid rgba(91,213,180,.28);
  background:rgba(5,10,22,.86);
  color:var(--text);
  padding:0 12px;
}
.team-center-pagination{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-top:14px;
  color:rgba(226,232,240,.62);
  font-size:12px;
}
.team-discover-list,
.team-application-list{
  display:grid;
  gap:12px;
}
.team-discover-card,
.team-application-card{
  border:1px solid rgba(91,213,180,.18);
  background:rgba(8,16,34,.66);
  padding:14px;
}
.team-application-card{
  display:grid;
  grid-template-columns:minmax(250px,300px) minmax(360px,1fr) minmax(320px,380px);
  align-items:stretch;
  gap:22px;
  min-height:124px;
  padding:16px 18px;
}
.team-discover-card{
  display:grid;
  gap:12px;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}
.team-discover-card.is-application-pending{
  border-color:rgba(80,230,140,.78);
  box-shadow:0 0 0 1px rgba(80,230,140,.28), inset 0 0 22px rgba(80,230,140,.12);
}
.team-discover-card.is-selected{
  border-color:rgba(240,213,122,.88);
  box-shadow:0 0 0 1px rgba(240,213,122,.44), 0 0 18px rgba(240,213,122,.18);
}
.team-discover-main{
  display:flex;
  gap:14px;
  align-items:center;
  min-width:0;
}
.team-plate-avatar.is-card{
  width:58px;
  height:58px;
  font-size:24px;
}
.team-discover-main h3{
  margin:0 0 6px;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:20px;
}
.team-discover-main p,
.team-discover-main small,
.team-application-card small{
  display:block;
  margin:0;
  color:rgba(226,232,240,.66);
  font-size:12px;
}
.team-discover-actions,
.team-application-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.team-discover-note,
.team-application-review-copy{
  flex-basis:100%;
  margin:0;
  color:rgba(226,232,240,.66);
  font-size:12px;
}
.team-application-review-copy{
  margin:0 0 12px;
}
.team-application-card>div:first-child b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:18px;
}
.team-application-card.is-external .team-application-applicant-head b{
  color:var(--role-color,var(--gold-lt));
}
.team-application-subject-identity{
  display:block;
  min-width:0;
  font-family:var(--serif);
  font-size:18px;
  font-weight:900;
}
.team-application-role-identity .role-identity-copy b{
  color:var(--role-color,var(--gold-lt));
}
.team-application-role-identity .role-identity-copy small{
  color:rgba(98,203,230,.86);
  font-family:var(--sans);
  font-size:12px;
}
.team-application-applicant-head{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.team-application-applicant-head small em{
  color:var(--green);
  font-style:normal;
  font-weight:800;
}
.team-application-applicant-avatar{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.42);
  border-radius:50%;
  color:var(--gold-lt);
  background:radial-gradient(circle at 40% 30%,rgba(240,213,122,.16),rgba(5,10,22,.88));
  font-family:var(--serif);
  font-size:18px;
  overflow:hidden;
}
.team-application-applicant-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.team-application-role-avatar{
  width:58px;
  height:58px;
  flex:0 0 58px;
  display:grid;
  place-items:center;
}
.team-application-role-avatar .sect-icon{
  width:52px;
  height:52px;
}
.team-application-role-avatar:has(.role-card-icon-with-tier){height:auto;min-height:72px}.team-application-role-avatar .role-card-icon-with-tier{width:58px}
.team-application-summary{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(210px,260px) minmax(180px,260px);
  align-self:center;
  gap:0;
}
.team-application-score-box,
.team-application-honor-box{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:0 14px;
  color:rgba(226,232,240,.72);
  font-size:14px;
  line-height:1.8;
}
.team-application-score-box{
  border-right:1px solid rgba(226,232,240,.18);
}
.team-application-score-box span,
.team-application-honor-box{
  white-space:nowrap;
}
.team-application-side{
  min-width:0;
  display:grid;
  grid-template-rows:auto 1fr auto;
  justify-items:end;
  align-items:start;
}
.team-application-type{
  width:132px;
  height:30px;
}
.team-application-type-badge{
  width:132px;
  height:30px;
  display:block;
}
.team-application-gear-score{
  align-self:end;
  margin:0 0 8px;
  color:#f8f2e2;
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
}
.team-application-actions{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  justify-content:flex-end;
  align-items:center;
}
.team-application-role-viewport{
  max-height:96px;
  overflow-y:auto;
  display:grid;
  gap:10px;
  padding-right:6px;
  scrollbar-width:thin;
}
.team-application-role-card{
  min-height:82px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) 144px 96px;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 34%,rgba(248,242,226,.12));
  border-left:3px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 72%,rgba(240,213,122,.28));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 9%,transparent),transparent 56%),
    rgba(0,0,0,.13);
}
.team-application-role-card .sect-icon{
  width:46px;
  height:46px;
}
.team-application-role-card .personal-home-role-asset-main{
  min-width:0;
  padding-right:8px;
}
.team-application-role-card .personal-home-role-gear{
  min-width:0;
}
.team-application-role-state{
  min-width:0;
  display:flex;
  justify-content:flex-end;
}
.team-application-role-state .tag{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:900px){
  .team-external-join-workspace{
    grid-template-columns:1fr;
  }
  .team-external-role-grid{
    grid-template-columns:1fr;
  }
  .team-external-role-card{
    grid-template-columns:42px minmax(0,1fr);
    height:auto;
    min-height:118px;
  }
  .team-external-role-gear{
    grid-column:2;
  }
  .team-application-card{
    grid-template-columns:1fr;
    align-items:start;
    padding:18px;
  }
  .team-application-type,
  .team-application-actions{
    position:static;
    justify-content:flex-start;
    justify-items:start;
  }
  .team-application-summary{
    grid-template-columns:1fr;
  }
  .team-application-role-card{
    grid-template-columns:42px minmax(0,1fr);
  }
  .team-application-role-card .personal-home-role-gear,
  .team-application-role-state{
    grid-column:2;
    justify-content:flex-start;
  }
  .team-external-status-role{
    grid-template-columns:42px minmax(0,1fr);
  }
  .team-external-status-role-gear,
  .team-external-status-role .dark-btn{
    grid-column:2;
    justify-self:start;
  }
}
.team-center-layout .ops-stack{
  display:grid;
  gap:18px;
}
.team-center-layout{
  grid-template-columns:minmax(0,1fr);
}
.team-join-tabs{
  display:flex;
  gap:8px;
  align-items:center;
}
.team-join-tabs button{
  min-width:104px;
  height:34px;
  border:1px solid rgba(72,199,239,.42);
  background:rgba(4,12,28,.72);
  color:var(--cyan);
  font-weight:800;
  cursor:pointer;
}
.team-join-tabs button.active{
  border-color:rgba(240,213,122,.88);
  color:var(--gold-lt);
  background:linear-gradient(180deg,rgba(240,213,122,.16),rgba(4,12,28,.82));
}
.team-external-join-panel{
  display:grid;
  gap:12px;
}
.team-external-join-workspace{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(320px,2fr);
  gap:14px;
  align-items:start;
}
.team-external-discover-column{
  min-width:0;
}
.team-discover-panel.is-external-compact{
  min-width:0;
}
.team-external-role-grid{
  max-height:346px;
  overflow-y:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 18px;
  padding:10px 12px 10px 0;
  scrollbar-width:thin;
}
.team-external-role-choice{
  width:100%;
  min-width:0;
  padding:0;
  border:1px solid rgba(240,213,122,.42);
  background:rgba(4,12,28,.48);
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.team-external-role-choice.is-selected{
  border-color:#f6d56b;
  background:rgba(240,213,122,.08);
  box-shadow:
    0 0 0 1px rgba(250,220,125,.64),
    0 0 24px rgba(250,220,125,.34),
    inset 0 0 18px rgba(250,220,125,.12);
}
.team-external-role-choice.is-selected .team-external-role-card{
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 18%,transparent),rgba(240,213,122,.08) 100%),
    rgba(0,0,0,.16);
}
.team-external-role-choice.is-selected .team-external-role-name{
  color:var(--gold-lt);
}
.team-external-role-card{
  height:108px;
  display:grid;
  grid-template-columns:54px minmax(0,1fr) 132px;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 9%,transparent),transparent 56%),
    rgba(0,0,0,.13);
}
.team-external-role-card .sect-icon{
  width:48px;
  height:48px;
}
.team-external-role-main{
  min-width:0;
  display:grid;
  gap:5px;
}
.team-external-role-name{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9bb5d2;
  font-weight:900;
}
.team-external-role-name b{
  color:var(--role-color,#b9cce4);
}
.team-external-role-name small{
  color:#68c8ff;
}
.team-external-role-line{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d7e3ee;
  font-size:12px;
  font-weight:700;
}
.team-external-role-gear{
  height:46px;
  border:1px solid rgba(226,232,240,.28);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 9px;
  background:rgba(4,10,22,.44);
}
.team-external-role-gear span{
  display:grid;
  gap:2px;
  min-width:42px;
}
.team-external-role-gear em{
  color:rgba(226,232,240,.68);
  font-style:normal;
  font-size:11px;
  line-height:1;
}
.team-external-role-gear b{
  color:var(--gold-lt);
  font-size:13px;
  line-height:1.1;
  white-space:nowrap;
}
.team-external-role-gear i{
  color:var(--cyan);
  font-style:normal;
  font-weight:800;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}
.team-external-status-panel{
  min-width:0;
  display:grid;
  gap:12px;
}
.team-external-status-tabs{
  display:flex;
  gap:8px;
}
.team-external-status-tabs button{
  min-width:86px;
  height:30px;
  border:1px solid rgba(72,199,239,.36);
  background:rgba(4,12,28,.76);
  color:var(--cyan);
  font-weight:800;
  cursor:pointer;
}
.team-external-status-tabs button.active{
  border-color:rgba(240,213,122,.82);
  color:var(--gold-lt);
  background:linear-gradient(180deg,rgba(240,213,122,.14),rgba(4,12,28,.84));
}
.team-external-status-list{
  max-height:430px;
  overflow-y:auto;
  display:grid;
  gap:8px;
  padding-right:8px;
  scrollbar-width:thin;
}
.team-external-status-role{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 96px auto;
  align-items:center;
  gap:10px;
  min-height:72px;
  padding:10px;
  border:1px solid rgba(91,213,180,.24);
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 8%,transparent),transparent 58%),
    rgba(4,12,28,.62);
}
.team-external-status-role .sect-icon{
  width:38px;
  height:38px;
}
.team-external-status-role-main{
  display:grid;
  gap:3px;
  min-width:0;
}
.team-external-status-role-main b,
.team-external-status-role-main small{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-external-status-role-main b{
  color:#b9cce4;
  font-weight:900;
}
.team-external-status-role-identity .role-identity-copy b{
  color:var(--role-color,var(--gold-lt));
}
.team-external-status-role-identity .role-identity-copy small{
  color:rgba(98,203,230,.86);
}
.team-external-status-role-main small{
  color:#d7e3ee;
  font-size:11px;
  font-weight:700;
}
.team-external-status-role-gear{
  height:42px;
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  gap:2px 8px;
  align-content:center;
  border:1px solid rgba(226,232,240,.24);
  background:rgba(4,10,22,.38);
  padding:0 8px;
}
.team-external-status-role-gear em{
  grid-column:1;
  color:rgba(226,232,240,.68);
  font-size:10px;
  font-style:normal;
}
.team-external-status-role-gear b{
  grid-column:1;
  color:var(--gold-lt);
  font-size:12px;
  line-height:1;
}
.team-external-status-role-gear i{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:center;
  color:var(--cyan);
  font-size:11px;
  font-style:normal;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:900px){
  .team-external-join-workspace{
    grid-template-columns:1fr;
  }
  .team-external-status-role{
    grid-template-columns:42px minmax(0,1fr);
  }
  .team-external-status-role-gear,
  .team-external-status-role .dark-btn{
    grid-column:2;
    justify-self:start;
  }
}
.team-external-team-count{
  color:#7ee7b1;
  font-weight:900;
  white-space:nowrap;
}
.team-discover-panel{
  display:grid;
  gap:14px;
}
.team-center-create-form{
  display:grid;
  gap:14px;
}
.team-center-create-form label{
  display:grid;
  gap:7px;
  color:rgba(226,232,240,.72);
  font-size:12px;
  font-weight:700;
}
.team-center-create-form input{
  min-height:40px;
  border:1px solid rgba(91,213,180,.28);
  background:rgba(5,10,22,.86);
  color:var(--text);
  padding:0 12px;
}
.team-center-create-form small{
  color:rgba(226,232,240,.50);
  font-weight:400;
}
.team-center-team-list{
  display:grid;
  gap:10px;
}
.team-center-team-list button{
  display:grid;
  grid-template-columns:minmax(160px,.8fr) minmax(150px,.7fr) minmax(120px,.5fr);
  align-items:center;
  gap:12px;
  border:1px solid rgba(91,213,180,.18);
  background:rgba(8,16,34,.76);
  color:var(--text);
  padding:12px 14px;
  text-align:left;
  cursor:pointer;
}
.team-center-team-list button.active,
.team-center-team-list button:hover,
.team-center-team-list button:focus-visible{
  border-color:rgba(240,213,122,.56);
  outline:0;
}
.team-center-team-list b{
  color:var(--gold-lt);
}
.team-center-team-list span,
.team-center-team-list small{
  color:rgba(226,232,240,.68);
}
.team-member-list{
  display:grid;
  gap:18px;
}
.team-member-section{
  display:grid;
  gap:12px;
}
.team-member-section h4,
.team-member-group h5{
  margin:0;
  color:var(--gold-lt);
  letter-spacing:0;
}
.team-member-section h4{
  font-size:15px;
}
.team-member-group{
  display:grid;
  gap:10px;
}
.team-member-group h5{
  font-size:12px;
  color:rgba(226,232,240,.74);
}
.team-member-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.team-member-card{
  position:relative;
  display:grid;
  gap:12px;
  border:1px solid rgba(91,213,180,.16);
  background:rgba(8,16,34,.58);
  padding:12px 14px;
}
.team-member-card.is-external{
  border-color:rgba(240,213,122,.22);
}
.team-member-kick-btn{
  position:absolute;
  top:-9px;
  right:-8px;
  z-index:2;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:rgba(226,232,240,.86);
  cursor:pointer;
  line-height:1;
  opacity:.78;
  font-family:Arial, sans-serif;
  font-size:24px;
  font-weight:700;
  text-shadow:0 0 8px rgba(0,0,0,.8);
}
.team-member-kick-btn:hover,
.team-member-kick-btn:focus-visible{
  color:#fff;
  opacity:1;
  outline:0;
}
.team-member-account{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.team-member-account-link{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  border:0;
  background:transparent;
  color:inherit;
  padding:0;
  text-align:left;
  cursor:pointer;
}
.team-member-avatar{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.42);
  color:var(--gold-lt);
  background:rgba(240,213,122,.10);
  font-weight:800;
}
.team-member-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.team-member-account b,
.team-member-character-entry b{
  color:var(--gold-lt);
}
.team-member-name-line{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:5px;
}
.team-member-account small,
.team-member-character-entry small,
.team-member-character-empty,
.team-member-badges span{
  color:rgba(226,232,240,.68);
  font-size:12px;
}
.team-member-badges{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:6px;
}
.team-member-badges span{
  border:1px solid rgba(91,213,180,.18);
  padding:3px 7px;
  background:rgba(5,10,22,.48);
}
.team-member-badges button{
  border:1px solid rgba(98,203,230,.22);
  color:var(--cyan);
  background:rgba(5,10,22,.48);
  padding:3px 7px;
  font-size:12px;
}
.team-member-badges button:disabled{
  color:rgba(226,232,240,.34);
  cursor:not-allowed;
}
.team-member-character-entry{
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  border:1px solid rgba(91,213,180,.16);
  background:rgba(5,10,22,.48);
  color:inherit;
  padding:8px 10px;
  text-align:left;
}
.team-member-primary-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px;
  align-items:center;
  gap:8px;
}
.team-member-primary-character{
  min-width:0;
}
.team-member-character-main{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:center;
  gap:9px;
  overflow:hidden;
  border:0;
  background:transparent;
  color:inherit;
  padding:0;
  text-align:left;
  cursor:pointer;
}
.team-member-character-main .sect-icon{
  width:30px;
  height:30px;
  flex:0 0 auto;
}
.team-member-character-copy{
  min-width:0;
  max-width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  overflow:hidden;
}
.team-member-role-identity{
  min-width:0;
  max-width:100%;
  display:inline-flex;
  align-items:baseline;
  gap:3px;
  white-space:nowrap;
}
.team-member-role-identity b{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--role-color,var(--gold-lt));
  font-weight:800;
}
.team-member-role-identity small{
  flex:0 0 auto;
  color:rgba(98,203,230,.86);
  font-size:10px;
  white-space:nowrap;
}
.team-member-role-identity .role-identity-copy{
  display:inline-flex;
  align-items:baseline;
  flex-wrap:nowrap;
  max-width:100%;
}
.team-member-role-identity .role-identity-copy{
  max-width:100%;
}
.team-member-role-identity .role-identity-copy small{
  color:rgba(98,203,230,.86);
}
.team-member-character-copy>small{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.team-member-role-identity .role-identity-copy b{
  color:var(--role-color,var(--gold-lt));
}
.team-member-character-gear{
  display:flex;
  align-items:center;
  justify-items:end;
  gap:8px;
  flex:0 0 auto;
}
.team-member-character-gear .dark-btn{
  min-height:28px;
  padding:0 10px;
}
.team-member-character-gear .account-card-equip-inline-btn.pi-equip-btn{
  min-height:28px;
}
.team-member-character-gear b{
  color:var(--text);
  font-size:12px;
  white-space:nowrap;
}
.team-member-character-tooltip{
  position:absolute;
  left:10px;
  bottom:calc(100% + 8px);
  z-index:16;
  min-width:190px;
  display:grid;
  gap:4px;
  border:1px solid rgba(240,213,122,.34);
  background:rgba(5,10,22,.96);
  box-shadow:0 14px 32px rgba(0,0,0,.36), 0 0 18px rgba(91,213,180,.13);
  color:rgba(226,232,240,.82);
  padding:9px 10px;
  font-size:12px;
  opacity:0;
  pointer-events:none;
  transform:translateY(4px);
  transition:opacity .14s ease, transform .14s ease;
}
.team-member-character-tooltip b{
  color:var(--gold-lt);
}
.team-member-character-entry:hover .team-member-character-tooltip,
.team-member-character-entry:focus-within .team-member-character-tooltip{
  opacity:1;
  transform:translateY(0);
}
.team-member-expand-toggle{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:var(--cyan);
  cursor:pointer;
  font-size:0;
  align-self:center;
  padding:0;
}
.team-member-expand-toggle svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.team-member-character-list{
  display:grid;
  gap:8px;
}
.team-member-character-entry.is-compact{
  padding:7px 8px;
}
.team-member-expanded-row{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
.team-member-expanded-main{
  min-width:0;
}
.team-member-expanded-panel{
  height:154px;
  min-height:154px;
  max-height:154px;
  overflow:auto;
  border:1px solid rgba(91,213,180,.18);
  background:rgba(5,10,22,.36);
  padding:10px;
}
.team-member-expanded-panel .team-member-character-list{
  margin:0;
  padding-right:4px;
}
.team-management-stack{
  display:grid;
  gap:16px;
}
.team-role-section{
  display:grid;
  gap:12px;
  border:1px solid rgba(91,213,180,.16);
  background:rgba(5,10,22,.34);
  padding:14px;
}
.team-role-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.team-role-section-head h4{
  margin:0 0 5px;
  color:var(--gold-lt);
  font-family:var(--serif);
}
.team-role-section-head p{
  margin:0;
  color:rgba(226,232,240,.68);
  font-size:12px;
}
.team-role-add-btn{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(98,203,230,.42);
  background:rgba(8,16,34,.74);
  color:var(--cyan);
  cursor:pointer;
  font-weight:800;
}
.team-battle-group-panel{
  display:grid;
  gap:12px;
}
.team-battle-group-actions{
  position:sticky;
  top:82px;
  z-index:4;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  border:1px solid rgba(91,213,180,.14);
  background:rgba(5,10,22,.92);
  padding:10px;
}
.team-battle-member-list{
  max-height:560px;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding-right:4px;
}
.team-battle-member-card{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:start;
  border:1px solid rgba(91,213,180,.14);
  background:rgba(8,16,34,.42);
  padding:10px;
}
.team-battle-member-card > input{
  margin-top:16px;
}
.team-battle-member-card-main{
  min-width:0;
  display:block;
}
.team-battle-member-card-main .team-member-card{
  height:100%;
}
.team-role-target-list{
  max-height:420px;
  overflow:auto;
  display:grid;
  gap:10px;
  margin-top:12px;
}
.team-role-target-card{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(91,213,180,.18);
  background:rgba(8,16,34,.66);
  padding:10px;
  cursor:pointer;
}
.team-role-target-card:has(input:checked){
  border-color:rgba(240,213,122,.78);
  box-shadow:inset 0 0 18px rgba(240,213,122,.10);
}
.team-role-target-card span{
  min-width:0;
  display:grid;
  gap:2px;
}
.team-role-target-card small{
  color:rgba(226,232,240,.64);
}
.team-transfer-code-panel{
  margin-top:12px;
}
.team-center-detail-card{
  display:grid;
  grid-template-columns:auto minmax(220px,.8fr) minmax(260px,1fr) auto;
  gap:16px;
  align-items:center;
}
.team-center-detail-card h3{
  margin:4px 0 8px;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:24px;
}
.team-center-detail-card p{
  margin:0;
  color:rgba(226,232,240,.72);
}
.team-center-actions{
  margin-top:14px;
  display:flex;
  justify-content:flex-end;
}
.team-center-detail-actions{
  display:grid;
  gap:8px;
}
.team-display-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.team-display-list{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.team-display-list div{
  border:1px solid rgba(91,213,180,.18);
  background:rgba(8,16,34,.62);
  padding:12px;
}
.team-display-list b{
  display:block;
  color:var(--gold-lt);
}
.team-display-list span{
  display:block;
  margin-top:5px;
  color:rgba(226,232,240,.66);
  font-size:12px;
}
.deferred-tab-placeholder{
  min-height:260px;
  display:grid;
  place-items:center;
  text-align:center;
  background:
    radial-gradient(circle at 50% 20%,rgba(240,213,122,.14),transparent 34%),
    rgba(8,16,34,.74);
}
.deferred-tab-placeholder h2{
  margin:0;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:28px;
  letter-spacing:0;
}
.ops-grid-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.ops-action-card{
  min-height:168px;
  padding:16px;
  border-left:3px solid rgba(115,210,139,.48);
  background:
    linear-gradient(90deg,rgba(115,210,139,.075),transparent 46%),
    rgba(8,16,34,.78);
}
.ops-action-icon{
  width:28px;
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(115,210,139,.36);
  color:#9ff0b4;
  background:rgba(0,0,0,.20);
  font-family:Consolas,monospace;
  font-size:11px;
}
.ops-action-card h3{
  margin:12px 0 0;
  font-family:var(--serif);
  font-size:16px;
}
.ops-action-card p{
  min-height:44px;
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.ops-roster-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.ops-roster-row{
  min-height:66px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
}
.ops-roster-row .sect-icon{
  width:34px;
  height:34px;
  box-shadow:0 0 14px color-mix(in srgb,var(--role-color,var(--gold-lt)) 34%,transparent);
}
.ops-role-identity{
  display:block;
  min-width:0;
  color:var(--role-color,var(--gold-lt));
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ops-roster-row small{
  display:block;
  margin-top:4px;
  color:var(--dim);
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ops-callout{
  margin-top:12px;
  padding:10px 12px;
  border:1px solid rgba(98,203,230,.24);
  color:var(--muted);
  background:linear-gradient(90deg,rgba(98,203,230,.09),rgba(0,0,0,.10));
  font-size:12px;
  line-height:1.65;
}
.personal-role-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.personal-role-card{
  min-height:144px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:16px;
  border-left:3px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 62%,rgba(240,213,122,.34));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 11%,transparent),transparent 56%),
    rgba(8,16,34,.80);
}
.personal-role-card .sect-icon{
  width:46px;
  height:46px;
}
.personal-role-card p{
  grid-column:1 / -1;
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.personal-role-card .tag{
  grid-column:1 / -1;
  width:max-content;
  max-width:100%;
}
.personal-home-page{
  display:grid;
  gap:18px;
}
.account-center-tabs{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:34px;
}
.account-center-tabs button{
  min-width:122px;
  min-height:32px;
  padding:0 18px;
  border:1px solid rgba(98,203,230,.28);
  color:rgba(154,220,238,.88);
  background:rgba(3,8,20,.56);
  font-family:var(--serif);
  font-size:13px;
  font-weight:800;
}
.account-center-tabs button.active{
  border-color:rgba(240,213,122,.72);
  color:var(--gold-lt);
  background:linear-gradient(180deg,rgba(240,213,122,.16),rgba(200,160,64,.06));
}
.account-center-tabs button:hover,
.account-center-tabs button:focus-visible{
  border-color:rgba(240,213,122,.58);
  color:var(--gold-lt);
  outline:0;
}
.personal-home-hero{
  min-height:210px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:end;
  padding:22px;
  border-left:4px solid rgba(240,213,122,.72);
  background:
    linear-gradient(90deg,rgba(4,8,20,.94),rgba(4,8,20,.60) 52%,rgba(4,8,20,.88)),
    radial-gradient(circle at 78% 12%,rgba(240,213,122,.16),transparent 34%),
    url("./parser-native-three-page/assets/sect-art/万灵山庄/bg.png") center 42%/cover;
}
.personal-home-profile{
  min-width:0;
  display:flex;
  align-items:flex-end;
  gap:18px;
}
.personal-home-avatar{
  width:92px;
  height:92px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.56);
  background:
    radial-gradient(circle at 50% 35%,rgba(240,213,122,.24),transparent 58%),
    rgba(3,8,20,.72);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:36px;
  font-weight:800;
  box-shadow:0 0 26px rgba(240,213,122,.16);
  overflow:hidden;
}
.personal-home-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.personal-home-profile h1{
  margin:6px 0 0;
  font-family:var(--serif);
  font-size:34px;
  line-height:1.14;
  letter-spacing:0;
}
.personal-home-profile strong{
  display:block;
  margin-top:5px;
  color:var(--gold-lt);
  font-size:13px;
  line-height:1.3;
}
.personal-home-profile p{
  max-width:760px;
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.75;
}
.personal-home-actions{
  display:flex;
  justify-content:flex-end;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.personal-home-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.personal-home-section,
.personal-home-panel{
  padding:16px;
  border-color:rgba(240,213,122,.18);
}
.personal-home-section{
  border:1px solid rgba(240,213,122,.18);
  background:rgba(13,22,45,.70);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.personal-home-role-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.personal-home-role-card{
  min-height:168px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:12px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 38%,rgba(248,242,226,.12));
  border-left:3px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 72%,rgba(240,213,122,.34));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 10%,transparent),transparent 62%),
    rgba(0,0,0,.14);
}
.personal-home-role-top{
  min-width:0;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:12px;
}
.personal-home-role-top .sect-icon{
  width:46px;
  height:46px;
}
.personal-home-role-top small{
  display:block;
  margin-top:4px;
  color:var(--dim);
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.personal-home-role-card p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.personal-home-role-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.personal-home-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:18px;
  align-items:start;
}
.personal-home-main,
.personal-home-side{
  display:grid;
  gap:14px;
}
.personal-home-list,
.personal-home-team-list,
.personal-home-todo-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.personal-home-list-row{
  min-height:62px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 96px;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
}
.personal-home-list-row b,
.personal-home-team-row b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:14px;
  line-height:1.3;
}
.personal-home-list-row span{
  display:block;
  margin-top:5px;
  color:var(--dim);
  font-size:11px;
  line-height:1.4;
}
.personal-home-team-row{
  min-height:74px;
  display:grid;
  grid-template-columns:150px auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(248,242,226,.12);
  background:
    linear-gradient(90deg,rgba(240,213,122,.055),transparent 54%),
    rgba(0,0,0,.14);
}
.personal-home-team-row>span:last-child{
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.personal-home-todo{
  min-height:68px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px 10px;
  align-items:center;
  padding:10px;
  border:1px solid rgba(248,242,226,.12);
  color:var(--text);
  background:rgba(0,0,0,.14);
  text-align:left;
}
.personal-home-todo:hover,
.personal-home-todo:focus-visible{
  border-color:rgba(240,213,122,.42);
  background:rgba(200,160,64,.08);
  outline:0;
}
.personal-home-todo span{
  width:26px;
  height:24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.30);
  color:var(--gold-lt);
  background:rgba(0,0,0,.18);
  font-family:Consolas,monospace;
  font-size:11px;
}
.personal-home-todo b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:13px;
}
.personal-home-todo small{
  grid-column:2;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.personal-home-page-v2{
  gap:20px;
}
.personal-home-page-v2 .personal-home-hero{
  min-height:218px;
  grid-template-columns:minmax(0,1fr) 320px;
  align-items:center;
  border-left-width:5px;
  border-color:rgba(240,213,122,.30);
  background:
    linear-gradient(90deg,rgba(4,8,20,.95),rgba(6,13,29,.72) 52%,rgba(4,8,20,.90)),
    radial-gradient(circle at 18% 22%,rgba(91,213,180,.12),transparent 34%),
    radial-gradient(circle at 78% 18%,rgba(240,213,122,.18),transparent 33%),
    url("./parser-native-three-page/assets/sect-art/万灵山庄/bg.png") center 42%/cover;
}
.personal-home-hero-card{
  min-height:146px;
  display:grid;
  align-content:space-between;
  gap:10px;
  padding:16px;
  border:1px solid rgba(240,213,122,.24);
  background:
    linear-gradient(180deg,rgba(240,213,122,.095),transparent),
    rgba(0,0,0,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.personal-home-hero-card>span{
  color:var(--dim);
  font-size:11px;
}
.personal-home-hero-card>b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:18px;
  line-height:1.25;
}
.personal-home-hero-card>small{
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}
.personal-home-hero-actions,
.personal-home-section-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.personal-home-menu{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  padding:10px;
  border-color:rgba(91,213,180,.24);
  background:
    linear-gradient(90deg,rgba(91,213,180,.06),transparent 48%,rgba(240,213,122,.05)),
    rgba(8,15,31,.82);
}
.personal-home-menu button{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(248,242,226,.14);
  color:var(--muted);
  background:rgba(0,0,0,.16);
  font-family:var(--serif);
  font-weight:700;
  letter-spacing:0;
}
.personal-home-menu button:hover,
.personal-home-menu button:focus-visible,
.personal-home-menu button.active{
  border-color:rgba(91,213,180,.48);
  color:var(--text);
  background:rgba(91,213,180,.10);
  outline:0;
}
.personal-home-menu button em{
  min-width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.38);
  color:var(--gold-lt);
  background:rgba(0,0,0,.22);
  font-family:Consolas,monospace;
  font-size:11px;
  font-style:normal;
  line-height:1;
}
.personal-home-page-v2 .personal-home-stats{
  gap:14px;
}
.personal-home-dashboard{
  display:grid;
  grid-template-columns:minmax(0,1.58fr) minmax(360px,.92fr);
  gap:20px;
  align-items:start;
}
.personal-home-left-stack,
.personal-home-right-stack{
  display:grid;
  gap:20px;
}
.personal-home-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.personal-home-section-head .section-title{
  min-width:0;
  margin:0;
}
.personal-home-section-head .dark-btn,
.personal-home-section-head .gold-btn{
  white-space:nowrap;
}
.personal-home-page-v2 .personal-home-role-grid{
  margin-top:0;
  gap:14px;
}
.personal-home-page-v2 .personal-home-role-card{
  min-height:168px;
  padding:14px;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 12%,transparent),transparent 64%),
    radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--role-color,var(--gold-lt)) 12%,transparent),transparent 38%),
    rgba(0,0,0,.16);
}
.personal-home-message-list,
.personal-home-title-list{
  display:grid;
  gap:8px;
}
.personal-home-message-row{
  min-height:58px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(248,242,226,.12);
  color:var(--text);
  background:rgba(0,0,0,.14);
  text-align:left;
}
.personal-home-message-row:hover,
.personal-home-message-row:focus-visible{
  border-color:rgba(91,213,180,.42);
  background:rgba(91,213,180,.08);
  outline:0;
}
.personal-home-message-row>span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border:1px solid rgba(91,213,180,.30);
  color:#9cf7d8;
  background:rgba(0,0,0,.18);
  font-family:Consolas,monospace;
  font-size:11px;
}
.personal-home-message-row b,
.personal-home-title-row b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:14px;
  line-height:1.25;
}
.personal-home-message-row small,
.personal-home-title-row span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.site-message-panel{
  display:grid;
  gap:14px;
}
.site-message-floating-window{
  position:fixed;
  left:var(--message-window-x, 24px);
  top:var(--message-window-y, 80px);
  z-index:82;
  width:min(900px, calc(100vw - 32px));
  height:min(580px, calc(100vh - 80px));
  display:grid;
  grid-template-rows:minmax(0,1fr);
  border:1px solid rgba(240,213,122,.38);
  background:
    linear-gradient(180deg,rgba(15,23,42,.96),rgba(5,10,22,.98)),
    rgba(5,10,22,.98);
  box-shadow:0 22px 60px rgba(0,0,0,.46),0 0 0 1px rgba(98,203,230,.10) inset;
}
.site-message-window-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
.site-message-window-status{
  max-width:220px;
  overflow:hidden;
  color:var(--muted);
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.site-message-window-status.is-error{
  color:#ff9b9b;
}
.site-message-window-close{
  width:30px;
  height:30px;
  border:1px solid rgba(248,242,226,.18);
  color:var(--text);
  background:rgba(3,8,20,.58);
  font-size:20px;
  line-height:1;
}
.site-message-window-close:hover,
.site-message-window-close:focus-visible{
  border-color:rgba(240,213,122,.62);
  color:var(--gold-lt);
}
.site-message-window-body{
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  align-content:start;
  gap:12px;
  padding:12px;
  overflow:hidden;
}
.site-message-floating-toolbar{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:grab;
}
.site-message-floating-toolbar:active{
  cursor:grabbing;
}
.site-message-floating-window .site-message-private-shell{
  min-height:0;
  height:100%;
  cursor:auto;
  user-select:auto;
}
.site-message-floating-window .site-message-system-list,
.site-message-floating-window .site-message-conversation-list,
.site-message-floating-window .site-message-chat-messages{
  min-height:0;
  height:100%;
  overflow:auto;
}
.site-message-floating-window .site-message-chat{
  min-height:0;
  height:100%;
  cursor:auto;
  user-select:auto;
}
.site-message-tabs{
  display:flex;
  gap:8px;
  align-self:start;
  flex:0 0 auto;
}
.site-message-tabs button{
  min-width:96px;
  height:32px;
  border:1px solid rgba(98,203,230,.24);
  color:rgba(154,220,238,.88);
  background:rgba(3,8,20,.56);
  font-family:var(--serif);
  font-weight:800;
}
.site-message-tabs button em{
  display:inline-grid;
  place-items:center;
  min-width:18px;
  height:18px;
  margin-left:6px;
  border-radius:999px;
  color:#07111e;
  background:var(--gold-lt);
  font-style:normal;
  font-size:11px;
}
.site-message-tabs button.active{
  border-color:rgba(240,213,122,.70);
  color:var(--gold-lt);
  background:linear-gradient(180deg,rgba(240,213,122,.16),rgba(200,160,64,.06));
}
.site-message-system-list{
  display:grid;
  gap:8px;
}
.site-message-system-row{
  min-height:62px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px auto;
  gap:12px;
  align-items:center;
  padding:10px 12px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
}
.site-message-system-row b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:14px;
}
.site-message-system-row>div:first-child{
  min-width:0;
}
.site-message-system-row small,
.site-message-system-row time{
  color:var(--muted);
  font-size:11px;
}
.site-message-system-row small{
  display:block;
  max-width:100%;
  line-height:1.65;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.site-message-system-row time,
.site-message-system-row .site-message-row-actions{
  white-space:nowrap;
}
.site-message-private-shell{
  min-height:0;
  height:100%;
  display:grid;
  grid-template-columns:minmax(240px,.36fr) minmax(0,1fr);
  gap:14px;
  align-items:stretch;
  overflow:hidden;
}
.site-message-conversation-list{
  min-height:0;
  display:grid;
  grid-auto-rows:max-content;
  gap:8px;
  align-content:start;
  overflow:auto;
}
.site-message-list-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:34px;
  padding:0 2px;
  border-bottom:1px solid rgba(248,242,226,.10);
}
.site-message-list-head b{
  color:var(--text);
  font-family:var(--serif);
  font-size:13px;
}
.site-message-list-head span{
  color:var(--muted);
  font-size:11px;
}
.site-message-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
}
.site-message-search-row input,
.site-message-chat textarea,
.account-modal-field textarea{
  min-height:38px;
  border:1px solid rgba(98,203,230,.20);
  color:var(--text);
  background:rgba(3,8,20,.58);
  padding:9px 10px;
  resize:vertical;
}
.site-message-conversation-list>small,
.site-message-policy-note{
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.site-message-conversation-card{
  min-height:58px;
  position:relative;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
}
.site-message-conversation-card.active{
  border-color:rgba(240,213,122,.58);
  background:rgba(240,213,122,.08);
}
.site-message-conversation-main{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:5px;
  align-items:center;
  border:0;
  color:var(--text);
  background:transparent;
  padding:10px 76px 10px 12px;
  text-align:left;
}
.site-message-conversation-main b{
  color:var(--gold-lt);
  font-family:var(--serif);
}
.site-message-conversation-copy{
  display:grid;
  gap:4px;
  min-width:0;
}
.site-message-conversation-main .site-message-conversation-copy span{
  color:var(--muted);
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.site-message-conversation-avatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.32);
  border-radius:50%;
  color:var(--gold-lt);
  background:radial-gradient(circle at 40% 30%,rgba(240,213,122,.22),rgba(3,8,20,.88));
  font-family:var(--serif);
  font-weight:800;
  overflow:hidden;
}
.site-message-conversation-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.site-message-conversation-main i{
  position:absolute;
  right:10px;
  top:10px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#e23b3b;
  box-shadow:0 0 5px rgba(226,59,59,.62);
}
.account-follow-btn{
  min-width:52px;
  height:24px;
  border:1px solid rgba(240,213,122,.42);
  color:var(--gold-lt);
  background:rgba(240,213,122,.08);
  font-size:12px;
  line-height:1;
}
.account-follow-btn.is-following,
.account-follow-btn:disabled{
  border-color:rgba(91,213,180,.34);
  color:rgba(154,220,238,.76);
  background:rgba(91,213,180,.06);
}
.site-message-conversation-follow{
  justify-self:end;
}
.site-message-conversation-actions{
  position:absolute;
  right:8px;
  top:8px;
  bottom:3px;
  display:grid;
  justify-items:end;
  align-content:space-between;
  gap:3px;
  pointer-events:auto;
}
.site-message-action-links{
  display:flex;
  align-items:center;
  gap:8px;
}
.site-message-link-action{
  min-width:0;
  height:auto;
  border:0;
  background:transparent;
  color:#62cbe6;
  padding:0;
  font-size:11px;
  line-height:1.2;
  cursor:pointer;
}
.site-message-link-action:hover,
.site-message-link-action:focus-visible{
  color:#9adcee;
  text-decoration:underline;
}
.site-message-link-action:disabled{
  color:rgba(154,220,238,.48);
  cursor:default;
  text-decoration:none;
}
.site-message-conversation-safety{
  justify-content:flex-end;
  align-self:end;
}
.site-message-chat-window{
  min-height:0;
  overflow:hidden;
}
.site-message-chat{
  min-height:0;
  height:100%;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:10px;
  border:1px solid rgba(91,213,180,.16);
  background:rgba(5,10,22,.36);
  padding:12px;
  overflow:hidden;
}
.site-message-chat header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(91,213,180,.12);
  padding-bottom:8px;
}
.site-message-chat header b{
  color:var(--gold-lt);
  font-family:var(--serif);
}
.site-message-chat header span{
  display:block;
  color:var(--muted);
  font-size:12px;
}
.site-message-clear-local{
  display:inline;
  border:0;
  background:transparent;
  color:#62cbe6;
  padding:0;
  font-size:12px;
  line-height:1.4;
  cursor:pointer;
}
.site-message-clear-local:hover,
.site-message-clear-local:focus-visible{
  color:#9adcee;
  text-decoration:underline;
}
.site-message-chat-messages{
  min-height:0;
  height:100%;
  max-height:none;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:8px;
  padding-right:4px;
}
.site-message-chat-bubble{
  max-width:min(78%, 520px);
  justify-self:start;
  display:flex;
  gap:8px;
  align-items:start;
  border:none;
  background:transparent;
  padding:0;
}
.site-message-chat-bubble.is-mine{
  justify-self:end;
  flex-direction:row-reverse;
}
.site-message-bubble-avatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(98,203,230,.18);
  border-radius:50%;
  color:rgba(154,220,238,.92);
  background:radial-gradient(circle at 40% 30%,rgba(98,203,230,.22),rgba(3,8,20,.90));
  font-family:var(--serif);
  font-weight:800;
  overflow:hidden;
}
.site-message-bubble-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.site-message-chat-bubble.is-mine .site-message-bubble-avatar{
  border-color:rgba(240,213,122,.28);
  color:var(--gold-lt);
  background:radial-gradient(circle at 40% 30%,rgba(240,213,122,.22),rgba(3,8,20,.90));
}
.site-message-bubble-stack{
  min-width:0;
  max-width:100%;
  display:grid;
  gap:4px;
}
.site-message-bubble-copy{
  min-width:0;
  max-width:100%;
  border:1px solid rgba(98,203,230,.18);
  background:rgba(0,0,0,.18);
  padding:8px 10px;
}
.site-message-chat-bubble.is-mine .site-message-bubble-copy{
  text-align:left;
  border-color:rgba(240,213,122,.28);
  background:rgba(240,213,122,.08);
}
.site-message-bubble-name{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:12px;
  line-height:1.3;
  word-break:break-word;
}
.site-message-bubble-head{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:22px;
  flex-wrap:wrap;
}
.site-message-bubble-follow{
  height:22px;
  min-width:48px;
  font-size:11px;
}
.site-message-compose-error{
  grid-column:1 / -1;
  color:#ff6969;
  font-size:11px;
  line-height:1.45;
}
.site-message-chat-bubble p{
  margin:0;
  color:var(--text);
  font-size:13px;
  line-height:1.5;
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.site-message-chat-bubble small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:10px;
  word-break:break-word;
}
.site-message-chat footer{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 72px;
  gap:8px;
  align-items:end;
}
.site-message-chat textarea,
.account-modal-field textarea{
  min-height:76px;
  max-height:96px;
}
.site-message-compose-actions{
  display:grid;
  grid-template-rows:auto 34px;
  gap:6px;
  justify-items:end;
  min-width:0;
}
.site-message-compose-actions span{
  color:var(--muted);
  font-size:11px;
}
.site-message-compose-actions .gold-btn{
  width:64px;
  min-width:64px;
  padding:0 10px;
}
.site-message-compose-modal .account-modal-head p,
.site-message-compose-target span{
  color:var(--muted);
}
.site-message-compose-target{
  display:grid;
  gap:4px;
  border:1px solid rgba(91,213,180,.16);
  background:rgba(5,10,22,.42);
  padding:10px 12px;
}
.site-message-compose-target b{
  color:var(--gold-lt);
  font-family:var(--serif);
}
.account-follow-list{
  display:grid;
  gap:10px;
}
.account-follow-row{
  min-height:62px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  border:1px solid rgba(98,203,230,.18);
  background:rgba(3,8,20,.42);
  padding:10px 12px;
}
.account-follow-profile-link{
  min-width:0;
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.account-follow-profile-link:hover b,
.account-follow-profile-link:focus-visible b{
  color:var(--gold-lt);
  text-decoration:underline;
}
.account-follow-profile-link:focus-visible{
  outline:1px solid rgba(240,213,122,.5);
  outline-offset:3px;
}
.account-follow-avatar{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.32);
  border-radius:50%;
  color:var(--gold-lt);
  background:radial-gradient(circle at 40% 30%,rgba(240,213,122,.20),rgba(3,8,20,.88));
  font-family:var(--serif);
  font-weight:800;
  overflow:hidden;
}
.account-follow-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.account-follow-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.account-follow-copy b{
  color:var(--gold-lt);
  font-family:var(--serif);
}
.account-follow-copy span{
  color:var(--muted);
  font-size:12px;
}
.account-follow-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.account-privacy-panel{
  display:grid;
  gap:14px;
}
.account-privacy-options{
  display:grid;
  gap:10px;
}
.account-privacy-check,
.account-privacy-radio{
  min-height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
  padding:8px 10px;
  color:var(--text);
}
.account-privacy-check input,
.account-privacy-radio input{
  width:16px;
  height:16px;
  accent-color:#d8bd68;
}
.account-privacy-radio-group{
  display:grid;
  gap:8px;
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid rgba(248,242,226,.10);
}
.account-privacy-radio-group>b{
  color:var(--gold-lt);
  font-family:var(--serif);
}
.account-security-panel{
  max-width:640px;
}
.account-security-current-phone{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
  color:var(--muted);
}
.account-security-current-phone strong{
  color:var(--gold-lt);
  font-family:var(--serif);
}
.link-btn{
  appearance:none;
  border:0;
  background:transparent;
  color:var(--cyan);
  cursor:pointer;
  padding:0;
  font:inherit;
}
.link-btn:hover,
.link-btn:focus-visible{
  color:var(--cyan-strong);
  text-decoration:underline;
}
.account-security-form{
  display:grid;
  gap:14px;
  max-width:560px;
}
.account-security-code-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:end;
}
.account-security-actions{
  display:flex;
  justify-content:flex-start;
}
.account-security-flow-copy{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}
.account-security-divider{
  height:1px;
  margin:20px 0;
  background:rgba(248,242,226,.12);
}
.account-security-password-row{
  margin-bottom:0;
}
.account-template-modal.account-security-password-modal{
  width:min(560px,calc(100vw - 40px));
}
.site-message-bubble-safety{
  margin-left:2px;
}
@media (max-width: 760px){
  .site-message-floating-window{
    left:8px!important;
    top:64px!important;
    width:calc(100vw - 16px);
    height:calc(100vh - 76px);
  }
  .site-message-floating-toolbar{
    align-items:flex-start;
  }
  .site-message-window-actions{
    flex-wrap:wrap;
    justify-content:flex-end;
  }
  .site-message-private-shell{
    grid-template-columns:1fr;
  }
  .site-message-chat footer{
    grid-template-columns:1fr;
  }
  .site-message-compose-actions{
    justify-items:stretch;
  }
  .site-message-compose-actions .gold-btn{
    width:100%;
  }
}
.personal-home-title-row{
  min-height:54px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 84px;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(248,242,226,.12);
  background:
    linear-gradient(90deg,rgba(240,213,122,.055),transparent 54%),
    rgba(0,0,0,.14);
}
.personal-home-bottom-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.personal-home-page-v2 .personal-home-list,
.personal-home-page-v2 .personal-home-team-list{
  margin-top:12px;
}
.personal-home-page-v2 .personal-home-panel,
.personal-home-page-v2 .personal-home-section,
.personal-home-page-v2 .personal-home-message-panel,
.personal-home-page-v2 .personal-home-title-panel{
  border-color:rgba(91,213,180,.18);
  background:
    linear-gradient(180deg,rgba(91,213,180,.045),transparent 42%),
    rgba(10,18,38,.72);
}
.personal-home-page-v3{
  gap:18px;
}
.personal-profile-shell{
  min-height:324px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(460px,520px) 138px;
  align-items:start;
  gap:30px;
  padding:32px 34px;
  border-left:0;
  border-radius:18px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,8,20,.98),rgba(7,16,34,.76) 54%,rgba(4,8,20,.92)),
    radial-gradient(circle at 72% 18%,rgba(91,213,180,.12),transparent 34%),
    radial-gradient(circle at 18% 24%,rgba(240,213,122,.14),transparent 32%),
    url("./parser-native-three-page/assets/sect-art/万灵山庄/bg.png") center 42%/cover;
}
.personal-profile-main{
  min-width:0;
}
.personal-profile-id{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:34px;
}
.personal-avatar-button{
  position:relative;
  flex:0 0 auto;
  display:block;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
}
.personal-avatar-button .personal-home-avatar{
  width:196px;
  height:196px;
  font-size:64px;
  box-shadow:0 18px 42px rgba(0,0,0,.36),0 0 28px rgba(240,213,122,.12);
  transition:border-color .16s ease,filter .16s ease;
}
.personal-avatar-hover-text{
  position:absolute;
  inset:auto 10px 10px;
  min-height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(91,213,180,.42);
  background:rgba(3,8,20,.84);
  color:var(--cyan);
  font-size:12px;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .16s ease,transform .16s ease;
}
.personal-avatar-button:hover .personal-home-avatar,
.personal-avatar-button:focus-visible .personal-home-avatar{
  border-color:rgba(91,213,180,.78);
  filter:brightness(1.08);
}
.personal-avatar-button:hover .personal-avatar-hover-text,
.personal-avatar-button:focus-visible .personal-avatar-hover-text{
  opacity:1;
  transform:translateY(0);
}
.personal-profile-copy{
  min-width:0;
}
.personal-profile-name-line{
  display:flex;
  align-items:center;
  gap:12px;
}
.personal-profile-id h1{
  margin:5px 0 0;
  color:var(--text);
  font-family:var(--serif);
  font-size:32px;
  line-height:1.15;
}
.personal-profile-name-actions{
  display:flex;
  align-items:flex-start;
  gap:4px;
  margin-top:4px;
}
.personal-profile-text-btn{
  border:0;
  padding:0;
  background:transparent;
  color:var(--cyan);
  font-size:12px;
  line-height:1.2;
  text-align:left;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.personal-profile-text-btn:hover,
.personal-profile-text-btn:focus-visible{
  color:var(--gold-lt);
  outline:0;
}
.personal-profile-id strong{
  display:block;
  margin-top:4px;
  color:var(--gold-lt);
  font-size:13px;
}
.personal-profile-server{
  display:flex;
  align-items:center;
  gap:2px;
  margin-top:6px;
  color:rgba(226,232,240,.70);
  font-size:12px;
}
.personal-profile-server-action{
  font-size:12px;
}
.personal-profile-server b{
  color:var(--green);
  font-weight:800;
}
.permanent-server-selects{
  display:grid;
  grid-template-columns:minmax(120px,.42fr) minmax(160px,.58fr);
  gap:10px;
}
.permanent-server-selects select{
  min-height:38px;
  border:1px solid rgba(91,213,180,.28);
  background:rgba(5,10,22,.86);
  color:var(--text);
  padding:0 12px;
}
.permanent-server-selects select:disabled{
  color:rgba(226,232,240,.38);
  border-color:rgba(226,232,240,.12);
}
.personal-profile-title-badges{
  max-width:720px;
  margin-top:9px;
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  overflow:hidden;
}
.personal-honor-tag{
  width:96px;
  min-width:0;
  display:grid;
  gap:2px;
  overflow:hidden;
}
.personal-honor-tag svg{
  width:96px;
  height:26px;
  display:block;
  filter:drop-shadow(0 0 7px rgba(240,213,122,.18));
}
.personal-honor-tag rect{
  fill:rgba(3,8,20,.78);
  stroke:rgba(240,213,122,.62);
  stroke-width:1.4;
}
.personal-honor-tag path{
  fill:rgba(240,213,122,.18);
  stroke:rgba(240,213,122,.86);
  stroke-width:1.1;
}
.personal-honor-tag text{
  fill:var(--gold-lt);
  font:700 12px var(--sans);
}
.personal-honor-tag small{
  color:rgba(226,232,240,.60);
  font-size:10px;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.personal-profile-empty{
  min-height:26px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border:1px dashed rgba(248,242,226,.18);
  color:var(--muted);
  font-size:12px;
}
.personal-channel-block{
  max-width:720px;
  margin-top:14px;
}
.personal-channel-head{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(226,232,240,.82);
  font-size:12px;
}
.personal-channel-grid{
  width:min(430px,100%);
  margin-top:7px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.personal-channel-card,
.personal-channel-add-card{
  min-height:48px;
  padding:8px 10px;
  border:1px solid rgba(248,242,226,.14);
  background:rgba(4,8,20,.50);
  color:var(--text);
  text-align:left;
  cursor:pointer;
}
.personal-channel-card b,
.personal-channel-card span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.personal-channel-card b{
  color:var(--gold-lt);
  font-size:13px;
}
.personal-channel-card span,
.personal-channel-add-card{
  color:var(--cyan);
  font-size:12px;
}
.personal-channel-card:hover,
.personal-channel-card:focus-visible,
.personal-channel-add-card:hover,
.personal-channel-add-card:focus-visible{
  border-color:rgba(91,213,180,.50);
  outline:0;
}
.personal-profile-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(104px,1fr));
  gap:10px;
  align-self:center;
}
.personal-profile-summary>div{
  min-height:72px;
  padding:11px 12px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.20);
}
.personal-profile-summary b{
  display:block;
  color:var(--gold-lt);
  font-size:19px;
  line-height:1.1;
}
.personal-profile-summary span,
.personal-profile-summary small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:10px;
  line-height:1.25;
}
.personal-profile-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-self:end;
}
.personal-settings-shell{
  display:grid;
  grid-template-columns:214px minmax(0,1fr) 360px;
  gap:18px;
  align-items:start;
}
.personal-settings-menu{
  position:sticky;
  top:82px;
  padding:12px;
  border-color:rgba(240,213,122,.20);
  background:rgba(7,13,29,.82);
}
.personal-settings-menu-head{
  padding:4px 4px 10px;
  border-bottom:1px solid rgba(248,242,226,.10);
}
.personal-settings-menu-head b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:16px;
}
.personal-settings-menu-head span{
  display:block;
  margin-top:4px;
  color:var(--dim);
  font-size:11px;
}
.personal-settings-menu-list{
  display:grid;
  gap:6px;
  margin-top:10px;
}
.personal-settings-menu-group{
  display:grid;
  gap:6px;
}
.personal-settings-menu-group + .personal-settings-menu-group{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid rgba(248,242,226,.10);
}
.personal-settings-menu-group>span{
  color:var(--dim);
  font-size:11px;
  line-height:1.2;
  padding:0 4px;
}
.personal-settings-menu-list button{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 10px;
  border:1px solid transparent;
  color:var(--muted);
  background:transparent;
  text-align:left;
  font-family:var(--serif);
  font-weight:700;
  letter-spacing:0;
}
.personal-settings-menu-list button:hover,
.personal-settings-menu-list button:focus-visible,
.personal-settings-menu-list button.active{
  border-color:rgba(91,213,180,.36);
  color:var(--text);
  background:rgba(91,213,180,.085);
  outline:0;
}
.personal-settings-menu-list button em{
  min-width:20px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.38);
  color:var(--gold-lt);
  background:rgba(0,0,0,.20);
  font-family:Consolas,monospace;
  font-size:11px;
  font-style:normal;
}
.personal-settings-main,
.personal-settings-side{
  display:grid;
  gap:18px;
}
.personal-home-page-v3 .personal-home-panel,
.personal-home-page-v3 .personal-home-section,
.personal-home-page-v3 .personal-home-message-panel,
.personal-home-page-v3 .personal-home-title-panel,
.personal-public-editor,
.personal-public-preview{
  border-color:rgba(91,213,180,.18);
  background:
    linear-gradient(180deg,rgba(91,213,180,.045),transparent 44%),
    rgba(10,18,38,.74);
}
.personal-public-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.personal-home-visibility-row{
  min-height:66px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
}
.personal-home-visibility-row b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:14px;
}
.personal-home-visibility-row span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}
.personal-home-role-assets,
.personal-home-sync-list{
  display:grid;
  gap:8px;
}
.personal-home-role-assets{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
.personal-role-filter-panel{
  display:grid;
  gap:10px;
  padding:13px 14px;
  border-color:rgba(91,213,180,.20);
  background:
    linear-gradient(90deg,rgba(91,213,180,.055),transparent 62%),
    rgba(10,18,38,.72);
}
.personal-role-filter-list{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.personal-role-filter-list button{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 32%,rgba(248,242,226,.12));
  color:var(--text);
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 10%,transparent),transparent 70%),
    rgba(0,0,0,.14);
  cursor:pointer;
}
.personal-role-filter-list button:hover,
.personal-role-filter-list button:focus-visible{
  border-color:color-mix(in srgb,var(--role-color,var(--gold-lt)) 64%,rgba(248,242,226,.12));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 16%,transparent),transparent 70%),
    rgba(0,0,0,.18);
  outline:0;
}
.personal-role-filter-list button.active{
  border-color:color-mix(in srgb,var(--role-color,var(--gold-lt)) 76%,rgba(240,213,122,.18));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--role-color,var(--gold-lt)) 22%,transparent);
}
.personal-role-filter-list .sect-icon,
.personal-role-filter-all{
  width:21px;
  height:21px;
  flex:0 0 21px;
}
.personal-role-filter-all{
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.34);
  background:rgba(240,213,122,.08);
  overflow:hidden;
}
.personal-role-filter-all img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.personal-role-filter-list button>span:not(.sect-icon):not(.personal-role-filter-all){
  color:var(--text);
  font-family:var(--serif);
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}
.personal-role-filter-list button em{
  color:var(--gold-lt);
  font-style:normal;
  font-size:10px;
  font-weight:700;
  line-height:1;
  padding:3px 5px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 30%,rgba(248,242,226,.10));
  background:rgba(0,0,0,.12);
}
.personal-home-role-asset{
  min-height:86px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px 96px;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 34%,rgba(248,242,226,.12));
  border-left:3px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 72%,rgba(240,213,122,.28));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 9%,transparent),transparent 56%),
    rgba(0,0,0,.13);
}
.personal-home-role-asset.is-primary{
  border-color:rgba(240,213,122,.58);
  border-left-color:var(--gold-lt);
  box-shadow:inset 0 0 0 1px rgba(240,213,122,.14),0 0 18px rgba(240,213,122,.07);
}
.personal-home-role-asset .sect-icon{
  width:40px;
  height:40px;
}
.personal-home-role-identity-block{
  min-width:0;
  display:grid;
  gap:5px;
}
.personal-home-role-identity-btn{
  min-width:0;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:10px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.personal-home-role-identity-btn:hover .role-identity-copy b,
.personal-home-role-identity-btn:focus-visible .role-identity-copy b{
  text-decoration:underline;
  text-underline-offset:3px;
}
.personal-home-role-identity-btn:focus-visible{
  outline:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 62%,rgba(98,203,230,.24));
  outline-offset:4px;
}
.personal-home-role-asset-main{
  min-width:0;
  padding-right:0;
}
.personal-home-role-asset>.tag{
  width:100%;
  min-width:0;
  box-sizing:border-box;
  justify-self:stretch;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.personal-role-asset-identity .role-identity-copy small em{
  color:var(--gold-lt);
  font-style:normal;
  font-weight:700;
}
.personal-role-season-score-link{
  max-width:100%;
  display:block;
  margin-top:5px;
  padding:0;
  border:0;
  color:var(--muted);
  background:transparent;
  font-size:11px;
  font-family:var(--sans);
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  cursor:pointer;
}
.personal-role-season-score-link:hover,
.personal-role-season-score-link:focus-visible{
  color:var(--gold-lt);
  text-decoration:underline;
  outline:0;
}
.personal-home-role-gear{
  min-width:0;
  display:grid;
  gap:6px;
  align-content:center;
}
.personal-home-role-gear .account-card-equip-inline-btn{
  width:100%;
  height:30px;
}
.personal-home-role-gear b{
  display:block;
  min-width:0;
  height:30px;
  padding:6px 8px;
  border:1px solid rgba(240,213,122,.24);
  background:rgba(240,213,122,.06);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:13px;
  line-height:16px;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-sizing:border-box;
}
.personal-home-role-gear-btn{
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:7px 10px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 34%,rgba(248,242,226,.12));
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 12%,transparent),rgba(0,0,0,.16)),
    rgba(0,0,0,.12);
  color:var(--text);
  font-family:var(--sans);
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.personal-home-role-gear-btn:hover,
.personal-home-role-gear-btn:focus-visible{
  border-color:color-mix(in srgb,var(--role-color,var(--gold-lt)) 58%,rgba(248,242,226,.18));
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--role-color,var(--gold-lt)) 18%,transparent),rgba(0,0,0,.12)),
    rgba(0,0,0,.16);
  box-shadow:0 0 16px color-mix(in srgb,var(--role-color,var(--gold-lt)) 18%,transparent);
  outline:0;
  transform:translateY(-1px);
}
.personal-home-role-gear-btn span{
  min-width:0;
  display:grid;
  gap:4px;
}
.personal-home-role-gear em{
  color:var(--dim);
  font-style:normal;
  font-size:10px;
  line-height:1;
}
.personal-home-role-gear i{
  flex:0 0 auto;
  color:rgba(98,203,230,.92);
  font-style:normal;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
.personal-home-row-actions{
  min-width:0;
  display:grid;
  gap:6px;
  justify-items:stretch;
}
.personal-home-row-actions .dark-btn{
  width:100%;
  min-width:0;
  height:28px;
  padding-inline:10px;
}
.personal-role-title-badges{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}
.personal-role-score-links{
  display:grid;
  gap:2px;
  margin-top:4px;
}
.personal-role-home-toggle{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:22px;
  color:var(--muted);
  font-size:11px;
  white-space:nowrap;
}
.personal-home-row-actions .is-danger{
  display:block;
  color:#6bd4ff;
  text-align:center;
}
.personal-role-empty{
  min-height:96px;
  display:grid;
  place-items:center;
  border:1px dashed rgba(248,242,226,.16);
  color:var(--muted);
  background:rgba(0,0,0,.12);
  font-size:13px;
}
.personal-home-sync-row{
  min-height:64px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 96px;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
}
.personal-home-sync-row b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:14px;
}
.personal-home-sync-row span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}
.report-pool-panel{
  padding:16px;
}
.report-pool-sync-conditions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 12px;
  padding:0 2px;
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.report-pool-sync-conditions span{
  color:var(--text);
  font-family:var(--serif);
  font-weight:700;
}
.report-pool-sync-conditions b{
  color:var(--gold-lt);
  font-weight:700;
}
.report-pool-sync-conditions b.is-retired{
  color:var(--muted);
  text-decoration:line-through;
}
.report-pool-space{
  display:grid;
  gap:16px;
}
.report-pool-season-group{
  display:grid;
  gap:0;
  padding:14px;
  border:1px solid rgba(91,213,180,.20);
  background:
    linear-gradient(180deg,rgba(91,213,180,.045),transparent 150px),
    rgba(4,8,20,.34);
}
.report-pool-season-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 0 12px;
  border:0;
  border-bottom:1px solid rgba(91,213,180,.16);
  background:
    linear-gradient(90deg,rgba(91,213,180,.045),transparent 70%);
}
.report-pool-season-head span{
  color:var(--dim);
  font-size:11px;
  letter-spacing:0;
}
.report-pool-season-head h3{
  margin:3px 0 0;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:18px;
  line-height:1.25;
}
.report-pool-season-toggle{
  flex:0 0 auto;
  min-width:72px;
}
.report-pool-season-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.report-auto-sync-control{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:4px 9px;
  border:1px solid rgba(224,184,75,.38);
  background:rgba(224,184,75,.06);
  color:var(--gold-lt);
  cursor:pointer;
}
.report-auto-sync-control input{
  accent-color:#d8b84f;
}
.report-pool-season-head .report-auto-sync-control > span{
  color:inherit;
  font-size:13px;
}
.report-auto-sync-control small{
  color:var(--dim);
}
.report-auto-sync-control.is-disabled{
  border-color:rgba(150,158,171,.18);
  background:rgba(150,158,171,.04);
  color:var(--dim);
  cursor:not-allowed;
  opacity:.62;
}
.report-pool-season-head .report-auto-sync-tooltip{
  position:absolute;
  z-index:40;
  top:calc(100% + 9px);
  right:0;
  display:grid;
  gap:5px;
  width:min(320px,72vw);
  padding:10px 12px;
  border:1px solid rgba(224,184,75,.62);
  background:linear-gradient(180deg,rgba(22,27,39,.98),rgba(6,10,19,.98));
  box-shadow:0 10px 28px rgba(0,0,0,.54),inset 0 0 18px rgba(224,184,75,.05);
  color:#e8ddc3;
  font-size:12px;
  line-height:1.55;
  text-align:left;
  letter-spacing:0;
  opacity:0;
  visibility:hidden;
  transform:translateY(-4px);
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.report-pool-season-head .report-auto-sync-tooltip::before{
  content:"";
  position:absolute;
  right:22px;
  bottom:100%;
  border:6px solid transparent;
  border-bottom-color:rgba(224,184,75,.62);
}
.report-pool-season-head .report-auto-sync-tooltip b{
  color:var(--gold-lt);
  font-weight:700;
}
.report-pool-season-head .report-auto-sync-tooltip em{
  color:#b9c0cc;
  font-style:normal;
}
.report-auto-sync-control:hover .report-auto-sync-tooltip,
.report-auto-sync-control:focus-within .report-auto-sync-tooltip{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.report-pool-season-body{
  display:grid;
  gap:12px;
  padding-top:10px;
}
.report-pool-dungeon-tabs{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  padding:0 0 8px;
  border-bottom:1px solid rgba(248,242,226,.10);
}
.report-pool-dungeon-tabs button{
  min-height:28px;
  padding:2px 0 7px;
  border:0;
  border-bottom:2px solid transparent;
  background:transparent;
  color:var(--muted);
  font-weight:700;
  cursor:pointer;
}
.report-pool-dungeon-tabs button.active{
  border-bottom-color:rgba(240,213,122,.86);
  background:transparent;
  color:var(--gold-lt);
}
.report-pool-run-list{
  display:grid;
  gap:10px;
}
.report-pool-collapse{
  border:1px solid rgba(248,242,226,.14);
  background:rgba(0,0,0,.14);
}
.report-pool-collapse[open]{
  border-color:rgba(91,213,180,.28);
}
.report-pool-collapse>summary{
  min-height:64px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  cursor:pointer;
  list-style:none;
  background:
    linear-gradient(90deg,rgba(91,213,180,.07),transparent 62%),
    rgba(10,18,38,.72);
}
.report-pool-collapse>summary::-webkit-details-marker{
  display:none;
}
.report-pool-collapse>summary b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:16px;
  line-height:1.25;
}
.report-pool-collapse>summary span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.report-pool-summary-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.report-pool-toggle{
  color:var(--cyan)!important;
  font-size:11px!important;
  font-weight:700;
  white-space:nowrap;
}
.report-pool-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:10px;
  padding:12px;
}
.report-pool-boss-card{
  min-height:186px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:12px;
  padding:13px;
  border:1px solid rgba(240,213,122,.18);
  background:
    linear-gradient(135deg,rgba(240,213,122,.055),transparent 74%),
    rgba(4,8,20,.44);
}
.report-pool-boss-head{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(126px,auto);
  gap:10px;
  align-items:start;
}
.report-pool-boss-head b{
  display:block;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:18px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.report-pool-boss-head span,
.report-pool-boss-meta span{
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.report-pool-recorder{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-width:0;
}
.report-pool-recorder-copy{
  min-width:0;
  max-width:100%;
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
}
.report-pool-recorder-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--role-color,var(--gold-lt))!important;
  font-weight:700;
}
.report-pool-recorder-server{
  flex:0 0 auto;
  color:rgba(98,203,230,.76);
  font-size:11px;
  font-weight:600;
  line-height:1.2;
}
.report-pool-spec-icon{
  flex:0 0 28px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(248,242,226,.14);
  background:rgba(0,0,0,.18);
  color:var(--dim);
  font-size:10px;
  overflow:hidden;
}
.report-pool-spec-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.report-pool-boss-meta{
  display:grid;
  gap:5px;
}
.report-pool-card-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  align-self:end;
}
.report-pool-action-btn{
  width:100%;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  text-decoration:none;
  white-space:normal;
  text-align:center;
}
.report-pool-action-btn[disabled]{
  opacity:.58;
  cursor:not-allowed;
}
.report-pool-synced-btn,
.report-pool-synced-btn[disabled]{
  border:1px solid rgba(115,210,139,.42);
  color:#9ff0b4;
  background:rgba(115,210,139,.11);
  opacity:1;
  cursor:default;
}
.report-pool-disabled-action{
  display:block;
}
.personal-team-card{
  display:grid;
  grid-template-columns:92px 190px minmax(0,1fr) minmax(340px,400px);
  grid-template-areas:"avatar info honors side";
  gap:10px 16px;
  align-items:center;
  min-height:124px;
  padding:14px 16px;
  border:1px solid rgba(91,213,180,.20);
  background:
    linear-gradient(90deg,rgba(91,213,180,.055),transparent 58%),
    rgba(0,0,0,.12);
}
.personal-team-card.is-formal{
  border-color:rgba(240,213,122,.34);
}
.personal-team-card-avatar{
  grid-area:avatar;
}
.personal-team-card-avatar .team-plate-avatar{
  width:74px;
  height:74px;
  font-size:28px;
}
.personal-team-card-info{
  grid-area:info;
  min-width:0;
  display:grid;
  gap:5px;
}
.personal-team-card-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
.personal-team-card-info .ops-team-link,
.personal-team-card-head .ops-team-link{
  padding:0;
  border:0;
  color:var(--gold-lt);
  background:transparent;
  font-family:var(--serif);
  font-size:18px;
  font-weight:800;
  text-align:left;
}
.personal-team-card-info span{
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
}
.personal-team-card-head span{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}
.personal-team-card-honors{
  grid-area:honors;
  min-width:0;
  min-height:92px;
  display:flex;
  align-items:center;
  gap:8px;
  padding-left:14px;
  border-left:1px solid rgba(248,242,226,.20);
}
.personal-team-card-honors>b{
  flex:0 0 auto;
  color:var(--muted);
  font-size:12px;
}
.personal-team-honor-tags{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.personal-team-honor-empty{
  color:var(--muted);
  font-size:12px;
}
.personal-team-card-side{
  grid-area:side;
  align-self:stretch;
  display:grid;
  justify-items:end;
  align-content:space-between;
  gap:10px;
  padding-left:14px;
  border-left:1px solid rgba(248,242,226,.20);
}
.personal-team-card-side .is-danger{
  color:#6bd4ff;
  font-size:12px;
}
.personal-team-card-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.personal-team-card-meta span{
  padding:8px 10px;
  border:1px solid rgba(248,242,226,.10);
  color:var(--text);
  background:rgba(0,0,0,.10);
  font-size:12px;
}
.personal-team-card-meta b,
.personal-team-card-roles>b{
  display:block;
  margin-bottom:4px;
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}
.personal-team-card-roles{
  min-width:0;
  width:100%;
  display:grid;
  justify-items:stretch;
}
.personal-team-card-role-space{
  min-height:42px;
}
.personal-team-role-all{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border:1px solid rgba(240,213,122,.45);
  color:var(--gold-lt);
  background:linear-gradient(90deg,rgba(240,213,122,.14),rgba(0,0,0,.10));
  font-size:12px;
  font-weight:800;
}
.personal-team-character-list{
  min-width:0;
  display:grid;
  gap:8px;
  width:100%;
  max-width:none;
}
.personal-team-card .team-member-character-entry{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:min(100%,320px);
  margin-left:auto;
  min-height:66px;
  padding:10px 12px;
}
.personal-team-card .team-member-character-main{
  width:100%;
}
.personal-team-card .team-member-character-main .sect-icon{
  width:40px;
  height:40px;
}
.personal-team-card .team-member-character-copy{
  gap:4px;
}
.personal-team-card .team-member-role-identity{
  font-size:14px;
}
.personal-team-card .team-member-role-identity b{
  flex:0 1 auto;
}
.personal-team-card .team-member-role-identity small{
  font-size:12px;
}
.personal-team-card .team-member-character-copy>small{
  color:rgba(226,232,240,.72);
  font-size:12px;
}
.personal-team-card .team-member-character-gear{
  min-width:96px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
}
.personal-team-card .team-member-character-gear .account-card-equip-inline-btn.pi-equip-btn{
  width:100%;
  min-width:0;
}
.personal-team-card .team-member-character-gear b{
  min-width:0;
  color:var(--gold-lt);
  text-align:center;
}
.personal-team-role-empty{
  color:var(--muted);
  font-size:12px;
}
@media(max-width:980px){
  .personal-team-card{
    grid-template-columns:74px minmax(0,1fr);
    grid-template-areas:
      "avatar info"
      "honors honors"
      "side side";
  }
  .personal-team-card-honors,
  .personal-team-card-side{
    padding-left:0;
    border-left:0;
  }
  .personal-team-card-side{
    grid-auto-flow:column;
    justify-content:space-between;
    align-content:center;
  }
}
.personal-public-card{
  display:grid;
  justify-items:center;
  gap:10px;
  padding:12px 10px 2px;
  text-align:center;
}
.personal-home-avatar.is-small{
  width:68px;
  height:68px;
  font-size:26px;
}
.personal-public-card h2{
  margin:0;
  color:var(--text);
  font-family:var(--serif);
  font-size:22px;
  line-height:1.15;
}
.personal-public-card>strong{
  color:var(--gold-lt);
  font-size:12px;
}
.personal-public-roles{
  width:100%;
  display:grid;
  gap:6px;
  margin-top:2px;
}
.personal-public-roles>span{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 38%,rgba(248,242,226,.12));
  background:rgba(0,0,0,.12);
  color:var(--text);
  font-family:var(--serif);
  font-size:13px;
  font-weight:700;
}
.personal-public-roles .sect-icon{
  width:26px;
  height:26px;
}
.personal-home-title-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.personal-home-title-chip{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid rgba(240,213,122,.30);
  color:var(--gold-lt);
  background:rgba(0,0,0,.16);
  font-family:var(--serif);
  font-size:13px;
  font-weight:700;
}
.personal-home-title-chip small{
  color:var(--dim);
  font-family:var(--sans);
  font-size:10px;
  font-weight:600;
}
.personal-home-page-v3 .personal-home-team-row{
  grid-template-columns:minmax(110px,150px) auto minmax(0,1fr);
}
.personal-home-page-v4{
  gap:18px;
}
.personal-paged-shell{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.personal-paged-main{
  min-width:0;
}
.personal-overview-space,
.personal-section-page{
  display:grid;
  gap:18px;
}
.personal-overview-intro{
  min-height:128px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:18px;
  border-color:rgba(91,213,180,.20);
  background:
    linear-gradient(90deg,rgba(91,213,180,.055),transparent 62%),
    rgba(10,18,38,.72);
}
.personal-overview-intro h2,
.personal-section-page-head h2{
  margin:4px 0 0;
  color:var(--text);
  font-family:var(--serif);
  font-size:22px;
  line-height:1.2;
}
.personal-overview-intro p,
.personal-section-page-head p{
  max-width:760px;
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.personal-overview-actions,
.personal-section-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.personal-section-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.personal-section-card{
  min-height:136px;
  position:relative;
  display:grid;
  align-content:start;
  gap:8px;
  padding:16px;
  border:1px solid rgba(248,242,226,.12);
  color:var(--text);
  background:
    linear-gradient(180deg,rgba(91,213,180,.04),transparent 70%),
    rgba(0,0,0,.14);
  text-align:left;
}
.personal-section-card:hover,
.personal-section-card:focus-visible{
  border-color:rgba(91,213,180,.42);
  background:
    linear-gradient(180deg,rgba(91,213,180,.09),transparent 70%),
    rgba(0,0,0,.16);
  outline:0;
}
.personal-section-card>span{
  color:var(--dim);
  font-size:11px;
}
.personal-section-card b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:17px;
  line-height:1.25;
}
.personal-section-card small{
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.personal-section-card em{
  position:absolute;
  right:12px;
  top:12px;
  min-width:24px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid rgba(240,213,122,.35);
  color:var(--gold-lt);
  background:rgba(0,0,0,.20);
  font-family:Consolas,monospace;
  font-size:11px;
  font-style:normal;
}
.personal-overview-bottom{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.personal-overview-reminder{
  padding:16px;
  border-color:rgba(91,213,180,.18);
  background:rgba(10,18,38,.72);
}
.personal-overview-reminder-list{
  display:grid;
  gap:8px;
  margin:12px 0;
}
.personal-section-page-head{
  min-height:112px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:16px 18px;
  border:1px solid rgba(91,213,180,.18);
  background:
    linear-gradient(90deg,rgba(91,213,180,.055),transparent 58%),
    rgba(10,18,38,.72);
}
.personal-section-page-head>.text-link{
  justify-self:start;
  color:var(--gold-lt);
}
.personal-section-page-head .gold-btn,
.personal-section-page-head .dark-btn{
  white-space:nowrap;
}
.live-promotion-panel{
  display:grid;
  gap:22px;
  padding:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 0,rgba(0,161,214,.12),transparent 34%),
    linear-gradient(135deg,rgba(11,20,42,.96),rgba(5,10,23,.96));
}
.live-promotion-intro{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:20px;
  align-items:center;
  padding-bottom:20px;
  border-bottom:1px solid rgba(91,213,180,.16);
}
.live-promotion-provider{
  display:grid;
  min-height:72px;
  place-items:center;
  border:1px solid rgba(0,161,214,.62);
  color:#fff;
  background:linear-gradient(135deg,rgba(0,161,214,.24),rgba(20,42,78,.48));
  box-shadow:inset 0 0 22px rgba(0,161,214,.10),0 0 22px rgba(0,161,214,.08);
  font:700 13px/1.2 Consolas,monospace;
  letter-spacing:.09em;
}
.live-promotion-intro h3{margin:0 0 7px;color:var(--text);font-family:var(--serif);font-size:19px}
.live-promotion-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.live-promotion-form{display:grid;gap:10px;max-width:880px}
.live-promotion-form label{color:var(--gold-lt);font-size:12px;font-weight:700}
.live-promotion-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.live-promotion-input-row input{
  width:100%;
  min-height:42px;
  padding:0 13px;
  border:1px solid rgba(91,213,180,.28);
  outline:0;
  color:var(--text);
  background:rgba(2,7,18,.78);
}
.live-promotion-input-row input:focus{border-color:rgba(91,213,180,.72);box-shadow:0 0 0 2px rgba(91,213,180,.08)}
.live-promotion-input-row .gold-btn{min-width:126px}
.live-promotion-help{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.live-promotion-status{min-height:34px;padding:8px 10px;border-left:2px solid rgba(210,178,92,.65);color:var(--muted);background:rgba(255,255,255,.025);font-size:11px;line-height:1.55}
.live-promotion-status.is-ok{border-left-color:#5bd5b4;color:#9ae7d2}
.live-promotion-status.is-error{border-left-color:#ff6a68;color:#ff9a98}
.personal-section-two-col{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:18px;
  align-items:start;
}
.personal-account-placeholder{
  padding:16px;
  border-color:rgba(91,213,180,.18);
  background:rgba(10,18,38,.72);
}
.personal-account-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.personal-account-grid button{
  min-height:92px;
  display:grid;
  align-content:start;
  gap:8px;
  padding:14px;
  border:1px solid rgba(248,242,226,.12);
  color:var(--text);
  background:rgba(0,0,0,.14);
  text-align:left;
}
.personal-account-grid button:hover,
.personal-account-grid button:focus-visible{
  border-color:rgba(91,213,180,.42);
  background:rgba(91,213,180,.08);
  outline:0;
}
.personal-account-grid b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:15px;
}
.personal-account-grid span{
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.personal-home-simple-list{
  display:grid;
  gap:8px;
}
.personal-home-simple-row{
  min-height:64px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
}
.personal-home-simple-row b{
  display:block;
  color:var(--text);
  font-family:var(--serif);
  font-size:14px;
}
.personal-home-simple-row span{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}
.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.filter-row button{
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(0,0,0,.16);
  min-height:30px;
  padding:0 10px;
}
.filter-row button.active{border-color:var(--gold-50);color:var(--gold-lt);background:var(--gold-10)}
.parser-shell{margin-top:14px;padding:12px}
.parser-tabs{
  display:flex;
  gap:8px;
  border-bottom:1px solid var(--gold-30);
  padding:0 0 12px;
}
.parser-tab{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(0,0,0,.12);
  padding:0 12px;
}
.parser-tab span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  color:var(--gold-lt);
  font-size:11px;
}
.parser-tab b{font-family:var(--serif);font-size:12px;font-weight:500}
.parser-tab.active{border-color:var(--gold-50);color:var(--text);background:var(--gold-10)}
.parser-tab:hover,.parser-tab:focus-visible{border-color:var(--gold-50);color:var(--gold-lt);outline:0}
.report-layout{display:grid;grid-template-columns:1fr .72fr;gap:14px;margin-top:14px}
.report-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.report-kpis div{
  min-height:58px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.12);
  padding:10px;
}
.report-kpis span{display:block;color:var(--dim);font-size:11px}
.report-kpis b{display:block;margin-top:6px;font-family:var(--serif);font-size:14px;font-weight:500}
.report-table{display:grid;gap:8px}
.report-row{
  display:grid;
  grid-template-columns:1fr .8fr .8fr 1fr;
  gap:10px;
  align-items:center;
  min-height:38px;
  padding:0 10px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.12);
  color:var(--muted);
  font-size:12px;
}
.report-row b{color:var(--text)}
.replay-track{
  height:54px;
  display:flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.12);
  padding:0 10px;
}
.replay-track span{
  height:16px;
  width:var(--w);
  min-width:36px;
  border:1px solid var(--gold-30);
  background:linear-gradient(90deg,rgba(200,160,64,.35),rgba(98,203,230,.18));
}
.replay-brief{
  margin-top:12px;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}
.replay-cards{display:grid;gap:10px}
.replay-card{
  min-height:64px;
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(0,0,0,.12);
  padding:10px 12px;
  text-align:left;
}
.replay-card b{display:block;color:var(--text);font-family:var(--serif);font-size:13px}
.replay-card span{display:block;margin-top:6px;font-size:12px;line-height:1.6}
.replay-card:hover,.replay-card:focus-visible{border-color:var(--gold-50);color:var(--gold-lt);outline:0}
.jcl-parser-shell{
  margin-top:14px;
  padding:0;
  background:rgba(4,9,22,.88);
}
.jcl-parser-top{
  min-height:56px;
  display:grid;
  grid-template-columns:210px 1fr auto;
  align-items:center;
  border-bottom:1px solid var(--gold-30);
  background:rgba(0,0,0,.18);
}
.jcl-parser-brand{
  height:56px;
  display:grid;
  grid-template-columns:42px 1fr;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-right:1px solid var(--line);
}
.jcl-parser-brand span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-50);
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:9px;
  line-height:1.05;
}
.jcl-parser-brand b{font-family:var(--serif);font-size:13px}
.jcl-parser-brand small{display:block;color:var(--dim);font-size:8px}
.jcl-pg-tabs{height:56px;display:flex;align-items:stretch;gap:0}
.jcl-pg-tab{
  min-width:136px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:0;
  border-right:1px solid var(--line-soft);
  border-bottom:2px solid transparent;
  color:var(--muted);
  background:none;
  font-family:var(--serif);
  font-size:12px;
}
.jcl-pg-tab.active{
  color:var(--text);
  border-bottom-color:var(--gold);
  background:linear-gradient(180deg,rgba(200,160,64,.14),rgba(200,160,64,.04));
}
.jcl-tab-ico{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid var(--gold-30);
  color:var(--gold-lt);
  background:rgba(200,160,64,.07);
  font-size:11px;
}
.jcl-parser-meta{padding:0 14px;color:var(--dim);font-size:11px;white-space:nowrap;pointer-events:none}
.jcl-page-area{padding:14px}
.jcl-stats-strip{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:12px;
  margin-bottom:12px;
}
.jcl-boss-block,.jcl-dyn-stats div,.jcl-chart-sec,.jcl-rank-col,.jcl-right-col,.jcl-replay-main,.jcl-replay-side,.jcl-deep-main,.jcl-deep-side,.jcl-eis-selector{
  border:1px solid var(--gold-18);
  background:rgba(0,0,0,.14);
}
.jcl-boss-block{padding:14px}
.jcl-boss-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:6px}
.jcl-boss-head b{font-family:var(--serif);font-size:22px}
.jcl-boss-head span{color:var(--gold-lt);font-family:Consolas,monospace;font-size:18px}
.jcl-boss-block p{color:var(--muted);font-size:12px;line-height:1.6}
.jcl-dyn-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.jcl-dyn-stats div,.jcl-replay-stats div,.jcl-deep-summary div{
  min-height:58px;
  padding:10px;
}
.jcl-dyn-stats span,.jcl-replay-stats span,.jcl-deep-summary span{display:block;color:var(--dim);font-size:10px}
.jcl-dyn-stats b,.jcl-replay-stats b,.jcl-deep-summary b{display:block;margin-top:5px;font-size:15px}
.jcl-mode-bar,.jcl-deep-mode-bar{
  min-height:42px;
  display:flex;
  border:1px solid var(--line);
  border-bottom:0;
  overflow:auto;
}
.jcl-mode-tab{
  min-width:118px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-right:1px solid var(--line-soft);
  border-bottom:2px solid transparent;
  color:var(--muted);
  background:rgba(0,0,0,.08);
  font-family:var(--serif);
  font-size:12px;
}
.jcl-mode-tab.active{color:var(--gold-lt);border-bottom-color:var(--gold);background:var(--gold-10)}
.jcl-chart-sec{margin-bottom:12px}
.jcl-chart-sec.expanded .jcl-mini-timeline{height:260px}
.jcl-chart-head,.jcl-block-head,.jcl-replay-head{
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 12px;
  border-bottom:1px solid var(--line);
}
.jcl-chart-head b,.jcl-block-head b,.jcl-replay-head b{font-family:var(--serif);font-size:13px}
.jcl-chart-head label{color:var(--muted);font-size:11px}
.jcl-chart-tools{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.jcl-tool,.jcl-replay-filter{
  min-height:26px;
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(0,0,0,.14);
  font-size:10px;
  padding:0 8px;
}
.jcl-tool.active,.jcl-replay-filter.active,.jcl-playbar button.active{border-color:var(--gold-50);color:var(--gold-lt);background:var(--gold-10)}
.jcl-mini-timeline{
  height:145px;
  display:flex;
  align-items:flex-end;
  gap:3px;
  padding:12px;
  border-bottom:1px solid var(--line-soft);
  background:linear-gradient(180deg,rgba(98,203,230,.05),rgba(0,0,0,.14));
}
.jcl-mini-timeline span{
  flex:1 1 0;
  min-width:3px;
  border:1px solid rgba(200,160,64,.36);
  background:linear-gradient(180deg,rgba(98,203,230,.22),rgba(200,160,64,.22));
}
.jcl-sync-slider{height:24px;display:flex;align-items:center;gap:8px;padding:0 12px}
.jcl-sync-slider span{height:1px;flex:1;background:var(--line)}
.jcl-sync-slider b{width:58px;height:8px;border:1px solid var(--gold-30);background:var(--gold-10)}
.jcl-overview-bottom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:12px}
.jcl-rank-scroll{max-height:430px;overflow:auto}
.jcl-rank-table{width:100%;border-collapse:collapse;font-size:12px}
.jcl-rank-table th,.jcl-rank-table td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.jcl-rank-table th{color:var(--gold-lt);font-size:10px;font-weight:500;background:rgba(200,160,64,.06)}
.jcl-rank-table tr{cursor:pointer}
.jcl-rank-table tr.active,.jcl-rank-table tr:hover{background:rgba(200,160,64,.09)}
.jcl-rank-table small{display:block;margin-top:2px;color:var(--dim);font-size:10px}
.jcl-right-col{display:grid;grid-template-columns:1fr 34px;min-height:430px}
.jcl-vtab-content{min-width:0;overflow:hidden}
.jcl-vtab-head{height:40px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--line)}
.jcl-vtab-head b{font-family:var(--serif);font-size:12px;color:var(--gold-lt)}
.jcl-vtab-head span{font-size:12px}
.jcl-vtab-strip{display:flex;flex-direction:column;border-left:1px solid var(--line)}
.jcl-vtab-strip button{
  flex:1;
  border:0;
  border-bottom:1px solid var(--line);
  color:var(--dim);
  background:rgba(0,0,0,.14);
  writing-mode:vertical-rl;
  text-orientation:mixed;
  font-family:var(--serif);
  font-size:11px;
}
.jcl-vtab-strip button.active{color:var(--gold-lt);background:var(--gold-10)}
.jcl-vtab-strip span{writing-mode:horizontal-tb;margin-bottom:6px}
.jcl-player-info,.jcl-skill-pane{padding:12px}
.jcl-pi-top{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center}
.jcl-pi-top h3{margin:0;font-family:var(--serif)}
.jcl-pi-top p{margin:5px 0 0;color:var(--muted);font-size:12px}
.jcl-pi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.jcl-pi-grid div,.jcl-talents span,.jcl-mechs span{
  border:1px solid var(--line);
  background:rgba(0,0,0,.12);
  padding:8px;
}
.jcl-pi-grid span,.jcl-mechs small{display:block;color:var(--dim);font-size:10px}
.jcl-pi-grid b{display:block;margin-top:4px}
.jcl-sec-head{margin:12px 0 8px;color:var(--gold-lt);font-family:var(--serif);font-size:12px}
.jcl-talents{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.jcl-mechs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.jcl-search{width:100%;min-height:32px;margin-bottom:8px;border:1px solid var(--line);background:rgba(0,0,0,.18);color:var(--text);padding:0 10px}
.jcl-replay-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px}
.jcl-replay-head span{display:block;color:var(--dim);font-size:11px;margin-top:3px}
.jcl-replay-stats,.jcl-deep-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}
.jcl-playbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jcl-playbar select{min-width:70px;background:rgba(0,0,0,.18);color:var(--text);border:1px solid var(--line)}
.jcl-clock{margin-left:auto;color:var(--gold-lt);font-family:Consolas,monospace}
.jcl-replay-gantt{position:relative;height:74px;margin:12px;border:1px solid var(--line);background:rgba(0,0,0,.15)}
.jcl-replay-gantt::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line)}
.jcl-replay-gantt button{position:absolute;top:22px;width:12px;height:28px;padding:0;border:1px solid var(--gold-30);background:rgba(200,160,64,.18)}
.jcl-replay-gantt button.active{background:var(--gold);box-shadow:0 0 14px var(--gold-50)}
.jcl-replay-brief{margin:0 12px 12px;padding:10px;border:1px solid var(--line);background:rgba(0,0,0,.12)}
.jcl-replay-brief b,.jcl-replay-brief span{display:block}
.jcl-replay-brief span{margin-top:5px;color:var(--muted);font-size:12px}
.jcl-replay-list{display:grid;gap:8px;max-height:430px;overflow:auto;padding:0 12px 12px}
.jcl-replay-card{text-align:left;min-height:66px;border:1px solid var(--line);color:var(--muted);background:rgba(0,0,0,.12);padding:9px}
.jcl-replay-card.active,.jcl-replay-card:hover{border-color:var(--gold-50);background:var(--gold-10)}
.jcl-replay-card b,.jcl-replay-card span,.jcl-replay-card small{display:block}
.jcl-replay-card b{color:var(--text)}
.jcl-replay-card small{margin-top:5px;color:var(--dim)}
.jcl-node-detail{padding:12px}
.jcl-node-detail h3{margin:0 0 10px;font-family:var(--serif)}
.jcl-node-detail section{display:block;margin-top:10px;padding:10px;border:1px solid var(--line);background:rgba(0,0,0,.12)}
.jcl-node-detail section b{color:var(--gold-lt);font-family:var(--serif)}
.jcl-node-detail p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.jcl-eis-bar{position:relative;display:grid;grid-template-columns:38px 28px 1fr 28px;align-items:center;gap:8px;min-height:86px;border:1px solid var(--line);padding:10px 12px;margin-bottom:12px;background:rgba(0,0,0,.10)}
.jcl-eis-add,.jcl-eis-nav{height:30px;border:1px solid var(--gold-30);color:var(--gold-lt);background:rgba(0,0,0,.16)}
.jcl-eis-add.active{background:var(--gold-10)}
.jcl-eis-track{display:flex;align-items:center;gap:10px;overflow:hidden}
.jcl-eis-slot{
  width:96px;
  min-height:58px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(0,0,0,.12);
  padding:6px;
}
.jcl-eis-slot.active{border-color:var(--gold-50);color:var(--gold-lt);background:var(--gold-10)}
.jcl-eis-slot span{font-size:10px}
.jcl-eis-slot b{font-size:11px;line-height:1.25;text-align:center}
.jcl-eis-selector{position:absolute;z-index:30;width:min(440px,calc(100vw - 40px));margin-top:-8px;padding:10px;box-shadow:0 16px 44px rgba(0,0,0,.55)}
.jcl-eis-selector-head,.jcl-eis-selector-tabs{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.jcl-eis-selector-head b{font-family:var(--serif);color:var(--gold-lt)}
.jcl-eis-selector-head span{color:var(--dim);font-size:11px}
.jcl-eis-selector-tabs button,.jcl-eis-selector-list button{border:1px solid var(--line);background:rgba(0,0,0,.14);color:var(--muted)}
.jcl-eis-selector-tabs button.active,.jcl-eis-selector-list button.active{border-color:var(--gold-50);color:var(--gold-lt);background:var(--gold-10)}
.jcl-eis-selector-list{display:grid;gap:6px;max-height:260px;overflow:auto}
.jcl-eis-selector-list button{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;min-height:38px;text-align:left;padding:0 8px}
.jcl-eis-selector-list small{color:var(--dim)}
.jcl-deep-panel{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px}
.jcl-deep-split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;padding:12px}
.jcl-skill-detail{border:1px solid var(--line);background:rgba(0,0,0,.12);padding:12px}
.jcl-skill-detail h3{margin:0 0 8px;font-family:var(--serif)}
.jcl-target-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;min-height:34px;border-bottom:1px solid var(--line);font-size:12px}
.jcl-target-row b{font-weight:500}
.jcl-target-row span{color:var(--gold-lt)}
.jcl-target-row small{color:var(--dim)}
.jcl-deep-side{padding:12px}
.jcl-boundary-note{margin-top:12px;padding:10px;border:1px solid var(--gold-18);color:var(--muted);font-size:12px;line-height:1.7;background:rgba(200,160,64,.06)}
.root-overview{min-height:760px;display:flex;flex-direction:column;background:rgba(4,8,20,.50);overflow:hidden}
.stats-strip{display:flex;align-items:stretch;flex-shrink:0;background:rgba(4,8,20,.72);border-bottom:1px solid var(--gold-20);backdrop-filter:blur(10px)}
.boss-blk{display:flex;align-items:center;justify-content:center;gap:10px;min-width:360px;padding:7px 24px;background:rgba(200,160,64,.07);border-right:1px solid var(--gold-20);flex-shrink:0}
.boss-main{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.boss-map{font-size:7.5px;color:var(--t45);letter-spacing:2px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.boss-head{display:flex;align-items:flex-start;justify-content:center;gap:10px}
.boss-name{font-family:var(--serif);font-size:var(--sz-boss);font-weight:700;letter-spacing:2px;line-height:1;white-space:nowrap}
.boss-sub{font-size:7.5px;color:var(--gold-lt);letter-spacing:1px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.boss-state{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;margin-top:1px;text-align:center}
.boss-time{font-size:9.5px;color:var(--gold);font-family:monospace;letter-spacing:1px}
.boss-ok{color:#60d080;font-size:8px}
.boss-role-summary{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;margin-top:5px;min-width:0;opacity:.78}
.role-chip{font-size:8px;padding:2px 6px;border:1px solid var(--t12);color:var(--t60)}
.dyn-stats{display:flex;flex:1;overflow:hidden}
.ds-cell{flex:1;padding:7px 12px;border-right:1px solid var(--t06);display:flex;flex-direction:column;justify-content:center;min-width:0}
.ds-cell:last-child{border-right:none}
.ds-lbl{font-size:7px;letter-spacing:2px;color:var(--t30);margin-bottom:2px;white-space:nowrap}
.ds-val{font-family:var(--serif);font-size:var(--sz-data-num);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mode-bar,.deep-mode-bar{display:flex;flex-shrink:0;background:rgba(0,0,0,.30);border-bottom:1px solid var(--gold-20);padding:0 12px}
.mode-tab,.deep-tab{height:38px;padding:0 14px;background:none;border:none;font-family:var(--serif);font-size:var(--sz-tab);letter-spacing:1.5px;color:var(--t30);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.mode-tab.active,.deep-tab.active{color:var(--t95);border-bottom-color:var(--gold)}
.mode-tab:hover:not(.active),.deep-tab:hover:not(.active){color:var(--t60)}
.chart-sec{flex-shrink:0;display:flex;flex-direction:column;border-top:1px solid var(--gold-20);border-bottom:1px solid var(--t12);background:rgba(4,8,20,.28)}
.chart-phd{display:flex;align-items:center;gap:8px;padding:6px 14px;border-bottom:1px solid var(--t06);background:rgba(0,0,0,.15);flex-shrink:0;min-height:34px}
.phd-line{width:2px;height:11px;background:var(--gold);flex-shrink:0}
.phd-txt{font-size:8.5px;letter-spacing:3px;color:var(--t60)}
.phd-en{font-size:7px;letter-spacing:1px;color:var(--t35);font-family:monospace}
.chart-avg-toggle{display:flex;align-items:center;gap:5px;margin-left:auto;cursor:pointer;user-select:none}
.chart-avg-toggle input{accent-color:var(--gold);width:12px;height:12px;cursor:pointer}
.chart-avg-toggle span{font-size:8px;letter-spacing:1px;color:var(--t60)}
.curve-hd-tools{display:flex;align-items:center;gap:5px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
.d-btn,.gwb{padding:3px 8px;font-size:9px;letter-spacing:1px;background:rgba(0,0,0,.22);border:1px solid var(--t12);color:var(--t60);border-radius:2px}
.d-btn.active,.gwb.active{color:var(--gold-lt);border-color:var(--gold-40);background:var(--gold-10)}
.chart-body{height:180px;padding:4px 10px}
.chart-sec.curve-expanded .chart-body{height:234px}
#damageChart{width:100%;height:100%;position:relative;overflow:hidden}
.overview-line-chart{width:100%;height:100%;display:block;background:linear-gradient(180deg,rgba(98,203,230,.04),rgba(0,0,0,.12))}
#overviewSyncSlider{height:18px;border-top:1px solid var(--t06);background:rgba(0,0,0,.14)}
#overviewSyncSlider span{display:block;width:26%;height:6px;margin:6px auto;border:1px solid var(--gold-30);background:var(--gold-10)}
.ov-bottom{flex:1;display:flex;overflow:hidden}
.rank-col{flex:0 0 62%;display:flex;flex-direction:column;border-right:1px solid var(--gold-20);background:rgba(4,8,20,.55);backdrop-filter:blur(10px);overflow:hidden}
.phd-blk{display:flex;align-items:center;gap:7px;height:var(--phd-h);padding:0 12px;border-bottom:1px solid var(--t06);background:rgba(0,0,0,.15);flex-shrink:0}
.rank-scroll{flex:1;overflow:auto}
.rank-tbl,.skill-table{width:100%;border-collapse:separate;border-spacing:0}
.rank-tbl th,.skill-table th{background:var(--table-header-bg);padding:5px 6px;font-size:7.5px;letter-spacing:1.5px;color:var(--t60);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:2;font-weight:400;white-space:nowrap}
.rank-tbl td,.skill-table td{padding:5px 6px;border-bottom:1px solid var(--t06);white-space:nowrap;font-size:12px}
.rank-row{cursor:pointer}
.rank-row:hover td,.skill-table tr:hover td{background:var(--table-row-hover)}
.rank-row.sel td,.skill-table tr.active td{background:var(--table-selected)}
.rank-row.sel td:first-child{box-shadow:inset 2px 0 0 var(--gold)}
.rank-name{font-size:var(--sz-rank-cell);font-weight:600;display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px}
.rank-sub{font-size:10px;color:rgba(180,170,155,.45);letter-spacing:.5px}
.rank-num{font-size:11px;text-align:center;color:rgba(180,170,155,.70)}
.rank-icon{width:20px;height:20px;object-fit:contain;border:1px solid rgba(200,160,64,.25);background:rgba(0,0,0,.30);display:block}
.bar-bg{height:15px;background:rgba(255,255,255,.05);overflow:hidden;min-width:110px}
.bar-fill{height:100%;display:flex;align-items:center;padding:0 5px;font-size:10px;color:rgba(255,255,255,.72);background:linear-gradient(90deg,rgba(200,160,64,.55),rgba(98,203,230,.20))}
.rank-badge{font-size:8.5px;color:var(--t30);font-family:monospace;text-align:center}
.rank-badge.live{color:var(--gold-lt)}
.root-spark{height:20px;display:flex;align-items:flex-end;gap:2px}
.root-spark span{width:3px;background:rgba(98,203,230,.45);border-top:1px solid rgba(240,213,122,.75)}
.right-col{flex:1;display:flex;flex-direction:row;overflow:hidden;position:relative;background:rgba(4,8,20,.40)}
.col-art{position:absolute;right:-5px;bottom:0;height:85%;width:auto;opacity:.08;object-fit:contain;object-position:bottom right;pointer-events:none;z-index:0}
.vtab-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}
.vtab-hdr{height:var(--phd-h);flex-shrink:0;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--border-color);background:rgba(0,0,0,.20)}
.vtab-hdr-title{font-family:var(--serif);font-size:9px;letter-spacing:3px;color:var(--t60)}
.vtab-hdr-name{font-size:11px;font-weight:600;margin-left:8px}
.vtab-pane{display:flex;flex:1;flex-direction:column;overflow:hidden}
.vtab-strip{width:28px;flex-shrink:0;display:flex;flex-direction:column;background:rgba(0,0,0,.28);border-left:1px solid var(--gold-20);backdrop-filter:blur(10px);position:relative;z-index:2}
.vtab-pad{height:var(--phd-h);flex-shrink:0;border-bottom:1px solid var(--border-color)}
.vtab{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;border-right:2px solid transparent;background:transparent;color:var(--t30);padding:0}
.vtab span{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--serif);font-size:var(--sz-vtab);letter-spacing:2.5px;color:inherit}
.vtab.active{background:var(--gold-10);border-right-color:var(--gold);color:var(--t95)}
.pi-wrap{flex:1;overflow:auto;padding:14px}
.pi-top{display:grid;grid-template-columns:54px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:end;margin-bottom:8px}
.pi-ico{width:44px;height:44px;object-fit:contain;border:1px solid var(--gold-20);background:rgba(0,0,0,.4);padding:3px;align-self:center}
.pi-id{min-width:0;display:flex;flex-direction:column;gap:4px;grid-column:2;grid-row:1}
.pi-sect{font-size:8px;letter-spacing:3px;color:var(--t60)}
.pi-name{font-family:var(--serif);font-size:var(--sz-pi-name);font-weight:700;letter-spacing:3px;line-height:1.15}
.pi-role{font-size:9px;letter-spacing:1.5px;color:var(--t45)}
.pi-guid{font-family:monospace;font-size:10px;letter-spacing:1.3px;color:var(--t45);margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:1 / 3;grid-row:2}
.pi-equip-tools{display:flex;flex-direction:column;gap:4px;min-width:82px;grid-column:3;grid-row:1 / 3}
.pi-equip-score{font-size:10px;letter-spacing:1px;color:var(--gold-lt);border:1px solid var(--gold-40);background:var(--gold-10);padding:4px 8px;white-space:nowrap;text-align:center;font-weight:600}
.account-card-equip-tools.pi-equip-tools{
  width:100%;
  min-width:0;
  grid-column:auto;
  grid-row:auto;
  justify-content:flex-end;
  align-items:stretch;
}
.account-card-equip-tools .pi-equip-btn{
  padding:4px 8px;
  border:1px solid var(--t12);
  background:rgba(0,0,0,.28);
  color:var(--t70);
  font-size:10px;
  letter-spacing:1px;
}
.team-application-side .account-card-equip-tools{
  align-self:end;
  margin:0 0 8px;
}
.account-card-equip-inline-btn.pi-equip-btn{
  min-width:82px;
  padding:4px 8px;
  border:1px solid var(--t12);
  background:rgba(0,0,0,.28);
  color:var(--t70);
  font-size:10px;
  letter-spacing:1px;
}
.pi-div{height:1px;background:linear-gradient(to right,var(--gold-40),transparent);margin:10px 0}
.pi-dps-lbl{font-size:9px;letter-spacing:2.4px;color:var(--t45);margin-bottom:4px}
.pi-dps{font-family:var(--serif);font-size:calc(var(--sz-hero) + 2px);font-weight:700;line-height:1}
.pi-grid{display:flex;gap:1px;margin-top:10px}
.pi-cell{flex:1;padding:7px 9px;background:rgba(0,0,0,.28);border:1px solid var(--t06)}
.pi-cv{font-family:var(--serif);font-size:15.5px;font-weight:700}
.pi-cl{font-size:8px;letter-spacing:1px;color:var(--t30);margin-top:2px}
.pi-sec-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 6px}
.pi-sec-lbl{font-size:10px;letter-spacing:2.4px;color:var(--t60);font-weight:600}
.pi-mechs{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}
.pi-mech{flex:1;min-width:72px;padding:8px 9px;border:1px solid var(--t06);background:rgba(0,0,0,.2)}
.pi-mk{font-size:8.5px;letter-spacing:1.7px;color:var(--t45)}
.pi-mv{font-size:13px;font-weight:600;color:var(--t70);margin-top:3px}
.skill-pane-root{flex:1;overflow:auto}
.gantt-side-search{padding:6px 8px 4px;margin:0;border-bottom:1px solid var(--t06)}
.gantt-search-input{width:100%;height:30px;border:1px solid var(--t12);background:rgba(0,0,0,.28);color:var(--text);padding:0 8px}
.skill-table small{display:block;color:var(--t45);font-size:10px;margin-top:2px}
.deep-wrap{min-height:760px;display:flex;overflow:hidden;background:rgba(4,8,20,.50)}
.deep-content{flex:1;display:flex;flex-direction:column;overflow:hidden}
.panels-scroll{flex:1;overflow:auto;padding:0 12px 24px}
.deep-sticky-hd{position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,rgba(6,12,28,.98),rgba(6,12,28,.74),rgba(6,12,28,0));isolation:isolate;overflow:visible}
.eis-bar{position:relative;display:flex;align-items:center;justify-content:center;padding:14px 0 10px;min-height:132px;flex-shrink:0;background:transparent;border-top:1px solid rgba(200,160,64,.16)}
.eis-add-btn{width:34px;height:34px;border:1px solid var(--gold-35);background:rgba(0,0,0,.24);color:var(--gold-lt);font-size:18px}
.eis-add-btn.active{background:var(--gold-10)}
.eis-nav{width:36px;flex-shrink:0;align-self:stretch;background:transparent;border:none;color:rgba(200,160,64,.7);font-size:24px}
.eis-viewport{flex:0 0 916px;width:916px;max-width:calc(100% - 128px);height:116px;overflow:hidden;display:block;position:relative;min-width:0;mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.eis-track{position:relative;width:100%;height:116px}
.eis-slot{width:100px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0 8px;cursor:pointer;position:absolute;top:0;transition:filter .15s,transform .14s,left .22s cubic-bezier(.4,0,.2,1);border:0;background:transparent;color:var(--t70)}
.eis-slot::before{content:"";position:absolute;left:50%;top:-8px;width:86px;height:78px;transform:translateX(-50%);pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,rgba(230,205,105,.42) 0%,rgba(200,160,64,.22) 32%,rgba(200,160,64,.07) 58%,rgba(200,160,64,0) 78%);filter:blur(12px);transition:opacity .18s}
.eis-slot.active::before{opacity:1}
.eis-slot:hover{filter:drop-shadow(0 0 8px rgba(200,160,64,.55));transform:translateY(-3px)}
.eis-slot.active::after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:28px;height:2px;background:var(--gold);box-shadow:0 0 6px rgba(200,160,64,.6)}
.eis-ico-img{width:42px;height:42px;position:relative;z-index:1;border:1px solid var(--gold-20);background:rgba(0,0,0,.4);padding:3px}
.eis-slot-names{position:relative;z-index:1;font-size:12px;color:rgba(230,225,215,.62);text-align:center;width:98px;display:flex;flex-direction:column;gap:2px;line-height:1.2}
.eis-slot-names span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eis-sel-view{border:1px solid var(--gold-20);background:rgba(6,12,28,.94);padding:10px;margin:0 0 10px;box-shadow:0 16px 44px rgba(0,0,0,.42)}
.eis-sel-head,.eis-sel-tabs{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.eis-sel-head b{font-family:var(--serif);color:var(--gold-lt)}
.eis-sel-head span{color:var(--t45);font-size:11px}
.eis-sel-tabs button{border:1px solid var(--t12);background:rgba(0,0,0,.18);color:var(--t70);padding:5px 10px}
.eis-sel-tabs button.active{color:var(--gold-lt);border-color:var(--gold-40);background:var(--gold-10)}
.entity-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;max-height:280px;overflow:auto;margin-top:8px}
.entity-item{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:38px;border:1px solid var(--t12);background:rgba(0,0,0,.18);color:var(--t70);padding:0 8px;text-align:left}
.entity-item.on{background:rgba(200,160,64,.08)}
.ent-ck{width:13px;height:13px;border:1.5px solid var(--border-color);border-radius:2px;flex-shrink:0;background:rgba(0,0,0,.3)}
.ent-ck.on{background:var(--gold);border-color:var(--gold)}
.ent-nm{font-size:11px;color:var(--t70);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ent-rl{font-size:7.5px;color:var(--t30)}
.d-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:3px;overflow:hidden;box-shadow:0 2px 12px var(--shadow-color);margin-bottom:8px;flex-shrink:0}
.d-panel-hd{display:flex;align-items:center;gap:7px;padding:6px 12px;background:rgba(0,0,0,.28);border-bottom:1px solid var(--border-color)}
.d-panel-title{font-family:var(--serif);font-size:13px;letter-spacing:2px;color:var(--t80)}
.d-panel-meta{font-size:9px;color:var(--t45);margin-left:3px}
.d-panel-btns{margin-left:auto;display:flex;gap:5px;align-items:center}
.d-panel-body{padding:10px}
.deep-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:10px}
.deep-summary-grid div{border:1px solid var(--t12);background:rgba(255,255,255,.025);padding:8px 10px}
.deep-summary-grid span{display:block;color:var(--t45);font-size:10px}
.deep-summary-grid b{display:block;margin-top:5px;color:var(--gold-lt);font-size:14px}
.deep-chart{height:180px}
.deep-split-root{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:10px;padding:10px}
.skill-target-panel{border:1px solid var(--t12);background:rgba(0,0,0,.18);padding:12px;min-width:0}
.skill-target-panel h3{margin:0 0 8px;font-family:var(--serif);color:var(--gold-lt)}
.replay-shell{
  display:grid;
  grid-template-columns:minmax(680px,1fr) minmax(360px,420px);
  gap:12px;
  padding:10px 12px 12px;
  background:rgba(0,0,0,.10);
}
.replay-main,.replay-side{
  min-height:0;
  display:flex;
  flex-direction:column;
  border:1px solid var(--gold-20);
  border-radius:6px;
  overflow:hidden;
  background:rgba(6,12,28,.92);
  box-shadow:0 0 0 1px rgba(200,160,64,.06),0 12px 30px rgba(0,0,0,.30);
}
.replay-side{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 96px)}
.replay-head{
  min-height:50px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid var(--gold-20);
  background:linear-gradient(90deg,rgba(200,160,64,.12),rgba(0,0,0,.28));
}
.replay-title{font-size:14px;font-weight:900;color:var(--gold-lt);letter-spacing:1.3px}
.replay-sub{margin-top:3px;font-size:11px;color:var(--t50);line-height:1.45}
.replay-tools{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.replay-filter{
  height:28px;
  padding:0 10px;
  border:1px solid var(--gold-20);
  border-radius:3px;
  background:rgba(0,0,0,.22);
  color:var(--t70);
  font-size:11px;
}
.replay-filter.active{color:var(--gold-lt);background:var(--gold-10);border-color:var(--gold-40)}
.replay-filter.custom{display:inline-flex;align-items:center;gap:5px}
.replay-filter-dot{width:8px;height:8px;border-radius:50%;background:var(--tag-color,var(--gold));box-shadow:0 0 8px var(--tag-color,var(--gold))}
.replay-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid var(--t12);
  background:rgba(0,0,0,.16);
}
.replay-stat{min-width:0;border:1px solid var(--t12);border-radius:4px;background:rgba(255,255,255,.025);padding:8px 10px}
.replay-stat b{display:block;color:var(--gold-lt);font-size:17px;line-height:1.2;font-variant-numeric:tabular-nums}
.replay-stat span{display:block;color:var(--t50);font-size:10.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.replay-timeline{
  position:sticky;
  top:58px;
  z-index:6;
  border-bottom:1px solid var(--gold-20);
  background:rgba(5,10,24,.97);
  padding:10px 12px 11px;
  box-shadow:0 12px 24px rgba(0,0,0,.28);
}
.replay-playbar{display:flex;align-items:center;gap:7px;margin-bottom:8px;flex-wrap:wrap}
.replay-playbar button,.replay-playbar select{
  height:28px;
  border:1px solid var(--gold-20);
  border-radius:3px;
  background:rgba(0,0,0,.25);
  color:var(--t75);
  font-size:11px;
  padding:0 9px;
}
.replay-playbar button.active,.replay-window-btns .gwb.active{background:var(--gold-10);color:var(--gold-lt);border-color:var(--gold-40)}
.replay-window-btns{margin-left:4px;padding-left:8px;border-left:1px solid var(--t12)}
.replay-window-btns .gwb{height:24px;font-size:10px;padding:2px 8px}
.replay-clock{margin-left:auto;color:var(--gold-lt);font-size:18px;font-weight:900;font-variant-numeric:tabular-nums}
.replay-gantt{
  position:relative;
  height:200px;
  overflow:hidden auto;
  border:1px solid var(--t12);
  border-radius:4px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.18));
  scroll-behavior:smooth;
}
.replay-gantt-inner{position:relative;min-height:100%;height:100%}
.replay-gantt-grid{position:absolute;inset:0;pointer-events:none}
.replay-gantt-line{position:absolute;height:1px;background:rgba(255,255,255,.28);box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.replay-gantt-label{position:absolute;left:8px;transform:translateY(-50%);font-size:10px;color:var(--t45);white-space:nowrap;font-variant-numeric:tabular-nums}
.replay-gantt-end-label{position:absolute;right:8px;transform:translateY(-50%);font-size:10px;color:var(--t35);white-space:nowrap;font-variant-numeric:tabular-nums}
.replay-gantt-block{
  position:absolute;
  height:26px;
  min-width:16px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:3px;
  background:var(--tone,var(--gold));
  color:#07101c;
  font-size:10.5px;
  font-weight:900;
  line-height:24px;
  padding:0 7px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.replay-gantt-block.preview{opacity:.72;background:#72b8ff;color:#06101e}
.replay-gantt-block.danger{background:#ff7f8c;color:#1a0508}
.replay-gantt-block.active{outline:2px solid var(--gold-lt);z-index:5}
.replay-gantt-block.cluster{width:66px!important;border:0;background:transparent;color:#07101c;overflow:visible;z-index:2;box-shadow:none}
.replay-gantt-block.cluster::before{content:"";position:absolute;inset:0;z-index:6;border:1px solid rgba(255,255,255,.32);border-radius:3px;background:var(--tone,var(--gold));box-shadow:0 5px 14px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.12) inset}
.replay-gantt-block.cluster::after{content:"";position:absolute;left:-2px;top:-13px;right:-13px;bottom:-2px;z-index:8;border:1px dashed rgba(255,255,255,.9);border-radius:5px;pointer-events:none}
.replay-gantt-block.cluster .cluster-label{position:relative;z-index:7;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.replay-gantt-block.cluster .cluster-layer{position:absolute;inset:0;z-index:1;border:1px solid rgba(255,255,255,.42);border-radius:3px;background:var(--layer-tone,var(--tone,var(--gold)));box-shadow:6px 7px 12px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.26) inset;filter:saturate(1.08) brightness(.98)}
.replay-gantt-focus-box{position:absolute;border:1px dashed var(--gold-lt);border-radius:8px;background:rgba(200,160,64,.055);box-shadow:inset 0 0 18px rgba(200,160,64,.06);pointer-events:none;z-index:1}
.replay-playhead{position:absolute;width:16px;height:40px;transform:translateX(-7px);z-index:4;pointer-events:none;transition:left .08s linear,top .08s linear,height .12s ease}
.replay-playhead::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;border-radius:999px;background:linear-gradient(180deg,transparent,#9adfff 18%,#9adfff 82%,transparent);box-shadow:0 0 10px #67d6ff,0 0 18px rgba(103,214,255,.36)}
.replay-playhead::after{content:"";position:absolute;left:3px;top:50%;width:10px;height:10px;border-radius:50%;transform:translateY(-50%);background:#9adfff;box-shadow:0 0 0 2px rgba(0,0,0,.35),0 0 14px #67d6ff}
.replay-playhead-cap{position:absolute;left:2px;width:12px;height:3px;border-radius:999px;background:#57bfe8;box-shadow:0 0 10px #67d6ff}
.replay-playhead-cap.top{top:0}
.replay-playhead-cap.bottom{bottom:0}
.replay-brief{margin-top:8px;border:1px solid var(--t12);border-radius:4px;background:rgba(255,255,255,.025);padding:8px 10px;color:var(--t70);font-size:12px;line-height:1.55;min-height:40px}
.replay-brief b{display:block;color:var(--gold-lt);margin-bottom:2px;font-size:12.5px}
.replay-list{flex:1;min-height:0;overflow:auto;padding:12px 12px 16px;scroll-padding-top:14px}
.replay-node{
  display:grid;
  grid-template-columns:82px minmax(240px,340px) minmax(360px,1fr);
  gap:13px;
  border:1px solid var(--gold-20);
  border-left:4px solid var(--tone,var(--gold));
  border-radius:6px;
  background:linear-gradient(90deg,rgba(8,14,28,.94),rgba(11,20,34,.78));
  padding:13px 14px;
  margin-bottom:10px;
  cursor:pointer;
}
.replay-node:hover{background:rgba(200,160,64,.075);border-color:var(--gold-40)}
.replay-node.active{background:var(--table-selected);border-color:var(--gold-40);box-shadow:inset 0 0 0 1px rgba(255,220,120,.12)}
.replay-time{color:var(--gold-lt);font-size:18px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}
.replay-kind{margin-top:8px;display:inline-flex;align-items:center;max-width:76px;border:1px solid var(--gold-20);background:rgba(255,255,255,.035);color:var(--t70);font-size:10.5px;line-height:1.25;padding:3px 6px}
.replay-kind.actual{border-color:rgba(141,246,223,.38);color:#8df6df;background:rgba(20,184,166,.10)}
.replay-kind.preview{border-color:rgba(114,184,255,.40);color:#9ccfff;background:rgba(59,130,246,.10)}
.replay-kind.resolve{border-color:rgba(250,204,21,.42);color:#fde68a;background:rgba(250,204,21,.10)}
.replay-kind.danger{border-color:rgba(255,127,140,.48);color:#ffadb7;background:rgba(255,127,140,.10)}
.replay-node-main{min-width:0}
.replay-node-title{font-size:15px;font-weight:900;color:var(--t95);line-height:1.42;overflow-wrap:anywhere}
.replay-node-line{margin-top:6px;color:var(--t65);font-size:12px;line-height:1.6}
.replay-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}
.replay-tag{border:1px solid var(--t12);border-radius:3px;background:rgba(255,255,255,.035);color:var(--t70);font-size:10.5px;padding:2px 6px;line-height:1.25}
.replay-tag.user-tag{border-color:color-mix(in srgb,var(--tag-color,var(--gold)) 50%,transparent);color:var(--t95);background:color-mix(in srgb,var(--tag-color,var(--gold)) 18%,transparent)}
.replay-node-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px}
.replay-mini{min-height:68px;border:1px solid var(--t12);border-radius:4px;background:rgba(255,255,255,.025);padding:8px 10px;color:var(--t65);font-size:12px;line-height:1.55;overflow-wrap:anywhere}
.replay-mini b{display:flex;align-items:center;gap:5px;margin-bottom:4px;font-size:11px;color:var(--gold-lt)}
.replay-mini.alert b{color:#ff9a9a}
.replay-mini.good b{color:#8df6df}
.replay-detail{flex:1;min-height:0;overflow:auto;padding:12px}
.replay-detail-title{font-size:20px;font-weight:900;color:var(--t95);line-height:1.35;margin-bottom:8px;overflow-wrap:anywhere}
.replay-detail-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.replay-section{border:1px solid var(--t12);border-radius:4px;background:rgba(255,255,255,.025);padding:10px 11px;margin-bottom:9px}
.replay-section h4{margin:0 0 7px;color:var(--gold-lt);font-size:12px;letter-spacing:1px}
.replay-section p,.replay-section li{margin:0;color:var(--t70);font-size:12px;line-height:1.65}
.replay-section ul{margin:0;padding-left:16px}
.replay-empty{height:100%;min-height:120px;display:flex;align-items:center;justify-content:center;color:var(--t30);font-size:12px;letter-spacing:3px;text-align:center}
.float-jcl{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:20;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  min-width:180px;
  padding:10px 12px;
  border:1px solid var(--gold-50);
  color:var(--text);
  background:rgba(4,8,20,.92);
  box-shadow:0 14px 36px rgba(0,0,0,.50);
}
.float-jcl b{color:var(--gold-lt);font-family:var(--serif);font-size:12px}
.float-jcl small{color:var(--dim);font-size:10px}

body.is-three-page-reader .float-jcl,
body.is-three-page-reader .prototype-ribbon,
body.is-three-page-reader .shell > .topbar{
  display:none!important;
}

body.is-three-page-reader .content{
  padding:0;
}
.prototype-ribbon{
  width:var(--prototype-min-content);
  max-width:none;
  margin:10px auto 0;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  color:var(--dim);
  font-size:11px;
}
.prototype-ribbon span{border:1px solid var(--line);background:rgba(0,0,0,.24);padding:5px 8px}

.empty-state{
  min-height:96px;
  display:grid;
  place-items:center;
  padding:18px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.14);
  color:var(--muted);
  font-size:13px;
}

.win-sample-pool{
  margin-top:16px;
  padding:16px;
  background:
    linear-gradient(135deg,rgba(98,203,230,.08),transparent 42%),
    linear-gradient(180deg,rgba(240,213,122,.06),rgba(4,8,20,.48));
}
.win-sample-pool-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.win-sample-pool-head h2{
  margin:6px 0 0;
  font-family:var(--serif);
  font-size:20px;
}
.win-sample-pool-head p{
  max-width:760px;
  margin:7px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.win-sample-pool-head>span{
  flex:0 0 auto;
  padding:6px 9px;
  border:1px solid rgba(240,213,122,.24);
  color:var(--gold-lt);
  background:rgba(0,0,0,.18);
  font-size:12px;
}
.win-sample-count-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.win-sample-count-card{
  min-height:82px;
  display:grid;
  align-content:center;
  gap:3px;
  padding:12px;
  border:1px solid rgba(248,242,226,.13);
  background:rgba(0,0,0,.18);
}
.win-sample-count-card b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:24px;
  line-height:1;
}
.win-sample-count-card span{
  color:var(--text);
  font-size:13px;
}
.win-sample-count-card small{
  color:var(--dim);
  font-size:11px;
}
.win-sample-details{
  margin-top:10px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.12);
}
.win-sample-details summary{
  min-height:38px;
  display:flex;
  align-items:center;
  padding:0 12px;
  color:var(--gold-lt);
  font-family:var(--serif);
  cursor:pointer;
}
.win-sample-scroll{
  max-height:300px;
  overflow:auto;
  padding:8px 10px 12px;
  display:grid;
  gap:6px;
}
.win-sample-scroll.is-compact{
  max-height:220px;
}
.win-sample-row{
  min-height:34px;
  display:grid;
  grid-template-columns:80px minmax(0,1fr) 170px;
  align-items:center;
  gap:10px;
  padding:7px 9px;
  background:rgba(255,255,255,.045);
  color:var(--muted);
  font-size:12px;
}
.win-sample-row b{
  color:var(--gold-lt);
}
.win-sample-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.win-sample-row em{
  color:var(--dim);
  font-style:normal;
  text-align:right;
}

@media (max-width: 1100px) and (max-device-width: 1100px){
  .pve-speed-board-layout{grid-template-columns:1fr}
  .pve-speed-main{grid-template-columns:1fr}
  .pve-speed-split-line{display:none}
  .pve-speed-update-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pve-speed-ranking-toolbar{grid-template-columns:1fr}
  .pve-speed-ranking-pager{justify-content:flex-start}
  .pve-speed-lane{grid-template-columns:1fr}
  .pve-speed-members{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pve-speed-row{grid-template-columns:minmax(150px,1fr);align-items:start}
  .pve-speed-row .pve-speed-track,
  .pve-speed-row .pve-speed-row-time{grid-column:1}
  .pve-speed-row-time{justify-items:start;text-align:left}
  .score-detail-hero{grid-template-columns:1fr}
  .score-character-identity-board,
  .score-character-main-grid{grid-template-columns:1fr}
  .score-character-role-summary{grid-template-columns:76px minmax(0,1fr)}
  .score-detail-boss-grid,
  .score-detail-participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pve-archive-rank-grid{grid-template-columns:1fr}
  .pve-archive-season-head{display:grid}
}
.modal-backdrop{
  position:fixed;
  inset:0;
  z-index:50;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.58);
}
.modal-backdrop[hidden]{
  display:none !important;
}
.modal{
  width:min(560px,calc(100vw - 32px));
  border:1px solid var(--gold-30);
  background:rgba(4,8,20,.98);
  padding:18px;
  box-shadow:0 20px 60px rgba(0,0,0,.6);
}
.modal h2{margin:0;font-family:var(--serif)}
.modal p{color:var(--muted);font-size:13px;line-height:1.7}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.account-template-modal{
  position:relative;
  width:min(920px,calc(100vw - 40px));
  max-height:calc(100vh - 48px);
  overflow:auto;
  padding:22px;
}
.account-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  width:32px;
  height:32px;
  border:1px solid rgba(248,242,226,.18);
  background:rgba(4,8,20,.62);
  color:var(--muted);
  cursor:pointer;
}
.account-modal-close:hover,
.account-modal-close:focus-visible{
  color:var(--gold-lt);
  border-color:rgba(240,213,122,.46);
  outline:0;
}
.avatar-editor-grid{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);
  gap:20px;
}
.avatar-editor-modal.is-team-avatar-editor .avatar-editor-grid{
  grid-template-columns:minmax(280px,420px);
}
.avatar-editor-current,
.avatar-editor-system{
  min-height:390px;
  padding:18px;
  border:1px solid rgba(248,242,226,.14);
  background:rgba(7,16,34,.72);
}
.avatar-entry-preview{
  display:grid;
  justify-items:center;
  gap:8px;
  margin-top:14px;
}
.avatar-entry-preview img{
  width:180px;
  height:180px;
  object-fit:cover;
  border:1px solid rgba(240,213,122,.36);
}
.avatar-entry-preview .team-plate-avatar{
  width:180px;
  height:180px;
  font-size:56px;
}
.avatar-entry-preview .team-plate-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
}
.avatar-entry-preview span{
  color:var(--muted);
  font-size:12px;
}
.avatar-editor-modal.is-custom-upload-active .avatar-entry-preview{
  display:none;
}
.avatar-upload-zone{
  position:relative;
  width:100%;
  min-height:138px;
  margin-top:18px;
  display:grid;
  place-items:center;
  gap:4px;
  border:1px dashed rgba(148,163,184,.45);
  background:rgba(4,8,20,.46);
  color:var(--text);
  cursor:pointer;
}
.avatar-upload-zone:hover,
.avatar-upload-zone:focus-within{
  border-color:rgba(91,213,180,.62);
  background:rgba(7,16,34,.74);
}
.avatar-upload-zone input{
  position:absolute;
  inset:0;
  opacity:0;
  cursor:pointer;
}
.avatar-upload-zone.is-disabled{
  cursor:not-allowed;
  opacity:.82;
}
.avatar-upload-zone b{
  color:rgba(226,232,240,.68);
  font-size:38px;
  line-height:1;
}
.avatar-upload-zone span{
  color:var(--cyan);
  font-size:13px;
}
.avatar-upload-zone small,
.account-modal-note{
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.account-modal-note.is-info{color:var(--cyan)}
.account-modal-note.is-success{color:var(--green)}
.account-modal-note.is-error{color:#ff8f8f}
.character-claim-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
  margin-top:12px;
}
.character-claim-card{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid rgba(248,242,226,.16);
  border-radius:6px;
  background:rgba(255,255,255,.035);
}
.character-claim-card.is-conflict{
  border-color:rgba(240,213,122,.38);
}
.character-claim-card b,
.character-claim-card span,
.character-claim-card p{
  min-width:0;
}
.character-claim-card p{
  margin:0;
  font-size:12px;
  line-height:1.6;
}
.character-claim-card-main{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:10px;
}
.character-claim-card-main:hover::after{
  content:attr(data-season-tooltip);
  position:absolute;
  left:0;
  top:calc(100% + 8px);
  z-index:12;
  white-space:pre-line;
  min-width:210px;
  max-width:min(320px,80vw);
  padding:10px 12px;
  border:1px solid rgba(240,213,122,.36);
  border-radius:6px;
  background:rgba(5,10,24,.96);
  color:var(--text);
  box-shadow:0 14px 34px rgba(0,0,0,.34);
  font-size:12px;
  line-height:1.7;
}
.character-claim-spec-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(248,242,226,.16);
  border-radius:6px;
  background:rgba(4,8,20,.62);
  color:var(--muted);
  font-size:12px;
  overflow:hidden;
}
.character-claim-spec-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.character-claim-spec-icon.is-missing{
  border-style:dashed;
}
.character-claim-identity{
  display:grid;
  gap:4px;
  min-width:0;
}
.character-claim-identity b,
.character-claim-identity span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.character-claim-identity b{
  display:flex;
  align-items:baseline;
  gap:0;
}
.character-claim-identity b .character-claim-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.character-claim-identity b small{
  flex:0 0 auto;
  color:rgba(98,203,230,.76);
  font-size:12px;
}
.character-claim-identity span{
  color:var(--muted);
  font-size:12px;
}
.character-claim-gear b{
  color:var(--text);
  font-size:15px;
}
.character-claim-equipment-btn{
  min-width:82px;
  padding:8px 10px;
}
.character-claim-gear{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(4,8,20,.34);
}
.equipment-preview-head{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 12px;
  margin:14px 0;
  padding:12px;
  border:1px solid rgba(248,242,226,.14);
  background:rgba(4,8,20,.38);
}
.equipment-preview-head b{
  grid-column:1 / -1;
  color:var(--gold-lt);
  font-size:18px;
}
.equipment-preview-head small{
  color:rgba(98,203,230,.78);
  font-size:13px;
  margin-left:4px;
}
.equipment-preview-head span{
  color:var(--muted);
  font-size:12px;
}
.equipment-raw-list{
  display:grid;
  gap:6px;
  max-height:420px;
  overflow:auto;
  margin-top:12px;
}
.equipment-raw-row{
  display:grid;
  grid-template-columns:72px minmax(160px,220px) minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:8px 10px;
  border:1px solid rgba(248,242,226,.10);
  background:rgba(255,255,255,.025);
}
.equipment-raw-row b{
  color:var(--gold-lt);
  font-size:12px;
}
.equipment-raw-row span{
  color:var(--text);
  font-size:12px;
}
.equipment-raw-row code{
  color:rgba(98,203,230,.82);
  font-size:11px;
  white-space:normal;
  overflow-wrap:anywhere;
}
.equipment-source-link{
  display:inline-flex;
  margin-top:12px;
  color:var(--cyan);
  font-size:12px;
}
.character-claim-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.avatar-crop-panel{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.avatar-crop-panel[hidden]{
  display:none;
}
.avatar-crop-panel canvas{
  width:180px;
  height:180px;
  justify-self:center;
  border:1px solid rgba(91,213,180,.34);
  background:rgba(4,8,20,.62);
  cursor:grab;
  touch-action:none;
  user-select:none;
}
.avatar-crop-panel canvas.is-dragging{
  cursor:grabbing;
}
.avatar-editor-modal.is-custom-upload-active > .modal-actions{
  display:none;
}
.avatar-zoom-control{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  gap:10px;
  color:var(--muted);
  font-size:12px;
}
.avatar-zoom-control input{
  width:100%;
  accent-color:var(--cyan);
}
.avatar-custom-save{
  justify-self:end;
}
.system-avatar-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,120px));
  gap:12px;
  margin-top:18px;
}
.system-avatar-card{
  padding:8px;
  border:1px solid rgba(248,242,226,.14);
  background:rgba(4,8,20,.50);
  color:var(--text);
  cursor:pointer;
}
.system-avatar-card.active{
  border-color:rgba(240,213,122,.72);
  box-shadow:0 0 0 1px rgba(240,213,122,.18),0 0 22px rgba(240,213,122,.12);
}
.system-avatar-card img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  display:block;
}
.system-avatar-card span{
  display:block;
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  text-align:center;
}
.account-modal-field{
  display:grid;
  gap:8px;
  margin-top:16px;
}
.account-modal-field span{
  color:var(--gold-lt);
  font-size:12px;
}
.account-modal-field input,
.account-modal-field select{
  min-height:40px;
  border:1px solid rgba(248,242,226,.16);
  background:rgba(4,8,20,.70);
  color:var(--text);
  padding:0 12px;
}
.account-modal-field input:focus,
.account-modal-field select:focus{
  border-color:rgba(91,213,180,.50);
  outline:0;
}
.account-modal-inline-field{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.account-modal-inline-field button{
  min-height:40px;
  white-space:nowrap;
}
.nickname-status{
  min-height:22px;
  margin:10px 0 0;
  font-size:12px;
}
.nickname-status.is-ok{color:var(--green)}
.nickname-status.is-error{color:#ff8f8f}
.honor-manager-list{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.honor-manager-list>div{
  min-height:44px;
  display:grid;
  grid-template-columns:108px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:8px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(4,8,20,.42);
}
.honor-manager-list span:last-child{
  color:var(--muted);
  font-size:12px;
}
.channel-editor-grid{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:12px;
}
@media (max-width:980px){
  .team-center-hero-merged{
    grid-template-columns:1fr;
    grid-template-areas:"avatar" "copy" "stats" "actions" "achievements";
    min-height:0;
    gap:18px;
    padding:24px;
  }
  .team-center-hero-avatar,
  .team-center-hero-copy,
  .team-center-hero-stats,
  .team-center-hero-actions{
    grid-column:1;
  }
  .team-center-hero-copy{
    padding-top:0;
  }
  .team-center-hero-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .personal-profile-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .team-center-hero-actions{
    min-height:0;
    align-items:flex-start;
    gap:12px;
  }
  .personal-profile-shell{
    grid-template-columns:1fr;
  }
  .personal-profile-actions{
    justify-self:start;
  }
  .personal-channel-grid{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .avatar-editor-grid,
  .channel-editor-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:620px){
  .season-achievement-section{gap:2px 10px}
  .season-achievement-trigger{font-size:12px}
  .season-achievement-tooltip-row.is-mingxia,
  .season-achievement-tooltip-row.is-team-record,
  .season-achievement-tooltip-row.is-team-record.has-character{
    grid-template-columns:minmax(120px,1fr) auto;
  }
}
.auth-human-check-overlay{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.62);
}
.auth-human-check-modal{
  width:min(420px, calc(100vw - 40px));
}
.login-modal{
  width:min(820px,calc(100vw - 32px));
  height:562px;
  min-height:562px;
  max-height:562px;
  display:grid;
  grid-template-columns:315px minmax(0,1fr);
  padding:0;
  border-color:rgba(240,213,122,.42);
  background:
    rgba(4,8,20,.98);
  overflow:visible;
}
.login-brand-panel{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:20px;
  padding:24px 26px 0;
  border-right:1px solid rgba(240,213,122,.18);
  background:
    radial-gradient(circle at 18% 16%,rgba(72,94,94,.34),transparent 34%),
    linear-gradient(155deg,rgba(29,45,49,.94) 0%,rgba(13,25,38,.96) 46%,rgba(4,8,20,.98) 100%),
    rgba(4,8,20,.98);
  overflow:visible;
}
.login-brand-identity{
  display:flex;
  align-items:center;
  color:var(--gold-lt);
  position:relative;
  z-index:2;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.34));
}
.login-brand-image{
  display:block;
  width:244px;
  height:auto;
  margin:-20px -10px;
}
.login-brand-logo{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:0;
  background:transparent;
}
.login-brand-logo img{
  width:34px;
  height:34px;
  object-fit:contain;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.42));
}
.login-brand-name{
  display:grid;
  gap:2px;
  position:relative;
  z-index:2;
}
.login-brand-name b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:21px;
  line-height:1;
  text-shadow:0 2px 0 rgba(0,0,0,.36),0 8px 14px rgba(0,0,0,.42);
}
.login-brand-name small{
  color:rgba(125,211,252,.78);
  font-size:11px;
  letter-spacing:0;
  text-shadow:0 2px 6px rgba(0,0,0,.48);
}
.login-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.login-modal-kicker{
  display:block;
  margin-bottom:6px;
  color:rgba(98,203,230,.86);
  font-size:10px;
  font-weight:800;
}
.login-character-stage{
  position:absolute;
  inset:0;
  display:block;
  margin:0;
  z-index:1;
  pointer-events:none;
}
.login-character-art{
  display:block;
  width:1104px;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center center;
  transform:translate(-394.5px,6px);
  opacity:.86;
  filter:drop-shadow(0 20px 24px rgba(0,0,0,.42));
}
.login-benefit-list{
  display:grid;
  gap:10px;
}
.login-benefit-list span{
  min-height:34px;
  display:flex;
  align-items:center;
  padding:0 12px;
  border:1px solid rgba(248,242,226,.10);
  color:rgba(248,242,226,.74);
  background:rgba(0,0,0,.14);
  font-size:12px;
}
.login-form-panel{
  min-width:0;
  min-height:0;
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  padding:28px 30px 24px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 34%);
}
.login-modal-head h2{
  margin:0 0 5px;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:22px;
}
.login-modal-head span{
  color:var(--muted);
  font-size:12px;
}
.login-modal-close{
  width:30px;
  height:30px;
  border:1px solid rgba(248,242,226,.16);
  color:var(--muted);
  background:rgba(0,0,0,.18);
  font-size:18px;
  line-height:1;
}
.login-modal-close:hover,
.login-modal-close:focus-visible{
  border-color:rgba(240,213,122,.54);
  color:var(--gold-lt);
  outline:0;
}
.login-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-bottom:18px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.16);
}
.login-tabs button{
  min-height:38px;
  border:0;
  color:var(--muted);
  background:transparent;
  font-size:13px;
}
.login-tabs button.active{
  color:var(--gold-lt);
  background:rgba(240,213,122,.10);
  box-shadow:inset 0 -2px 0 rgba(240,213,122,.58);
}
.login-mode-switch{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  color:var(--muted);
  font-size:12px;
}
.login-mode-switch button{
  border:0;
  color:rgba(98,203,230,.95);
  background:transparent;
  font-size:12px;
}
.login-mode-switch button:hover,
.login-mode-switch button:focus-visible{
  color:var(--gold-lt);
  outline:0;
}
.login-field{
  display:grid;
  gap:6px;
  margin-bottom:14px;
}
.login-field span{
  color:rgba(248,242,226,.70);
  font-size:12px;
}
.login-field input{
  width:100%;
  min-height:38px;
  padding:0 11px;
  border:1px solid rgba(248,242,226,.14);
  color:var(--text);
  background:rgba(3,8,20,.72);
  outline:0;
}
.login-field input:focus{
  border-color:rgba(240,213,122,.54);
  box-shadow:0 0 0 2px rgba(240,213,122,.08);
}
.login-method-switch{
  display:flex;
  justify-content:flex-start;
  gap:8px;
  margin:0 0 14px;
}
.login-method-switch button{
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(248,242,226,.12);
  color:var(--muted);
  background:rgba(0,0,0,.12);
  font-size:11px;
}
.login-method-switch button.active{
  border-color:rgba(240,213,122,.36);
  color:var(--gold-lt);
  background:rgba(240,213,122,.08);
}
.login-method-switch button:hover,
.login-method-switch button:focus-visible{
  color:var(--gold-lt);
  outline:0;
}
.login-auth-input-slot{
  min-height:58px;
}
.login-auth-input-slot .login-field{
  margin-bottom:0;
}
.login-auth-input-slot .login-code-row button{
  margin-top:20px;
}
.login-register-action-spacer{
  height:38px;
}
.login-form-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:4px 0 18px;
}
.login-check{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:11px;
}
.login-keep-advice{
  color:rgba(98,203,230,.92);
  font-size:10px;
  text-decoration:none;
  white-space:nowrap;
}
.login-form-row button{
  border:0;
  color:rgba(98,203,230,.92);
  background:transparent;
  font-size:11px;
}
.login-code-agreement-row{
  min-height:14px;
  justify-content:flex-start;
}
.login-code-agreement-row .login-agree{
  margin:0;
  line-height:14px;
}
.login-code-agreement-row .login-agree button{
  padding:0;
  line-height:14px;
}
.login-primary{
  width:100%;
  min-height:40px;
  border:1px solid rgba(240,213,122,.54);
  color:var(--gold-lt);
  background:linear-gradient(180deg,rgba(240,213,122,.20),rgba(200,160,64,.09));
  font-family:var(--serif);
  font-size:14px;
  font-weight:800;
}
.login-primary:hover,
.login-primary:focus-visible{
  border-color:rgba(240,213,122,.78);
  color:#fff2a8;
  outline:0;
}
.login-primary:disabled,
.login-primary:disabled:hover,
.login-primary:disabled:focus-visible{
  cursor:not-allowed;
  border-color:rgba(148,163,184,.26);
  color:rgba(226,232,240,.58);
  background:linear-gradient(180deg,rgba(148,163,184,.12),rgba(30,41,59,.18));
  box-shadow:none;
  outline:0;
}
.login-primary + .login-form-row,
.login-primary + .login-agree{
  margin-top:14px;
  margin-bottom:18px;
}
.login-reset-primary{
  margin-top:18px;
}
.login-code-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 104px;
  gap:10px;
  align-items:start;
}
.login-code-row .login-field{
  margin-bottom:0;
}
.login-code-row button{
  min-height:38px;
  margin-top:23px;
  border:1px solid rgba(98,203,230,.32);
  color:rgba(154,190,218,.94);
  background:rgba(98,203,230,.06);
  font-size:12px;
}
.login-code-row button:disabled{
  cursor:not-allowed;
  border-color:rgba(148,163,184,.18);
  color:rgba(148,163,184,.62);
  background:rgba(148,163,184,.08);
  box-shadow:none;
}
.login-agree{
  display:flex;
  align-items:center;
  gap:7px;
  margin:2px 0 16px;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
}
.login-agree input{
  flex:0 0 auto;
}
.login-agree button{
  border:0;
  color:rgba(98,203,230,.95);
  background:transparent;
  font-size:11px;
  text-decoration:underline;
  text-underline-offset:2px;
}
.login-agree button:hover,
.login-agree button:focus-visible{
  color:var(--gold-lt);
  outline:0;
}
.login-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 12px;
  color:var(--muted);
  font-size:11px;
}
.login-divider::before,
.login-divider::after{
  content:"";
  height:1px;
  flex:1 1 auto;
  background:rgba(248,242,226,.12);
}
.login-social-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.login-social-row button{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(98,203,230,.28);
  color:rgba(238,250,255,.90);
  background:linear-gradient(180deg,rgba(27,78,98,.44),rgba(10,25,39,.72));
  font-size:12px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.login-social-icon{
  width:22px;
  height:22px;
  display:block;
  flex:0 0 auto;
  object-fit:contain;
}
.login-social-row button:hover,
.login-social-row button:focus-visible,
.login-code-row button:hover,
.login-code-row button:focus-visible,
.login-form-row button:hover,
.login-form-row button:focus-visible{
  border-color:rgba(91,213,180,.48);
  background:linear-gradient(180deg,rgba(35,105,120,.58),rgba(13,35,50,.82));
  color:var(--gold-lt);
  outline:0;
}
.login-form-note{
  margin:10px 0 0;
  color:rgba(248,242,226,.48);
  font-size:11px;
  line-height:1.5;
  text-align:center;
}
.login-code-length-tip{
  margin:8px 0;
  color:#f3bf73;
}
.login-auth-footer{
  margin-top:auto;
  padding-top:22px;
}
.login-bottom-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:14px;
}
.login-demo-link{
  border:0;
  color:rgba(154,190,218,.78);
  background:transparent;
  font-size:11px;
  white-space:nowrap;
}
.login-demo-link:hover,
.login-demo-link:focus-visible{
  color:var(--gold-lt);
  outline:0;
}
@media (max-width:1100px) and (max-device-width:1100px){
  .top-showcase,.info-row,.main-board,.sub-grid,.page-grid,.report-layout{grid-template-columns:1fr;grid-template-rows:auto}
  .jcl-parser-top,.jcl-stats-strip,.jcl-overview-bottom,.jcl-replay-shell,.replay-shell,.jcl-deep-panel,.jcl-deep-split{grid-template-columns:1fr}
  .stats-strip,.ov-bottom{flex-direction:column}
  .boss-blk{min-width:0;border-right:0;border-bottom:1px solid var(--gold-20)}
  .dyn-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .rank-col{flex:0 0 auto;max-height:520px;border-right:0;border-bottom:1px solid var(--gold-20)}
  .right-col{min-height:420px}
  .deep-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .deep-split-root{grid-template-columns:1fr}
  .eis-viewport{max-width:calc(100% - 96px)}
  .replay-side{position:relative;top:auto;max-height:none}
  .replay-node{grid-template-columns:62px minmax(0,1fr)}
  .replay-node-grid{grid-column:1/3}
  .jcl-parser-brand{border-right:0;border-bottom:1px solid var(--line)}
  .jcl-parser-meta{padding:10px 14px}
  .jcl-dyn-stats,.jcl-replay-stats,.replay-stats,.jcl-deep-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jcl-right-col{grid-template-columns:1fr}
  .jcl-vtab-strip{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid var(--line)}
  .jcl-vtab-strip button{writing-mode:horizontal-tb;min-height:34px}
  .jcl-vtab-strip span{margin:0 6px 0 0}
  .event-poster,.notice,.mini-poster,.mini-panel.sect-art,.mini-panel.master,.mini-panel.updates,.mini-panel.mechanic,.mini-panel.death{grid-column:auto;grid-row:auto}
  .home-live-hub{grid-column:auto;grid-row:auto;width:100%;height:auto;min-height:300px;grid-template-columns:minmax(0,1fr) 220px}
  .event-poster{aspect-ratio:1534 / 456;min-height:0}
  .notice,.mini-poster{aspect-ratio:1534 / 316;min-height:0}
  .pve-active-death-board{grid-template-columns:1fr;padding:12px}
  .board-head{grid-template-columns:1fr;align-items:start}
  .season-title{justify-content:flex-start;text-align:left}
  .fold{justify-self:start}
  .report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .score-detail-boss-grid,
  .score-detail-participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-hero,.team-mid-grid,.team-card-grid{grid-template-columns:1fr}
  .team-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-source-list,
  .team-model-grid,
  .team-model-section.leaderboard .team-model-grid,
  .team-model-section.workflow .team-model-grid,
  .team-boundary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .team-scope-sub-grid,
  .team-base-models .pve-team-mini-grid,
  .pve-team-three-grid{grid-template-columns:1fr}
  .pve-control-layout{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .pve-control-side-nav{
    position:static;
    width:auto;
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .pve-control-side-nav-head{
    justify-content:flex-start;
  }
  .pve-control-nav-group{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .pve-control-nav-group-label{
    grid-column:1 / -1;
    text-align:left;
  }
  .pve-control-nav-btn{
    grid-template-columns:18px minmax(0,1fr);
    justify-items:center;
    text-align:center;
  }
  .pve-control-nav-label{
    white-space:normal;
  }
}
@media (max-width:760px) and (max-device-width:760px){
  body{overflow-x:hidden}
  .page{min-width:0}
  .shell{width:100%;max-width:100%}
  .prototype-ribbon{width:min(var(--prototype-min-content),100%);max-width:100%}
  .score-detail-metrics,
  .score-detail-boss-grid,
  .score-detail-participant-grid{grid-template-columns:1fr}
  .score-character-account-head,
  .score-character-account-actions{align-items:stretch;flex-direction:column}
  .score-character-role-summary,
  .score-character-history{grid-template-columns:1fr}
  .score-character-title-tags{grid-template-columns:repeat(2,minmax(0,1fr))}
  .score-detail-tabbar{grid-template-columns:1fr}
  .score-detail-tab{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--score-detail-color,var(--cyan)) 22%,var(--line))}
  .score-detail-tab:last-child{border-bottom:0}
  .score-talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .score-character-boss-head{display:none}
  .score-character-boss-row{grid-template-columns:1fr;gap:6px}
  .score-character-boss-row em{justify-self:start}
  .score-detail-boss-card{grid-template-columns:24px 38px minmax(0,1fr)}
  .score-detail-boss-card em{grid-column:3;justify-self:start}
  .page{padding:10px}
  .content{padding:10px}
  .topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:10px;gap:8px;overflow:visible}
  .brand{width:100%;min-width:0}
  .top-actions{order:2;width:100%;margin-left:0;justify-content:space-between}
  .meta,.gold-btn{flex:1 1 0}
  .nav{
    order:3;
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    overflow:hidden;
    border-left:0;
    padding-left:0;
  }
  .nav a{
    min-height:38px;
    height:auto;
    max-width:100%;
    justify-content:center;
    padding:7px 8px;
    border:1px solid var(--line);
    border-bottom:1px solid var(--line);
    background:rgba(4,8,20,.22);
    text-align:center;
    font-size:11px;
    line-height:1.35;
    white-space:normal;
    overflow:visible;
  }
  .nav a.active{
    border-color:var(--gold-50);
  }
  .live-top{align-items:flex-start;flex-direction:column}
  .live-top span:last-child{text-align:left}
  .poster p,.notice p,.mini-poster p,.live-meta{font-size:11px;line-height:1.8}
  .top-showcase,.info-row{display:block}
  .home-live-hub{display:grid;height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(210px,56vw) 190px}
  .home-live-main{border-right:0;border-bottom:1px solid rgba(210,178,92,.24)}
  .panel{margin-bottom:10px}
  .fold,.fold-toggle{width:100%;justify-content:space-between}
  .scope-tabs{width:100%}
  .scope-tabs button{flex:1 1 0}
  .boss-row{gap:8px}
  .boss-linked-board .pve-boss-config-tabs{
    width:max-content;
    max-width:100%;
    justify-content:center;
    margin-inline:auto;
    overflow-x:auto;
    gap:18px;
  }
  .boss-linked-board .pve-boss-config-tabs .boss-icon{
    width:76px;
    min-width:76px;
  }
  .pve-boss-group-icons{gap:12px}
  .parser-tabs{display:grid;grid-template-columns:1fr;gap:6px}
  .parser-tab{justify-content:flex-start}
  .jcl-pg-tabs,.jcl-mode-bar,.jcl-deep-mode-bar{display:grid;grid-template-columns:1fr;min-height:auto}
  .mode-bar,.deep-mode-bar{display:grid;grid-template-columns:1fr;padding:0}
  .mode-tab,.deep-tab{width:100%;justify-content:flex-start}
  .chart-phd{align-items:flex-start;flex-direction:column}
  .curve-hd-tools{margin-left:0;justify-content:flex-start}
  .dyn-stats,.deep-summary-grid{grid-template-columns:1fr}
  .vtab-strip{width:auto;display:grid;grid-template-columns:1fr 1fr}
  .vtab-pad{display:none}
  .vtab span{writing-mode:horizontal-tb}
  .eis-bar{min-height:150px}
  .eis-nav{display:none}
  .eis-viewport{max-width:100%;flex-basis:100%}
  .entity-list{grid-template-columns:1fr}
  .jcl-pg-tab,.jcl-mode-tab{min-height:38px;width:100%;justify-content:flex-start}
  .jcl-chart-head,.jcl-block-head,.jcl-replay-head,.replay-head{align-items:flex-start;flex-direction:column;padding:10px 12px}
  .replay-tools{width:100%;margin-left:0;justify-content:flex-start}
  .replay-timeline{top:0}
  .replay-clock{width:100%;margin-left:0}
  .replay-gantt{height:220px}
  .replay-node{grid-template-columns:1fr}
  .replay-node-grid{grid-column:auto;grid-template-columns:1fr}
  .jcl-chart-tools,.jcl-playbar{align-items:stretch}
  .jcl-tool,.jcl-replay-filter,.jcl-playbar button{flex:1 1 auto}
  .jcl-dyn-stats,.jcl-pi-grid,.jcl-replay-stats,.replay-stats,.jcl-deep-summary{grid-template-columns:1fr}
  .jcl-rank-scroll{overflow:auto}
  .jcl-rank-table{min-width:620px}
  .jcl-right-col,.jcl-replay-main,.jcl-replay-side{min-height:auto}
  .jcl-eis-bar{grid-template-columns:32px 1fr;gap:6px}
  .jcl-eis-nav{display:none}
  .jcl-eis-track{grid-column:1 / -1;overflow:auto}
  .jcl-eis-selector{position:relative;width:100%;margin:0 0 12px}
  .jcl-eis-selector-list button{grid-template-columns:1fr}
  .jcl-deep-split{padding:8px}
  .report-kpis{grid-template-columns:1fr}
  .rank-lines,.card-grid{grid-template-columns:1fr}
  .team-hero{padding:14px;min-height:0}
  .team-hero h2{font-size:23px}
  .team-kpis{grid-template-columns:1fr}
  .team-member-row{grid-template-columns:32px minmax(0,1fr);align-items:start;padding:8px 0}
  .team-member-row small{grid-column:2;justify-self:start}
  .team-data-row{grid-template-columns:1fr;gap:6px}
  .team-data-row strong{white-space:normal}
  .team-source-list,
  .team-model-grid,
  .team-model-section.leaderboard .team-model-grid,
  .team-model-section.workflow .team-model-grid,
  .team-boundary-grid{grid-template-columns:1fr}
  .team-model-card{min-height:0}
  .team-model-card p{min-height:0}
  .pve-team-support-grid{grid-template-columns:1fr}
  .team-integration-list{grid-template-columns:1fr}
  .bar-wrap{gap:3px}
  .report-row{grid-template-columns:1fr}
  .float-jcl{display:none}
}

.jcl-page-area{
  overflow:auto;
}

.root-overview,
.deep-wrap{
  min-width:1120px;
}

.deep-wrap{
  min-width:920px;
}

.root-overview .stats-strip,
.root-overview .ov-bottom{
  flex-direction:row;
}

.root-overview .dyn-stats{
  display:flex;
  grid-template-columns:none;
}

.root-overview .rank-col{
  flex:0 0 62%;
  border-right:1px solid var(--gold-20);
}

.overview-info-only{
  flex:1;
  min-width:360px;
}

.overview-info-only .vtab-content{
  border-left:0;
}

.overview-info-only .vtab-pane{
  overflow:auto;
}

.deep-wrap .deep-summary-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

.deep-wrap .deep-split-root{
  grid-template-columns:minmax(0,1fr) 340px;
}

.deep-wrap .deep-mode-bar,
.root-overview .mode-bar{
  display:flex;
  grid-template-columns:none;
  padding:0 12px;
}

.deep-wrap .deep-tab,
.root-overview .mode-tab{
  width:auto;
  justify-content:center;
}

.eis-track-empty{
  position:absolute;
  left:50%;
  top:35px;
  transform:translateX(-50%);
  color:var(--t45);
  font-size:12px;
  letter-spacing:1px;
  white-space:nowrap;
}

.eis-sel-ready{
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.eis-sel-window{
  border:1px solid var(--gold-20);
  background:rgba(6,12,28,.96);
  box-shadow:0 16px 44px rgba(0,0,0,.42);
  margin:0 0 10px;
}

.eis-sel-titlebar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:36px;
  padding:0 12px;
  border-bottom:1px solid var(--t12);
  background:rgba(0,0,0,.22);
}

.eis-sel-titlebar b{
  font-family:var(--serif);
  color:var(--gold-lt);
  letter-spacing:2px;
}

.eis-sel-titlebar span,
.eis-sel-tools span{
  color:var(--t45);
  font-size:11px;
}

.eis-sel-tools{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:8px 10px;
  border-bottom:1px solid var(--t06);
}

.eis-sel-body{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  max-height:260px;
  overflow:auto;
  padding:10px;
}

.eis-sel-row{
  display:grid;
  grid-template-columns:16px minmax(0,1fr) 64px 78px;
  gap:8px;
  align-items:center;
  min-height:36px;
  border:1px solid var(--t12);
  background:rgba(0,0,0,.18);
  color:var(--t70);
  text-align:left;
  padding:0 8px;
}

.eis-sel-row:hover,
.eis-sel-row.selected{
  border-color:var(--gold-35);
  background:var(--gold-10);
}

.eis-sel-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
}

.eis-sel-type,
.eis-sel-val{
  color:var(--t45);
  font-size:10px;
  white-space:nowrap;
  text-align:right;
}

.eis-sel-empty,
.eis-empty-msg{
  border:1px dashed var(--gold-20);
  background:rgba(200,160,64,.05);
  color:var(--t60);
  padding:22px;
  text-align:center;
}

.eis-empty-msg{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:10px;
}

.eis-empty-msg b{
  font-family:var(--serif);
  color:var(--gold-lt);
  letter-spacing:2px;
}

.ent-container{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.ent-group-hdr{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  padding:0 12px;
  border:1px solid var(--gold-20);
  background:linear-gradient(90deg,rgba(200,160,64,.10),rgba(0,0,0,.20));
}

.ent-group-hdr b{
  display:block;
  font-family:var(--serif);
  color:var(--gold-lt);
  letter-spacing:2px;
}

.ent-group-hdr span{
  display:block;
  margin-top:3px;
  color:var(--t45);
  font-size:10px;
  letter-spacing:1px;
}

.deep-cast-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  padding:10px;
}

.deep-cast-grid button{
  position:relative;
  min-height:48px;
  overflow:hidden;
  border:1px solid var(--t12);
  background:rgba(0,0,0,.18);
  color:var(--t70);
  text-align:left;
  padding:7px 9px;
}

.deep-cast-grid button.active{
  border-color:var(--gold-40);
  background:var(--gold-10);
  color:var(--gold-lt);
}

.deep-cast-grid b,
.deep-cast-grid span{
  position:relative;
  z-index:1;
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.deep-cast-grid b{
  font-size:12px;
}

.deep-cast-grid span{
  margin-top:4px;
  color:var(--t45);
  font-size:10px;
}

.deep-cast-grid i{
  position:absolute;
  left:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--gold),rgba(98,203,230,.55));
}

.deep-target-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:10px;
}

.deep-target-card{
  border:1px solid var(--t12);
  background:rgba(0,0,0,.18);
  padding:10px;
  min-height:58px;
}

.deep-target-card b,
.deep-target-card span,
.deep-target-card small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.deep-target-card b{
  color:var(--t80);
  font-size:12px;
}

.deep-target-card span{
  margin-top:6px;
  color:var(--gold-lt);
  font-size:13px;
}

.deep-target-card small{
  margin-top:3px;
  color:var(--t45);
  font-size:10px;
}

/* JCL overview clone: copied layout contract from the original parser shell. */
.jcl-clone-shell{
  display:flex;
  flex-direction:column;
  min-width:1180px;
  min-height:780px;
  padding:0;
  border-color:var(--gold-40);
  background:linear-gradient(180deg,rgba(4,8,20,.98),rgba(4,8,20,.92));
  box-shadow:0 12px 34px rgba(0,0,0,.42);
}

.jcl-clone-shell .jcl-parser-top{
  height:60px;
  min-height:60px;
  display:flex;
  align-items:center;
  gap:0;
  padding:0 20px;
  border-bottom:1px solid var(--gold-40);
  background:linear-gradient(180deg,rgba(4,8,20,.98),rgba(4,8,20,.90));
  box-shadow:0 10px 28px rgba(0,0,0,.30);
}

.jcl-clone-shell .jcl-parser-brand{
  height:60px;
  min-width:176px;
  display:flex;
  grid-template-columns:none;
  align-items:center;
  gap:10px;
  padding:0;
  border-right:0;
}

.jcl-clone-shell .jcl-parser-brand span{
  width:34px;
  height:34px;
  font-size:8px;
  line-height:1.08;
  border-color:var(--gold-50);
  background:rgba(200,160,64,.06);
}

.jcl-clone-shell .jcl-parser-brand b{
  display:block;
  color:var(--t95);
  font-family:var(--serif);
  font-size:15px;
  letter-spacing:3.5px;
}

.jcl-clone-shell .jcl-parser-brand small{
  margin-top:2px;
  color:var(--t45);
  font-family:Consolas,monospace;
  font-size:7px;
  letter-spacing:1.2px;
}

.jcl-clone-shell .nav-sep{
  width:1px;
  height:26px;
  margin:0 12px;
  background:var(--gold-20);
  flex-shrink:0;
}

.jcl-clone-shell .jcl-top-tabs{
  height:60px;
  display:flex;
  align-items:center;
  gap:6px;
  flex:1;
  min-width:0;
}

.jcl-clone-shell .jcl-pg-tab{
  height:38px;
  min-width:148px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  padding:0 18px;
  border:1px solid var(--t12);
  border-bottom-color:var(--gold-20);
  border-radius:2px;
  background:rgba(0,0,0,.18);
  color:var(--t70);
  font-family:"Noto Sans SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
}

.jcl-clone-shell .jcl-pg-tab.active{
  color:var(--gold-lt);
  border-color:var(--gold-40);
  background:linear-gradient(180deg,rgba(200,160,64,.20),rgba(200,160,64,.06));
  box-shadow:0 0 18px rgba(200,160,64,.08);
}

.jcl-clone-shell .jcl-pg-tab.active::before{
  content:"";
  width:6px;
  height:6px;
  background:var(--gold);
  box-shadow:0 0 10px var(--gold);
  flex-shrink:0;
}

.jcl-clone-shell .jcl-parser-meta{
  margin-left:auto;
  padding:0 14px;
  color:var(--t60);
  font-size:11px;
}

.jcl-clone-shell .report-reader-top{
  gap:12px;
}

.report-reader-back{
  height:36px;
  padding:0 14px;
  flex-shrink:0;
  border-color:var(--gold-30);
  color:var(--t80);
}

.report-reader-title{
  min-width:210px;
  max-width:360px;
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-right:12px;
}

.report-reader-title b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:16px;
  letter-spacing:2px;
}

.report-reader-title small{
  overflow:hidden;
  color:var(--t55);
  font-size:11px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.report-pending-shell .jcl-page-area{
  overflow:auto;
}

.report-pending-page{
  min-height:calc(100vh - 60px);
  display:grid;
  place-items:center;
  padding:36px;
  background:
    radial-gradient(circle at 50% 25%,rgba(200,160,64,.08),transparent 34%),
    linear-gradient(180deg,rgba(4,8,20,.96),rgba(4,8,20,.98));
}

.report-pending-card{
  width:min(760px,100%);
  border:1px solid var(--gold-30);
  background:linear-gradient(180deg,rgba(8,14,29,.94),rgba(5,9,20,.96));
  box-shadow:0 18px 44px rgba(0,0,0,.42);
  padding:28px;
}

.report-pending-card h1{
  margin:8px 0 10px;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:28px;
  letter-spacing:2px;
}

.report-pending-card p{
  margin:0 0 22px;
  color:var(--t70);
  line-height:1.7;
}

.report-pending-lines{
  display:grid;
  gap:1px;
  border:1px solid var(--t08);
  background:var(--t08);
}

.report-pending-lines > div{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:16px;
  align-items:center;
  min-height:42px;
  padding:9px 12px;
  background:rgba(0,0,0,.20);
}

.report-pending-lines b{
  color:var(--t55);
  font-size:12px;
  font-weight:700;
}

.report-pending-lines span{
  min-width:0;
  color:var(--t88);
}

.report-pending-card .ticker{
  margin-top:22px;
}

.report-seed-shell .jcl-page-area{
  overflow:auto;
}

.report-seed-page{
  min-height:calc(100vh - 60px);
  padding:22px;
  background:
    radial-gradient(circle at 18% 0,rgba(98,203,230,.08),transparent 30%),
    radial-gradient(circle at 84% 10%,rgba(200,160,64,.10),transparent 28%),
    linear-gradient(180deg,rgba(4,8,20,.98),rgba(4,8,20,.95));
}

.report-seed-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  border:1px solid var(--gold-30);
  background:linear-gradient(180deg,rgba(10,17,34,.88),rgba(5,10,22,.92));
  padding:22px 24px;
}

.report-seed-hero h1{
  margin:6px 0;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:30px;
  letter-spacing:2px;
}

.report-seed-hero p{
  margin:0;
  color:var(--t65);
}

.report-seed-status{
  border:1px solid var(--gold-40);
  background:rgba(200,160,64,.10);
  color:var(--gold-lt);
  padding:9px 15px;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
}

.report-seed-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}

.report-seed-kpis > div,
.report-seed-selected,
.report-seed-panel{
  border:1px solid var(--t10);
  background:rgba(2,8,20,.72);
}

.report-seed-kpis > div{
  min-height:70px;
  padding:13px 15px;
}

.report-seed-kpis span,
.report-seed-selected span{
  display:block;
  color:var(--t45);
  font-size:11px;
  font-weight:700;
}

.report-seed-kpis b{
  display:block;
  margin-top:8px;
  color:var(--t90);
  font-size:16px;
}

.report-seed-selected{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) minmax(160px,240px);
  gap:16px;
  align-items:center;
  margin-top:12px;
  padding:16px;
}

.report-seed-selected-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--role-color),transparent 30%);
  background:color-mix(in srgb,var(--role-color),transparent 86%);
}

.report-seed-selected h2{
  margin:4px 0;
  font-size:22px;
}

.report-seed-selected p{
  margin:0;
  color:var(--t65);
}

.report-seed-selected-metric{
  text-align:right;
}

.report-seed-selected-metric b{
  display:block;
  margin-top:5px;
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:20px;
}

.report-seed-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

.report-seed-grid.is-secondary{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.report-seed-panel{
  min-height:220px;
}

.report-seed-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:44px;
  padding:0 14px;
  border-bottom:1px solid var(--t10);
}

.report-seed-panel-head b{
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:16px;
  letter-spacing:1px;
}

.report-seed-panel-head small{
  color:var(--t45);
  font-size:11px;
}

.report-seed-table{
  display:grid;
}

.report-seed-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) minmax(112px,150px) 88px;
  gap:10px;
  align-items:center;
  min-height:46px;
  padding:7px 12px;
  border-bottom:1px solid var(--t08);
}

.report-seed-rank{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-weight:800;
}

.report-seed-role{
  min-width:0;
}

.report-seed-role b,
.report-seed-role small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.report-seed-role b{
  font-size:13px;
}

.report-seed-role small{
  margin-top:3px;
  color:var(--t45);
  font-size:10px;
}

.report-seed-value{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:12px;
  text-align:right;
}

.report-seed-extra{
  color:var(--t50);
  font-size:11px;
  text-align:right;
}

.report-seed-empty{
  min-height:138px;
  display:grid;
  place-items:center;
  color:var(--t55);
  font-size:14px;
}

.report-detail-shell .jcl-page-area{
  overflow:auto;
}

.report-detail-page{
  min-height:calc(100vh - 60px);
  padding:22px;
  background:
    radial-gradient(circle at 18% 0,rgba(98,203,230,.08),transparent 30%),
    radial-gradient(circle at 86% 8%,rgba(200,160,64,.10),transparent 28%),
    linear-gradient(180deg,rgba(4,8,20,.98),rgba(4,8,20,.95));
}

.report-detail-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  border:1px solid var(--gold-30);
  background:linear-gradient(180deg,rgba(10,17,34,.90),rgba(5,10,22,.94));
  padding:22px 24px;
}

.report-detail-hero h1{
  margin:6px 0;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:30px;
  letter-spacing:2px;
}

.report-detail-hero p{
  margin:0;
  color:var(--t65);
}

.report-three-tabs{
  margin-left:auto;
  display:flex;
  gap:6px;
  align-items:center;
}

.report-three-tabs button{
  height:34px;
  padding:0 14px;
  border:1px solid var(--t16);
  background:rgba(255,255,255,.03);
  color:var(--t65);
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
  cursor:pointer;
}

.report-three-tabs button.active{
  border-color:var(--gold-50);
  background:rgba(200,160,64,.13);
  color:var(--gold-lt);
  box-shadow:0 0 16px rgba(200,160,64,.12);
}

.report-three-tab-body{
  margin-top:12px;
}

.report-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,390px);
  gap:12px;
  margin-top:12px;
}

.report-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}

.report-detail-sidecol{
  display:grid;
  gap:12px;
  align-content:start;
}

.report-detail-panel{
  border:1px solid var(--t10);
  background:rgba(2,8,20,.72);
}

.report-detail-list{
  display:grid;
}

.report-detail-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) minmax(96px,132px);
  gap:10px;
  align-items:center;
  min-height:42px;
  padding:7px 12px;
  border-bottom:1px solid var(--t08);
}

.report-detail-rank{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-weight:800;
}

.report-detail-main{
  min-width:0;
}

.report-detail-main b,
.report-detail-main small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.report-detail-main b{
  color:var(--t90);
  font-size:13px;
}

.report-detail-main small{
  margin-top:3px;
  color:var(--t45);
  font-size:10px;
}

.report-detail-value{
  color:var(--gold-lt);
  font-family:Consolas,monospace;
  font-size:12px;
  text-align:right;
}

.report-detail-timeline{
  min-height:260px;
}

.report-detail-timeline-body{
  display:grid;
  gap:16px;
  padding:16px;
}

.report-detail-timeline-line{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:12px;
  align-items:end;
}

.report-detail-timeline-line > span{
  color:var(--t60);
  font-size:12px;
  font-weight:800;
}

.report-detail-timeline-line > div{
  height:54px;
  display:flex;
  align-items:end;
  gap:2px;
  border-bottom:1px solid var(--gold-20);
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);
}

.report-detail-timeline-line i{
  flex:1;
  min-width:2px;
  background:linear-gradient(180deg,var(--line-color),rgba(255,255,255,.08));
  box-shadow:0 0 10px color-mix(in srgb,var(--line-color),transparent 70%);
}

.report-detail-timeline-line.damage{--line-color:#f1d56c}
.report-detail-timeline-line.heal{--line-color:#68e6a2}
.report-detail-timeline-line.taken{--line-color:#e66d62}
.report-detail-timeline-line.taken-heal{--line-color:#8ccfff}

@media (max-width:1100px){
  .report-three-tabs{
    width:100%;
    margin-left:0;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .report-detail-layout,
  .report-detail-grid{
    grid-template-columns:1fr;
  }
}

.jcl-clone-shell .open-btn,
.jcl-clone-shell .icon-btn{
  height:36px;
  flex-shrink:0;
  border:1px solid var(--gold-40);
  background:rgba(200,160,64,.10);
  color:var(--gold-lt);
  font-size:12px;
  letter-spacing:1.5px;
}

.jcl-clone-shell .open-btn{
  padding:0 18px;
}

.jcl-clone-shell .icon-btn{
  width:34px;
  margin-left:10px;
}

.jcl-clone-shell .jcl-page-area{
  flex:1;
  min-height:0;
  padding:0;
  overflow:hidden;
}

body.is-report-route .topbar{
  display:none;
}

body.is-report-route{
  overflow-x:auto;
}

body.is-report-route .page{
  min-height:100vh;
  min-width:0;
  height:100vh;
  padding:0;
  background:#030711;
  overflow:hidden;
}

body.is-report-route .shell{
  width:100%;
  height:100vh;
  min-height:0;
  max-width:none;
  margin:0;
  border:0;
  box-shadow:none;
  background:transparent;
}

body.is-report-route .content{
  height:100vh;
  padding:0;
  overflow:hidden;
}

body.is-report-route .jcl-clone-shell{
  height:100vh;
  min-height:0;
  margin-top:0;
  border-left:0;
  border-right:0;
  border-top:0;
}

body.is-report-route .replay-shell,
body.is-report-route .deep-wrap{
  width:100%;
  min-width:1180px;
  height:100%;
  min-height:0;
  box-sizing:border-box;
  overflow:hidden;
}

body.is-report-route .replay-shell{
  display:grid;
  grid-template-columns:minmax(680px,1fr) minmax(360px,420px);
  grid-template-rows:minmax(0,1fr);
}

body.is-report-route .replay-main,
body.is-report-route .replay-side{
  min-height:0;
  height:100%;
  max-height:none;
  overflow:hidden;
}

body.is-report-route .replay-side{
  position:relative;
  top:auto;
  align-self:stretch;
}

body.is-report-route .replay-head,
body.is-report-route .replay-stats,
body.is-report-route .replay-timeline{
  flex-shrink:0;
}

body.is-report-route .replay-head{
  align-items:center;
  flex-direction:row;
  padding:10px 14px;
}

body.is-report-route .replay-tools{
  width:auto;
  margin-left:auto;
  justify-content:flex-end;
}

body.is-report-route .replay-stats{
  grid-template-columns:repeat(5,minmax(0,1fr));
}

body.is-report-route .replay-playbar{
  flex-wrap:wrap;
}

body.is-report-route .replay-clock{
  width:auto;
  margin-left:auto;
}

body.is-report-route .replay-gantt{
  height:200px;
}

body.is-report-route .replay-node{
  grid-template-columns:82px minmax(240px,340px) minmax(360px,1fr);
}

body.is-report-route .replay-node-grid{
  grid-column:auto;
  grid-template-columns:repeat(2,minmax(180px,1fr));
}

body.is-report-route .replay-list,
body.is-report-route .replay-detail{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
}

body.is-report-route .deep-content,
body.is-report-route .panels-scroll{
  min-height:0;
  height:100%;
  overflow:hidden;
}

body.is-report-route .panels-scroll{
  flex:1 1 auto;
  overflow:auto;
}

.tab-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  position:relative;
  border:1px solid var(--gold-20);
  border-radius:5px;
  background:var(--gold-05);
  color:var(--gold-lt);
  flex-shrink:0;
  overflow:hidden;
}

.tab-ico::before,
.tab-ico::after{
  content:"";
  position:absolute;
  box-sizing:border-box;
}

.tab-ico.has-svg::before,
.tab-ico.has-svg::after{
  display:none;
}

.tab-ico svg{
  width:15px;
  height:15px;
  display:block;
}

.tab-ico-overview::before{left:4px;bottom:4px;width:3px;height:7px;background:currentColor;box-shadow:5px -3px 0 currentColor,10px 1px 0 currentColor;border-radius:1px}
.tab-ico-overview::after{left:3px;right:3px;bottom:3px;height:1px;background:currentColor}
.tab-ico-replay{color:#8df6df;border-color:rgba(120,246,223,.30);background:rgba(88,208,184,.08)}
.tab-ico-replay::before{left:4px;top:4px;width:10px;height:10px;border:1px solid currentColor;border-radius:50%}
.tab-ico-replay::after{left:8px;top:4px;width:5px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transform-origin:left bottom}
.tab-ico-deep{color:#9de4ff;border-color:rgba(120,220,255,.28);background:rgba(80,190,255,.07)}
.tab-ico-deep::before{left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:currentColor;box-shadow:-5px -5px 0 -1px currentColor,5px -5px 0 -1px currentColor,-5px 5px 0 -1px currentColor,5px 5px 0 -1px currentColor}
.tab-ico-deep::after{left:4px;top:4px;width:10px;height:10px;border:1px solid currentColor;transform:rotate(45deg);opacity:.7}
.tab-ico-damage{color:#ff985f;border-color:rgba(255,125,70,.30);background:rgba(255,100,50,.08)}
.tab-ico-damage::before{left:50%;top:50%;width:2px;height:13px;background:currentColor;border-radius:2px;transform:translate(-50%,-50%) rotate(24deg);box-shadow:-4px 1px 0 currentColor,4px -1px 0 currentColor}
.tab-ico-heal{color:#8be8a3;border-color:rgba(120,230,150,.30);background:rgba(90,210,120,.08)}
.tab-ico-heal::before{left:7px;top:3px;width:4px;height:12px;background:currentColor;border-radius:1px}
.tab-ico-heal::after{left:3px;top:7px;width:12px;height:4px;background:currentColor;border-radius:1px}
.tab-ico-taken-damage{color:#a9c9ff;border-color:rgba(140,180,255,.30);background:rgba(80,120,220,.08)}
.tab-ico-taken-damage::before{left:50%;top:50%;width:11px;height:13px;background:currentColor;clip-path:polygon(50% 0,96% 18%,86% 72%,50% 100%,14% 72%,4% 18%);transform:translate(-50%,-50%)}
.tab-ico-taken-heal{color:#ffd0e8;border-color:rgba(255,150,210,.30);background:rgba(220,90,170,.08)}
.tab-ico-taken-heal::before{left:50%;top:50%;width:11px;height:13px;background:currentColor;clip-path:polygon(50% 0,96% 18%,86% 72%,50% 100%,14% 72%,4% 18%);transform:translate(-50%,-50%)}
.tab-ico-buff{color:#ffe28a;border-color:rgba(255,220,120,.32);background:rgba(255,210,80,.09)}
.tab-ico-buff::before{left:50%;top:50%;width:11px;height:11px;border:1px solid currentColor;transform:translate(-50%,-50%) rotate(45deg)}
.tab-ico-info{color:#ffe28a}
.tab-ico-info::before{left:50%;top:3px;width:7px;height:7px;border:1px solid currentColor;border-radius:50%;transform:translateX(-50%)}
.tab-ico-info::after{left:5px;right:5px;bottom:3px;height:7px;border:1px solid currentColor;border-radius:7px 7px 2px 2px}

.jcl-overview-clone{
  height:100%;
  min-height:720px;
  min-width:1180px;
  background:linear-gradient(90deg,rgba(4,8,20,.96),rgba(7,13,29,.88));
}

.jcl-overview-clone .stats-strip{
  min-height:72px;
  background:linear-gradient(90deg,rgba(4,8,20,.95),rgba(8,14,32,.82));
  border-bottom:1px solid var(--gold-40);
  box-shadow:inset 0 -1px 0 rgba(200,160,64,.10);
}

.jcl-overview-clone .boss-blk{
  min-width:360px;
  padding:7px 24px;
  background:rgba(200,160,64,.07);
  border-right:1px solid var(--gold-20);
}

.jcl-overview-clone .boss-main{
  min-width:260px;
  max-width:310px;
}

.jcl-overview-clone .boss-map{
  font-size:8.5px;
  color:var(--t45);
  letter-spacing:2px;
}

.jcl-overview-clone .boss-name{
  font-size:27px;
  letter-spacing:1.5px;
}

.jcl-overview-clone .boss-time{
  font-size:11px;
  font-weight:700;
}

.jcl-overview-clone .boss-ok{
  color:#60d080;
  font-size:8px;
}

.jcl-overview-clone .boss-sub{
  font-size:9px;
  color:var(--gold-lt);
}

.jcl-overview-clone .role-chip{
  height:18px;
  min-width:58px;
  font-size:8.5px;
  border-color:var(--gold-20);
  background:rgba(200,160,64,.055);
}

.jcl-overview-clone .ds-cell{
  padding:10px 15px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.08));
  border-right:1px solid var(--gold-10);
}

.jcl-overview-clone .ds-lbl{
  font-size:8px;
  color:var(--t45);
  letter-spacing:2.3px;
}

.jcl-overview-clone .ds-val{
  margin-top:5px;
  color:var(--t95);
  font-size:19px;
}

.jcl-overview-clone .ds-sub{
  margin-top:3px;
  color:var(--t60);
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.jcl-overview-clone .mode-bar{
  height:44px;
  padding:0 12px;
  background:rgba(0,0,0,.34);
  border-bottom:1px solid var(--gold-20);
}

.jcl-overview-clone .mode-tab{
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:auto;
  padding:0 16px;
  color:var(--t60);
  font-size:12px;
  font-weight:600;
}

.jcl-overview-clone .mode-tab.active{
  color:var(--gold-lt);
  border-bottom-color:var(--gold);
  text-shadow:0 0 12px rgba(200,160,64,.22);
}

.jcl-overview-clone .chart-sec{
  flex-shrink:0;
  border-top:1px solid var(--gold-20);
  background:linear-gradient(90deg,rgba(8,13,27,.96),rgba(35,42,55,.76));
}

.jcl-overview-clone .chart-phd,
.jcl-overview-clone .phd-blk,
.jcl-overview-clone .vtab-hdr{
  min-height:42px;
  display:flex;
  align-items:center;
  flex-direction:row;
  background:linear-gradient(90deg,rgba(200,160,64,.10),rgba(0,0,0,.28));
  border-bottom:1px solid var(--gold-20);
}

.jcl-overview-clone .curve-hd-tools{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
}

.jcl-overview-clone .chart-avg-toggle{
  margin-left:16px;
}

.jcl-overview-clone .phd-txt,
.jcl-overview-clone .vtab-hdr-title{
  color:var(--gold-lt);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:3px;
}

.jcl-overview-clone .chart-body{
  height:180px;
  padding:0 18px 6px;
  background:rgba(3,8,20,.38);
}

.jcl-overview-clone #damageChart{
  height:100%;
  position:relative;
  background:linear-gradient(90deg,rgba(3,7,18,.60),rgba(70,78,92,.22));
}

.jcl-curve-svg{
  width:100%;
  height:100%;
  display:block;
}

.jcl-curve-svg text{
  fill:rgba(180,170,155,.45);
  font-family:Consolas,monospace;
  font-size:7.5px;
}

.jcl-overview-clone #overviewSyncSlider{
  height:18px;
  border-top:1px solid var(--t06);
  background:rgba(0,0,0,.28);
}

.jcl-overview-clone #overviewSyncSlider span{
  display:block;
  width:26%;
  height:5px;
  margin:6px auto;
  border:1px solid var(--gold-40);
  background:rgba(200,160,64,.14);
}

.jcl-overview-clone .ov-bottom{
  flex:1;
  min-height:0;
  display:flex;
}

.jcl-overview-clone .rank-col{
  flex:0 0 62%;
  border-right:1px solid var(--gold-20);
}

.jcl-overview-clone .rank-tbl th{
  padding:8px 7px;
  color:var(--gold-lt);
  font-size:9px;
  border-bottom-color:var(--gold-20);
}

.jcl-overview-clone .rank-tbl td{
  height:38px;
  padding:7px;
  color:var(--t70);
  font-size:14px;
  border-bottom-color:var(--t12);
}

.jcl-overview-clone .rank-row:hover td,
.jcl-overview-clone .rank-row.sel td{
  background:var(--table-selected);
}

.jcl-overview-clone .rank-icon{
  width:20px;
  height:20px;
}

.jcl-overview-clone .rank-name{
  font-size:14px;
  font-weight:700;
}

.jcl-overview-clone .bar-bg{
  height:16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.025);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.20);
}

.jcl-overview-clone .bar-fill{
  height:100%;
  display:flex;
  align-items:center;
  padding:0 5px;
  background:linear-gradient(90deg,rgba(200,160,64,.16),color-mix(in srgb,var(--row-color,#c8a040) 46%,transparent));
  color:rgba(255,255,255,.82);
  font-size:10px;
  font-weight:700;
  text-shadow:0 1px 2px rgba(0,0,0,.6);
}

.curve-cell{
  text-align:center;
}

.curve-cb{
  appearance:none;
  width:13px;
  height:13px;
  margin:0;
  vertical-align:middle;
  border:1px solid rgba(248,242,226,.55);
  background:rgba(248,242,226,.86);
  box-shadow:0 0 0 1px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.18);
  cursor:pointer;
}

.curve-cb:checked{
  border-color:var(--gold);
  background:
    linear-gradient(135deg,transparent 0 38%,rgba(4,8,20,.95) 39% 58%,transparent 59%),
    var(--gold-lt);
  box-shadow:0 0 8px rgba(200,160,64,.34),0 0 0 1px rgba(0,0,0,.45);
}

.jcl-overview-clone .right-col{
  flex:1;
  min-width:420px;
  background:linear-gradient(120deg,rgba(10,18,34,.92),rgba(6,12,28,.96));
}

.jcl-overview-clone .col-art{
  opacity:.12;
  height:92%;
}

.jcl-overview-clone .vtab-strip{
  width:32px;
  background:rgba(0,0,0,.22);
  border-left:1px solid var(--gold-20);
}

.jcl-overview-clone .vtab{
  cursor:default;
}

.jcl-overview-clone .vtab > span{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--gold-lt);
  font-size:10px;
}

.jcl-overview-clone .jcl-single-vtab .tab-ico{
  margin-bottom:6px;
  writing-mode:horizontal-tb;
}

.jcl-overview-clone .pi-wrap{
  padding:10px 12px 8px;
}

.jcl-overview-clone .pi-top{
  grid-template-columns:54px minmax(0,1fr) auto;
  margin-bottom:5px;
}

.jcl-overview-clone .pi-ico{
  width:44px;
  height:44px;
}

.jcl-overview-clone .pi-name{
  color:var(--t95);
  font-size:22px;
  letter-spacing:2px;
}

.jcl-overview-clone .pi-guid{
  color:var(--t45);
}

.jcl-overview-clone .pi-equip-btn{
  height:25px;
  border:1px solid var(--t12);
  background:rgba(0,0,0,.30);
  color:var(--t70);
  font-size:10px;
}

.jcl-overview-clone .pi-dps{
  font-size:38px;
}

.jcl-overview-clone .pi-grid{
  margin-top:7px;
}

.jcl-overview-clone .pi-cell{
  padding:7px 10px;
}

.pi-talents{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:5px;
}

.pi-ta{
  min-height:52px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  border:1px solid var(--t12);
  background:rgba(0,0,0,.22);
  padding:4px 3px;
}

.pi-ta-ico{
  width:28px;
  height:28px;
  object-fit:contain;
  border:1px solid rgba(200,160,64,.20);
  background:rgba(0,0,0,.28);
}

.pi-ta span{
  max-width:100%;
  color:var(--t70);
  font-size:9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pi-honor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  margin-top:4px;
}

.pi-honor-item{
  min-height:35px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1px;
  padding:5px 8px;
  border:1px solid var(--t12);
  background:rgba(0,0,0,.18);
}

.pi-honor-k{
  color:var(--t60);
  font-size:10px;
  line-height:1.25;
}

.pi-honor-v{
  color:var(--t45);
  font-size:10px;
}

.jcl-overview-clone .talent-placeholder{
  height:22px;
  display:flex;
  align-items:center;
  padding-left:16px;
  color:var(--t30);
  border-top:1px solid rgba(200,160,64,.08);
  background:rgba(0,0,0,.18);
}

.jcl-native-overview{
  height:100%;
  min-height:0;
  min-width:1180px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(4,8,20,.96),rgba(7,13,29,.88));
}

.jcl-native-overview .stats-strip{
  min-height:72px;
  display:flex;
  align-items:stretch;
  flex-shrink:0;
  background:linear-gradient(90deg,rgba(4,8,20,.95),rgba(8,14,32,.82));
  border-bottom:1px solid var(--gold-40);
  box-shadow:inset 0 -1px 0 rgba(200,160,64,.10);
}

.jcl-native-overview .boss-blk{
  min-width:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px 24px;
  background:rgba(200,160,64,.07);
  border-right:1px solid var(--gold-20);
  flex-shrink:0;
}

.jcl-native-overview .boss-main{
  min-width:260px;
  max-width:310px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.jcl-native-overview .boss-map{
  margin-bottom:4px;
  color:var(--t45);
  font-size:8.5px;
  letter-spacing:2px;
}

.jcl-native-overview .boss-head{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:10px;
}

.jcl-native-overview .boss-name{
  font-family:var(--serif);
  font-size:27px;
  font-weight:700;
  letter-spacing:1.5px;
  line-height:1;
  white-space:nowrap;
}

.jcl-native-overview .boss-sub{
  margin-top:5px;
  color:var(--gold-lt);
  font-size:9px;
  letter-spacing:1px;
}

.jcl-native-overview .boss-state{
  margin-top:2px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  flex-shrink:0;
}

.jcl-native-overview .boss-time{
  color:var(--gold);
  font-family:monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
}

.jcl-native-overview .boss-ok{
  color:#60d080;
  font-size:8px;
}

.jcl-native-overview .boss-role-summary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:5px;
  opacity:.78;
}

.jcl-native-overview .role-chip{
  min-width:58px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--gold-20);
  background:rgba(200,160,64,.055);
  color:var(--t60);
  font-size:8.5px;
  font-weight:600;
}

.jcl-native-overview .dyn-stats{
  display:flex;
  flex:1;
  min-width:0;
  overflow:hidden;
}

.jcl-native-overview .ds-cell{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 15px;
  border-right:1px solid var(--gold-10);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.08));
}

.jcl-native-overview .ds-lbl{
  margin-bottom:2px;
  color:var(--t45);
  font-size:8px;
  letter-spacing:2.3px;
  white-space:nowrap;
}

.jcl-native-overview .ds-val{
  color:var(--t95);
  font-family:var(--serif);
  font-size:19px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.jcl-native-overview .ds-sub{
  margin-top:1px;
  color:var(--t60);
  font-size:8px;
  letter-spacing:1px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.jcl-native-overview .mode-bar{
  height:44px;
  display:flex;
  flex-shrink:0;
  padding:0 12px;
  background:rgba(0,0,0,.34);
  border-bottom:1px solid var(--gold-20);
}

.jcl-native-overview .mode-tab{
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 16px;
  border:0;
  border-bottom:2px solid transparent;
  background:none;
  color:var(--t60);
  font-family:var(--serif);
  font-size:12px;
  font-weight:600;
  letter-spacing:1.5px;
  white-space:nowrap;
}

.jcl-native-overview .mode-tab.active{
  color:var(--gold-lt);
  border-bottom-color:var(--gold);
  text-shadow:0 0 12px rgba(200,160,64,.22);
}

.jcl-native-overview .chart-sec{
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  border-top:1px solid var(--gold-20);
  border-bottom:1px solid var(--gold-20);
  background:rgba(4,8,20,.28);
}

.jcl-native-overview .chart-phd{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 14px;
  border-bottom:1px solid var(--gold-20);
  background:linear-gradient(90deg,rgba(200,160,64,.10),rgba(0,0,0,.28));
  flex-shrink:0;
}

.jcl-native-overview .phd-line{
  width:2px;
  height:11px;
  background:var(--gold);
  box-shadow:0 0 10px var(--gold-40);
  flex-shrink:0;
}

.jcl-native-overview .phd-txt,
.jcl-native-overview .vtab-hdr-title{
  color:var(--gold-lt);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:3px;
}

.jcl-native-overview .phd-en{
  color:var(--t30);
  font-family:monospace;
  font-size:7.5px;
  letter-spacing:1px;
}

.jcl-native-overview .chart-avg-toggle{
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:auto;
  user-select:none;
}

.jcl-native-overview .chart-avg-toggle input{
  width:12px;
  height:12px;
  accent-color:var(--gold);
}

.jcl-native-overview .chart-avg-toggle span{
  color:var(--t60);
  font-size:8px;
  letter-spacing:1px;
}

.jcl-native-overview .curve-hd-tools,
.jcl-native-overview .curve-kframe-group,
.jcl-native-overview .curve-mode-group,
.jcl-native-overview .curve-window-group,
.jcl-native-overview .curve-action-group{
  display:flex;
  align-items:center;
  gap:5px;
}

.jcl-native-overview .curve-hd-tools{
  gap:14px;
  margin-left:18px;
  margin-right:14px;
}

.jcl-native-overview .curve-kframe-group{
  padding-right:12px;
  border-right:1px solid var(--t12);
}

.jcl-native-overview .d-btn{
  padding:2px 8px;
  border:1px solid var(--gold-20);
  border-radius:2px;
  background:none;
  color:var(--t70);
  font-size:9.5px;
  letter-spacing:1px;
}

.jcl-native-overview .d-btn:hover{
  border-color:var(--gold-40);
  color:var(--t95);
}

.jcl-native-overview .curve-kframe-btn.active,
.jcl-native-overview .curve-mode-btn.active,
.jcl-native-overview .curve-zoom-btn.active{
  border-color:var(--gold-40);
  background:var(--gold-10);
  color:var(--gold-lt);
  box-shadow:0 0 12px var(--gold-10);
}

.jcl-native-overview .curve-kframe-calc{
  border-color:rgba(105,220,255,.24);
  color:rgba(142,236,255,.74);
}

.jcl-native-overview .curve-kframe-calc.ready{
  border-color:rgba(105,220,255,.44);
  background:rgba(105,220,255,.06);
  color:rgba(180,245,255,.92);
}

.jcl-native-overview .gwb{
  padding:2px 6px;
  border:1px solid var(--t12);
  border-radius:1px;
  background:rgba(0,0,0,.25);
  color:var(--t30);
  font-size:7.5px;
}

.jcl-native-overview .gwb.active{
  border-color:var(--gold-40);
  background:var(--gold-10);
  color:var(--gold-lt);
}

.jcl-native-overview #chartLegend{
  max-width:35%;
  display:flex;
  align-items:center;
  gap:4px;
  overflow:hidden;
  margin-left:auto;
}

.native-chart-legend-item{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:0;
  background:none;
  color:var(--t70);
  font-size:9px;
  letter-spacing:.5px;
  opacity:.88;
  white-space:nowrap;
}

.native-chart-legend-item svg{
  width:22px;
  height:8px;
  flex-shrink:0;
  overflow:visible;
}

.native-legend-dot{
  width:8px;
  height:8px;
  flex-shrink:0;
  border-radius:1px;
  box-shadow:0 0 8px currentColor;
}

.native-chart-legend-item span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}

.jcl-native-overview .chart-body{
  height:180px;
  padding:4px 10px;
  background:rgba(3,8,20,.38);
}

.jcl-native-overview .chart-sec.curve-expanded .chart-body{
  height:234px;
}

.native-cv-wrap{
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
  cursor:crosshair;
}

.native-cv-wrap svg{
  display:block;
}

.native-cv-wrap.native-kframe-dragging{
  cursor:crosshair;
}

.native-kframe-region{
  fill:rgba(105,220,255,.13);
  stroke:var(--gold);
  stroke-width:1;
}

.native-kframe-label{
  fill:var(--gold-lt);
  font-size:8px;
  font-family:monospace;
  paint-order:stroke;
  stroke:rgba(4,8,20,.85);
  stroke-width:3px;
}

.native-kframe-preview{
  position:absolute;
  top:8px;
  bottom:20px;
  z-index:5;
  pointer-events:none;
  border-left:1px solid var(--gold);
  border-right:1px solid var(--gold);
  background:linear-gradient(90deg,rgba(200,160,64,.08),rgba(105,220,255,.16),rgba(200,160,64,.08));
  box-shadow:inset 0 0 0 1px rgba(255,230,150,.10),0 0 18px rgba(105,220,255,.12);
}

.native-kframe-preview::before{
  content:attr(data-label);
  position:absolute;
  top:4px;
  left:50%;
  transform:translateX(-50%);
  padding:1px 6px;
  border:1px solid var(--gold-20);
  background:rgba(4,8,20,.78);
  color:var(--gold-lt);
  font-size:8px;
  letter-spacing:1px;
  white-space:nowrap;
}

.jcl-native-overview #overviewSyncSlider{
  height:9px;
  display:block;
  position:relative;
  border-top:1px solid rgba(200,160,64,.08);
  background:rgba(0,0,0,.20);
}

.jcl-native-overview #overviewSyncSlider span{
  position:absolute;
  left:38%;
  top:3px;
  width:26%;
  height:2px;
  background:rgba(200,160,64,.36);
}

.jcl-native-overview .ov-bottom{
  flex:1;
  display:flex;
  min-height:0;
  overflow:hidden;
}

.jcl-native-overview .rank-col{
  flex:0 0 62%;
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
  border-right:1px solid var(--gold-20);
  background:rgba(4,8,20,.55);
  backdrop-filter:blur(10px);
}

.jcl-native-overview .phd-blk,
.jcl-native-overview .vtab-hdr{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 12px;
  border-bottom:1px solid var(--gold-20);
  background:linear-gradient(90deg,rgba(200,160,64,.10),rgba(0,0,0,.28));
  flex-shrink:0;
}

.jcl-native-overview .rank-scroll{
  flex:1;
  overflow:auto;
}

.jcl-native-overview .rank-tbl{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.jcl-native-overview .rank-tbl th{
  position:sticky;
  top:0;
  z-index:2;
  padding:8px 7px;
  border-bottom:1px solid var(--gold-20);
  background:var(--table-header-bg);
  color:var(--gold-lt);
  font-size:9px;
  font-weight:400;
  letter-spacing:1.5px;
  white-space:nowrap;
}

.jcl-native-overview .rank-tbl td{
  padding:8px 7px;
  border-bottom:1px solid var(--t12);
  color:var(--t80);
  font-size:14px;
  white-space:nowrap;
}

.jcl-native-overview .rank-row{
  cursor:pointer;
}

.jcl-native-overview .rank-row:hover td{
  background:var(--table-row-hover);
}

.jcl-native-overview .rank-row.sel td{
  background:var(--table-selected);
}

.jcl-native-overview .rank-row.sel td:first-child{
  box-shadow:inset 2px 0 0 var(--gold);
}

.jcl-native-overview .rank-name{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:2px;
  font-size:14px;
  font-weight:700;
}

.jcl-native-overview .rank-sub{
  color:rgba(180,170,155,.45);
  font-size:10px;
  letter-spacing:.5px;
}

.jcl-native-overview .rank-num{
  color:rgba(180,170,155,.52);
  font-size:11px;
  text-align:center;
}

.jcl-native-overview .rank-badge{
  color:var(--t30);
  font-family:monospace;
  font-size:8.5px;
  text-align:center;
}

.jcl-native-overview .rank-icon{
  width:20px;
  height:20px;
  display:block;
  object-fit:contain;
  border:1px solid rgba(200,160,64,.25);
  background:rgba(0,0,0,.30);
}

.jcl-native-overview .bar-bg{
  height:15px;
  overflow:hidden;
  background:rgba(255,255,255,.05);
}

.jcl-native-overview .bar-fill{
  height:100%;
  display:flex;
  align-items:center;
  padding:0 5px;
  color:rgba(255,255,255,.65);
  font-size:10px;
  -webkit-mask:linear-gradient(90deg,#000 35%,transparent 100%);
  mask:linear-gradient(90deg,#000 35%,transparent 100%);
}

.jcl-native-overview .curve-cb{
  width:14px;
  height:14px;
  cursor:pointer;
}

.jcl-native-overview .right-col{
  flex:1;
  min-width:420px;
  min-height:0;
  display:flex;
  flex-direction:row;
  overflow:hidden;
  position:relative;
  background:linear-gradient(120deg,rgba(10,18,34,.92),rgba(6,12,28,.96));
}

.jcl-native-overview .col-art{
  position:absolute;
  right:-5px;
  bottom:0;
  z-index:0;
  height:92%;
  width:auto;
  object-fit:contain;
  object-position:bottom right;
  opacity:.12;
  pointer-events:none;
  -webkit-mask:linear-gradient(to left,rgba(0,0,0,.75) 30%,transparent 100%),
               linear-gradient(to top,#000 50%,transparent 100%);
  mask:linear-gradient(to left,rgba(0,0,0,.75) 30%,transparent 100%),
       linear-gradient(to top,#000 50%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}

.jcl-native-overview .vtab-content{
  z-index:1;
  flex:1;
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  overflow:hidden;
  position:relative;
}

.jcl-native-overview .vtab-hdr-name{
  margin-left:8px;
  font-size:11px;
  font-weight:600;
}

.jcl-native-overview .vtab-pane{
  flex:1;
  display:flex;
  min-height:0;
  overflow:hidden;
}

.jcl-native-overview .vtab-strip{
  z-index:2;
  width:32px;
  flex-shrink:0;
  display:flex;
  flex-direction:column;
  border-left:1px solid var(--gold-20);
  background:rgba(0,0,0,.22);
}

.jcl-native-overview .vtab-pad{
  height:42px;
  flex-shrink:0;
  border-bottom:1px solid var(--gold-20);
}

.jcl-native-overview .vtab{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:2px solid transparent;
  cursor:default;
}

.jcl-native-overview .vtab.active{
  border-right-color:var(--gold);
  background:linear-gradient(180deg,rgba(200,160,64,.17),rgba(200,160,64,.06));
}

.jcl-native-overview .vtab > span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  writing-mode:vertical-rl;
  text-orientation:mixed;
  color:var(--gold-lt);
  font-family:var(--serif);
  font-size:10px;
  letter-spacing:2.5px;
}

.jcl-native-overview .vtab .tab-ico{
  width:18px;
  height:18px;
  margin-bottom:6px;
  writing-mode:horizontal-tb;
  text-orientation:mixed;
}

.jcl-native-overview .native-pi-wrap{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:10px 12px 8px;
}

.jcl-native-overview .pi-top{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:end;
  margin-bottom:5px;
}

.jcl-native-overview .pi-ico{
  width:44px;
  height:44px;
  grid-row:1;
  align-self:center;
  object-fit:contain;
  padding:3px;
  border:1px solid var(--gold-20);
  background:rgba(0,0,0,.4);
}

.jcl-native-overview .pi-id{
  grid-column:2;
  grid-row:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}

.jcl-native-overview .pi-name{
  color:var(--t95);
  font-family:var(--serif);
  font-size:21px;
  font-weight:700;
  letter-spacing:4px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.jcl-native-overview .pi-role{
  color:var(--t45);
  font-size:9px;
  letter-spacing:1.5px;
}

.jcl-native-overview .pi-guid{
  grid-column:1 / 3;
  grid-row:2;
  align-self:end;
  margin:4px 0 0;
  color:var(--t45);
  font-family:monospace;
  font-size:10px;
  letter-spacing:1.3px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.jcl-native-overview .pi-equip-tools{
  grid-column:3;
  grid-row:1 / 3;
  min-width:82px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:stretch;
  gap:4px;
  margin-left:auto;
  align-self:end;
}

.jcl-native-overview .pi-equip-score{
  padding:4px 8px;
  border:1px solid var(--gold-40);
  background:var(--gold-10);
  color:var(--gold-lt);
  font-size:10px;
  font-weight:600;
  letter-spacing:1px;
  text-align:center;
  white-space:nowrap;
}

.jcl-native-overview .pi-equip-btn{
  padding:4px 8px;
  border:1px solid var(--t12);
  background:rgba(0,0,0,.28);
  color:var(--t70);
  font-size:10px;
  letter-spacing:1px;
}

.jcl-native-overview .pi-div{
  height:1px;
  margin:6px 0;
  background:linear-gradient(to right,var(--gold-40),transparent);
}

.jcl-native-overview .pi-dps-lbl{
  margin-bottom:4px;
  color:var(--t45);
  font-size:9px;
  letter-spacing:2.4px;
}

.jcl-native-overview .pi-dps{
  font-family:var(--serif);
  font-size:32px;
  font-weight:700;
  line-height:1;
}

.jcl-native-overview .pi-grid{
  display:flex;
  gap:1px;
  margin-top:7px;
}

.jcl-native-overview .pi-cell{
  flex:1;
  padding:5px 8px;
  border:1px solid var(--t06);
  background:rgba(0,0,0,.28);
}

.jcl-native-overview .pi-cv{
  font-family:var(--serif);
  font-size:15.5px;
  font-weight:700;
}

.jcl-native-overview .pi-cl{
  margin-top:2px;
  color:var(--t30);
  font-size:8px;
  letter-spacing:1px;
}

.jcl-native-overview .pi-sec-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:7px;
  margin-bottom:4px;
}

.jcl-native-overview .pi-sec-lbl{
  color:var(--t60);
  font-size:10px;
  font-weight:600;
  letter-spacing:2.4px;
}

.jcl-native-overview .pi-talents{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(42px,1fr));
  gap:4px;
  width:100%;
}

.jcl-native-overview .pi-ta{
  min-height:52px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  padding:4px 3px 3px;
  border:1px solid var(--t12);
  background:rgba(0,0,0,.3);
}

.jcl-native-overview .pi-ta-ico{
  width:28px;
  height:28px;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.12);
  border-radius:3px;
  background:rgba(0,0,0,.24);
}

.jcl-native-overview .pi-ta-nm{
  max-width:100%;
  color:var(--t60);
  font-size:8.5px;
  line-height:1.1;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.jcl-native-overview .pi-mechs{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:6px;
}

.jcl-native-overview .pi-mech{
  flex:1;
  min-width:52px;
  padding:5px 8px;
  border:1px solid var(--t06);
  background:rgba(0,0,0,.2);
}

.jcl-native-overview .pi-mk{
  color:var(--t45);
  font-size:8.5px;
  letter-spacing:1.7px;
}

.jcl-native-overview .pi-mv{
  margin-top:1px;
  color:var(--t70);
  font-size:15px;
  font-weight:600;
}

.jcl-native-overview .pi-honor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  margin-top:4px;
}

.jcl-native-overview .pi-honor-item{
  min-height:35px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1px;
  padding:5px 8px;
  border:1px solid var(--t06);
  background:rgba(0,0,0,.18);
}

.jcl-native-overview .pi-honor-k{
  color:var(--t60);
  font-size:8.5px;
  line-height:1.25;
  letter-spacing:.6px;
}

.jcl-native-overview .pi-honor-v{
  color:var(--t30);
  font-size:10px;
  letter-spacing:1.2px;
}

.jcl-native-overview .talent-placeholder{
  height:32px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-top:1px solid var(--gold-20);
  background:rgba(4,8,20,.78);
}

.jcl-native-overview .talent-ph-txt{
  color:var(--t12);
  font-size:7.5px;
  letter-spacing:4px;
}

@media (max-width: 900px){
  .jcl-native-overview{
    min-width:900px;
  }

  .jcl-native-overview .right-col{
    min-width:360px;
  }
}

.internal-fixture-panel,
.internal-personal-fixture{
  margin:16px 0;
  padding:18px;
  border:1px solid rgba(238,205,134,.28);
  background:linear-gradient(180deg,rgba(11,18,26,.92),rgba(13,18,24,.84));
}

.internal-fixture-panel.is-error,
.internal-personal-fixture.is-error{
  border-color:rgba(214,87,87,.42);
}

.internal-panel-head{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:14px;
}

.internal-kicker{
  color:#efc66d;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.internal-panel-head h2,
.internal-panel-head h3{
  margin:0;
  color:#f6eddc;
  font-size:20px;
  line-height:1.2;
}

.internal-panel-head p{
  max-width:980px;
  margin:0;
  color:rgba(246,237,220,.7);
  font-size:13px;
  line-height:1.6;
}

.internal-redline-row,
.internal-fixture-status{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}

.internal-redline-row span,
.internal-fixture-status span{
  display:inline-flex;
  min-height:24px;
  align-items:center;
  padding:0 9px;
  border:1px solid rgba(238,205,134,.25);
  background:rgba(238,205,134,.08);
  color:#f1d79b;
  font-size:11px;
  font-weight:700;
}

.internal-fixture-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,340px);
  gap:14px;
}

.internal-sample-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.internal-sample-card,
.internal-leaderboard-card{
  padding:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.22);
}

.internal-sample-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}

.internal-sample-head h3{
  margin:4px 0;
  color:#f9f0dc;
  font-size:16px;
  line-height:1.3;
}

.internal-sample-head p{
  margin:0;
  color:rgba(246,237,220,.65);
  font-size:12px;
  line-height:1.5;
}

.internal-sample-head > b{
  align-self:flex-start;
  white-space:nowrap;
  color:#f1b0a5;
  font-size:11px;
  text-transform:uppercase;
}

.internal-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}

.internal-summary-grid div{
  min-height:54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:8px;
  background:rgba(255,255,255,.05);
}

.internal-summary-grid b{
  color:#f8ecd2;
  font-size:14px;
  line-height:1.15;
}

.internal-summary-grid span{
  color:rgba(246,237,220,.56);
  font-size:11px;
}

.internal-mini-table,
.internal-combined-list,
.internal-personal-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.internal-mini-row,
.internal-combined-row,
.internal-personal-row{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
  min-height:34px;
  padding:7px 8px;
  background:rgba(255,255,255,.045);
  color:rgba(246,237,220,.78);
  font-size:12px;
}

.internal-mini-row span,
.internal-combined-row em,
.internal-personal-row span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.internal-mini-row b,
.internal-combined-row b,
.internal-personal-row b{
  color:#f4d38b;
}

.internal-mini-row small,
.internal-combined-row small,
.internal-personal-row em{
  color:#f1b0a5;
  font-style:normal;
  white-space:nowrap;
}

.internal-source-line{
  display:flex;
  gap:8px;
  align-items:center;
  margin-top:10px;
  color:rgba(246,237,220,.58);
  font-size:11px;
}

.internal-source-line code,
.internal-personal-row code{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#bcd4ff;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
}

.internal-leaderboard-card > b{
  display:block;
  color:#f7ead0;
  font-size:15px;
}

.internal-leaderboard-card > small{
  display:block;
  margin:4px 0 12px;
  color:rgba(246,237,220,.58);
}

.internal-combined-row{
  grid-template-columns:minmax(90px,1fr) 34px minmax(0,1.3fr) auto;
}

.internal-personal-row{
  grid-template-columns:150px minmax(0,1fr) auto minmax(260px,.7fr);
}

.public-leaderboard-progress-indicator{
  position:fixed;
  top:82px;
  left:50%;
  z-index:2400;
  width:min(440px,calc(100vw - 32px));
  min-height:68px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:12px 16px;
  transform:translateX(-50%);
  border:1px solid rgba(238,205,134,.72);
  border-radius:10px;
  background:rgba(3,15,29,.96);
  box-shadow:0 12px 34px rgba(0,0,0,.46),0 0 0 1px rgba(238,205,134,.08) inset;
  color:#f8ecd2;
}

.public-leaderboard-progress-indicator > span:nth-child(2){
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:3px;
}

.public-leaderboard-progress-indicator b{
  color:#f4d38b;
  font-size:14px;
  line-height:1.3;
}

.public-leaderboard-progress-indicator small{
  color:rgba(246,237,220,.72);
  font-size:12px;
}

.public-leaderboard-progress-indicator progress{
  grid-column:1 / -1;
  width:100%;
  height:4px;
  border:0;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.1);
}

.public-leaderboard-progress-indicator progress::-webkit-progress-bar{
  background:rgba(255,255,255,.1);
}

.public-leaderboard-progress-indicator progress::-webkit-progress-value{
  background:linear-gradient(90deg,#e5b84f,#f4d38b);
}

.public-leaderboard-progress-spinner{
  width:22px;
  height:22px;
  border:2px solid rgba(238,205,134,.24);
  border-top-color:#f4d38b;
  border-radius:50%;
  animation:public-leaderboard-progress-spin .8s linear infinite;
}

@keyframes public-leaderboard-progress-spin{
  to{ transform:rotate(360deg); }
}

@media (max-width: 720px){
  .public-leaderboard-progress-indicator{
    top:16px;
  }
}

@media (prefers-reduced-motion: reduce){
  .public-leaderboard-progress-spinner{
    animation:none;
  }
}

@media (max-width: 1100px){
  .internal-fixture-layout,
  .internal-sample-grid{
    grid-template-columns:1fr;
  }

  .internal-personal-row{
    grid-template-columns:1fr;
  }
}

.native-sample-badge{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  margin-left:8px;
  padding:0 6px;
  border:1px solid rgba(238,205,134,.26);
  color:rgba(244,211,139,.86);
  background:rgba(238,205,134,.08);
  font-size:10px;
  font-style:normal;
  font-weight:700;
  vertical-align:middle;
  white-space:nowrap;
}

.sample-detail-modal{
  width:min(760px,calc(100vw - 40px));
}

.sample-detail-modal-body{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:10px;
}

.sample-detail-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.sample-detail-summary div{
  min-height:58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:9px;
  border:1px solid rgba(238,205,134,.2);
  background:rgba(238,205,134,.08);
}

.sample-detail-summary b{
  color:#f8ecd2;
  font-size:15px;
  line-height:1.15;
}

.sample-detail-summary span{
  color:rgba(246,237,220,.62);
  font-size:11px;
}

.sample-detail-table{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.three-page-entry-copy{
  margin:0;
  color:rgba(246,237,220,.72);
  font-size:13px;
  line-height:1.7;
}

.three-page-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:calc(100vh - 124px);
}

.three-page-direct-reader{
  height:100vh;
  min-height:100vh;
  display:flex;
  background:#070a0f;
}

.three-page-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 18px;
  border:1px solid rgba(238,205,134,.22);
  background:rgba(8,12,18,.78);
}

.three-page-head h1{
  margin:4px 0;
  color:#f8ecd2;
  font-size:24px;
  line-height:1.2;
}

.three-page-head p{
  margin:0;
  color:rgba(246,237,220,.66);
  font-size:13px;
}

.three-page-reader-nav{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid rgba(238,205,134,.18);
  background:rgba(6,10,16,.74);
}

.three-page-reader-nav button{
  min-width:92px;
  height:34px;
  border:1px solid rgba(238,205,134,.22);
  background:rgba(255,255,255,.04);
  color:rgba(246,237,220,.72);
  font-size:13px;
  cursor:pointer;
}

.three-page-reader-nav button:hover,
.three-page-reader-nav button.active{
  border-color:rgba(238,205,134,.52);
  background:rgba(200,160,64,.18);
  color:#f8ecd2;
}

.three-page-reader-nav span{
  margin-left:auto;
  color:rgba(246,237,220,.6);
  font-size:12px;
}

.three-page-frame{
  width:100%;
  min-height:100%;
  height:100%;
  border:0;
  background:#070a0f;
}

.restored-three-page-shell{
  min-height:calc(100vh - 92px);
  gap:10px;
}

.restored-three-page-head{
  flex:0 0 auto;
}

.candidate-z-display-panel{
  flex:0 0 auto;
  padding:14px 18px;
  border-top:1px solid rgba(238,205,134,.28);
  border-bottom:1px solid rgba(238,205,134,.2);
  background:linear-gradient(90deg,rgba(238,205,134,.12),rgba(46,212,190,.08));
}

.candidate-z-display-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}

.candidate-z-display-head h2{
  margin:2px 0 0;
  color:#f8ecd2;
  font-size:18px;
  line-height:1.2;
}

.candidate-z-display-head > span{
  flex:0 0 auto;
  padding:5px 10px;
  border:1px solid rgba(238,205,134,.44);
  background:rgba(0,0,0,.18);
  color:#ffe17d;
  font-size:12px;
}

.candidate-z-display-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}

.candidate-z-display-grid > div{
  min-width:0;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(5,12,24,.35);
}

.candidate-z-display-grid b,
.candidate-z-display-grid span{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}

.candidate-z-display-grid b{
  margin-bottom:4px;
  color:rgba(246,237,220,.62);
  font-size:11px;
}

.candidate-z-display-grid span{
  color:#f8ecd2;
  font-size:13px;
}

.candidate-z-display-panel p{
  margin:10px 0 0;
  color:rgba(246,237,220,.64);
  font-size:12px;
}

.restored-three-page-reader-nav{
  flex:0 0 auto;
}

.restored-three-page-frame-wrap{
  position:relative;
  flex:1 1 auto;
  min-height:calc(100vh - 232px);
  border:1px solid rgba(238,205,134,.18);
  background:#070a0f;
  overflow:hidden;
}

.restored-three-page-frame{
  display:block;
  min-height:calc(100vh - 232px);
}

.restored-three-page-loading,
.restored-three-page-error{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:radial-gradient(circle at 50% 38%,rgba(34,44,62,.94),rgba(5,9,16,.98) 62%);
  color:#f8ecd2;
  text-align:center;
}

.restored-three-page-loading[hidden],
.restored-three-page-error[hidden]{
  display:none;
}

.restored-three-page-loading b,
.restored-three-page-error{
  font-size:18px;
  letter-spacing:1px;
}

.restored-three-page-loading span{
  color:rgba(246,237,220,.68);
  font-size:13px;
}

.three-page-entry-loading{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(3,8,18,.66);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
}

.three-page-entry-loading.active{
  display:flex;
}

.three-page-entry-card{
  width:min(420px,calc(100vw - 48px));
  border:1px solid rgba(238,205,134,.48);
  background:linear-gradient(180deg,rgba(20,28,42,.95),rgba(8,14,26,.97));
  box-shadow:0 24px 72px rgba(0,0,0,.58),0 0 42px rgba(200,160,64,.16);
  padding:28px 30px 24px;
  text-align:center;
  color:#f8ecd2;
  position:relative;
  overflow:hidden;
}

.three-page-entry-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#e0c060,transparent);
  animation:threePageEntrySweep 1.5s linear infinite;
}

.three-page-entry-mark{
  width:68px;
  height:68px;
  margin:0 auto 16px;
  border-radius:50%;
  border:1px solid rgba(238,205,134,.16);
  position:relative;
}

.three-page-entry-mark::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:50%;
  border:2px solid transparent;
  border-top-color:#e0c060;
  border-right-color:rgba(224,192,96,.42);
  animation:threePageEntrySpin .95s linear infinite;
}

.three-page-entry-mark span{
  position:absolute;
  inset:20px;
  border-radius:50%;
  background:radial-gradient(circle,#e0c060 0 18%,rgba(224,192,96,.25) 20% 42%,transparent 45%);
  box-shadow:0 0 24px rgba(224,192,96,.36);
  animation:threePageEntryPulse 1.25s ease-in-out infinite;
}

.three-page-entry-card b{
  display:block;
  font-size:18px;
  letter-spacing:2px;
}

.three-page-entry-card p{
  margin:8px 0 0;
  color:rgba(246,237,220,.72);
  font-size:12px;
  line-height:1.8;
}

@keyframes threePageEntrySpin{to{transform:rotate(360deg);}}
@keyframes threePageEntryPulse{0%,100%{transform:scale(.88);opacity:.62;}50%{transform:scale(1.08);opacity:1;}}
@keyframes threePageEntrySweep{0%{transform:translateX(-65%);}100%{transform:translateX(65%);}}

.three-page-pending-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  padding:18px;
}

.three-page-pending-card b{
  color:#f8ecd2;
  font-size:18px;
}

.three-page-pending-card p{
  max-width:760px;
  margin:0;
  color:rgba(246,237,220,.72);
  line-height:1.7;
}

.sample-detail-row{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) minmax(80px,.45fr) minmax(70px,.3fr);
  gap:8px;
  align-items:center;
  min-height:34px;
  padding:7px 9px;
  background:rgba(255,255,255,.055);
  color:rgba(246,237,220,.82);
  font-size:12px;
}

.sample-detail-row span,
.sample-detail-row em{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.sample-detail-row b,
.sample-detail-row strong{
  color:#f4d38b;
}

.sample-detail-row em{
  color:rgba(246,237,220,.62);
  font-style:normal;
}

.sample-detail-source{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:9px;
  background:rgba(0,0,0,.18);
  color:rgba(246,237,220,.68);
  font-size:12px;
}

.sample-detail-source span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#bcd4ff;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
}

.sample-detail-redline{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.sample-detail-redline span{
  min-height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 7px;
  border:1px solid rgba(238,205,134,.22);
  color:#f1d79b;
  background:rgba(238,205,134,.07);
  font-size:10px;
  font-weight:700;
}

@media (max-width: 760px){
  .sample-detail-summary,
  .sample-detail-row{
    grid-template-columns:1fr;
  }
}

/* 招募、团队排期、历史活动与 Boost 雇佣兵模块 */
.ops-page-recruit .ops-hero{border-left-color:rgba(240,213,122,.72)}
.ops-page-mercenary .ops-hero{border-left-color:rgba(202,125,255,.70)}
.recruit-command-bar,
.mercenary-command-bar{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
}
.recruit-command-bar{justify-content:space-between}
.recruit-channel-tabs,
.recruit-command-actions,
.recruit-status-tabs,
.mercenary-command-bar .recruit-channel-tabs,
.team-activity-history-filters{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.recruit-channel-tabs button,
.recruit-command-actions > button:not(.gold-btn),
.recruit-status-tabs button,
.team-activity-history-filters button{
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(91,213,180,.22);
  color:rgba(226,232,240,.72);
  background:rgba(5,12,28,.72);
  font-weight:800;
  cursor:pointer;
}
.recruit-channel-tabs button.active,
.recruit-command-actions > button.active,
.recruit-status-tabs button.active,
.team-activity-history-filters button.active,
.recruit-channel-tabs button:hover,
.recruit-channel-tabs button:focus-visible,
.recruit-command-actions > button:hover,
.recruit-command-actions > button:focus-visible,
.recruit-status-tabs button:hover,
.recruit-status-tabs button:focus-visible,
.team-activity-history-filters button:hover,
.team-activity-history-filters button:focus-visible{
  border-color:rgba(240,213,122,.68);
  color:var(--gold-lt);
  outline:0;
  background:linear-gradient(180deg,rgba(240,213,122,.13),rgba(5,12,28,.82));
}
.recruit-status-tabs{padding:10px 14px}
.recruit-real-toolbar{grid-template-columns:minmax(0,1fr) auto minmax(180px,max-content);align-items:end}
.recruit-real-toolbar.is-management{grid-template-columns:minmax(280px,620px)}
.recruit-filter-cluster{min-width:0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.recruit-filter-cluster .ops-search-field{flex:1 1 300px;max-width:620px}.recruit-quick-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.recruit-quick-filters button{min-height:32px;padding:0 9px;border:1px solid rgba(91,213,180,.24);background:rgba(4,14,27,.72);color:var(--muted);font-size:10px;white-space:nowrap;cursor:pointer}.recruit-quick-filters button:hover,.recruit-quick-filters button:focus-visible,.recruit-quick-filters button.active{border-color:rgba(240,213,122,.62);color:var(--gold-lt);background:rgba(240,213,122,.08);outline:0}.recruit-real-toolbar .ops-toolbar-side{grid-column:3;display:flex;justify-self:end;justify-content:flex-end}.recruit-real-toolbar.is-management .recruit-filter-cluster{grid-column:1/-1}
.recruit-real-list,
.mercenary-list,
.team-schedule-list,
.team-activity-history-list{
  display:grid;
  gap:14px;
}
.recruit-real-card{
  min-height:220px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);
  grid-template-areas:"head head" "body meta" "actions actions";
  gap:14px 20px;
  padding:17px 18px;
  border-left:3px solid rgba(240,213,122,.62);
  background:linear-gradient(100deg,rgba(240,213,122,.055),transparent 44%),rgba(7,15,32,.86);
}
.recruit-real-card-head{
  grid-area:head;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(248,242,226,.10);
}
.recruit-publisher{display:flex;align-items:center;gap:10px;min-width:0}
.recruit-publisher-copy{min-width:0}
.recruit-publisher small,
.recruit-publisher b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recruit-publisher small{color:var(--dim);font-size:10px}
.recruit-publisher b{margin-top:2px;color:var(--gold-lt);font-family:var(--serif);font-size:14px}
.recruit-publisher .pve-team-category-svg.is-recruit-status{width:64px;min-width:64px;height:22px;margin-left:auto}
.recruit-publisher-contact{margin-left:auto;border:1px solid rgba(98,203,230,.42);background:rgba(6,25,38,.72);color:var(--cyan);padding:5px 9px;font:inherit;font-size:11px;cursor:pointer}
.recruit-publisher-contact:hover,
.recruit-publisher-contact:focus-visible{border-color:var(--gold);color:var(--gold-lt);outline:none;box-shadow:0 0 0 2px rgba(214,174,74,.12)}

.recruit-command-bar,
.mercenary-command-bar{
  position:relative;
  overflow:hidden;
  border-color:rgba(240,213,122,.22);
  background:linear-gradient(115deg,rgba(240,213,122,.09),transparent 40%),rgba(5,12,27,.9);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.18);
}
.recruit-command-bar::before,
.mercenary-command-bar::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#f0d57a,#5bd5b4);
  box-shadow:0 0 14px rgba(240,213,122,.5);
}
.recruit-command-main{display:flex;align-items:center;gap:18px;min-width:0}
.recruit-applications-entry{min-width:112px;min-height:38px;margin-left:auto;padding:0 18px;border:1px solid rgba(91,213,180,.28);border-radius:7px;background:rgba(5,12,28,.72);color:rgba(226,232,240,.72);font-weight:800;cursor:pointer}
.recruit-applications-entry:hover,.recruit-applications-entry:focus-visible,.recruit-applications-entry.active{border-color:rgba(240,213,122,.68);background:linear-gradient(180deg,rgba(240,213,122,.16),rgba(5,12,28,.82));color:var(--gold-lt);outline:0}
.recruit-command-eyebrow{color:rgba(240,213,122,.62);font-size:10px;font-weight:900;letter-spacing:.18em;white-space:nowrap}
.recruit-channel-tabs{gap:2px;padding:3px;border:1px solid rgba(91,213,180,.16);border-radius:10px;background:rgba(0,0,0,.24)}
.recruit-channel-tabs button{
  min-height:38px;
  padding:0 18px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:rgba(226,232,240,.66);
}
.recruit-channel-tabs button.active{
  color:#fff0bd;
  background:linear-gradient(180deg,rgba(240,213,122,.2),rgba(240,213,122,.07));
  box-shadow:inset 0 0 0 1px rgba(240,213,122,.34),0 0 18px rgba(240,213,122,.08);
}
.recruit-command-actions{padding-left:14px;border-left:1px solid rgba(255,255,255,.09)}
.recruit-command-actions .recruit-manage-action{
  min-height:38px;
  border:1px dashed rgba(91,213,180,.42);
  border-radius:8px;
  background:rgba(5,28,39,.48);
  color:#9edfd5;
}
.recruit-command-actions .gold-btn{min-height:40px;border-radius:8px;padding-inline:20px;box-shadow:0 0 22px rgba(214,174,74,.12)}
.recruit-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:0 3px}
.recruit-page-actions button{min-height:31px;padding:5px 11px;border-radius:5px;font-size:10px;box-shadow:none}
.recruit-page-actions .recruit-manage-action.active{border-color:rgba(91,213,180,.62);color:#baf5ea;background:rgba(16,74,79,.34)}
.recruit-draft-console-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;background:linear-gradient(105deg,rgba(91,213,180,.075),transparent 48%),rgba(5,12,27,.9)}
.recruit-draft-console-head > div:first-child{display:grid;gap:3px}
.recruit-draft-console-head b{color:var(--gold-lt);font-family:var(--serif);font-size:15px}
.recruit-draft-console-head small{color:var(--muted);font-size:10px}
.recruit-draft-tabs{display:flex;align-items:center;gap:5px;padding:3px;border:1px solid rgba(91,213,180,.2);border-radius:7px;background:rgba(0,0,0,.22)}
.recruit-draft-tabs button{min-height:31px;padding:0 13px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}
.recruit-draft-tabs button.active,.recruit-draft-tabs button:hover,.recruit-draft-tabs button:focus-visible{outline:0;color:var(--gold-lt);background:rgba(240,213,122,.1);box-shadow:inset 0 0 0 1px rgba(240,213,122,.3)}
.recruit-entry-action{border-color:rgba(91,213,180,.72)!important;background:linear-gradient(180deg,rgba(91,213,180,.28),rgba(31,128,103,.24))!important;color:#d9fff2!important;font-weight:800!important;box-shadow:inset 0 0 0 1px rgba(91,213,180,.12),0 0 12px rgba(91,213,180,.08)}
.recruit-entry-action:hover,.recruit-entry-action:focus-visible{border-color:#8ff0d1!important;background:linear-gradient(180deg,rgba(91,213,180,.42),rgba(31,128,103,.34))!important;color:#fff!important;outline:0}
.recruit-live-count{
  min-width:180px;
  min-height:50px;
  display:grid;
  grid-template-columns:auto auto;
  align-content:center;
  justify-content:end;
  column-gap:5px;
  padding:7px 12px;
  border-left:2px solid rgba(91,213,180,.72);
  background:linear-gradient(90deg,rgba(91,213,180,.08),rgba(91,213,180,.015));
}
.recruit-live-count span{color:rgba(226,232,240,.68);font-size:12px}
.recruit-live-count b{color:#82ead8;font-size:18px;line-height:1}
.recruit-live-count small{grid-column:1/-1;margin-top:4px;color:rgba(226,232,240,.42);font-size:9px;text-align:right}

.global-search-modal{width:min(820px,calc(100vw - 36px))}
.global-search-results{display:grid;gap:9px;margin-top:14px;max-height:min(620px,68vh);overflow:auto;padding-right:4px}
.global-search-card{
  width:100%;
  min-height:82px;
  display:grid;
  grid-template-columns:58px 48px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(91,213,180,.2);
  border-radius:10px;
  background:linear-gradient(100deg,rgba(91,213,180,.055),transparent 48%),rgba(4,12,27,.9);
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.global-search-card:hover,
.global-search-card:focus-visible{border-color:rgba(240,213,122,.62);outline:0;transform:translateY(-1px);box-shadow:0 9px 26px rgba(0,0,0,.22),inset 0 0 28px rgba(240,213,122,.04)}
.global-search-kind{justify-self:start;padding:4px 7px;border:1px solid rgba(240,213,122,.28);border-radius:999px;color:#f0d57a;font-size:10px;font-weight:900}
.global-search-avatar,.global-search-role-icon{width:42px;height:42px;display:block;overflow:hidden;border:1px solid rgba(91,213,180,.34);border-radius:10px;background:radial-gradient(circle at 35% 28%,rgba(91,213,180,.42),rgba(4,15,31,.95))}
.global-search-avatar img,.global-search-role-icon img{width:100%;height:100%;display:block;object-fit:cover}
.global-search-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.global-search-copy b{overflow:hidden;color:#f6e7bf;font-family:var(--serif);font-size:15px;text-overflow:ellipsis;white-space:nowrap}
.global-search-copy small{overflow:hidden;color:#8fd7ce;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.global-search-copy em{overflow:hidden;color:rgba(226,232,240,.55);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.global-search-state{padding:30px 18px;border:1px dashed rgba(91,213,180,.25);border-radius:10px;color:rgba(226,232,240,.6);text-align:center}
.global-search-state.is-error{border-color:rgba(245,111,111,.35);color:#f1a2a2}

@media (max-width:760px){
  .recruit-command-bar,.mercenary-command-bar{align-items:stretch;flex-direction:column}
  .recruit-command-main{align-items:flex-start;flex-direction:column;gap:8px}
  .recruit-applications-entry{width:100%;margin-left:0}
  .recruit-command-actions{padding-left:0;border-left:0}
  .recruit-real-toolbar{grid-template-columns:1fr}
  .recruit-live-count{justify-content:start}
  .global-search-card{grid-template-columns:48px minmax(0,1fr)}
  .global-search-kind{grid-column:1/-1}
}
.team-plate-avatar.is-recruit,
.recruit-author-avatar{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(240,213,122,.46);
  color:var(--gold-lt);
  background:rgba(3,9,20,.82);
  font-family:var(--serif);
  font-size:17px;
  font-weight:900;
}
.recruit-author-avatar img{width:100%;height:100%;object-fit:cover}
.recruit-real-card-body{grid-area:body;min-width:0}
.recruit-real-card-body h2,
.recruit-detail-main h2,
.mercenary-card h2,
.team-schedule-detail-head h2{
  margin:7px 0 0;
  color:var(--text);
  font-family:var(--serif);
  font-size:20px;
  letter-spacing:0;
}
.recruit-real-card-body p,
.recruit-detail-main p,
.team-schedule-card p,
.team-schedule-detail-head p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.75;
}
.recruit-real-card-meta,
.team-schedule-facts,
.recruit-detail-facts,
.mercenary-card-meta{
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.recruit-real-card-meta{grid-area:meta;align-self:start}
.recruit-real-card-meta div,
.team-schedule-facts div,
.recruit-detail-facts span,
.mercenary-card-meta span{
  min-height:54px;
  padding:9px 10px;
  border:1px solid rgba(248,242,226,.12);
  background:rgba(0,0,0,.16);
}
.recruit-real-card-meta dt,
.team-schedule-facts dt,
.recruit-detail-facts b,
.mercenary-card-meta b{
  display:block;
  color:var(--dim);
  font-size:10px;
  font-weight:700;
}
.recruit-real-card-meta dd,
.team-schedule-facts dd{
  margin:5px 0 0;
  color:var(--text);
  font-size:12px;
  font-weight:800;
}
.recruit-detail-facts span,
.mercenary-card-meta span{color:var(--text);font-size:12px;line-height:1.5}
.recruit-real-card-actions,
.mercenary-card footer,
.team-schedule-card footer,
.team-schedule-detail-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.recruit-real-card-actions{grid-area:actions;justify-content:flex-end;padding-top:2px}
.recruit-active-activity-card{grid-template-areas:"head head" "body meta" "roster roster" "actions actions";border-left-color:rgba(115,210,139,.72);background:linear-gradient(100deg,rgba(115,210,139,.065),transparent 44%),rgba(7,15,32,.88)}
.recruit-active-roster{grid-area:roster;min-width:0;padding-top:12px;border-top:1px solid rgba(115,210,139,.16)}.recruit-active-roster > b{color:var(--gold-lt);font-family:var(--serif);font-size:13px}.recruit-active-roster > p{margin:9px 0 0;color:var(--dim);font-size:11px}.recruit-active-roster > ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:9px 0 0;padding:0;list-style:none}
.recruit-active-roster-member{min-width:0;min-height:62px;display:grid;grid-template-columns:24px 44px minmax(0,1fr);align-items:center;gap:6px;padding:7px;border:1px solid rgba(91,213,180,.16);background:rgba(4,11,25,.66)}.recruit-active-roster-member.is-game-filled{grid-template-columns:24px minmax(0,1fr)}.recruit-active-roster-slot{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(91,213,180,.26);color:var(--cyan);font:700 9px Consolas,monospace}.recruit-active-roster-member > .sect-icon{width:30px;height:30px;justify-self:center}.recruit-active-roster-member > .role-card-icon-with-tier{width:44px}.recruit-active-roster-copy{min-width:0}.recruit-active-roster-copy b,.recruit-active-roster-copy small,.recruit-active-roster-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recruit-active-roster-copy b{color:var(--text);font-size:10px}.recruit-active-roster-copy small{margin-top:3px;color:var(--cyan);font-size:9px}.recruit-active-roster-copy em{margin-top:3px;color:var(--dim);font-size:8px;font-style:normal}.recruit-active-no-public-detail{align-self:center;color:var(--dim);font-size:10px}
.recruit-load-more{width:100%;min-height:42px}
.recruit-empty-state,
.recruit-load-state{
  min-height:180px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:28px;
  border:1px dashed rgba(240,213,122,.24);
  color:var(--muted);
  background:rgba(3,9,20,.42);
  text-align:center;
}
.recruit-empty-state h3,
.recruit-empty-state p{margin:0}
.recruit-empty-state h3{color:var(--gold-lt);font-family:var(--serif);font-size:18px}
.recruit-empty-state p{max-width:620px;font-size:12px;line-height:1.7}
.recruit-empty-actions{margin-top:8px}
.recruit-load-state{min-height:130px;grid-template-columns:auto auto;grid-template-areas:"dot copy";justify-content:center}
.recruit-load-state b,.recruit-load-state span,.recruit-load-state button{grid-column:1/-1}
.recruit-load-state.is-error{border-color:rgba(255,143,143,.35);color:#ff9d9d}
.recruit-loading-dot{grid-area:dot!important;width:11px;height:11px;border:2px solid rgba(240,213,122,.25);border-top-color:var(--gold-lt);border-radius:50%;animation:recruit-spin .75s linear infinite}
@keyframes recruit-spin{to{transform:rotate(360deg)}}
.recruit-detail-panel{padding:18px}
.recruit-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.recruit-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}
.recruit-detail-main{min-width:0}
.recruit-detail-main .recruit-publisher{margin-bottom:16px}
.recruit-detail-facts{margin-top:18px}
.recruit-detail-side{padding:14px;border:1px solid rgba(91,213,180,.20);background:rgba(5,13,28,.62)}
.recruit-detail-side h3{margin:0;color:var(--gold-lt);font-family:var(--serif)}
.recruit-detail-side dl{display:grid;gap:8px;margin:12px 0}
.recruit-detail-side dl div{display:flex;justify-content:space-between;gap:10px;padding:8px;border-bottom:1px solid rgba(248,242,226,.10)}
.recruit-detail-side dt{color:var(--dim);font-size:11px}
.recruit-detail-side dd{margin:0;color:var(--text);font-size:11px;font-weight:800;text-align:right}
.recruit-detail-side button{width:100%;margin-top:8px}
.recruit-action-note{display:block;margin-top:6px;color:var(--dim);font-size:10px;text-align:center}
.recruit-roster-panel{margin-top:18px;padding-top:16px;border-top:1px solid rgba(248,242,226,.12)}
.recruit-roster-view-only{padding:14px}.recruit-roster-view-toolbar{display:grid;grid-template-columns:140px minmax(120px,1fr) 108px;align-items:end;gap:12px}.recruit-roster-view-toolbar label,.recruit-roster-view-toolbar > span{display:grid;gap:5px;color:var(--dim);font-size:9px}.recruit-roster-view-toolbar select{width:100%;height:34px;padding:0 28px 0 9px;border:1px solid rgba(91,213,180,.30);background:#06101f;color:var(--text)}.recruit-roster-view-toolbar > span{align-content:center;min-height:34px}.recruit-roster-view-toolbar > span b{color:var(--dim);font-size:8px}.recruit-roster-view-toolbar > span:not(b){color:var(--text)}.recruit-roster-view-toolbar > button{height:34px}.recruit-roster-view-only .recruit-roster-panel{margin-top:14px;padding-top:14px}
.recruit-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.recruit-section-head h3{margin:4px 0 0;color:var(--gold-lt);font-family:var(--serif)}
.activity-roster-grid{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0;list-style:none}.recruit-roster-grid{margin:14px 0 0}
.recruit-roster-slot{min-width:0;min-height:94px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:7px;padding:8px;border:1px solid rgba(91,213,180,.16);background:rgba(4,11,25,.68)}
.recruit-roster-slot.is-filled{border-color:rgba(240,213,122,.26);background:linear-gradient(90deg,rgba(240,213,122,.07),rgba(4,11,25,.68))}
.recruit-slot-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.recruit-slot-number{display:grid;place-items:center;width:27px;height:24px;border:1px solid rgba(91,213,180,.28);color:var(--cyan);font-family:Consolas,monospace;font-size:9px}.recruit-slot-badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gold-lt);font-size:8px}
.recruit-slot-copy{display:flex;align-items:center;gap:7px;min-width:0}.recruit-slot-copy > span:last-child{min-width:0}
.recruit-slot-copy b,.recruit-slot-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recruit-slot-copy b{color:var(--text);font-size:10px}.recruit-slot-copy small{margin-top:3px;color:var(--dim);font-size:8px}.recruit-slot-copy > .role-card-icon-with-tier{flex:0 0 40px;width:40px}.recruit-slot-copy > .sect-icon{flex:0 0 30px;width:30px;height:30px}
.activity-roster-slot{position:relative;min-width:0}.activity-roster-slot-head{min-width:0}.activity-roster-occupant{position:relative;min-width:0;display:grid;align-content:start;gap:6px;overflow:visible}.activity-roster-slot .recruit-slot-copy{display:block;overflow:visible}.activity-roster-slot .team-member-character-entry{min-width:0;width:100%;align-items:stretch;flex-direction:column;gap:5px;padding:6px}.activity-roster-slot .team-member-character-main{width:100%;overflow:visible}.activity-roster-slot .team-member-character-main .sect-icon{width:26px;height:26px}.activity-roster-slot .role-card-icon-with-tier{width:44px}.activity-roster-slot .team-member-character-copy>small{font-size:9px}.activity-roster-slot .team-member-character-gear{width:100%;justify-content:flex-start}.activity-roster-slot .team-member-character-gear .account-card-equip-inline-btn.pi-equip-btn{min-height:24px;padding:0 6px;font-size:9px}.activity-roster-slot .team-member-character-tooltip{left:0;min-width:210px}.activity-roster-source-note{display:block;color:var(--cyan);font-size:9px}
.activity-roster-checkin-badge{position:absolute;right:6px;bottom:6px;z-index:4;padding:3px 6px;border:1px solid rgba(75,190,111,.62);background:rgba(18,90,47,.92);color:#b8f7c9;font-size:9px;font-weight:800;line-height:1.2}.activity-roster-slot.is-checked-in{border-color:rgba(75,190,111,.52)}.recruit-checkin-head-actions,.recruit-detail-publisher-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.recruit-checkin-open-label{display:inline-flex;align-items:center;min-height:30px;padding:0 9px;border:1px solid rgba(75,190,111,.38);background:rgba(75,190,111,.08);color:#9ff0b4;font-size:10px}.recruit-checkin-notice{margin:10px 0;padding:10px 12px;border-left:3px solid rgba(240,213,122,.72);background:rgba(240,213,122,.07);color:var(--text);font-size:11px;line-height:1.7}
.recruit-slot-state{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:0;color:#79deb0;font-size:9px;white-space:nowrap}.recruit-slot-state:empty{display:none}
.recruit-slot-action{min-height:23px;padding:3px 6px;border:1px solid rgba(255,143,143,.35);color:#ff9d9d;background:rgba(255,90,90,.06);font-size:9px;cursor:pointer}
.recruit-slot-action.is-release{border-color:rgba(115,210,139,.58);color:#9ff0b4;background:rgba(74,188,116,.10)}
.recruit-roster-slot{position:relative}.recruit-slot-remove-action{position:absolute;right:6px;top:6px;z-index:2;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid rgba(255,119,119,.62);color:#ff9b9b;background:rgba(52,8,16,.88);font-size:16px;line-height:1;cursor:pointer}.recruit-slot-remove-action:hover,.recruit-slot-remove-action:focus-visible{border-color:#ff8d83;color:#fff;outline:0;box-shadow:0 0 10px rgba(255,80,80,.22)}
.activity-roster-slot.is-context-open{z-index:60}.activity-roster-context-menu{position:absolute;z-index:70;display:none;gap:4px;padding:6px;border:1px solid rgba(240,213,122,.42);background:rgba(3,9,20,.98);box-shadow:0 16px 36px rgba(0,0,0,.58),0 0 18px rgba(91,213,180,.10);outline:0}.activity-roster-slot.is-context-open>.activity-roster-context-menu{display:grid}.activity-roster-context-menu .activity-roster-context-action,.activity-roster-context-menu .recruit-slot-action,.activity-roster-context-menu .recruit-slot-remove-action,.activity-roster-context-menu .team-schedule-response-remove{position:static!important;width:100%;height:auto;min-height:30px;display:flex;align-items:center;justify-content:flex-start;padding:6px 8px;border:1px solid rgba(91,213,180,.22);background:rgba(5,13,28,.92);color:var(--text);font-size:10px;line-height:1.4;text-align:left;cursor:pointer}.activity-roster-context-menu .activity-roster-context-action:not(:disabled):hover,.activity-roster-context-menu .activity-roster-context-action:not(:disabled):focus-visible{border-color:rgba(240,213,122,.72);background:rgba(240,213,122,.09);color:var(--gold-lt);outline:0}.activity-roster-context-menu .activity-roster-context-action:disabled{border-color:rgba(148,163,184,.14);background:rgba(100,116,139,.04);color:rgba(148,163,184,.42);cursor:not-allowed}
.recruit-start-grace{margin-top:12px;padding:10px 12px;border:1px solid rgba(255,184,77,.44);background:rgba(255,145,36,.08);color:#ffd18c;font-size:11px;line-height:1.6}
.recruit-start-grace b{display:block;color:#ffb547}.recruit-start-grace.is-closed{border-color:rgba(255,143,143,.38);color:#ffb3b3;background:rgba(255,90,90,.07)}
.recruit-session-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px}.recruit-session-summary span{min-height:30px;padding:7px 9px;border:1px solid rgba(91,213,180,.18);color:var(--muted);background:rgba(0,0,0,.14);font-size:10px;line-height:1.5}.recruit-session-summary b{color:var(--gold-lt);margin-right:6px}.recruit-session-summary .is-start_grace{border-color:rgba(255,184,77,.40);color:#ffd18c}.recruit-session-summary .is-active{border-color:rgba(115,210,139,.38);color:#9ff0b4}
.recruit-session-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:18px}.recruit-session-tabs button{min-height:54px;display:grid;gap:3px;padding:8px 10px;border:1px solid rgba(91,213,180,.20);color:var(--muted);background:rgba(4,11,25,.72);text-align:left;cursor:pointer}.recruit-session-tabs button b{color:var(--text);font-family:var(--serif)}.recruit-session-tabs button span{font-size:10px}.recruit-session-tabs button.active,.recruit-session-tabs button:hover,.recruit-session-tabs button:focus-visible{border-color:rgba(240,213,122,.70);background:rgba(240,213,122,.08);outline:0}.recruit-session-tabs button.active b{color:var(--gold-lt)}
.recruit-session-editor-list{display:grid;gap:14px}.recruit-session-editor{display:grid;gap:12px;margin:0;padding:14px;border:1px solid rgba(91,213,180,.24);background:rgba(4,11,25,.52)}.recruit-session-editor > legend{padding:0 8px;color:var(--gold-lt);font-family:var(--serif);font-size:15px;font-weight:900}.recruit-session-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.recruit-session-editor-head span{color:var(--muted);font-size:11px}.recruit-session-add{width:100%;min-height:42px}
.recruit-applications-panel{margin-top:18px;padding-top:16px;border-top:1px solid rgba(248,242,226,.12)}.recruit-applications-panel .recruit-section-head{margin-bottom:12px}.recruit-application-list{display:grid;gap:8px}.recruit-application-card{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;align-items:center;gap:12px;padding:11px;border:1px solid rgba(91,213,180,.18);background:rgba(0,0,0,.14)}.recruit-application-card h4,.recruit-application-card p{margin:4px 0 0}.recruit-application-card h4{color:var(--text);font-size:13px}.recruit-application-card p,.recruit-application-card > div:nth-child(2) span{color:var(--muted);font-size:10px}.recruit-application-card > div:nth-child(2) b{display:block;color:var(--gold-lt);font-size:11px}.recruit-application-actions{display:flex;gap:7px;flex-wrap:wrap}.recruit-current-application{display:grid;gap:6px;margin-top:10px;padding:9px;border:1px solid rgba(240,213,122,.24);background:rgba(240,213,122,.05)}.recruit-current-application b{color:var(--gold-lt);font-size:11px}
.recruit-application-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.recruit-auto-approval-shell{display:grid;justify-items:end;gap:4px}.recruit-auto-approval-control{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 9px;border:1px solid rgba(91,213,180,.28);background:rgba(3,11,20,.62);color:var(--text);font-size:10px;cursor:pointer}.recruit-auto-approval-control input{accent-color:#5bd5b4}.recruit-auto-approval-control:has(input:disabled){cursor:wait;opacity:.7}.recruit-auto-approval-tooltip{position:absolute;right:0;top:calc(100% + 7px);z-index:50;width:270px;padding:10px;border:1px solid rgba(240,213,122,.38);background:rgba(3,9,20,.98);box-shadow:0 18px 40px rgba(0,0,0,.6);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:.14s ease;text-align:left}.recruit-auto-approval-tooltip b,.recruit-auto-approval-tooltip em{display:block}.recruit-auto-approval-tooltip b{color:var(--gold-lt)}.recruit-auto-approval-tooltip em{margin-top:5px;color:var(--muted);font-style:normal;line-height:1.55}.recruit-auto-approval-control:hover .recruit-auto-approval-tooltip,.recruit-auto-approval-control:focus-within .recruit-auto-approval-tooltip{opacity:1;visibility:visible;transform:none}.recruit-auto-approval-notice{max-width:420px;color:#70d8b4;font-size:9px;line-height:1.45}.recruit-auto-approval-notice.is-error{color:#ff8d83}
.recruit-no-show-warning{margin:14px 0;padding:13px;border:1px solid rgba(255,184,77,.52);background:linear-gradient(90deg,rgba(255,145,36,.10),rgba(0,0,0,.10));color:#ffd18c}.recruit-no-show-warning > b{display:block;color:#ffbd5a;font-family:var(--serif);font-size:16px}.recruit-no-show-warning p,.recruit-no-show-warning span{display:block;margin:7px 0 0;font-size:11px;line-height:1.6}.recruit-no-show-warning ul{margin:8px 0 0;padding-left:20px}.recruit-no-show-warning li{margin-top:5px;color:#ffe0ad;font-size:11px;line-height:1.55}
.mercenary-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px}.mercenary-section-head h2,.mercenary-section-head p{margin:5px 0 0}.mercenary-section-head h2{color:var(--gold-lt);font-family:var(--serif)}.mercenary-section-head p{color:var(--muted);font-size:12px}.mercenary-section-head > div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}

.mercenary-boundary,
.mercenary-custom-closed{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px}
.mercenary-boundary b{color:#e0b6ff;font-family:var(--serif)}
.mercenary-boundary span{color:var(--muted);font-size:12px;line-height:1.65}
.mercenary-custom-closed h3,.mercenary-custom-closed p{margin:5px 0 0}.mercenary-custom-closed h3{color:var(--gold-lt);font-family:var(--serif)}.mercenary-custom-closed p{color:var(--muted);font-size:12px}
.mercenary-card{padding:18px;border-left:3px solid rgba(202,125,255,.58);background:linear-gradient(100deg,rgba(202,125,255,.055),transparent 45%),rgba(7,15,32,.86)}
.mercenary-card > header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(248,242,226,.10)}
.mercenary-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(202,125,255,.44);color:#ddb5ff;font-family:Consolas,monospace}
.mercenary-card h2{font-size:18px}
.mercenary-publisher{min-width:0;width:max-content;max-width:100%;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.mercenary-publisher:disabled{cursor:default}.mercenary-publisher-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(240,213,122,.42);border-radius:50%;background:rgba(3,9,20,.78);color:var(--gold-lt);font-family:var(--serif);font-size:17px;font-weight:900}.mercenary-publisher-avatar img{width:100%;height:100%;object-fit:cover}.mercenary-publisher small,.mercenary-publisher b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mercenary-publisher small{color:var(--gold-lt);font-size:9px;letter-spacing:.1em}.mercenary-publisher b{margin-top:5px;color:var(--text);font-family:var(--serif);font-size:18px}.mercenary-publisher:not(:disabled):hover b,.mercenary-publisher:not(:disabled):focus-visible b{color:#fff0ad;text-decoration:underline;text-underline-offset:3px}.mercenary-publisher:focus-visible{outline:1px solid rgba(240,213,122,.65);outline-offset:4px}
.mercenary-card-meta{margin-top:14px}
.mercenary-card-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);align-items:stretch;gap:14px;margin-top:14px}.mercenary-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px}
.mercenary-character-card{min-height:64px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border:1px solid color-mix(in srgb,var(--role-color,var(--gold-lt)) 32%,rgba(248,242,226,.12));background:rgba(0,0,0,.14)}
.mercenary-character-card .sect-icon{width:38px;height:38px}.mercenary-character-card b,.mercenary-character-card small,.mercenary-character-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mercenary-character-card b{color:var(--role-color,var(--gold-lt));font-size:12px}.mercenary-character-card small{margin-top:3px;color:var(--muted);font-size:10px}.mercenary-character-card em{margin-top:3px;color:var(--gold-lt);font-size:10px;font-style:normal}
.mercenary-contact-panel{min-width:0;display:grid;align-content:start;gap:7px;padding:12px 13px;border:1px solid rgba(115,210,139,.30);background:linear-gradient(145deg,rgba(115,210,139,.06),rgba(3,10,22,.58))}.mercenary-contact-panel strong{padding-bottom:7px;border-bottom:1px solid rgba(115,210,139,.16);color:#9ee6b0;font-family:var(--serif);font-size:13px}.mercenary-contact-panel span{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:8px}.mercenary-contact-panel span b{color:var(--dim);font-size:10px}.mercenary-contact-panel span em{overflow-wrap:anywhere;color:var(--text);font-size:11px;font-style:normal}.mercenary-contact-panel p{margin:0;color:var(--dim);font-size:10px;line-height:1.65}
.mercenary-card footer{justify-content:flex-end;margin-top:15px}

.team-schedule-panel{padding:16px}
.team-schedule-card,
.team-activity-history-card{padding:15px;border:1px solid rgba(91,213,180,.20);background:linear-gradient(95deg,rgba(91,213,180,.045),transparent 46%),rgba(5,13,28,.68)}
.team-schedule-card > header,
.team-activity-history-card > header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.team-schedule-card-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.team-schedule-hide-button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,143,143,.42);background:rgba(255,90,90,.06);color:#ff9d9d;font-size:18px;line-height:1;cursor:pointer}
.team-schedule-hide-button:hover,.team-schedule-hide-button:focus-visible{border-color:#ff9d9d;background:rgba(255,90,90,.12);outline:0;box-shadow:0 0 0 2px rgba(255,90,90,.10)}
.team-schedule-card h3,
.team-activity-history-card h3{margin:5px 0 0;color:var(--text);font-family:var(--serif);font-size:17px}
.team-schedule-facts{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:13px}
.team-schedule-card footer{justify-content:flex-end;margin-top:13px}
.team-schedule-detail{margin-top:14px;padding:15px;border-color:rgba(240,213,122,.24)}
.team-schedule-detail-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end}
.team-schedule-detail-head > div:last-child{text-align:right}.team-schedule-detail-head > div:last-child b,.team-schedule-detail-head > div:last-child span{display:block}.team-schedule-detail-head > div:last-child b{color:var(--gold-lt)}.team-schedule-detail-head > div:last-child span{margin-top:5px;color:var(--cyan)}
.team-schedule-scope{margin-top:15px;padding:10px;border:1px solid rgba(248,242,226,.12);background:rgba(0,0,0,.13)}
.team-schedule-scope > b{color:var(--gold-lt);font-size:12px}
.team-schedule-detail-actions{justify-content:flex-end;margin-top:14px}
.team-activity-stats{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:10px;margin-top:14px}
.team-activity-history-filters{margin:14px 0}
.team-activity-link-state{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px;border:1px solid rgba(248,242,226,.12);background:rgba(0,0,0,.14)}
.team-activity-link-state.is-linked{border-color:rgba(115,210,139,.28)}.team-activity-link-state.is-unlinked{border-color:rgba(255,184,77,.26)}
.team-activity-link-state b,.team-activity-link-state span{display:block}.team-activity-link-state b{color:var(--gold-lt);font-size:12px}.team-activity-link-state span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.5}

.recruit-feature-modal{width:min(1080px,calc(100vw - 32px));max-height:min(900px,calc(100vh - 32px));overflow:auto;padding:22px}
.recruit-feature-modal.is-compact{width:min(820px,calc(100vw - 32px))}
.recruit-feature-form{display:grid;gap:14px;margin-top:16px}
.recruit-feature-form > label,
.recruit-form-grid label,
.roster-editor-slot label{display:grid;gap:6px;color:rgba(226,232,240,.72);font-size:11px;font-weight:700}
.recruit-feature-form input,
.recruit-feature-form select,
.recruit-feature-form textarea{
  width:100%;
  min-height:38px;
  border:1px solid rgba(91,213,180,.28);
  color:var(--text);
  background:rgba(5,10,22,.88);
  padding:7px 10px;
  outline:0;
}
.recruit-feature-form textarea{resize:vertical;line-height:1.6}
.recruit-feature-form input:focus-visible,
.recruit-feature-form select:focus-visible,
.recruit-feature-form textarea:focus-visible{border-color:rgba(240,213,122,.78);box-shadow:0 0 0 2px rgba(240,213,122,.10)}
.recruit-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recruit-form-grid .is-wide{grid-column:1/-1}
.recruit-choice-fieldset{margin:0;padding:12px;border:1px solid rgba(240,213,122,.22)}.recruit-choice-fieldset legend{padding:0 7px;color:var(--gold-lt);font-family:var(--serif);font-weight:800}
.recruit-publish-safety{padding:12px 14px;border:1px solid rgba(255,143,143,.38);background:linear-gradient(90deg,rgba(255,90,90,.08),rgba(5,12,22,.44))}.recruit-publish-safety b{color:#ffb0a8;font-family:var(--serif)}.recruit-publish-safety p{margin:7px 0 0;color:var(--text);font-size:11px;line-height:1.7}.recruit-publish-safety strong{color:#ffd18c}.recruit-contact-methods > p,.recruit-poster-gate > p{margin:0 0 10px;color:var(--muted);font-size:11px;line-height:1.65}.recruit-contact-methods .recruit-inline-check{cursor:default}.recruit-poster-gate{border-style:dashed;background:rgba(5,12,22,.42)}.recruit-poster-upload-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recruit-poster-upload-row > span{color:var(--muted);font-size:11px}.recruit-poster-preview-shell{width:min(100%,560px);display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:center;margin-top:12px;padding:8px;border:1px solid rgba(240,213,122,.36);border-radius:8px;background:rgba(2,8,18,.8);box-shadow:inset 0 0 24px rgba(91,213,180,.04)}.recruit-poster-preview-shell[hidden]{display:none}.recruit-poster-preview{display:block;width:100%;aspect-ratio:16/9;max-height:260px;border:1px solid rgba(91,213,180,.24);object-fit:contain;background:#030812}.recruit-poster-preview-shell > span{display:grid;gap:6px}.recruit-poster-preview-shell b{color:var(--gold-lt);font-family:var(--serif)}.recruit-poster-preview-shell small{color:var(--muted);font-size:10px;line-height:1.5}
.recruit-current-poster{display:grid;gap:10px}.recruit-current-poster > img{display:block;width:min(100%,520px);max-height:300px;border:1px solid rgba(240,213,122,.36);object-fit:contain;background:#030812}.recruit-current-poster .recruit-inline-check{cursor:pointer}
.recruit-disabled-capability{display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--dim)}
.recruit-disabled-capability b{display:block;color:var(--text);font-family:var(--serif)}
.recruit-disabled-capability p{max-width:720px;margin:6px 0 0;line-height:1.65}
.recruit-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recruit-check-grid label,.recruit-inline-check,.recruit-risk-confirm{min-height:38px;display:flex!important;align-items:center;gap:8px;padding:8px;border:1px solid rgba(248,242,226,.12);background:rgba(0,0,0,.12);cursor:pointer}.recruit-check-grid input,.recruit-inline-check input,.recruit-risk-confirm input,.recruit-role-choice > input{width:16px!important;min-height:16px!important;flex:0 0 16px;padding:0}.recruit-risk-confirm span{font-size:11px;line-height:1.55}
.recruit-form-warning{color:#ff9d9d}
.roster-editor{display:grid;gap:10px}.roster-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.roster-editor-head b,.roster-editor-head span{display:block}.roster-editor-head b{color:var(--gold-lt)}.roster-editor-head span{margin-top:4px;color:var(--dim);font-size:10px}.roster-editor-batch{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.roster-editor-batch select{width:auto;min-width:130px}.roster-editor-grid{max-height:420px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-right:5px}.roster-editor-slot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:10px;border:1px solid rgba(91,213,180,.18);background:rgba(4,11,25,.66)}.roster-editor-slot legend{padding:0 5px;color:var(--cyan);font-family:Consolas,monospace;font-size:10px}.roster-editor-slot legend label{display:flex;align-items:center;gap:5px;cursor:pointer}.roster-editor-slot legend input{width:14px!important;min-height:14px!important;padding:0}.roster-editor-slot > label:first-of-type{grid-column:1/-1}
.team-schedule-editor-head p{max-width:760px;margin-bottom:0}
.template-draft-tools.team-schedule-template-tools{grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr) auto;padding:8px 10px}
.team-schedule-compact-fields{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(250px,.72fr) minmax(280px,1fr);align-items:stretch;gap:0;padding:12px;border:1px solid rgba(91,213,180,.20);background:rgba(4,11,25,.50)}
.team-schedule-compact-fields label,.team-schedule-dungeon-field label{display:grid;gap:5px;color:rgba(226,232,240,.72);font-size:11px;font-weight:700}
.team-schedule-editor-column{min-width:0;display:grid;align-content:start;gap:12px;padding:0 16px}.team-schedule-editor-column:first-child{padding-left:0}.team-schedule-editor-column-plate{border-left:1px solid rgba(240,213,122,.25)}.team-schedule-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.team-schedule-dungeon-field{display:grid;gap:6px}.team-schedule-dungeon-field small{font-size:10px;line-height:1.5}.team-schedule-external-field{align-self:end}.team-schedule-summary-field{position:relative;align-content:start;padding-left:16px;border-left:1px solid rgba(240,213,122,.25)}.team-schedule-summary-field textarea{height:100%;min-height:122px;resize:vertical}.team-schedule-summary-field > small{position:absolute;right:8px;bottom:6px;color:var(--dim);font-size:10px}
.recruit-publisher-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recruit-publisher-inline>label{min-width:0}.recruit-admission-rule-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:9px}.recruit-admission-rule-grid .recruit-inline-check{min-height:38px}.recruit-admission-rule-grid input[type="number"]{min-width:0}
.team-schedule-plate-picker{min-width:0;margin:0;padding:0;border:0}.team-schedule-plate-picker legend{margin-bottom:6px;color:rgba(226,232,240,.72);font-size:11px;font-weight:700}.team-schedule-plate-picker > div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.team-schedule-plate-picker label{position:relative;min-width:0;display:block;cursor:pointer}.team-schedule-plate-picker input{position:absolute;opacity:0;pointer-events:none}.team-schedule-plate-picker label > span{display:grid;place-items:center;gap:3px;padding:6px 4px;border:1px solid rgba(248,242,226,.12);background:rgba(0,0,0,.14);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.team-schedule-plate-picker label:has(input:checked) > span{border-color:rgba(240,213,122,.72);background:rgba(240,213,122,.07);box-shadow:inset 0 0 0 1px rgba(240,213,122,.08)}.team-schedule-plate-picker label:has(input:focus-visible) > span{outline:2px solid var(--cyan);outline-offset:2px}.team-schedule-plate-picker small{color:var(--dim);font-size:9px}
.team-schedule-plate{--plate-accent:#f2c35a;--plate-light:#fff0ad;--plate-soft:#8b641b;--plate-bg:#171207;width:96px;max-width:100%;height:30px;display:block;overflow:visible;color:var(--plate-accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--plate-accent) 44%,transparent))}.team-schedule-plate.is-cyan{--plate-accent:#55dce8;--plate-light:#c4fbff;--plate-soft:#176d78;--plate-bg:#06171c}.team-schedule-plate.is-purple{--plate-accent:#bd82ff;--plate-light:#efd6ff;--plate-soft:#633094;--plate-bg:#160b20}.team-schedule-plate.is-crimson{--plate-accent:#ff7483;--plate-light:#ffd4d9;--plate-soft:#91303e;--plate-bg:#210b10}.team-schedule-plate-aura{fill:none;stroke:var(--plate-accent);stroke-width:3;opacity:.18;animation:teamSchedulePlateAura 3.4s ease-in-out infinite}.team-schedule-plate-shell{fill:var(--plate-bg);stroke:var(--plate-accent);stroke-width:1.2}.team-schedule-plate-inner{fill:none;stroke:var(--plate-soft);stroke-width:.75;opacity:.9}.team-schedule-plate-corner{fill:none;stroke:var(--plate-light);stroke-width:.9;stroke-linecap:round;opacity:.68}.team-schedule-plate-runner{fill:none;stroke:var(--plate-light);stroke-width:1.35;stroke-linecap:round;stroke-dasharray:12 88;animation:teamSchedulePlateSweep 4.8s linear infinite}.team-schedule-plate text{fill:var(--plate-light);stroke:rgba(0,0,0,.62);stroke-width:.65;paint-order:stroke fill;font:800 12px var(--serif);letter-spacing:.45px;filter:drop-shadow(0 0 2px var(--plate-accent))}.team-schedule-plate.is-compact{width:92px;height:29px}.team-schedule-plate-picker .team-schedule-plate-aura,.team-schedule-plate-picker .team-schedule-plate-runner{animation-play-state:paused}.team-schedule-plate-picker label:has(input:checked) .team-schedule-plate-aura,.team-schedule-plate-picker label:has(input:checked) .team-schedule-plate-runner{animation-play-state:running}@keyframes teamSchedulePlateAura{0%,100%{opacity:.14}50%{opacity:.38}}@keyframes teamSchedulePlateSweep{to{stroke-dashoffset:-100}}
.team-schedule-configuration{padding:10px 12px}.team-schedule-configuration-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.team-schedule-configuration-modes label{min-height:56px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(248,242,226,.12);background:rgba(0,0,0,.14);cursor:pointer}.team-schedule-configuration-modes label:has(input:checked){border-color:rgba(240,213,122,.68);background:rgba(240,213,122,.07)}.team-schedule-configuration-modes input,.team-schedule-rule-slot input{width:16px!important;min-height:16px!important;padding:0}.team-schedule-configuration-modes b,.team-schedule-configuration-modes small{display:block}.team-schedule-configuration-modes b{color:var(--text);font-size:12px}.team-schedule-configuration-modes small{margin-top:4px;color:var(--dim);font-size:10px;line-height:1.45}
.team-schedule-advanced-config{display:grid;gap:10px}.team-schedule-advanced-config[hidden]{display:none!important}.team-schedule-group-summary{margin:0;padding:8px 10px;border:1px solid rgba(240,213,122,.24);background:rgba(240,213,122,.05);color:var(--gold-lt);font-size:11px;line-height:1.55}
.team-schedule-multi-session-editor{display:grid;gap:9px;padding:10px 12px;border:1px solid rgba(91,213,180,.20);background:rgba(4,11,25,.50)}.team-schedule-multi-session-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-schedule-multi-session-head b,.team-schedule-multi-session-head span{display:block}.team-schedule-multi-session-head b{color:var(--gold-lt);font-family:var(--serif)}.team-schedule-multi-session-head span{margin-top:3px;color:var(--dim);font-size:10px}.team-schedule-extra-session-list{display:grid;gap:8px}.team-schedule-extra-session{display:grid;gap:9px;margin:0;padding:10px;border:1px solid rgba(91,213,180,.18);background:rgba(0,0,0,.14)}.team-schedule-extra-session-head{display:flex;align-items:center;gap:8px}.team-schedule-extra-session-head b{color:var(--cyan);font:700 11px Consolas,monospace}.team-schedule-extra-session-head span{color:var(--dim);font-size:9px}.team-schedule-extra-session-head .recruit-slot-action{margin-left:auto}.team-schedule-extra-session-main{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(220px,1fr);align-items:end;gap:10px}.team-schedule-extra-session-main > label:first-child{display:grid;gap:5px;color:rgba(226,232,240,.72);font-size:11px;font-weight:700}.team-schedule-session-rule-switch{min-height:38px;padding:8px 10px;border:1px solid rgba(248,242,226,.12);background:rgba(4,11,25,.56)}.team-schedule-session-rules{display:grid;gap:9px;padding-top:9px;border-top:1px solid rgba(240,213,122,.18)}.team-schedule-session-rules[hidden],.team-schedule-session-advanced[hidden]{display:none!important}.team-schedule-session-rule-modes{display:flex;flex-wrap:wrap;gap:8px}.team-schedule-session-rule-modes label{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(248,242,226,.12);background:rgba(0,0,0,.14);cursor:pointer}.team-schedule-session-rule-modes label:has(input:checked){border-color:rgba(240,213,122,.58);background:rgba(240,213,122,.06)}.team-schedule-session-advanced{display:grid;gap:9px}
.team-schedule-rule-editor{display:grid;gap:10px}.team-schedule-rule-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.team-schedule-rule-toolbar > div:first-child b,.team-schedule-rule-toolbar > div:first-child span{display:block}.team-schedule-rule-toolbar > div:first-child b{color:var(--gold-lt)}.team-schedule-rule-toolbar > div:first-child span{margin-top:4px;color:var(--dim);font-size:10px}.team-schedule-rule-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.team-schedule-rule-slot{min-height:82px;display:grid;align-content:start;gap:6px;padding:9px;border:1px solid rgba(91,213,180,.18);background:rgba(4,11,25,.66);cursor:pointer}.team-schedule-rule-slot:has(input:checked){border-color:rgba(240,213,122,.72);background:rgba(240,213,122,.07)}.team-schedule-rule-slot.is-disabled{opacity:.38;cursor:not-allowed}.team-schedule-rule-slot-head{display:flex;align-items:center;gap:7px}.team-schedule-rule-slot-head b{color:var(--cyan);font:700 11px Consolas,monospace}.team-schedule-rule-slot > span:not(.team-schedule-rule-slot-head){overflow:hidden;color:var(--muted);font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.team-schedule-rule-slot.is-occupied{position:relative;padding:4px;opacity:1;cursor:default;border-color:rgba(240,213,122,.34);background:linear-gradient(90deg,rgba(240,213,122,.07),rgba(4,11,25,.72))}.team-schedule-rule-slot.is-occupied .team-schedule-rule-slot-head input{visibility:hidden}.team-schedule-rule-occupant{position:relative;display:block!important;min-width:0;width:100%;overflow:visible!important;white-space:normal!important}.team-schedule-rule-occupant>.team-member-character-entry{width:100%}.team-schedule-rule-occupant-remove{position:absolute;right:4px;top:4px;z-index:6;width:22px;height:22px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,111,114,.62);background:rgba(28,8,15,.92);color:#ff8b91;font-size:16px;line-height:1;cursor:pointer}.team-schedule-rule-occupant-remove:hover,.team-schedule-rule-occupant-remove:focus-visible{border-color:#ff8b91;color:#fff;outline:0}.team-schedule-rule-occupant .recruit-slot-action.is-release{width:100%;margin-top:5px;justify-content:center}
.team-schedule-card.is-expanded{border-color:rgba(240,213,122,.40);background:linear-gradient(95deg,rgba(240,213,122,.055),transparent 48%),rgba(5,13,28,.76)}
.team-schedule-card > .team-schedule-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px}.team-schedule-card-title{min-width:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:11px}.team-schedule-card-title .team-schedule-plate{width:96px;height:30px}.team-schedule-card-title p{min-width:0;margin:0;color:var(--text);font-size:15px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.team-schedule-card-head-actions{align-self:start;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.team-schedule-signup-time{text-align:right}.team-schedule-signup-time small,.team-schedule-signup-time b{display:block}.team-schedule-signup-time small{color:var(--dim);font-size:9px}.team-schedule-signup-time b{margin-top:3px;color:var(--gold-lt);font-size:11px}.team-schedule-card-actions{justify-content:flex-end;margin-top:13px}.team-schedule-card-actions.is-signup button{margin-left:auto}
.team-schedule-session-count{padding:4px 7px;border:1px solid rgba(91,213,180,.28);color:var(--cyan);font-size:10px}.team-schedule-session-tabs{display:flex;gap:7px;overflow-x:auto;margin-top:12px;padding:0 0 7px;border-bottom:1px solid rgba(240,213,122,.16)}.team-schedule-session-tabs button{min-width:146px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;padding:7px 9px;border:1px solid rgba(91,213,180,.16);background:rgba(0,0,0,.14);color:var(--muted);text-align:left;cursor:pointer}.team-schedule-session-tabs button b{grid-row:1/3;color:var(--gold-lt);font-size:11px}.team-schedule-session-tabs button span,.team-schedule-session-tabs button em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.team-schedule-session-tabs button em{color:var(--cyan);font-style:normal}.team-schedule-session-tabs button.active{border-color:rgba(240,213,122,.68);background:rgba(240,213,122,.07);box-shadow:inset 0 -2px 0 rgba(240,213,122,.56)}
.team-schedule-inline-roster{position:relative;margin-top:16px;padding-top:14px;border-top:1px solid rgba(240,213,122,.20)}
.team-schedule-inline-roster > .recruit-load-state{min-height:110px}
.team-schedule-inline-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.team-schedule-inline-toolbar > div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.team-schedule-inline-toolbar > div > b{color:var(--gold-lt);font-family:var(--serif);font-size:14px}.team-schedule-signup-guide{flex:1 0 100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;margin-top:2px;padding:8px 10px;border:1px solid rgba(240,213,122,.34);border-left:3px solid var(--gold-lt);background:linear-gradient(90deg,rgba(240,213,122,.10),rgba(91,213,180,.035));color:var(--text);font-size:11px;line-height:1.6}.team-schedule-signup-guide strong{color:var(--gold-lt);font-family:var(--serif);font-size:12px;white-space:nowrap}.team-schedule-signup-guide span{min-width:0}
.team-schedule-signup-grid{margin:0}
.team-schedule-signup-slot{position:relative;min-width:0;min-height:88px;display:grid;grid-template-rows:minmax(0,1fr) auto;align-content:start;gap:6px;padding:7px;border:1px solid rgba(91,213,180,.18);background:rgba(4,11,25,.72)}
@media (prefers-reduced-motion:reduce){.team-schedule-plate-aura,.team-schedule-plate-runner{animation:none!important}}
.team-schedule-signup-slot[role="button"]{cursor:pointer}.team-schedule-signup-slot[role="button"]:hover,.team-schedule-signup-slot[role="button"]:focus-visible{border-color:rgba(240,213,122,.65);background:rgba(240,213,122,.06);outline:0;box-shadow:inset 0 0 0 1px rgba(240,213,122,.08)}
.team-schedule-signup-slot.is-selected{border-color:rgba(240,213,122,.30);background:linear-gradient(145deg,rgba(240,213,122,.055),rgba(4,11,25,.74))}.team-schedule-signup-slot.is-disabled{opacity:.42;cursor:not-allowed}
.recruit-detail-publisher-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid rgba(240,213,122,.16)}
.team-schedule-signup-slot-head{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:7px}.team-schedule-signup-slot-head > b{color:var(--cyan);font:700 11px Consolas,monospace}
.team-schedule-slot-requirement{display:grid;align-content:center;gap:4px;min-height:48px;text-align:center}.team-schedule-slot-requirement b{color:var(--text);font-size:10px}.team-schedule-slot-requirement span{color:var(--dim);font-size:9px;line-height:1.4}
.team-schedule-selected-response{position:relative;min-width:0;display:grid;align-content:start;gap:6px}.team-schedule-response-owner{min-width:0;padding-right:24px}.team-schedule-response-owner b,.team-schedule-response-owner small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-schedule-response-owner b{color:var(--gold-lt);font-size:11px}.team-schedule-response-owner small{margin-top:2px;color:var(--dim);font-size:9px}.team-schedule-account-chip{min-width:0;display:flex;align-items:center;gap:5px;color:var(--gold-lt)}.team-schedule-account-chip .site-avatar{width:22px;height:22px}.team-schedule-account-chip b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.activity-roster-slot .activity-roster-occupant{display:block}.activity-roster-slot .team-member-character-entry.is-activity-roster-card{min-width:0;min-height:72px;width:100%;display:flex;align-items:stretch;flex-direction:column;gap:6px;padding:6px;border:1px solid rgba(91,213,180,.22);background:linear-gradient(145deg,rgba(91,213,180,.045),rgba(3,10,22,.72));overflow:visible}.activity-roster-slot .is-activity-roster-card .team-member-character-main{position:relative;min-width:0;width:100%;min-height:32px;gap:6px;padding-right:52px;overflow:hidden}.activity-roster-slot .is-activity-roster-card .team-member-character-main .sect-icon{width:28px;height:28px}.activity-roster-slot .is-activity-roster-card .team-member-character-copy{min-width:0;flex:1}.activity-roster-slot .is-activity-roster-card .team-member-role-identity{width:100%}.activity-roster-slot .is-activity-roster-card .team-member-role-identity b,.activity-roster-slot .is-activity-roster-card .team-member-role-identity small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-roster-slot .is-activity-roster-card .team-member-role-identity small{flex:1 1 auto}.activity-roster-slot .is-activity-roster-card .team-member-character-main>.role-card-icon-with-tier{display:contents}.activity-roster-slot .is-activity-roster-card .role-weapon-tier-badge{position:absolute;right:30px;top:5px;width:44px;height:16px}.activity-roster-slot .is-activity-roster-card .team-member-character-gear{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px}.activity-roster-slot .is-activity-roster-card .team-member-character-gear>b{grid-column:1;grid-row:1;min-width:0;min-height:24px;display:grid;place-items:center;padding:0 5px;border:1px solid rgba(240,213,122,.24);background:rgba(240,213,122,.035);overflow:hidden;text-overflow:ellipsis;font-size:9px;white-space:nowrap}.activity-roster-slot .is-activity-roster-card .team-member-character-gear .account-card-equip-inline-btn.pi-equip-btn,.activity-roster-slot .is-activity-roster-card .activity-roster-external-label{grid-column:2;grid-row:1;width:100%;min-width:0;min-height:24px;display:grid;place-items:center;padding:0 5px;font-size:9px}.activity-roster-slot .is-activity-roster-card .activity-roster-external-label{border:1px solid rgba(202,125,255,.34);background:rgba(202,125,255,.055);color:#ddb5ff}.activity-roster-slot .is-activity-roster-card .team-member-character-tooltip{left:0;right:auto;min-width:220px}.activity-roster-slot .is-activity-roster-card .activity-roster-tooltip-account{display:block;margin-bottom:3px;padding-bottom:6px;border-bottom:1px solid rgba(240,213,122,.18)}.activity-roster-slot .is-activity-roster-card .activity-roster-tooltip-account .team-schedule-account-chip b{font-size:10px}.team-schedule-signup-slot.is-selected{padding:4px}.team-schedule-signup-slot .is-activity-roster-card .team-member-character-tooltip{left:auto;right:0}.team-schedule-signup-slot .activity-roster-source-note{grid-column:1/-1}
.team-schedule-response-remove{position:absolute;right:0;top:0;z-index:8;width:22px;height:22px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,143,143,.40);background:rgba(5,10,22,.92);color:#ff9d9d;font-size:15px;line-height:1;cursor:pointer}.team-schedule-response-remove:hover,.team-schedule-response-remove:focus-visible{border-color:#ff9d9d;background:rgba(255,90,90,.13);outline:0}
.team-schedule-waiting-pool{position:relative;min-width:0;min-height:64px;align-self:start;padding:7px;border:1px solid rgba(202,125,255,.34);background:linear-gradient(145deg,rgba(202,125,255,.07),rgba(4,11,25,.72));overflow:visible}.team-schedule-waiting-toggle{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px;border:0;background:transparent;color:#ddb5ff;cursor:pointer}.team-schedule-waiting-toggle span,.team-schedule-waiting-toggle b{white-space:nowrap}.team-schedule-waiting-toggle span{font-size:10px}.team-schedule-waiting-toggle b{color:var(--gold-lt);font-size:11px}.team-schedule-waiting-toggle:hover,.team-schedule-waiting-toggle:focus-visible{outline:0;text-shadow:0 0 10px rgba(202,125,255,.42)}
.team-schedule-waiting-popover{position:absolute;left:0;top:calc(100% + 7px);z-index:40;width:min(430px,82vw);max-height:320px;overflow:auto;display:grid;gap:7px;padding:10px;border:1px solid rgba(240,213,122,.40);background:rgba(3,9,20,.98);box-shadow:0 18px 42px rgba(0,0,0,.58),0 0 20px rgba(91,213,180,.10);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.team-schedule-waiting-pool:hover .team-schedule-waiting-popover,.team-schedule-waiting-pool:focus-within .team-schedule-waiting-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.team-schedule-waiting-popover > b{color:var(--gold-lt);font-size:11px}
.team-schedule-waiting-row{position:relative;min-width:0;display:grid;grid-template-columns:22px minmax(0,82px) 44px minmax(0,1fr) 22px;align-items:center;gap:7px;padding:7px;border:1px solid rgba(91,213,180,.15);background:rgba(5,13,28,.82)}.team-schedule-waiting-row > .sect-icon{width:28px;height:28px;justify-self:center}.team-schedule-waiting-row > .role-card-icon-with-tier{width:44px}.team-schedule-waiting-row .team-schedule-account-chip{min-width:0}.team-schedule-waiting-copy{min-width:0}.team-schedule-waiting-copy b,.team-schedule-waiting-copy small,.team-schedule-waiting-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-schedule-waiting-copy b{color:var(--text);font-size:10px}.team-schedule-waiting-copy small{margin-top:2px;color:var(--cyan);font-size:9px}.team-schedule-waiting-copy em{margin-top:3px;color:var(--dim);font-size:8px;font-style:normal}.team-schedule-waiting-order{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(202,125,255,.34);color:#ddb5ff;font:700 9px Consolas,monospace}.team-schedule-waiting-action{display:grid;place-items:center;min-width:22px}.team-schedule-waiting-action .team-schedule-response-remove{position:static}.team-schedule-waiting-empty{padding:9px;color:var(--dim);font-size:10px;text-align:center}
.recruit-role-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recruit-role-choice{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;padding:7px;border:1px solid rgba(91,213,180,.16);cursor:pointer}.recruit-role-choice:has(input:checked){border-color:rgba(240,213,122,.72);background:rgba(240,213,122,.07)}.recruit-role-choice .team-member-character-entry{min-width:0}
.recruit-publisher-role-scroll{max-height:238px;overflow-y:auto;padding-right:4px}.recruit-publisher-external-choice{margin-top:10px}.recruit-session-publisher .recruit-external-character-fields{margin-top:8px}
.recruit-external-character-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px;padding:11px;border:1px solid rgba(202,125,255,.24);background:rgba(202,125,255,.035)}.recruit-external-character-fields[hidden]{display:none}.recruit-external-character-fields label{display:grid;align-content:start;gap:6px;color:rgba(226,232,240,.72);font-size:11px;font-weight:700}.shared-kungfu-select{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:7px}.shared-kungfu-select-icon{width:36px;height:38px;display:grid;place-items:center;border:1px solid rgba(91,213,180,.18);background:rgba(0,0,0,.18)}.shared-kungfu-select-icon .sect-icon{width:28px;height:28px}.shared-kungfu-select select{min-width:0}.session-publisher-kungfu-picker{position:relative;border:1px solid rgba(91,213,180,.22);background:rgba(0,0,0,.18)}.session-publisher-kungfu-picker summary{min-height:38px;display:flex;align-items:center;padding:4px 10px;cursor:pointer;list-style:none}.session-publisher-kungfu-picker summary::-webkit-details-marker{display:none}.session-publisher-kungfu-picker summary::after{content:"⌄";margin-left:auto;color:#d5b052;font-size:15px}.session-publisher-kungfu-picker[open] summary::after{content:"⌃"}.session-publisher-kungfu-picker [data-session-publisher-kungfu-selected],.session-publisher-kungfu-options button{display:flex;align-items:center;gap:8px}.session-publisher-kungfu-picker .sect-icon{width:27px;height:27px;flex:0 0 27px}.session-publisher-kungfu-options{max-height:240px;overflow:auto;display:grid;padding:5px;border-top:1px solid rgba(91,213,180,.18);background:#07111f}.session-publisher-kungfu-options button{width:100%;min-height:36px;padding:4px 7px;border:0;background:transparent;color:#e2e8f0;text-align:left;cursor:pointer}.session-publisher-kungfu-options button:hover,.session-publisher-kungfu-options button[aria-selected="true"]{background:rgba(213,176,82,.14);color:#f5d879}
.report-candidate-list{display:grid;gap:9px;margin-top:14px}.report-candidate-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(248,242,226,.12);background:rgba(0,0,0,.14)}.report-candidate-card.is-eligible{border-color:rgba(115,210,139,.34)}.report-candidate-card b,.report-candidate-card span,.report-candidate-card small{display:block}.report-candidate-card b{color:var(--gold-lt)}.report-candidate-card span{margin-top:4px;color:var(--muted);font-size:11px}.report-candidate-card small{margin-top:4px;color:var(--dim);font-size:10px;line-height:1.5}
.template-draft-tools,.template-inline-tools{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr) auto;align-items:end;gap:8px;padding:11px;border:1px solid rgba(240,213,122,.24);background:rgba(4,11,25,.64)}.template-inline-tools{margin-bottom:12px;border-color:rgba(91,213,180,.2)}.template-draft-tools label,.template-inline-tools label,.template-plan-occurrence label{display:grid;gap:6px;color:rgba(226,232,240,.72);font-size:11px;font-weight:700}.template-draft-tools input,.template-draft-tools select,.template-inline-tools input,.template-inline-tools select,.template-plan-occurrence input{min-height:38px;padding:8px 10px;border:1px solid rgba(248,242,226,.16);background:rgba(0,0,0,.26);color:var(--text)}.recruit-slot-rule-note{grid-column:1/-1;color:var(--cyan);font-size:10px;line-height:1.5}.template-tabs{margin-bottom:14px}.template-tools-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.template-tools-head p{margin:0;color:var(--dim);font-size:11px}.template-card-list{display:grid;gap:10px}.template-management-card{display:grid;gap:10px;padding:14px;border:1px solid rgba(248,242,226,.14);background:rgba(4,11,25,.62)}.template-management-card > header,.template-management-card > footer{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px}.template-management-card h3,.template-management-card p{margin:0}.template-management-card h3{color:var(--gold-lt);font-family:var(--serif)}.template-management-card small{display:block;margin-top:4px;color:var(--dim)}.template-management-card > footer{justify-content:flex-end}.template-card-meta{display:flex;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:11px}.template-card-meta span{padding:5px 7px;border:1px solid rgba(91,213,180,.14);background:rgba(0,0,0,.16)}.template-card-meta .is-error{color:#ff9d9d;border-color:rgba(255,97,97,.3)}.template-plan-occurrence-list{display:grid;gap:8px}.template-plan-occurrence{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;padding:10px;border:1px solid rgba(91,213,180,.18);background:rgba(0,0,0,.14)}.template-time-summary{display:flex;flex-wrap:wrap;gap:7px}.template-time-summary span{padding:6px 8px;border:1px solid rgba(240,213,122,.2);color:var(--gold-lt);font-size:11px}

@media (prefers-reduced-motion:reduce){.recruit-loading-dot{animation:none}}
@media (max-width:900px){
  .recruit-real-card{grid-template-columns:1fr;grid-template-areas:"head" "body" "meta" "actions"}
  .recruit-active-activity-card{grid-template-areas:"head" "body" "meta" "roster" "actions"}.recruit-active-roster > ol{grid-template-columns:repeat(3,minmax(0,1fr))}
  .recruit-detail-grid{grid-template-columns:1fr}
  .team-schedule-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .recruit-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mercenary-card-content{grid-template-columns:1fr}.mercenary-character-grid,.recruit-role-choice-grid{grid-template-columns:1fr}
  .recruit-real-toolbar{grid-template-columns:1fr}.recruit-real-toolbar .ops-toolbar-side{grid-template-columns:repeat(3,minmax(0,1fr))}
  .recruit-application-card{grid-template-columns:1fr 160px}.recruit-application-actions{grid-column:1/-1;justify-content:flex-end}
  .team-schedule-compact-fields{grid-template-columns:1fr 1fr}.team-schedule-summary-field{grid-column:1/-1;padding:12px 0 0;border-left:0;border-top:1px solid rgba(240,213,122,.25)}.team-schedule-rule-grid,.team-schedule-signup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-schedule-extra-session-main{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .recruit-command-bar,.mercenary-command-bar,.mercenary-boundary,.mercenary-custom-closed,.recruit-disabled-capability,.roster-editor-head,.team-activity-link-state{align-items:stretch;flex-direction:column}
  .mercenary-section-head,.recruit-session-editor-head{align-items:stretch;flex-direction:column}.mercenary-section-head > div:last-child{justify-content:flex-start}.roster-editor-head{align-items:stretch;flex-direction:column}.roster-editor-batch{justify-content:flex-start}.roster-editor-batch select,.roster-editor-batch button{width:100%}
  .recruit-command-actions,.recruit-channel-tabs{width:100%}.recruit-command-actions > button,.recruit-channel-tabs button{flex:1 1 auto}
  .recruit-form-grid,.roster-editor-grid,.recruit-check-grid,.recruit-external-character-fields{grid-template-columns:1fr}
  .roster-editor-slot{grid-template-columns:1fr}.roster-editor-slot label:first-of-type{grid-column:auto}
  .recruit-feature-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:16px}
  .team-schedule-detail-head{grid-template-columns:1fr}.team-schedule-detail-head > div:last-child{text-align:left}
  .template-draft-tools,.template-inline-tools,.template-plan-occurrence{grid-template-columns:1fr}.template-draft-tools button,.template-inline-tools button,.template-plan-occurrence button{width:100%}.template-tools-head{align-items:stretch;flex-direction:column}
  .team-schedule-compact-fields{grid-template-columns:1fr}.team-schedule-editor-column{padding:0}.team-schedule-editor-column-plate,.team-schedule-summary-field{padding-top:12px;border-left:0;border-top:1px solid rgba(240,213,122,.25)}.team-schedule-configuration-modes{grid-template-columns:1fr}.team-schedule-rule-toolbar,.team-schedule-inline-toolbar,.team-schedule-multi-session-head{align-items:stretch;flex-direction:column}.team-schedule-rule-grid,.team-schedule-signup-grid,.recruit-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-schedule-card > .team-schedule-card-header{grid-template-columns:1fr}.team-schedule-card-title{grid-template-columns:92px minmax(0,1fr);align-items:center}.team-schedule-card-title .team-schedule-plate{width:92px;height:29px}.team-schedule-card-head-actions{width:100%;justify-content:space-between}.team-schedule-extra-session-main{grid-template-columns:1fr}
  .recruit-active-roster > ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){
  .recruit-real-card,.mercenary-card,.team-schedule-card,.team-activity-history-card{padding:12px}
  .recruit-real-card-head,.team-schedule-card > header,.team-activity-history-card > header{align-items:flex-start;flex-direction:column}
  .recruit-real-card-meta,.team-schedule-facts,.recruit-detail-facts,.mercenary-card-meta,.team-activity-stats{grid-template-columns:1fr}
  .recruit-real-toolbar .ops-toolbar-side{grid-template-columns:1fr}
  .recruit-real-card-actions,.mercenary-card footer,.team-schedule-card footer{justify-content:stretch}.recruit-real-card-actions button,.mercenary-card footer button,.team-schedule-card footer button{width:100%}
  .recruit-roster-grid{grid-template-columns:1fr}.recruit-slot-state{justify-content:flex-start}
  .report-candidate-card{grid-template-columns:1fr}.report-candidate-card button{width:100%}
  .recruit-session-summary,.recruit-application-card{grid-template-columns:1fr}.recruit-application-actions{grid-column:auto}.recruit-application-actions button{width:100%}
  .team-schedule-time-fields,.team-schedule-plate-picker > div{grid-template-columns:1fr}.team-schedule-rule-grid,.team-schedule-signup-grid{grid-template-columns:1fr}
  .recruit-active-roster > ol{grid-template-columns:1fr}
}

.activity-quick-center-fab{position:fixed;right:24px;bottom:24px;z-index:88;width:62px;height:62px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--gold-lt);cursor:pointer;filter:drop-shadow(0 6px 18px rgba(0,0,0,.72))}.activity-quick-center-fab svg{display:block;width:100%;height:100%;overflow:visible}.activity-quick-center-fab-aura{fill:rgba(5,14,28,.72);stroke:rgba(240,213,122,.22);stroke-width:4;animation:activityQuickCenterAura 2.8s ease-in-out infinite}.activity-quick-center-fab-shell{fill:#071323;stroke:#e1b84f;stroke-width:1.5}.activity-quick-center-fab-runner{fill:none;stroke:#fff0ad;stroke-width:2;stroke-linecap:round;stroke-dasharray:12 88;animation:activityQuickCenterSweep 4.6s linear infinite}.activity-quick-center-fab text{fill:#ffe89c;stroke:rgba(0,0,0,.82);stroke-width:1;paint-order:stroke fill;font:900 25px var(--serif);filter:drop-shadow(0 0 4px rgba(240,213,122,.72))}.activity-quick-center-fab:hover,.activity-quick-center-fab:focus-visible{outline:0;transform:translateY(-2px);filter:drop-shadow(0 8px 22px rgba(214,174,74,.34))}.activity-quick-center-fab:focus-visible .activity-quick-center-fab-shell{stroke:#fff5c7;stroke-width:2.5}@keyframes activityQuickCenterAura{0%,100%{opacity:.42;transform-origin:center;transform:scale(.94)}50%{opacity:1;transform-origin:center;transform:scale(1.05)}}@keyframes activityQuickCenterSweep{to{stroke-dashoffset:-100}}
.desktop-local-report-fab{position:fixed;right:28px;bottom:100px;z-index:89;width:54px;height:54px;padding:6px;border:1px solid rgba(240,213,122,.64);border-radius:50%;background:#071323;color:var(--gold-lt);box-shadow:0 10px 28px rgba(0,0,0,.58),0 0 0 4px rgba(7,19,35,.72);cursor:pointer}.desktop-local-report-fab img{display:block;width:100%;height:100%;object-fit:contain}.desktop-local-report-fab span{position:absolute;right:calc(100% + 10px);top:50%;min-width:64px;padding:6px 8px;border:1px solid rgba(240,213,122,.32);background:#071323;color:var(--gold-lt);font-size:10px;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(6px,-50%);transition:opacity .14s ease,transform .14s ease}.desktop-local-report-fab:hover,.desktop-local-report-fab:focus-visible{border-color:#fff0ad;outline:0;transform:translateY(-2px)}.desktop-local-report-fab:hover span,.desktop-local-report-fab:focus-visible span{opacity:1;transform:translate(0,-50%)}
body.is-desktop-shell.has-desktop-pve-side-nav .page{min-width:calc(var(--prototype-min-content) + 224px);padding-left:202px;transition:padding-left .16s ease}
body.is-desktop-shell.has-desktop-pve-side-nav.is-desktop-pve-side-nav-collapsed .page{min-width:calc(var(--prototype-min-content) + 90px);padding-left:68px}
body.is-desktop-shell .pve-control-side-nav{position:fixed;top:92px;left:12px;z-index:12000;width:180px;max-height:calc(100vh - 110px);transition:width .16s ease,padding .16s ease}
body.is-desktop-shell .pve-control-side-nav-head{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:6px;justify-content:stretch}
body.is-desktop-shell .pve-control-side-nav-toggle{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(240,213,122,.28);background:rgba(3,10,22,.82);color:var(--gold-lt);font:700 22px/1 var(--font)}
body.is-desktop-shell .pve-control-side-nav-toggle:hover,body.is-desktop-shell .pve-control-side-nav-toggle:focus-visible{border-color:var(--gold-lt);background:rgba(240,213,122,.08);outline:0}
body.is-desktop-shell .pve-control-side-nav.is-desktop-collapsed{width:46px;min-height:176px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 6px 12px;overflow:hidden}
body.is-desktop-shell .pve-control-side-nav.is-desktop-collapsed .pve-control-side-nav-head{display:block;width:100%;padding-bottom:8px}
body.is-desktop-shell .pve-control-side-nav.is-desktop-collapsed .pve-control-side-nav-head>b,body.is-desktop-shell .pve-control-side-nav.is-desktop-collapsed .pve-control-side-nav-body{display:none}
body.is-desktop-shell .pve-control-side-nav.is-desktop-collapsed .pve-control-side-nav-toggle{width:32px;margin:0 auto}
body.is-desktop-shell .pve-control-side-nav.is-desktop-collapsed .pve-control-side-nav-rail-label{display:block;color:var(--muted);font:700 11px/1.2 var(--serif);letter-spacing:0;writing-mode:vertical-rl}
body.is-desktop-shell .desktop-local-report-fab{right:26px;bottom:100px}
.activity-quick-center-modal{width:min(1240px,calc(100vw - 32px));max-height:min(920px,calc(100vh - 32px));overflow:auto}.activity-quick-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.activity-quick-center-day{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(91,213,180,.28);color:var(--cyan);background:rgba(5,24,36,.68);font-size:10px}.activity-quick-center-kind-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;padding:6px;border:1px solid rgba(91,213,180,.18);background:rgba(4,11,25,.62)}.activity-quick-center-kind-tabs button,.activity-quick-center-group-tabs button{border:1px solid rgba(91,213,180,.18);background:rgba(5,14,29,.72);color:var(--muted);cursor:pointer}.activity-quick-center-kind-tabs button{min-height:42px;font:800 13px var(--serif)}.activity-quick-center-kind-tabs button.active,.activity-quick-center-kind-tabs button:hover,.activity-quick-center-group-tabs button.active,.activity-quick-center-group-tabs button:hover{border-color:rgba(240,213,122,.70);color:var(--gold-lt);background:rgba(240,213,122,.07)}.activity-quick-center-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;min-height:520px}.activity-quick-center-group-tabs{display:grid;align-content:start;gap:7px}.activity-quick-center-group-tabs button{display:grid;gap:4px;min-height:54px;padding:9px 10px;text-align:left}.activity-quick-center-group-tabs b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-family:var(--serif)}.activity-quick-center-group-tabs span{font-size:10px}.activity-quick-center-detail{min-width:0;padding:12px;border:1px solid rgba(91,213,180,.18);background:rgba(2,9,21,.52)}.activity-quick-center-session-tabs{margin:0}.activity-quick-center-session-tabs button em{color:var(--cyan);font-size:9px;font-style:normal}.activity-quick-center-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.activity-quick-center-summary span{padding:8px 10px;border:1px solid rgba(91,213,180,.16);color:var(--text);font-size:10px}.activity-quick-center-summary b{display:block;margin-bottom:4px;color:var(--dim);font-size:9px}.activity-quick-center-roster-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:15px 0 10px}.activity-quick-center-roster-head h3{margin:3px 0 0;color:var(--gold-lt);font-family:var(--serif)}.activity-quick-center-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.activity-quick-center-actions button{min-height:30px}.activity-quick-center-roster{margin:0}.activity-quick-center-roster .team-schedule-signup-slot{position:relative}.activity-quick-center-role{display:flex;align-items:center;gap:7px;min-width:0;padding:8px}.activity-quick-center-role > span:last-child{min-width:0}.activity-quick-center-role b,.activity-quick-center-role small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-quick-center-role b{color:var(--text);font-size:10px}.activity-quick-center-role small{margin-top:3px;color:var(--cyan);font-size:8px}.activity-quick-center-slot-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:0 7px 7px}.activity-quick-center-empty{display:grid;place-items:center;min-height:260px;padding:24px;border:1px dashed rgba(240,213,122,.26);color:var(--muted);text-align:center}
@media (max-width:900px){.activity-quick-center-workspace{grid-template-columns:1fr}.activity-quick-center-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-quick-center-head{display:grid}.activity-quick-center-summary{grid-template-columns:1fr}.activity-quick-center-roster-head{align-items:stretch;flex-direction:column}.activity-quick-center-actions{justify-content:flex-start}.activity-quick-center-fab{right:14px;bottom:14px;width:56px;height:56px}.desktop-local-report-fab{right:17px;bottom:84px;width:50px;height:50px}}
@media (max-width:520px){.activity-quick-center-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:14px}.activity-quick-center-group-tabs{grid-template-columns:1fr}.activity-quick-center-actions button{width:100%}}
@media (prefers-reduced-motion:reduce){.activity-quick-center-fab-aura,.activity-quick-center-fab-runner{animation:none}}
.activity-quick-center-fab.has-pending{animation:activityQuickCenterBounce 1.25s ease-in-out infinite}.activity-quick-center-badge{position:absolute;right:-2px;top:-4px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #071323;border-radius:999px;background:#d94141;color:#fff;font:800 10px Consolas,monospace;box-shadow:0 0 12px rgba(255,74,74,.62)}@keyframes activityQuickCenterBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.recruit-unified-basics{padding:12px;border:1px solid rgba(91,213,180,.20);background:rgba(4,11,25,.50)}.recruit-bound-admission{border-color:rgba(240,213,122,.28)}.recruit-session-editor-inherited{grid-template-columns:minmax(0,1fr);padding:12px}.recruit-session-editor-inherited > label{display:grid;gap:5px}.recruit-session-editor-inherited input{min-height:38px;border:1px solid rgba(91,213,180,.32);background:#06101f;color:var(--text);padding:8px}
.recruit-primary-sort{display:flex;align-items:center;gap:5px;white-space:nowrap}.recruit-primary-sort label{display:flex;align-items:center;gap:6px;color:var(--dim);font-size:10px}.recruit-primary-sort select{min-width:112px;height:32px;padding:0 28px 0 9px;border:1px solid rgba(91,213,180,.24);background:#06101f;color:var(--text);font-size:11px}.recruit-primary-sort button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(91,213,180,.24);background:#06101f;color:var(--gold-lt);font:800 15px/1 Consolas,monospace;cursor:pointer}.recruit-primary-sort select:hover,.recruit-primary-sort select:focus-visible,.recruit-primary-sort button:hover,.recruit-primary-sort button:focus-visible{border-color:rgba(240,213,122,.62);outline:0}
.recruit-horizontal-card{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 220px 86px;grid-template-areas:"main session actions";align-items:stretch;gap:0;padding:11px 12px 11px 20px;overflow:visible;border-left:0;border-radius:18px;background:linear-gradient(100deg,rgba(240,213,122,.065),transparent 46%),rgba(7,20,36,.94)}.recruit-horizontal-accent{position:absolute;left:5px;top:10px;bottom:10px;width:4px;border:1px solid rgba(255,232,148,.58);border-radius:999px;background:linear-gradient(180deg,#ffe48a,#c68b20);box-shadow:0 0 10px rgba(240,213,122,.35)}.recruit-horizontal-main{grid-area:main;min-width:0;display:grid;align-content:center;gap:10px;padding:0 15px 0 4px}.recruit-horizontal-title{display:flex;align-items:center;gap:10px;min-width:0}.recruit-horizontal-title > .recruit-team-summary-trigger{flex:0 0 auto}.recruit-horizontal-title > .recruit-publisher{flex:0 0 auto}.recruit-horizontal-title-copy{min-width:0}.recruit-horizontal-title h2{display:flex;align-items:center;gap:7px;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gold-lt);font:800 15px/1.35 var(--serif)}.recruit-horizontal-title h2 > span{flex:0 0 auto;color:var(--text);font-size:12px}.recruit-horizontal-info{display:flex;align-items:center;gap:10px;min-width:0}.recruit-horizontal-context,.recruit-horizontal-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.recruit-horizontal-context{flex:0 0 auto}.recruit-horizontal-tags{min-width:0}.recruit-horizontal-dungeon,.recruit-horizontal-vehicle-count,.recruit-horizontal-tags > span{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border:1px solid rgba(240,213,122,.30);background:rgba(3,10,22,.62);color:var(--gold-lt);font-size:9px;line-height:1.2}.recruit-horizontal-vehicle-count{border-color:rgba(255,149,91,.42);color:#ffc38f}.recruit-horizontal-tags > span{border-color:rgba(91,213,180,.26);color:var(--text)}.recruit-horizontal-session{grid-area:session;display:grid;align-content:center;gap:8px;min-width:0;padding:0 13px;border-left:1px solid rgba(91,213,180,.18);border-right:1px solid rgba(91,213,180,.18)}.recruit-horizontal-session-head{display:flex;align-items:center;justify-content:space-between;gap:7px}.recruit-horizontal-session select{min-width:0;width:92px;height:30px;padding:0 24px 0 8px;border:1px solid rgba(240,213,122,.34);background:#06101f;color:var(--text);font-size:10px}.recruit-horizontal-session-head .ops-status{flex:0 0 auto}.recruit-horizontal-session-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recruit-horizontal-session-facts span{min-width:0;color:var(--text);font-size:10px}.recruit-horizontal-session-facts b{display:block;margin-bottom:3px;color:var(--dim);font-size:8px}.recruit-horizontal-detail-link{justify-self:end;padding:0;border:0;background:none;color:var(--cyan);font-size:9px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.recruit-horizontal-detail-link:hover,.recruit-horizontal-detail-link:focus-visible{color:var(--gold-lt);outline:0}.recruit-horizontal-actions{grid-area:actions;display:grid;place-items:center;padding-left:12px}.recruit-horizontal-actions button{width:100%}.recruit-horizontal-actions > .recruit-horizontal-detail-link{min-height:52px;padding:7px;border:1px solid rgba(91,213,180,.28);text-decoration:none}.recruit-horizontal-apply{min-height:58px;padding:8px 9px;border-radius:13px;font-size:12px;line-height:1.35;white-space:normal}.recruit-horizontal-actions.is-management{align-content:center;gap:5px}.recruit-horizontal-actions.is-management button{min-height:29px;padding:4px 6px;font-size:9px}
.recruit-horizontal-actions > a.recruit-horizontal-detail-link,.recruit-roster-view-toolbar > a.gold-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
.recruit-team-summary-trigger{position:relative;display:inline-grid;place-items:center;outline:0}.recruit-team-summary-trigger:focus-visible .team-schedule-plate{filter:drop-shadow(0 0 8px var(--plate-accent))}.recruit-team-summary-tooltip{position:absolute;left:0;top:calc(100% + 8px);z-index:45;width:260px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid rgba(240,213,122,.42);background:rgba(3,9,20,.98);box-shadow:0 18px 42px rgba(0,0,0,.62),0 0 18px rgba(91,213,180,.10);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:.14s ease}.recruit-team-summary-trigger:hover .recruit-team-summary-tooltip,.recruit-team-summary-trigger:focus .recruit-team-summary-tooltip,.recruit-team-summary-trigger:focus-within .recruit-team-summary-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:none}.recruit-team-summary-tooltip > span:last-child{min-width:0}.recruit-team-summary-tooltip b,.recruit-team-summary-tooltip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recruit-team-summary-tooltip b{color:var(--gold-lt);font-family:var(--serif)}.recruit-team-summary-tooltip small{margin-top:5px;color:var(--muted);font-size:10px}.activity-quick-center-applications{margin-top:18px}
.recruit-horizontal-title-copy.recruit-team-summary-trigger{display:block;place-items:initial;min-width:0}.recruit-horizontal-title-copy.recruit-team-summary-trigger > .recruit-team-summary-tooltip{left:0;top:calc(100% + 7px)}
.recruit-real-list.is-long-term-grid{grid-template-columns:repeat(auto-fill,minmax(250px,290px));align-items:start;justify-content:start;gap:18px}.recruit-long-term-card{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:0;padding:0;overflow:hidden;border:1px solid rgba(240,213,122,.42);border-top:2px solid rgba(202,125,255,.68);border-radius:22px;background:linear-gradient(150deg,rgba(202,125,255,.075),transparent 52%),rgba(7,15,32,.96);box-shadow:0 14px 32px rgba(0,0,0,.30),0 0 18px rgba(202,125,255,.08)}.recruit-long-term-media{position:relative;width:100%;display:block;overflow:hidden;padding:0;border:0;border-bottom:1px solid rgba(240,213,122,.38);background:#030812;cursor:pointer}.recruit-long-term-media:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.recruit-long-term-poster{width:100%;aspect-ratio:4/5;display:block;object-fit:cover;background:#030812}.recruit-long-term-poster.is-empty{display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 30% 20%,rgba(202,125,255,.16),transparent 56%),#040b18;color:rgba(240,213,122,.65);font:800 13px var(--serif);letter-spacing:.14em}.recruit-long-term-poster.is-empty small{color:rgba(226,232,240,.48);font:500 9px sans-serif;letter-spacing:.04em}.recruit-long-term-kind{position:absolute;left:12px;bottom:11px;padding:5px 8px;border:1px solid rgba(240,213,122,.58);border-radius:999px;background:rgba(2,8,18,.88);color:var(--gold-lt);font-size:9px;line-height:1;box-shadow:0 0 10px rgba(240,213,122,.16)}.recruit-long-term-public-summary{min-height:78px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(90deg,rgba(240,213,122,.06),transparent 60%)}.recruit-long-term-team-link{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.recruit-long-term-team-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(240,213,122,.42);border-radius:11px;background:#081427}.recruit-long-term-team-avatar .team-plate-avatar,.recruit-long-term-team-avatar img{width:100%;height:100%;object-fit:cover}.recruit-long-term-team-avatar .pve-team-category-svg{display:none}.recruit-long-term-team-link > span:last-child{min-width:0}.recruit-long-term-team-link b,.recruit-long-term-team-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recruit-long-term-team-link b{color:var(--gold-lt);font:800 13px/1.35 var(--serif)}.recruit-long-term-team-link small{margin-top:4px;color:var(--muted);font-size:9px}.recruit-long-term-detail-link{align-self:end;padding:0 0 2px;border:0;background:none;color:var(--cyan);font-size:9px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer}.recruit-long-term-detail-link:hover,.recruit-long-term-detail-link:focus-visible{color:var(--gold-lt);outline:0}.recruit-card-remove{position:absolute;right:9px;top:9px;z-index:8;display:grid;place-items:center;width:27px;height:27px;padding:0;border:1px solid rgba(255,114,114,.68);border-radius:50%;background:rgba(24,5,12,.90);color:#ffaaaa;font:700 17px/1 sans-serif;box-shadow:0 0 12px rgba(255,65,65,.16);cursor:pointer}.recruit-card-remove:hover,.recruit-card-remove:focus-visible{border-color:#ffb2b2;background:#53131d;color:#fff;outline:0}.recruit-long-term-manage-body{display:grid;gap:8px;padding:12px;border-top:1px solid rgba(91,213,180,.18)}.recruit-long-term-manage-body h2,.recruit-long-term-manage-body p{margin:0}.recruit-long-term-manage-body h2{overflow:hidden;color:var(--gold-lt);font:800 15px/1.35 var(--serif);text-overflow:ellipsis;white-space:nowrap}.recruit-long-term-manage-body p{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recruit-horizontal-card .recruit-card-remove{right:6px;top:6px}.recruit-default-publisher{display:grid;align-content:center;gap:4px;min-height:68px;padding:10px 12px;border:1px solid rgba(240,213,122,.25);background:rgba(240,213,122,.04)}.recruit-default-publisher span,.recruit-default-publisher small{color:var(--muted);font-size:10px}.recruit-default-publisher b{color:var(--gold-lt);font-family:var(--serif)}.recruit-long-term-actions{display:flex;align-items:center;gap:6px}.recruit-long-term-actions button{min-height:29px;padding:4px 8px;font-size:9px}.recruit-contact-methods-view{display:grid;gap:8px}.recruit-contact-methods-view > span{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 9px;border:1px solid rgba(91,213,180,.18);background:rgba(2,9,21,.54);color:var(--text);font-size:11px}.recruit-contact-methods-view > span b{color:var(--dim);font-size:9px}.recruit-contact-methods-view.is-compact{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.recruit-contact-methods-view.is-compact > span{min-height:25px;padding:4px 6px;gap:6px}.recruit-contact-methods-view .recruit-contact-site-message{justify-self:stretch}.recruit-contact-methods-view.is-compact .recruit-contact-site-message{justify-self:auto;min-height:25px;padding:3px 7px}.recruit-contact-structured-only,.recruit-contact-unavailable{color:var(--muted)!important}.recruit-long-term-detail .recruit-detail-main{display:grid;align-content:start;gap:12px}.recruit-long-term-detail .recruit-detail-main h2,.recruit-long-term-detail .recruit-detail-main p{margin:0}.recruit-long-term-detail-poster{display:block;width:100%;max-height:560px;border:1px solid rgba(240,213,122,.32);object-fit:contain;background:#030812}.recruit-long-term-detail .recruit-detail-side > p{color:var(--muted);font-size:11px;line-height:1.65}.recruit-long-term-manage-actions{display:grid;gap:7px;margin-top:12px}.recruit-long-term-manage-actions button{width:100%}
.recruit-daily-contact-strip{display:flex;align-items:center;gap:10px;margin:12px 0;padding:9px 10px;border:1px solid rgba(91,213,180,.18);background:rgba(2,9,21,.46)}.recruit-daily-contact-strip > b{flex:0 0 auto;color:var(--gold-lt);font-size:10px}.recruit-daily-contact-strip .recruit-contact-methods-view{flex:1}
@media (max-width:1050px){.recruit-real-toolbar{grid-template-columns:minmax(240px,1fr) auto}.recruit-real-toolbar .ops-toolbar-side{grid-column:1/-1;justify-self:end}.recruit-filter-cluster .ops-search-field{max-width:none}.recruit-horizontal-card{grid-template-columns:minmax(0,1fr) 205px 80px}.recruit-horizontal-info{align-items:flex-start;flex-direction:column;gap:6px}.recruit-admission-rule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.recruit-real-toolbar{grid-template-columns:1fr}.recruit-real-toolbar .ops-toolbar-side{grid-column:auto}.recruit-primary-sort{justify-content:flex-end}.recruit-horizontal-card{grid-template-columns:1fr 76px;grid-template-areas:"main main" "session actions";gap:10px}.recruit-horizontal-main{padding-right:4px}.recruit-horizontal-session{padding:10px 10px 0 0;border-left:0;border-right:1px solid rgba(91,213,180,.18);border-top:1px solid rgba(91,213,180,.18)}.recruit-horizontal-actions{padding:10px 0 0;border-top:1px solid rgba(91,213,180,.18)}.recruit-horizontal-info{flex-direction:row;align-items:center}.recruit-horizontal-title > .recruit-publisher{max-width:46%}}
@media (max-width:560px){.recruit-horizontal-title{align-items:flex-start;flex-direction:column}.recruit-horizontal-info{align-items:flex-start;flex-direction:column}.recruit-horizontal-session-facts{grid-template-columns:1fr}.recruit-team-summary-tooltip{width:min(260px,82vw)}.recruit-publisher-inline,.recruit-admission-rule-grid{grid-template-columns:1fr}}
@media (max-width:820px){.recruit-page-actions{justify-content:flex-start}.recruit-draft-console-head{align-items:stretch;flex-direction:column}.recruit-real-list.is-long-term-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
@media (max-width:560px){.recruit-real-list.is-long-term-grid{grid-template-columns:1fr}.recruit-long-term-actions{flex-wrap:wrap}.recruit-poster-upload-row{align-items:stretch;flex-direction:column}.recruit-poster-preview-shell{grid-template-columns:1fr}.recruit-contact-methods-view.is-compact{display:grid}.recruit-contact-methods-view.is-compact .recruit-contact-site-message{width:100%}}
@media (max-width:760px){.live-promotion-intro{grid-template-columns:1fr}.live-promotion-provider{min-height:54px}.live-promotion-input-row{grid-template-columns:1fr}.live-promotion-input-row .gold-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.activity-quick-center-fab.has-pending{animation:none}}

.recruit-long-term-card{grid-template-areas:none}
.recruit-long-term-poster[hidden]{display:none}
.recruit-long-term-detail-poster{height:auto;max-height:none;object-fit:initial}
.recruit-long-term-public-summary{position:relative}
.recruit-long-term-public-summary .recruit-long-term-kind{left:auto;right:12px;top:9px;bottom:auto;z-index:2}
.recruit-long-term-card[data-recruit-open]{cursor:pointer}
.recruit-long-term-card[data-recruit-open]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.recruit-long-term-team-link{cursor:inherit}
.recruit-detail-team-hero{margin:0}

/* Public player and team homes */
.public-home-page{display:grid;gap:20px;width:min(1480px,100%);margin:0 auto;padding:2px 0 34px}.public-home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:150px minmax(280px,1fr) minmax(360px,auto) auto;align-items:center;gap:24px;min-height:220px;padding:28px 30px;overflow:hidden;border-color:rgba(240,213,122,.42);background:radial-gradient(circle at 10% 15%,rgba(91,213,180,.15),transparent 31%),radial-gradient(circle at 84% 0,rgba(240,213,122,.13),transparent 34%),linear-gradient(120deg,rgba(7,22,40,.98),rgba(3,10,23,.98))}.public-home-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.018),transparent);transform:skewX(-24deg) translateX(23%)}.public-home-avatar-wrap{display:grid;place-items:center}.public-home-avatar-wrap .personal-home-avatar,.public-home-avatar-wrap .public-team-home-avatar{width:132px;height:132px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(240,213,122,.64);border-radius:30px;background:linear-gradient(145deg,#102a43,#071323);color:var(--gold-lt);font:900 42px/1 var(--serif);box-shadow:0 18px 40px rgba(0,0,0,.38),0 0 26px rgba(240,213,122,.12)}.public-home-avatar-wrap .personal-home-avatar{border-radius:50%}.public-home-avatar-wrap img{width:100%;height:100%;object-fit:cover}.public-home-hero-copy{min-width:0}.public-home-kicker{display:block;margin-bottom:8px;color:var(--cyan);font:800 10px/1 var(--font);letter-spacing:.16em}.public-home-hero-copy h1{margin:0;color:#fff4bf;font:900 clamp(30px,3.1vw,48px)/1.08 var(--serif);letter-spacing:.04em;text-shadow:0 4px 20px rgba(0,0,0,.45)}.public-home-hero-copy>p{margin:10px 0 0;color:var(--muted);font-size:13px}.public-home-badges{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px}.public-home-badges span,.public-home-team-link{min-height:28px;padding:6px 10px;border:1px solid rgba(240,213,122,.31);border-radius:999px;background:rgba(240,213,122,.06);color:var(--gold-lt);font-size:10px}.public-home-team-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;cursor:pointer}.public-home-team-link span{padding-left:8px;border-left:1px solid rgba(240,213,122,.28);color:var(--muted)}.public-home-team-link:hover,.public-home-team-link:focus-visible{border-color:var(--gold-lt);outline:0;background:rgba(240,213,122,.11)}.public-home-stats{display:grid;grid-template-columns:repeat(3,minmax(102px,1fr));gap:9px}.public-home-stats>div{display:grid;align-content:center;gap:6px;min-height:84px;padding:12px;border:1px solid rgba(91,213,180,.19);background:rgba(2,10,22,.58);text-align:center}.public-home-stats b{color:#fff1ae;font:900 20px/1 var(--serif)}.public-home-stats span{color:var(--dim);font-size:9px}.public-home-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.public-home-content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.82fr);align-items:start;gap:20px}.public-home-main-column,.public-home-side-column{display:grid;gap:20px;min-width:0}.public-home-section{padding:20px}.public-home-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(240,213,122,.18)}.public-home-section>header span{display:block;margin-bottom:5px;color:var(--cyan);font-size:9px;letter-spacing:.13em}.public-home-section>header h2{margin:0;color:var(--gold-lt);font:900 20px/1.2 var(--serif)}.public-home-empty{display:grid;place-items:center;min-height:112px;padding:22px;border:1px dashed rgba(91,213,180,.22);background:rgba(2,10,22,.28);color:var(--muted);font-size:12px;text-align:center}.public-home-notice{display:grid;place-items:center;gap:12px;min-height:390px;padding:44px;text-align:center}.public-home-notice h1,.public-home-notice p{margin:0}.public-home-notice h1{color:var(--gold-lt);font:900 28px var(--serif)}.public-home-notice p{color:var(--muted);line-height:1.7}.public-home-achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.public-home-achievement-card{position:relative;display:grid;align-content:start;gap:7px;min-height:148px;padding:15px;border:1px solid rgba(240,213,122,.25);background:linear-gradient(145deg,rgba(240,213,122,.065),rgba(4,12,26,.78))}.public-home-achievement-card>span{color:var(--cyan);font-size:9px}.public-home-achievement-card strong{color:#fff0a8;font:900 22px/1.1 var(--serif)}.public-home-achievement-card b{color:var(--text);font-size:11px}.public-home-achievement-card small{color:var(--muted);font-size:9px;line-height:1.5}.public-home-achievement-card a{align-self:end;justify-self:start;margin-top:auto;color:var(--gold-lt);font-size:10px;text-decoration:none}.public-home-achievement-card a:hover,.public-home-achievement-card a:focus-visible{color:#fff6cb;outline:0;text-decoration:underline}.public-user-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-user-role-card{display:grid;gap:13px;min-width:0;padding:16px;border:1px solid color-mix(in srgb,var(--role-color,#5bd5b4) 42%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--role-color,#5bd5b4) 8%,transparent),rgba(3,10,23,.78))}.public-user-role-head{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px}.public-user-role-head .personal-role-icon,.public-user-role-head .role-card-icon,.public-user-role-head>span:first-child{width:54px;height:54px}.public-user-role-head h3,.public-user-role-head p{margin:0}.public-user-role-head h3{overflow:hidden;color:var(--text);font:900 16px/1.3 var(--serif);text-overflow:ellipsis;white-space:nowrap}.public-user-role-head p{margin-top:4px;color:var(--muted);font-size:9px}.public-user-role-head>span:last-child{padding:4px 7px;border:1px solid rgba(240,213,122,.38);border-radius:999px;color:var(--gold-lt);font-size:8px;white-space:nowrap}.public-user-role-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:24px}.public-user-role-meta span{padding:5px 8px;border:1px solid rgba(91,213,180,.18);background:rgba(2,9,20,.42);color:var(--muted);font-size:9px}.public-user-role-meta b{color:var(--text)}.public-user-role-card>.text-link{justify-self:start}.public-user-channel-list{display:grid;gap:8px}.public-user-channel-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:11px 12px;border:1px solid rgba(91,213,180,.2);background:rgba(3,12,25,.58);text-decoration:none}.public-user-channel-list a:hover,.public-user-channel-list a:focus-visible{border-color:rgba(240,213,122,.58);outline:0;background:rgba(240,213,122,.06)}.public-user-channel-list b{color:var(--text);font:800 12px var(--serif)}.public-user-channel-list span{color:var(--cyan);font-size:9px}.public-user-team-card{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:12px;border:1px solid rgba(240,213,122,.25);background:rgba(3,12,25,.58);color:inherit;text-align:left;cursor:pointer}.public-user-team-card:hover,.public-user-team-card:focus-visible{border-color:var(--gold-lt);outline:0;background:rgba(240,213,122,.07)}.public-user-team-card .team-plate-avatar{width:58px;height:58px}.public-user-team-card b,.public-user-team-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-user-team-card b{color:var(--gold-lt);font:900 14px var(--serif)}.public-user-team-card small{margin-top:6px;color:var(--muted);font-size:9px}.public-team-lineup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.public-team-lineup-card{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:58px;padding:8px;border:1px solid rgba(91,213,180,.16);background:rgba(2,9,21,.48);color:inherit;text-align:left}.public-team-lineup-card:is(button){cursor:pointer}.public-team-lineup-card:is(button):hover,.public-team-lineup-card:is(button):focus-visible{border-color:rgba(240,213,122,.55);outline:0;background:rgba(240,213,122,.06)}.public-team-lineup-icon{width:38px;height:38px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(240,213,122,.25);background:#071323}.public-team-lineup-icon img{width:100%;height:100%;object-fit:cover}.public-team-lineup-card b,.public-team-lineup-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-team-lineup-card b{color:var(--text);font:800 10px var(--serif)}.public-team-lineup-card small{margin-top:4px;color:var(--muted);font-size:8px}.public-team-leader-card{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:11px;padding:12px;border:1px solid rgba(240,213,122,.27);background:linear-gradient(145deg,rgba(240,213,122,.07),rgba(2,9,21,.64));color:inherit;text-align:left;cursor:pointer}.public-team-leader-card:hover,.public-team-leader-card:focus-visible{border-color:var(--gold-lt);outline:0;background:rgba(240,213,122,.11)}.public-team-leader-avatar{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(240,213,122,.46);border-radius:50%;background:#071323;color:var(--gold-lt);font:900 20px var(--serif)}.public-team-leader-avatar img{width:100%;height:100%;object-fit:cover}.public-team-leader-card b,.public-team-leader-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-team-leader-card b{color:var(--gold-lt);font:900 14px var(--serif)}.public-team-leader-card small{margin-top:5px;color:var(--muted);font-size:9px}.public-team-recruit-list{display:grid;gap:9px}.public-team-recruit-card{display:grid;gap:8px;padding:13px;border:1px solid rgba(240,213,122,.24);background:linear-gradient(140deg,rgba(240,213,122,.055),rgba(3,10,22,.7))}.public-team-recruit-card span{color:var(--cyan);font-size:8px}.public-team-recruit-card h3,.public-team-recruit-card p{margin:0}.public-team-recruit-card h3{margin-top:4px;color:var(--gold-lt);font:900 14px/1.35 var(--serif)}.public-team-recruit-card p,.public-team-recruit-card small{color:var(--muted);font-size:9px;line-height:1.55}.public-team-recruit-card .text-link{justify-self:start}
@media (max-width:1120px){.public-home-hero{grid-template-columns:124px minmax(260px,1fr) minmax(300px,auto)}.public-home-avatar-wrap .personal-home-avatar,.public-home-avatar-wrap .public-team-home-avatar{width:112px;height:112px}.public-home-actions{grid-column:2/-1;justify-content:flex-start}.public-home-content-grid{grid-template-columns:1fr}.public-home-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.public-team-lineup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.public-home-page{gap:14px}.public-home-hero{grid-template-columns:92px minmax(0,1fr);gap:16px;min-height:0;padding:20px}.public-home-avatar-wrap .personal-home-avatar,.public-home-avatar-wrap .public-team-home-avatar{width:88px;height:88px;border-radius:22px;font-size:28px}.public-home-avatar-wrap .personal-home-avatar{border-radius:50%}.public-home-hero-copy h1{font-size:29px}.public-home-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.public-home-stats>div{min-height:68px;padding:9px}.public-home-stats b{font-size:16px}.public-home-actions{grid-column:1/-1}.public-home-section{padding:15px}.public-home-achievement-grid,.public-user-role-grid{grid-template-columns:1fr}.public-home-side-column{grid-template-columns:1fr}.public-team-lineup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:430px){.public-home-hero{grid-template-columns:1fr;text-align:center}.public-home-avatar-wrap{justify-content:center}.public-home-badges,.public-home-team-link,.public-home-actions{justify-self:center}.public-home-stats{grid-template-columns:1fr}.public-home-stats>div{min-height:56px}.public-home-actions .gold-btn{width:100%}.public-team-lineup-grid{grid-template-columns:1fr}.public-user-role-head{grid-template-columns:48px minmax(0,1fr)}.public-user-role-head>span:last-child{grid-column:2;justify-self:start}}

body.is-public-home-route{overflow-x:hidden}
body.is-public-home-route .page{min-width:0;padding:clamp(8px,1.5vw,22px)}
body.is-public-home-route .shell,
body.is-public-home-route .prototype-ribbon{width:min(1480px,100%);max-width:1480px}
@media (max-width:1120px){body.is-public-home-route .topbar{flex-wrap:wrap;padding:10px 14px}body.is-public-home-route .nav{order:3;width:100%;overflow-x:auto}body.is-public-home-route .top-actions{margin-left:auto}}
@media (max-width:760px){body.is-public-home-route .topbar{gap:9px;padding:8px}body.is-public-home-route .brand{width:132px}body.is-public-home-route .brand-logo-image{max-width:100%}body.is-public-home-route .top-actions{width:calc(100% - 141px)}body.is-public-home-route .top-search{min-width:0;flex:1}body.is-public-home-route .top-search label{display:none}body.is-public-home-route .top-search input{min-width:0;width:100%}body.is-public-home-route .nav a{flex:0 0 auto}}

.activity-roster-slot .is-activity-roster-card .team-member-character-main{padding-right:24px}
.activity-roster-slot .is-activity-roster-card .team-member-role-identity b{font-size:10px}
.activity-roster-slot .is-activity-roster-card .activity-roster-server-line{min-width:0;display:flex;align-items:center;gap:4px;color:var(--cyan);font-size:8px;line-height:16px}
.activity-roster-slot .is-activity-roster-card .activity-roster-server-line>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-roster-slot .is-activity-roster-card .activity-roster-server-line .role-weapon-tier-badge{position:static;right:auto;top:auto;flex:0 0 44px;width:44px;height:16px}
.team-schedule-slot-requirement.is-game-filled span{color:#73d28b}
.activity-roster-empty.is-game-filled small{color:#73d28b}

.recruit-application-card{grid-template-columns:minmax(310px,1.35fr) minmax(150px,.62fr) minmax(170px,.7fr) auto}
.recruit-application-character{min-width:0}
.recruit-application-character>.eyebrow{display:block;margin-bottom:6px}
.recruit-application-role-card{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.recruit-application-role-card .character-claim-spec-icon{grid-row:1;width:34px;height:34px}
.recruit-application-role-copy{min-width:0;display:grid;gap:5px}
.recruit-application-role-copy h4{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recruit-application-role-meta{min-width:0;display:flex;align-items:center;gap:8px}
.recruit-application-role-meta>span{min-width:0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.recruit-application-role-meta .account-card-equip-tools{margin-left:auto;flex:0 0 auto}
.recruit-application-role-meta .account-card-equip-tools .pi-equip-score,.recruit-application-role-meta .account-card-equip-tools .pi-equip-btn{min-height:24px;padding:0 8px;font-size:9px}
.recruit-application-external-role{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}
.recruit-application-external-role b{color:#ddb5ff;font-size:9px}
.recruit-application-scores{display:grid;align-content:center;gap:6px}
.recruit-application-scores span{color:var(--muted);font-size:10px;white-space:nowrap}
.recruit-application-status b{display:block;color:var(--gold-lt);font-size:11px}
.recruit-application-status span{color:var(--muted);font-size:10px}
.recruit-my-applications-panel .recruit-application-list{gap:12px;padding:14px}
.recruit-my-application-card{position:relative;grid-template-columns:minmax(280px,1.15fr) minmax(300px,1fr) auto;gap:18px;min-height:104px;padding:15px 16px 15px 19px;border-color:rgba(240,213,122,.24);border-left:3px solid rgba(240,213,122,.78);background:linear-gradient(105deg,rgba(240,213,122,.055),rgba(7,17,36,.82) 42%,rgba(5,13,28,.90));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.recruit-my-application-card::before{content:"";position:absolute;left:-3px;top:18px;bottom:18px;width:3px;background:var(--gold-lt);box-shadow:0 0 12px rgba(240,213,122,.36)}
.recruit-my-application-card.is-withdrawn,.recruit-my-application-card.is-expired{border-left-color:rgba(148,163,184,.58);background:linear-gradient(105deg,rgba(148,163,184,.045),rgba(7,17,36,.80) 42%,rgba(5,13,28,.90))}
.recruit-my-application-card.is-withdrawn::before,.recruit-my-application-card.is-expired::before{background:rgba(148,163,184,.74);box-shadow:none}
.recruit-my-application-summary{min-width:0;display:grid;align-content:center;gap:10px}
.recruit-my-application-title{min-width:0;display:flex;align-items:center;gap:10px}
.recruit-my-application-title h3{min-width:0;margin:0;color:var(--gold-lt);font:900 17px/1.3 var(--serif);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recruit-my-application-status{flex:0 0 auto;min-width:50px;padding:4px 7px;border:1px solid rgba(240,213,122,.42);background:rgba(240,213,122,.08);color:#ffe69a;font-size:10px;font-weight:800;text-align:center}
.recruit-my-application-card.is-withdrawn .recruit-my-application-status,.recruit-my-application-card.is-expired .recruit-my-application-status{border-color:rgba(148,163,184,.34);background:rgba(148,163,184,.07);color:#b9c3d2}
.recruit-my-application-meta{display:flex;min-width:0;align-items:center;gap:0;color:var(--muted);font-size:10px}
.recruit-my-application-meta span,.recruit-my-application-meta time{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recruit-my-application-meta span+span::before,.recruit-my-application-meta time::before{content:"·";padding:0 7px;color:rgba(240,213,122,.50)}
.recruit-my-application-character{min-width:0;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding-left:17px;border-left:1px solid rgba(91,213,180,.15)}
.recruit-my-application-character .character-claim-spec-icon{width:40px;height:40px}
.recruit-my-application-character>div{min-width:0;display:grid;gap:4px}
.recruit-my-application-character b,.recruit-my-application-character span,.recruit-my-application-character small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recruit-my-application-character b{color:var(--gold-lt);font-size:12px}
.recruit-my-application-character span{color:var(--cyan);font-size:10px}
.recruit-my-application-character small{color:var(--muted);font-size:9px}
.recruit-my-application-actions{min-width:112px;justify-content:flex-end}
.recruit-my-application-actions button{min-width:104px}
.recruit-my-application-dismiss{border-color:rgba(255,119,119,.46);color:#ffadad;background:rgba(80,14,24,.16)}
.recruit-my-application-dismiss:hover,.recruit-my-application-dismiss:focus-visible{border-color:#ff8d83;color:#fff;outline:0}
@media (max-width:900px){.recruit-application-card{grid-template-columns:minmax(280px,1fr) minmax(150px,180px)}.recruit-application-actions{grid-column:1/-1;justify-content:flex-end}}
@media (max-width:560px){.recruit-application-card{grid-template-columns:1fr}.recruit-application-actions{grid-column:auto}.recruit-application-actions button{width:100%}.recruit-application-role-meta{align-items:flex-start;flex-direction:column}.recruit-application-role-meta .account-card-equip-tools{margin-left:0}}
@media (max-width:900px){.recruit-my-application-card{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)}.recruit-my-application-actions{grid-column:1/-1}.recruit-my-application-character{padding-left:12px}}
@media (max-width:560px){.recruit-my-applications-panel .recruit-application-list{padding:8px}.recruit-my-application-card{grid-template-columns:1fr;gap:12px;padding:14px}.recruit-my-application-character{padding:12px 0 0;border-left:0;border-top:1px solid rgba(91,213,180,.15)}.recruit-my-application-meta{align-items:flex-start;flex-direction:column;gap:3px}.recruit-my-application-meta span+span::before,.recruit-my-application-meta time::before{content:none}.recruit-my-application-actions{grid-column:auto}.recruit-my-application-actions button{width:100%}}
.recruit-publisher-profile{display:block;max-width:220px;margin-top:2px;padding:0;border:0;background:none;color:var(--gold-lt);font:800 14px/1.35 var(--serif);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.recruit-publisher-profile:hover,.recruit-publisher-profile:focus-visible{color:#fff4bf;outline:0;text-decoration:underline;text-underline-offset:3px}
.recruit-publisher-profile:disabled{cursor:default;text-decoration:none}

.login-required-page{min-height:clamp(430px,65vh,760px);display:grid;place-items:center;padding:clamp(28px,6vw,84px);background:radial-gradient(circle at 50% 20%,rgba(240,213,122,.08),transparent 38%),linear-gradient(145deg,rgba(6,18,35,.98),rgba(2,8,19,.99))}
.login-required-card{width:min(620px,100%);display:grid;justify-items:center;gap:17px;padding:clamp(34px,5vw,62px);border:1px solid rgba(240,213,122,.34);background:linear-gradient(150deg,rgba(240,213,122,.055),rgba(4,13,28,.88));box-shadow:0 28px 70px rgba(0,0,0,.34);text-align:center}
.login-required-card .eyebrow{color:var(--cyan);letter-spacing:.16em}
.login-required-card h1{margin:0;color:#fff1ad;font:900 clamp(26px,3vw,38px)/1.2 var(--serif);letter-spacing:.04em}
.login-required-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.login-required-card .gold-btn{min-width:132px;margin-top:6px;font-weight:900}

body.has-pve-home-announcement{overflow:hidden}
.pve-home-announcement{position:fixed;inset:0;z-index:90000;display:grid;place-items:center;padding:3vh 2vw;background:rgba(2,5,12,.86)}
.pve-home-announcement-card{container-type:inline-size;position:relative;width:min(94vw,calc(92vh * 900 / 506),900px);aspect-ratio:900/506;overflow:hidden;border-radius:8px;background:#2b0d08;box-shadow:0 34px 100px rgba(0,0,0,.66)}
.pve-home-announcement-picture{display:block;width:100%;height:100%}
.pve-home-announcement-poster{display:block;width:100%;height:100%;object-fit:cover}
.pve-home-announcement-download{position:absolute;left:5.1%;top:76.1%;z-index:2;width:45.5%;height:8.3%;padding:0;border:0;background:transparent;cursor:pointer}
.pve-home-announcement-download:hover,.pve-home-announcement-download:focus-visible{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 2px rgba(255,240,185,.9);outline:0}
.pve-home-announcement-copy{position:absolute;left:43.9%;z-index:2;width:10%;height:4.3%;padding:0;border:0;background:transparent;cursor:pointer}
.pve-home-announcement-copy-one{top:46.4%}.pve-home-announcement-copy-two{top:53.2%}.pve-home-announcement-copy-three{top:60%}
.pve-home-announcement-copy:hover,.pve-home-announcement-copy:focus-visible{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 2px rgba(255,240,185,.9);outline:0}
.pve-home-announcement-copy.is-copied::after,.pve-home-announcement-copy.is-copy-failed::after{content:"已复制";position:absolute;inset:0;display:grid;place-items:center;background:#17633e;color:#fff7df;font:700 clamp(10px,1.45cqw,15px)/1 "Microsoft YaHei",sans-serif}
.pve-home-announcement-copy.is-copy-failed::after{content:"复制失败";background:#8f211a}
.pve-home-announcement-close{position:absolute;right:1.4cqw;top:1.4cqw;z-index:2;width:4.4cqw;min-width:34px;max-width:46px;aspect-ratio:1;padding:0;border:1px solid rgba(255,234,176,.82);border-radius:50%;background:rgba(35,10,8,.9);color:#fff3d1;font:700 clamp(22px,2.5cqw,32px)/1 sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.4);cursor:pointer}
.pve-home-announcement-close:hover,.pve-home-announcement-close:focus-visible{border-color:#fff1b7;background:#9f2017;color:#fff;outline:2px solid rgba(255,241,183,.55);outline-offset:2px}
@media (max-width:760px) and (orientation:portrait){.pve-home-announcement{padding:2vh 2vw}.pve-home-announcement-card{width:96vw}.pve-home-announcement-close{right:8px;top:8px;width:36px}}

.recruit-session-publisher{margin:0;border-color:rgba(240,213,122,.28);background:rgba(240,213,122,.035)}
.recruit-session-publisher .recruit-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.recruit-sort-notice{margin:10px 0 14px;padding:10px 14px;border-left:3px solid var(--gold);background:rgba(240,213,122,.05);color:rgba(226,232,240,.78);font-size:12px;line-height:1.7}
@media (max-width:760px){.recruit-session-publisher .recruit-form-grid{grid-template-columns:1fr}}

.recruit-feature-form[data-recruit-unified-daily] label>span,
.recruit-feature-form[data-recruit-unified-daily] legend,
.recruit-feature-form[data-recruit-unified-daily] .recruit-session-editor-head,
.recruit-feature-form[data-recruit-unified-daily] .team-schedule-multi-session-head{user-select:none}

/* Unified recruit publishing and public signup use the light, standalone product surface. */
.modal-backdrop.is-recruit-unified-page{
  inset:58px 0 0;
  z-index:10000;
  place-items:start center;
  overflow:auto;
  background:#f5f5f7;
}
.recruit-unified-page{
  width:100%;
  max-width:none;
  min-height:calc(100vh - 58px);
  max-height:none;
  overflow:visible;
  border:0;
  background:#f5f5f7;
  color:#1d1d1f;
  padding:42px max(24px,calc((100vw - 1160px)/2)) 64px;
  box-shadow:none;
}
.recruit-unified-page .account-modal-close{
  position:fixed;
  top:74px;
  right:max(24px,calc((100vw - 1160px)/2));
  z-index:2;
  border:0;
  border-radius:999px;
  background:#e8e8ed;
  color:#515154;
}
.recruit-unified-page-hero{max-width:760px;margin:0 0 34px;padding-right:52px}
.recruit-unified-page-hero .eyebrow{color:#06c}
.recruit-unified-page-hero h1{margin:8px 0 14px;font:700 clamp(34px,5vw,64px)/1.08 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;letter-spacing:-.035em;color:#1d1d1f}
.recruit-unified-page-hero p{margin:0;color:#6e6e73;font-size:17px;line-height:1.65}
.recruit-unified-page .recruit-feature-form{display:grid;gap:18px;color:#1d1d1f}
.recruit-unified-page .recruit-feature-form>section,
.recruit-unified-page .recruit-feature-form>fieldset,
.recruit-unified-page .recruit-feature-form>.recruit-publish-safety,
.recruit-unified-page .recruit-feature-form>.recruit-contact-methods,
.recruit-unified-page .recruit-feature-form>.account-modal-note{
  margin:0;
  border:1px solid #e2e2e7;
  border-radius:24px;
  background:#fff;
  padding:24px;
  box-shadow:0 1px 2px rgba(0,0,0,.035);
}
.recruit-unified-page .template-draft-tools{order:-2;background:#fff}
.recruit-unified-page .team-schedule-editor-basics{order:-1}
.recruit-unified-page .eyebrow,
.recruit-unified-page legend,
.recruit-unified-page b,
.recruit-unified-page h2,
.recruit-unified-page h3,
.recruit-unified-page label>span{color:#1d1d1f}
.recruit-unified-page p,
.recruit-unified-page small,
.recruit-unified-page .account-modal-note{color:#6e6e73}
.recruit-unified-page input,
.recruit-unified-page select,
.recruit-unified-page textarea{
  min-height:44px;
  border:1px solid #d2d2d7;
  border-radius:12px;
  background:#fff;
  color:#1d1d1f;
  box-shadow:none;
}
.recruit-unified-page textarea{min-height:104px}
.recruit-unified-page input:focus,
.recruit-unified-page select:focus,
.recruit-unified-page textarea:focus{border-color:#0071e3;outline:3px solid rgba(0,113,227,.16)}
.recruit-unified-page .dark-btn{border:0;border-radius:999px;background:#e8e8ed;color:#1d1d1f;font-weight:650}
.recruit-unified-page .gold-btn{border:0;border-radius:999px;background:#0071e3;color:#fff;font-weight:700}
.recruit-unified-page .team-schedule-editor-column-plate{
  align-self:stretch;
  border-radius:18px;
  background:#1d1d1f;
  color:#fff;
  padding:20px;
}
.recruit-unified-page .team-schedule-editor-column-plate legend,
.recruit-unified-page .team-schedule-editor-column-plate b,
.recruit-unified-page .team-schedule-editor-column-plate span{color:#fff}
.recruit-unified-page .team-schedule-plate-picker{width:100%;background:transparent;border:0;padding:0}
.recruit-unified-page .team-schedule-plate-picker svg{width:min(180px,100%);height:auto}
.recruit-unified-page .modal-actions{position:sticky;bottom:0;z-index:2;margin:4px 0 0;padding:18px 0;background:linear-gradient(180deg,rgba(245,245,247,0),#f5f5f7 24%)}

.guest-signup-page{
  margin:-18px;
  min-height:calc(100vh - 58px);
  padding:32px max(18px,calc((100vw - 1160px)/2)) 64px;
  background:#f5f5f7;
  color:#1d1d1f;
}
.guest-signup-page .panel{border:1px solid #e2e2e7;border-radius:24px;background:#fff;color:#1d1d1f;box-shadow:0 1px 2px rgba(0,0,0,.035)}
.guest-signup-page .guest-signup-hero{padding:30px}
.guest-signup-page .guest-signup-hero .eyebrow{color:#06c}
.guest-signup-page .guest-signup-hero h1{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;font-size:clamp(30px,4vw,48px)}
.guest-signup-page .guest-signup-hero p,
.guest-signup-page .recruit-section-head p{color:#6e6e73}
.guest-signup-page .guest-signup-car{margin-top:18px;padding:24px}
.guest-signup-page .activity-roster-slot,
.guest-signup-page .recruit-roster-slot{border-color:#d2d2d7;background:#fff;color:#1d1d1f;border-radius:16px}
.guest-signup-page .activity-roster-slot:hover,
.guest-signup-page .recruit-roster-slot:hover{border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.12)}

@media (max-width:760px){
  .modal-backdrop.is-recruit-unified-page{inset:116px 0 0}
  .recruit-unified-page{min-height:calc(100vh - 116px);padding:24px 14px 44px}
  .recruit-unified-page .account-modal-close{top:126px;right:14px}
  .recruit-unified-page-hero{padding-right:42px;margin-bottom:22px}
  .recruit-unified-page-hero h1{font-size:36px}
  .recruit-unified-page .recruit-feature-form>section,
  .recruit-unified-page .recruit-feature-form>fieldset,
  .recruit-unified-page .recruit-feature-form>.recruit-publish-safety,
  .recruit-unified-page .recruit-feature-form>.recruit-contact-methods,
  .recruit-unified-page .recruit-feature-form>.account-modal-note{border-radius:18px;padding:18px 14px}
  .recruit-unified-page .team-schedule-compact-fields,
  .recruit-unified-page .recruit-form-grid{grid-template-columns:1fr}
  .recruit-unified-page .modal-actions{display:grid;grid-template-columns:1fr}
  .recruit-unified-page .modal-actions button{width:100%;min-height:46px}
  .guest-signup-page{margin:-8px;padding:18px 10px 42px}
  .guest-signup-page .panel{border-radius:18px}
  .guest-signup-page .guest-signup-car{padding:14px}
}
.site-equipment-action,.site-equipment-action-label{color:var(--gold-lt)!important}
.public-user-role-detail{margin-left:auto}

/* Recruit creation: the approved preview template, scoped inside the existing site shell. */
body.is-recruit-create-route{overflow-x:hidden}
body.is-guest-signup-route{overflow-x:hidden}
.recruit-create-page{--rc-bg:#f5f5f7;--rc-surface:#fff;--rc-text:#1d1d1f;--rc-muted:#6e6e73;--rc-line:#dedee2;--rc-blue:#0071e3;--rc-green:#2ca84f;min-width:0;color:var(--rc-text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}
body.is-recruit-create-route .recruit-create-page.recruit-unified-page{width:auto;max-width:none;min-height:0;max-height:none;overflow:visible;padding:0;border:0;background:transparent;color:inherit;box-shadow:none}
.recruit-create-workspace{box-sizing:border-box;min-width:0;padding:24px 28px 82px;overflow:hidden;background:var(--rc-bg);color:var(--rc-text)}
.recruit-create-workspace>*{box-sizing:border-box;width:100%;margin-inline:auto}.recruit-create-page .recruit-create-back{border:0;background:transparent;color:#06c;padding:8px 0;font-weight:650}.recruit-create-page .recruit-page-return-button{width:fit-content;min-height:42px;display:inline-flex;align-items:center;justify-content:center;margin:0 0 28px;padding:0 18px;border:1px solid #d2d2d7;border-radius:999px;background:#fff;color:#1d1d1f;box-shadow:0 1px 3px rgba(0,0,0,.08);font:650 14px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif}.recruit-create-page .recruit-page-return-button:hover,.recruit-create-page .recruit-page-return-button:focus-visible{border-color:#a9a9af;background:#f5f5f7;box-shadow:0 0 0 4px rgba(0,113,227,.1)}.recruit-create-page .hero-copy{display:none}.recruit-create-page .recruit-publish-page-hero{display:block}
.recruit-create-page .settings-shell{display:grid;gap:18px}.recruit-create-page .settings-shell>.settings-card{margin:0;padding:34px;border:1px solid rgba(0,0,0,.05);border-radius:26px;background:var(--rc-surface);box-shadow:0 1px 2px rgba(0,0,0,.02)}
.recruit-create-page .template-strip{display:grid;grid-template-columns:minmax(250px,1fr) minmax(220px,.8fr) auto minmax(180px,.7fr) auto;align-items:center;gap:12px;padding:18px 22px;border:1px solid rgba(0,0,0,.05);border-radius:22px;background:#fff}.recruit-create-page .template-strip>div,.recruit-create-page .template-strip>label{display:flex;flex-direction:column}.recruit-create-page .template-strip b{font-size:17px}.recruit-create-page .template-strip small{margin-top:3px;color:var(--rc-muted);font-size:12px}
.recruit-create-page .recruit-create-stepper{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(520px,100%);margin:0 auto;padding:10px 0;background:transparent}.recruit-create-page .recruit-create-stepper::before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:50%;height:1px;background:#1d1d1f}.recruit-create-page .recruit-create-step{position:relative;z-index:1;display:grid;place-items:center;border:0;background:transparent;padding:0;color:#fff}.recruit-create-page .recruit-create-step>b{display:none}.recruit-create-page .recruit-create-step>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#c93434;color:#fff;font-weight:750}.recruit-create-page .recruit-create-step.active>span{background:#d98b00;box-shadow:0 0 0 5px rgba(217,139,0,.18)}.recruit-create-page .recruit-create-step.complete>span{background:#2ca84f}.recruit-create-page .recruit-create-step.incomplete>span{background:#c93434}.recruit-create-page .recruit-create-step:disabled{opacity:1;cursor:not-allowed}
.recruit-create-page .section-heading{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}.recruit-create-page .section-heading h2{margin:0 0 4px;font-size:24px;letter-spacing:-.035em}.recruit-create-page .section-heading p{margin:0;color:var(--rc-muted);font-size:14px}.recruit-create-page .section-number{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#1d1d1f;color:#fff;font-weight:700}
.recruit-create-page .segmented{display:flex;padding:4px;border-radius:14px;background:#f0f0f2}.recruit-create-page .segmented button{border:0;background:transparent;border-radius:11px;color:var(--rc-muted);font-weight:650}.recruit-create-page .segmented button.active{background:#fff;color:var(--rc-text);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.recruit-create-page .publisher-choice-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:14px}.recruit-create-page .large-segmented{flex-direction:column;gap:4px}.recruit-create-page .large-segmented button{flex:1;min-height:70px;display:flex;align-items:center;gap:14px;padding:10px 14px;text-align:left}.recruit-create-page .large-segmented button span:last-child{display:flex;flex-direction:column}.recruit-create-page .large-segmented small{margin-top:3px;color:var(--rc-muted);font-weight:500}.recruit-create-page .choice-icon{width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:14px;color:#fff;font-weight:800}.recruit-create-page .choice-icon.is-image{overflow:hidden;background:#fff}.recruit-create-page .choice-icon.is-image img{width:100%;height:100%;display:block;object-fit:cover}.recruit-create-page .team-icon{background:linear-gradient(145deg,#0b72e7,#57a8ff)}.recruit-create-page .person-icon{background:linear-gradient(145deg,#38383c,#77777c)}
.recruit-create-page .publisher-choice-layout>.large-segmented,.recruit-create-page .publisher-choice-layout>.sub-setting{min-height:148px}.recruit-create-page .sub-setting{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:9px;margin:0;padding:14px 18px;border:1px solid #1d1d1f;border-radius:16px;background:#1d1d1f;color:#f5f5f7}.recruit-create-page .sub-setting [data-recruit-team-field]{width:100%}.recruit-create-page .sub-setting [data-recruit-team-field]>span{display:block;margin-bottom:5px;font-size:12px}.recruit-create-page .sub-setting .legacy-team-plate-shell{width:max-content;max-width:100%;padding:0;border:0;background:transparent;box-shadow:none}.recruit-create-page .sub-setting .team-schedule-plate-picker>legend{display:none}.recruit-create-page .sub-setting .team-schedule-plate-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.recruit-create-page .sub-setting .team-schedule-plate.is-compact{width:116px;height:36px}
.recruit-create-page .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.recruit-create-page .field-wide{grid-column:1/-1}.recruit-create-page .field,.recruit-create-page .field>div,.recruit-create-page .field>label{display:flex;flex-direction:column;gap:8px}.recruit-create-page .field>span,.recruit-create-page .field label>span,.recruit-create-page .run-editor label>span{font-size:12px;font-weight:650;color:var(--rc-muted)}
.recruit-create-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.recruit-create-page select,.recruit-create-page textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--rc-line);border-radius:12px;background:#fff;color:var(--rc-text);box-shadow:none;outline:0}.recruit-create-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.recruit-create-page select{height:48px;padding:0 14px}.recruit-create-page textarea{min-height:96px;padding:12px 14px;line-height:1.6;resize:vertical}.recruit-create-page select{-webkit-appearance:none;appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,#6e6e73 50%),linear-gradient(135deg,#6e6e73 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}.recruit-create-page input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus-visible,.recruit-create-page select:focus-visible,.recruit-create-page textarea:focus-visible{border-color:var(--rc-blue);box-shadow:0 0 0 4px rgba(0,113,227,.12)}.recruit-create-page input:disabled,.recruit-create-page select:disabled{background:#f5f5f7;color:#86868b}.recruit-create-page input[type="checkbox"],.recruit-create-page input[type="radio"]{width:18px;height:18px;accent-color:#0071e3}
.recruit-create-page .dark-btn,.recruit-create-page .secondary-button{min-height:42px;padding:0 17px;border:0;border-radius:999px;background:#e8e8ed;color:var(--rc-text);font-family:inherit;font-size:14px;font-weight:650}.recruit-create-page .gold-btn,.recruit-create-page .primary-button{min-height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--rc-blue);color:#fff;font-family:inherit;font-size:14px;font-weight:700}.recruit-create-page .recruit-summary-field small{display:flex;justify-content:space-between;gap:16px;color:var(--rc-muted);font-size:11px}.recruit-create-page .run-visibility-note{display:flex;align-items:center;gap:12px;margin:24px 0 12px;padding:13px 15px;border-radius:14px;background:#f0f7ff;color:#005fb8;font-size:13px}.recruit-create-page .run-visibility-note span{color:#536579}
.recruit-create-page .run-editor-list,.recruit-create-page .team-schedule-extra-session-list{display:grid;gap:10px}.recruit-create-page .run-editor{display:grid;grid-template-columns:82px 150px 120px minmax(270px,1fr);align-items:end;gap:16px;margin:0;padding:18px;border:1px solid var(--rc-line);border-radius:16px;background:#fafafa}.recruit-create-page .run-index-wrap{align-self:stretch;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.recruit-create-page .run-index{font-weight:750}.recruit-create-page .run-editor label{display:flex;flex-direction:column;gap:6px;min-width:0}.recruit-create-page .run-role-wrap{display:contents}.recruit-create-page .run-role-select-control{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px}.recruit-create-page .run-role-select-icon{box-sizing:border-box;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--rc-line);border-radius:12px;background:#fff}.recruit-create-page .run-role-select-icon .sect-icon{width:32px;height:32px}.recruit-create-page .run-role-select-icon[hidden]+select{grid-column:1/-1}.recruit-create-page .run-external-fields{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr 1.2fr .8fr .9fr;gap:10px;padding-top:16px;border-top:1px solid var(--rc-line)}.recruit-create-page .run-external-fields[hidden]{display:none}.recruit-create-page .shared-kungfu-select{min-height:48px}.recruit-create-page .team-schedule-batch-kungfu-select{grid-template-columns:40px minmax(0,1fr);min-width:0}.recruit-create-page .team-schedule-batch-kungfu-select .shared-kungfu-select-icon{box-sizing:border-box;width:40px;height:48px;border-color:var(--rc-line);border-radius:12px;background:#fff}.recruit-create-page .team-schedule-batch-kungfu-select .shared-kungfu-select-icon .sect-icon{width:30px;height:30px}.recruit-create-page .recruit-checkin-settings{margin-top:14px;padding:18px;border:1px solid var(--rc-line);border-radius:16px}.recruit-create-page .recruit-checkin-settings label{display:grid;gap:8px}.recruit-create-page .recruit-checkin-settings p{margin:8px 0 0;color:var(--rc-muted);font-size:12px}.recruit-create-page .inline-notice{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#f5f5f7;color:var(--rc-muted);font-size:13px}
.recruit-create-page [hidden]{display:none!important}.recruit-create-page .access-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.recruit-create-page .access-group{padding:20px;border:1px solid var(--rc-line);border-radius:18px}.recruit-create-page .access-group h3{margin:0 0 12px;font-size:15px}.recruit-create-page .choice-row,.recruit-create-page .switch-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 4px;border-top:1px solid #ededf0}.recruit-create-page .choice-row>span,.recruit-create-page .switch-row>span{display:flex;flex:1;flex-direction:column}.recruit-create-page .choice-row small,.recruit-create-page .switch-row small{margin-top:2px;color:var(--rc-muted);font-size:12px}.recruit-create-page .switch-row input{appearance:none;-webkit-appearance:none;width:44px;height:26px;min-height:0!important;padding:0!important;flex:0 0 44px;border:0;border-radius:999px;background:#d2d2d7;position:relative;transition:.2s}.recruit-create-page .switch-row input:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}.recruit-create-page .switch-row input:checked{background:var(--rc-green)}.recruit-create-page .switch-row input:checked:after{transform:translateX(18px)}.recruit-create-page .switch-row input:disabled{opacity:.45}.recruit-create-page .rule-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 14px;border-radius:12px;background:#ecf9ef;color:#217a3b;font-size:13px}.recruit-create-page .group-rule-panel{display:grid;gap:12px;padding:16px;border:1px solid var(--rc-line);border-radius:15px;background:#f5f5f7;margin-top:12px}.recruit-create-page .group-rule-panel[aria-disabled="true"]{opacity:.48}.recruit-create-page .group-rule-panel>div:first-child{display:flex;flex-direction:column}.recruit-create-page .group-rule-panel small{color:var(--rc-muted);font-size:12px}.recruit-create-page .check-chip-row{display:flex;gap:8px;flex-wrap:wrap}.recruit-create-page .check-chip-row label input{position:absolute;opacity:0;pointer-events:none}.recruit-create-page .check-chip-row label span{display:block;padding:7px 11px;border:1px solid var(--rc-line);border-radius:999px;background:#fff;color:var(--rc-muted);font-size:12px}.recruit-create-page .check-chip-row label input:checked+span{border-color:#9ac9f8;background:#f0f7ff;color:#005fb8}.recruit-create-page .check-chip-row label input:disabled+span{cursor:not-allowed}.recruit-create-page .settings-subsection{margin:24px 0 12px;padding-top:22px;border-top:1px solid var(--rc-line)}.recruit-create-page .settings-subsection h3{margin:0;font-size:16px}.recruit-create-page .settings-subsection p{margin:4px 0 0;color:var(--rc-muted);font-size:13px}.recruit-create-page .admission-layout{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:12px}.recruit-create-page .admission-switch{padding:0 14px;border:1px solid var(--rc-line);border-radius:14px}
.recruit-create-page .configuration-mode{margin-bottom:14px}.recruit-create-page .configuration-mode button{flex:1;padding:14px;display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left}.recruit-create-page .configuration-mode small{color:var(--rc-muted);font-size:12px;font-weight:500}.recruit-create-page .quick-config-summary,.recruit-create-page .fixed-contact{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:15px;background:#ecf9ef;color:#217a3b}.recruit-create-page .quick-config-summary>span,.recruit-create-page .fixed-contact>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fff;font-weight:800}.recruit-create-page .quick-config-summary div,.recruit-create-page .fixed-contact div{display:flex;flex-direction:column}.recruit-create-page .quick-config-summary small,.recruit-create-page .fixed-contact small{font-size:12px;opacity:.75}.recruit-create-page .advanced-config{display:grid;gap:14px}.recruit-create-page .slot-rule-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(150px,170px) minmax(190px,230px) auto;align-items:center;gap:9px;padding:15px;border:1px solid var(--rc-line);border-radius:15px}.recruit-create-page .slot-rule-toolbar>div{display:flex;flex-direction:column}.recruit-create-page .slot-rule-toolbar small{color:var(--rc-muted);font-size:12px}.recruit-create-page .slot-rule-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.recruit-create-page .slot-rule{min-height:74px;display:block;padding:10px;border:1px solid var(--rc-line);border-radius:13px;background:#fff;text-align:left}.recruit-create-page .slot-rule:has(input:checked){border-color:var(--rc-blue);box-shadow:0 0 0 3px rgba(0,113,227,.1)}.recruit-create-page .slot-rule b,.recruit-create-page .slot-rule small{display:block}.recruit-create-page .slot-rule b{font-size:12px}.recruit-create-page .slot-rule small{margin-top:2px;color:var(--rc-muted);font-size:11px}.recruit-create-page .is-template-slot-rule [data-team-schedule-slot-select]{position:absolute;opacity:0;pointer-events:none}.recruit-create-page .is-template-slot-rule .team-schedule-rule-slot-head{display:block;margin:0}.recruit-create-page .is-template-slot-rule .team-schedule-rule-slot-head b{font-size:12px;color:var(--rc-text)}
.recruit-create-page .contact-grid{margin-bottom:14px}.recruit-create-page .safety-copy{margin-top:14px;padding:16px 18px;border-radius:15px;background:#fff9e8;color:#755500}.recruit-create-page .safety-copy p{margin:4px 0 0;font-size:12px;line-height:1.7}.recruit-create-page .recruit-wizard-actions{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;padding:18px 4px;background:linear-gradient(180deg,rgba(245,245,247,0),#f5f5f7 25%)}.recruit-create-page .recruit-wizard-actions>[data-recruit-wizard-status]{margin-right:auto;color:var(--rc-muted);font-size:13px}.recruit-create-page .recruit-wizard-actions>[data-recruit-wizard-status].is-error{color:#c62828;font-weight:700}.recruit-create-page .recruit-wizard-actions .gold-btn{min-width:148px}
@media(max-width:960px){.recruit-create-page .template-strip{grid-template-columns:1fr 1fr}.recruit-create-page .template-strip>div{grid-column:1/-1}.recruit-create-page .publisher-choice-layout,.recruit-create-page .access-layout{grid-template-columns:1fr}.recruit-create-page .admission-layout{grid-template-columns:1fr 1fr}.recruit-create-page .run-editor{grid-template-columns:82px 1fr 1fr}.recruit-create-page .run-role-field{grid-column:2/-1}.recruit-create-page .run-external-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.recruit-create-page .slot-rule-toolbar{grid-template-columns:1fr 1fr 1fr}.recruit-create-page .slot-rule-toolbar>div{grid-column:1/-1}.recruit-create-page .slot-rule-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1524px){body.is-recruit-create-route .page{min-width:0;padding:12px}body.is-recruit-create-route .shell{width:100%;max-width:100%}body.is-recruit-create-route .content{padding:12px}}
@media(max-width:1524px){body.is-guest-signup-route .page{min-width:0;padding:12px}body.is-guest-signup-route .shell{width:100%;max-width:100%}body.is-guest-signup-route .content{padding:12px}}
@media(max-width:1320px){body.is-recruit-create-route .topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:8px 14px;gap:8px}body.is-recruit-create-route .nav{order:3;width:100%;max-width:100%;height:auto;padding-left:0;border-left:0;gap:4px;overflow-x:auto;overflow-y:hidden}body.is-recruit-create-route .nav a{height:40px;flex:0 0 auto;padding:0 10px}}
@media(max-width:1320px){body.is-guest-signup-route .topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:8px 14px;gap:8px}body.is-guest-signup-route .nav{order:3;width:100%;max-width:100%;height:auto;padding-left:0;border-left:0;gap:4px;overflow-x:auto;overflow-y:hidden}body.is-guest-signup-route .nav a{height:40px;flex:0 0 auto;padding:0 10px}}
@media(max-width:760px){body.is-recruit-create-route .page{padding:0}body.is-recruit-create-route .content{padding:8px}.recruit-create-workspace{padding:16px 12px 86px;border-radius:18px}.recruit-create-page .settings-shell>.settings-card{padding:22px 18px;border-radius:22px}.recruit-create-page .section-heading{gap:11px}.recruit-create-page .section-heading h2{font-size:21px}.recruit-create-page .section-number{flex-basis:29px;height:29px}.recruit-create-page .template-strip{grid-template-columns:1fr;padding:18px}.recruit-create-page .template-strip>div{grid-column:auto}.recruit-create-page .template-strip select,.recruit-create-page .template-strip button,.recruit-create-page .template-strip input{width:100%;min-height:48px}.recruit-create-page .field-grid,.recruit-create-page .admission-layout{grid-template-columns:1fr}.recruit-create-page .field-wide{grid-column:auto}.recruit-create-page .run-visibility-note{align-items:flex-start;flex-direction:column;gap:4px}.recruit-create-page .run-editor{grid-template-columns:1fr 1fr;padding:14px}.recruit-create-page .run-index-wrap,.recruit-create-page .run-role-field{grid-column:1/-1}.recruit-create-page .run-external-fields{grid-template-columns:1fr}.recruit-create-page .configuration-mode{display:grid}.recruit-create-page .slot-rule-toolbar{grid-template-columns:1fr}.recruit-create-page .slot-rule-toolbar>div{grid-column:auto}.recruit-create-page .slot-rule-toolbar select,.recruit-create-page .slot-rule-toolbar button{width:100%;min-height:48px}.recruit-create-page .slot-rule-grid{grid-template-columns:1fr 1fr}.recruit-create-page .recruit-wizard-actions{margin-inline:-12px;padding:12px calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));backdrop-filter:blur(18px)}.recruit-create-page .recruit-wizard-actions>[data-recruit-wizard-status]{display:none}.recruit-create-page .recruit-wizard-actions .dark-btn,.recruit-create-page .recruit-wizard-actions .gold-btn{flex:1;min-width:0}}
@media(max-width:760px){body.is-recruit-create-route .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:58px;gap:8px;padding:8px;overflow:visible}body.is-recruit-create-route .brand{width:132px;min-width:0;height:48px}body.is-recruit-create-route .top-actions{grid-column:2;margin-left:0;gap:6px}body.is-recruit-create-route .top-search{display:none}body.is-recruit-create-route .nav{grid-column:1/-1;width:100%;max-width:100%;height:auto;padding-left:0;border-left:0;gap:4px;overflow-x:auto;overflow-y:hidden}}
@media(max-width:760px){body.is-guest-signup-route .page{padding:0}body.is-guest-signup-route .content{padding:8px}body.is-guest-signup-route .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:58px;gap:8px;padding:8px;overflow:visible}body.is-guest-signup-route .brand{width:132px;min-width:0;height:48px}body.is-guest-signup-route .top-actions{grid-column:2;margin-left:0;gap:6px}body.is-guest-signup-route .top-search{display:none}body.is-guest-signup-route .nav{grid-column:1/-1;width:100%;max-width:100%;height:auto;padding-left:0;border-left:0;gap:4px;overflow-x:auto;overflow-y:hidden}}
.public-user-role-meta .pi-equip-btn{border:1px solid rgba(240,213,122,.45);color:var(--gold-lt)!important;background:rgba(200,160,64,.1)}
.public-user-role-meta .pi-equip-btn:hover,.public-user-role-meta .pi-equip-btn:focus-visible{border-color:rgba(240,213,122,.68);background:rgba(200,160,64,.16);outline:0}
@media (min-width:761px){.public-user-role-card{gap:9px;padding-block:13px}.public-user-role-meta{flex-wrap:nowrap}.public-user-role-meta button{white-space:nowrap}}

/* 公开报名页：直接复用 unified-recruit-apple-preview 的报名卡片、车次和位置布局。 */
.guest-signup-page{
  --bg:#f5f5f7;
  --surface:#fff;
  --surface-soft:#fafafa;
  --text:#1d1d1f;
  --muted:#6e6e73;
  --line:#dedee2;
  --blue:#0071e3;
  --blue-soft:#e8f2ff;
  --green:#2ca84f;
  --green-soft:#ecf9ef;
  --red:#e5484d;
  --shadow:0 22px 60px rgba(0,0,0,.08);
  display:block;
  margin:-18px;
  min-height:calc(100vh - 58px);
  padding:34px 28px 110px;
  background:var(--bg);
  color:var(--text);
  font:16px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;
}
.guest-signup-page>*{width:min(1180px,100%);margin-inline:auto}
.guest-signup-page .recruit-load-state{width:100%;grid-template-columns:minmax(0,1fr);justify-content:stretch}
.guest-signup-page .recruit-loading-dot{justify-self:center}
.guest-signup-page button,.guest-signup-page a{font:inherit;-webkit-tap-highlight-color:transparent}
.guest-signup-page button{cursor:pointer}
.guest-signup-page .eyebrow{display:block;color:var(--blue);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.guest-signup-page .publisher-card{position:relative;min-height:300px;display:grid;grid-template-columns:190px minmax(240px,1fr) minmax(430px,1.5fr);align-items:center;gap:28px 32px;padding:46px;background:linear-gradient(125deg,#fff 0%,#fff 48%,#f0f7ff 100%);border:1px solid rgba(0,0,0,.06);border-radius:30px;box-shadow:var(--shadow);overflow:hidden}
.guest-signup-page .publisher-card:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(0,113,227,.07);right:-110px;top:-190px}
.guest-signup-page .publisher-avatar{width:178px;height:178px;border-radius:22px;display:grid;place-items:center;overflow:hidden;font-size:64px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.guest-signup-page .publisher-avatar img{width:100%;height:100%;object-fit:cover}
.guest-signup-page .team-avatar{background:linear-gradient(145deg,#182a48,#4378a9);color:#fff}
.guest-signup-page .person-avatar{background:linear-gradient(145deg,#ffe0c7,#ff9c85);color:#61362f}
.guest-signup-page .publisher-identity{z-index:1}
.guest-signup-page .publisher-identity h1{font-size:42px;line-height:1.1;margin:7px 0 10px;letter-spacing:-.045em}
.guest-signup-page .publisher-identity p{color:var(--muted);margin:0 0 14px}
.guest-signup-page .publisher-identity p b{color:var(--green)}
.guest-signup-page .profile-tag{display:inline-block;background:#f0f0f2;border-radius:999px;padding:6px 10px;color:var(--muted);font-size:12px}
.guest-signup-page .publisher-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;z-index:1}
.guest-signup-page .publisher-stats div{min-height:100px;padding:18px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.58);backdrop-filter:blur(8px);border-radius:16px;display:flex;flex-direction:column;justify-content:center}
.guest-signup-page .publisher-stats strong{font-size:30px;letter-spacing:-.04em}
.guest-signup-page .publisher-stats span{color:var(--muted);font-size:12px}
.guest-signup-page .publisher-rankings{grid-column:1/-1;z-index:1;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;padding-top:20px;border-top:1px solid rgba(0,0,0,.08)}
.guest-signup-page .publisher-rankings>span{align-self:center;padding-right:12px;color:var(--muted);font-size:12px;font-weight:700}
.guest-signup-page .publisher-rankings a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:12px 15px;border:1px solid rgba(0,0,0,.07);border-radius:14px;background:rgba(255,255,255,.66);color:var(--text);text-decoration:none}
.guest-signup-page .publisher-rankings a:hover{border-color:#9ac9f8;background:#fff}
.guest-signup-page .publisher-rankings a span{display:flex;flex-direction:column}
.guest-signup-page .publisher-rankings a b{font-size:13px}
.guest-signup-page .publisher-rankings a small{color:var(--muted);font-size:11px}
.guest-signup-page .publisher-rankings a strong{color:var(--blue);font-size:17px;white-space:nowrap}
.guest-signup-page .profile-link{position:absolute;top:28px;right:28px;z-index:2;border:0;background:transparent;color:var(--blue);text-decoration:none;font-weight:650;font-size:13px}
.guest-signup-page .activity-overview{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:20px auto;padding:34px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:26px}
.guest-signup-page .activity-overview h2{font-size:32px;margin:8px 0 6px;letter-spacing:-.04em}
.guest-signup-page .activity-overview p{color:var(--muted);margin:0}
.guest-signup-page .activity-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.guest-signup-page .activity-badges span{padding:7px 11px;border-radius:999px;background:#f0f0f2;font-size:12px;font-weight:600}
.guest-signup-page .run-jump{position:sticky;top:76px;z-index:20;display:flex;align-items:center;gap:8px;padding:12px 4px;margin-bottom:14px;background:rgba(245,245,247,.88);backdrop-filter:blur(18px)}
.guest-signup-page .run-jump>span{color:var(--muted);font-size:12px;font-weight:700;margin-right:6px}
.guest-signup-page .run-jump button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 14px;color:var(--muted);font-size:13px;font-weight:650}
.guest-signup-page .run-jump button.active{border-color:var(--text);background:var(--text);color:#fff}
.guest-signup-page .run-jump small{opacity:.7;margin-left:4px}
.guest-signup-page .roster-sections{display:grid;gap:22px}
.guest-signup-page .run-section{scroll-margin-top:128px;padding:30px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:28px}
.guest-signup-page .run-section-header{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.guest-signup-page .run-section-title{display:flex;align-items:center;gap:12px;min-width:0}
.guest-signup-page .run-section-title>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:var(--blue-soft);color:var(--blue);font-weight:800}
.guest-signup-page .run-section-title h2{font-size:24px;margin:0}
.guest-signup-page .run-section-title p{color:var(--muted);margin:2px 0 0;font-size:13px}
.guest-signup-page .run-checkin-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.guest-signup-page .run-progress{text-align:right}
.guest-signup-page .run-progress b{font-size:18px;white-space:nowrap}
.guest-signup-page .run-progress small{display:block;color:var(--muted)}
.guest-signup-page .primary-button,.guest-signup-page .quiet-button{min-height:38px;border-radius:999px;padding:0 15px;font-weight:700}
.guest-signup-page .primary-button{border:0;background:var(--blue);color:#fff}
.guest-signup-page .quiet-button{border:1px solid var(--line);background:#fff;color:var(--muted)}
.guest-signup-page .run-checkin-actions .recruit-session-edit-button{color:var(--text)}
.guest-signup-page .run-checkin-actions .recruit-session-cancel-button{border-color:#f0b8b4;background:#fff4f3;color:#b42318}
.guest-signup-page .run-checkin-actions .recruit-session-edit-button:hover,.guest-signup-page .run-checkin-actions .recruit-session-edit-button:focus-visible{border-color:#9fc8f3;background:#f2f8ff;color:#005fb8;outline:0}
.guest-signup-page .run-checkin-actions .recruit-session-cancel-button:hover,.guest-signup-page .run-checkin-actions .recruit-session-cancel-button:focus-visible{border-color:#e58d86;background:#ffe9e7;color:#8f1b13;outline:0}
.guest-signup-page .recruit-checkin-open-label{color:#217a3b;font-size:12px;font-weight:750;white-space:nowrap}
.guest-signup-page .recruit-checkin-notice{margin:0 0 16px;border-color:#f1dfb4;background:#fff9ec;color:#755500}
.guest-signup-page .roster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.guest-signup-page .slot-card{position:relative;min-height:126px;display:block;width:100%;border:1px solid #e2e2e6;background:#fafafa;border-radius:16px;padding:14px;color:var(--text);text-align:left;overflow:hidden}
.guest-signup-page .slot-card.empty{border:1px dashed #b7d9c0;background:var(--green-soft);transition:.18s}
.guest-signup-page .slot-card.empty:hover,.guest-signup-page .slot-card.empty:focus-visible{border-color:var(--green);transform:translateY(-1px);box-shadow:0 7px 18px rgba(44,168,79,.1);outline:0}
.guest-signup-page .slot-card.is-disabled{opacity:.5}
.guest-signup-page .slot-number{font-size:11px;color:var(--muted);font-weight:700}
.guest-signup-page .empty strong{display:block;color:#20743a;margin-top:18px}
.guest-signup-page .empty small{color:#4f8d5f}
.guest-signup-page .member-head{display:flex;gap:9px;align-items:center;margin-top:9px}
.guest-signup-page .role-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e6f1ff;color:var(--blue);font-weight:800;flex:0 0 auto;overflow:hidden}
.guest-signup-page .role-icon .kungfu-icon{width:100%;height:100%;object-fit:cover}
.guest-signup-page .member-head>span:last-child{min-width:0}
.guest-signup-page .member-head b,.guest-signup-page .member-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guest-signup-page .member-head b{font-size:13px}
.guest-signup-page .member-head small{color:var(--muted);font-size:11px}
.guest-signup-page .member-meta{display:flex;justify-content:space-between;gap:4px;margin-top:8px;color:var(--muted);font-size:10px}
.guest-signup-page .guest-slot-role-name{display:block;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:var(--text);font-size:13px;font-weight:700;line-height:1.5;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guest-signup-page .guest-slot-role-name:hover,.guest-signup-page .guest-slot-role-name:focus-visible{color:var(--blue);text-decoration:underline;outline:0}
.guest-signup-page .guest-slot-score{display:inline-flex;align-items:center;gap:5px;min-width:0}
.guest-signup-page .external-label,.guest-signup-page .publisher-lock{position:absolute;right:9px;top:9px;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700}
.guest-signup-page .external-label{color:#8a5d00;background:#fff4d6}
.guest-signup-page .external-label.is-guest{color:#6b4f8a;background:#f2eafa}
.guest-signup-page .publisher-lock{color:#005fb8;background:#e8f3ff}
.guest-signup-page .slot-card.is-risk{border-color:#ff9b95;background:#fff3f2}
.guest-signup-page .guest-slot-risk-badge{position:absolute;right:9px;top:32px;border-radius:999px;padding:2px 7px;background:#ff3b30;color:#fff;font-size:9px;font-weight:800;box-shadow:0 2px 7px rgba(255,59,48,.24)}
.guest-signup-page .game-fill{display:grid;align-content:center;border-color:#9dd7ae;background:#effaf2}
.guest-signup-page .game-fill-copy b,.guest-signup-page .game-fill-copy small{display:block}
.guest-signup-page .game-fill-copy b{color:#20743a}
.guest-signup-page .game-fill-copy small{margin-top:5px;color:#4f8d5f;font-size:11px}
.guest-signup-page .guest-slot-weapon{display:inline-grid;min-width:44px;vertical-align:middle}
.guest-signup-page .guest-slot-weapon:empty{display:none}
.guest-signup-page .activity-roster-checkin-badge{position:absolute;right:8px;bottom:8px;z-index:2;padding:3px 7px;border-radius:999px;background:#e7f8eb;color:#217a3b;font-size:9px;font-weight:800}
.guest-signup-page .role-weapon-tier-badge{width:44px;height:16px;vertical-align:middle}
.guest-signup-page .role-weapon-tier-badge path{fill:#16120b;stroke:#af7b13}
.guest-signup-page .role-weapon-tier-badge text{fill:#ffd56d;font-size:8px;font-weight:800}
.guest-signup-page .role-weapon-tier-badge.is-purple path{stroke:#9f62df}
.guest-signup-page .role-weapon-tier-badge.is-purple text{fill:#d8afff}
.guest-signup-page .team-schedule-waiting-pool{margin-top:16px}
.guest-signup-page .guest-signup-password-gate{width:min(640px,100%);margin:10vh auto;padding:54px;border:0;border-radius:30px;background:#fff;color:var(--text);text-align:center;box-shadow:var(--shadow)}
.guest-signup-page .guest-signup-password-gate h1{font-size:36px;letter-spacing:-.04em;margin:8px 0 12px}
.guest-signup-page .guest-signup-password-gate p{color:var(--muted)}
.guest-signup-page .guest-signup-password-gate form{max-width:360px;margin:28px auto 0;display:grid;gap:12px;text-align:left}
.guest-signup-page .guest-signup-password-gate label{display:grid;gap:8px}
.guest-signup-page .guest-signup-password-gate input{min-height:48px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);padding:0 14px}
.guest-signup-page .guest-signup-password-gate .gold-btn{min-height:48px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-weight:700}
.profile-tooltip-floating.is-guest-signup-ranking{width:min(286px,calc(100vw - 24px));padding:14px 15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(24,24,27,.96);box-shadow:0 18px 50px rgba(0,0,0,.25);color:#fff}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-account-head{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-account-head .profile-tip-avatar{width:34px;height:34px;flex:0 0 34px;border:2px solid rgba(255,255,255,.75);border-radius:50%;background:#3a3a3c}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-account-head>span:last-child{display:flex;min-width:0;flex-direction:column}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-account-head small{color:#aaaab0;font-size:10px}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-account-head b{overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.profile-tooltip-floating.is-guest-signup-ranking h3{margin:0;color:#fff;font-size:14px}
.profile-tooltip-floating.is-guest-signup-ranking>p{margin:3px 0 10px;color:#aaaab0;font-size:11px}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-tooltip-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-tooltip-grid>span{display:block;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.07)}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-tooltip-grid em,.profile-tooltip-floating.is-guest-signup-ranking .ranking-tooltip-grid b{display:block;font-style:normal}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-tooltip-grid em{color:#aaaab0;font-size:10px}
.profile-tooltip-floating.is-guest-signup-ranking .ranking-tooltip-grid b{margin-top:2px;color:#ffd76a;font-size:12px}

.guest-signup-role-sheet{width:min(620px,calc(100vw - 32px))!important;max-height:86vh!important;padding:0!important;border:0!important;border-radius:26px;background:#fff!important;color:#1d1d1f!important;box-shadow:0 30px 90px rgba(0,0,0,.28)!important}
.modal-backdrop:has(.guest-signup-role-sheet){z-index:21010}
.guest-signup-role-sheet .account-modal-close{top:20px;right:22px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f0f2;color:#6e6e73;font-size:26px;line-height:1}
.guest-signup-role-sheet .account-modal-close:hover,.guest-signup-role-sheet .account-modal-close:focus-visible{background:#e5e5ea;color:#1d1d1f;outline:0}
.guest-signup-role-sheet .account-modal-head{padding:28px 76px 18px 30px;border-bottom:1px solid #ededf0}
.guest-signup-role-sheet .account-modal-head .eyebrow{color:#0071e3}
.guest-signup-role-sheet .account-modal-head h2{margin:4px 0 0;color:#1d1d1f;font:700 25px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;letter-spacing:-.035em}
.guest-signup-role-sheet .account-modal-head p{margin:7px 0 0;color:#6e6e73}
.guest-signup-role-sheet .recruit-feature-form{gap:14px;margin:0;padding:24px 30px}
.guest-signup-role-sheet .recruit-feature-form>label,.guest-signup-role-sheet .recruit-external-character-fields label{color:#3a3a3c}
.guest-signup-role-sheet .recruit-feature-form input,.guest-signup-role-sheet .recruit-feature-form select,.guest-signup-role-sheet .recruit-feature-form textarea{min-height:46px;border:1px solid #d2d2d7;border-radius:12px;background:#fff;color:#1d1d1f}
.guest-signup-role-sheet .recruit-feature-form input:focus-visible,.guest-signup-role-sheet .recruit-feature-form select:focus-visible,.guest-signup-role-sheet .recruit-feature-form textarea:focus-visible{border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.1)}
.guest-signup-role-sheet .recruit-choice-fieldset{padding:16px;border:1px solid #dedee2;border-radius:16px;background:#fff}
.guest-signup-role-sheet .recruit-choice-fieldset legend{color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
.guest-signup-role-sheet .recruit-checkin-notice{margin:0;padding:12px 14px;border-left:3px solid #f5d879;border-radius:0 12px 12px 0;background:#242426;color:#f5d879;font-weight:650}
.guest-signup-role-sheet .guest-signup-bound-role-panel{max-height:236px;overflow-y:auto;padding:9px;border:1px solid #3f3f43;border-radius:14px;background:#242426;scrollbar-color:#66666b #242426}
.guest-signup-role-sheet .recruit-role-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.guest-signup-role-sheet .recruit-role-choice{min-width:0;border-color:#4a4a4e;border-radius:12px;background:#242426;color:#f5f5f7}
.guest-signup-role-sheet .recruit-role-choice:has(input:checked){border-color:#2997ff;background:#303033;box-shadow:0 0 0 2px rgba(41,151,255,.28)}
.guest-signup-role-sheet .recruit-role-choice>input{accent-color:#2997ff}
.guest-signup-role-sheet .recruit-role-choice .mercenary-character-card{min-width:0;min-height:68px;padding:6px;border:0;background:transparent}
.guest-signup-role-sheet .recruit-role-choice .mercenary-character-card b{color:#fff}
.guest-signup-role-sheet .recruit-role-choice .mercenary-character-card small{color:#c7c7cc}
.guest-signup-role-sheet .recruit-role-choice .mercenary-character-card em{color:#ffd76a;font-weight:700}
.guest-signup-role-sheet .guest-signup-external-choice{margin-top:12px;border-color:#dedee2;border-radius:14px;background:#f5f5f7;color:#1d1d1f}
.guest-signup-page .signup-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.guest-signup-page .signup-tools .primary-button.active{background:#1d1d1f;color:#fff}
.guest-signup-page .publisher-manager{scroll-margin-top:90px;margin:0 0 20px;padding:28px;background:#fff;border:1px solid rgba(0,113,227,.18);border-radius:26px;box-shadow:0 18px 55px rgba(0,55,110,.06)}
.guest-signup-page .manager-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.guest-signup-page .manager-heading h2{margin:5px 0 4px;font-size:28px}.guest-signup-page .manager-heading p{margin:0;color:#6e6e73}
.guest-signup-page .manager-summary{display:flex;gap:8px;flex-wrap:wrap}.guest-signup-page .manager-summary span{padding:9px 12px;border-radius:12px;background:#f5f5f7;color:#6e6e73;font-size:12px}.guest-signup-page .manager-summary b{color:#1d1d1f}
.guest-signup-page .manager-tabs{display:flex;gap:8px;margin:24px 0 16px;padding-bottom:12px;border-bottom:1px solid #d2d2d7;overflow:auto}.guest-signup-page .manager-tabs button{min-height:40px;padding:0 15px;border:0;border-radius:999px;background:#f5f5f7;color:#6e6e73;font-weight:700;white-space:nowrap}.guest-signup-page .manager-tabs button.active{background:#1d1d1f;color:#fff}.guest-signup-page .manager-tabs button span{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:3px;border-radius:999px;background:#ff3b30;color:#fff;font-size:10px}
.guest-signup-page .manager-callout{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:15px;background:#eaf4ff;color:#005fb8}.guest-signup-page .manager-callout span{font-size:12px;line-height:1.6}.guest-signup-page .risk-list-callout{margin-bottom:12px}
.guest-signup-page .risk-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px;border:1px solid #ffc4c0;border-radius:15px;background:#fff3f2}.guest-signup-page .risk-item strong{display:block;margin-top:4px;font-size:13px}.guest-signup-page .risk-item p{margin:4px 0 0;color:#6e6e73;font-size:12px;line-height:1.55}.guest-signup-page .risk-item>span{color:#ff3b30;font-size:11px;font-weight:700}.guest-signup-page .risk-item>button{min-height:36px;border:1px solid #efb5b0;border-radius:999px;background:#fff;padding:0 13px;color:#b42318;font-weight:700}.guest-signup-page .risk-item>button:hover,.guest-signup-page .risk-item>button:focus-visible{border-color:#b42318;background:#fff3f2;outline:0}
.guest-signup-page .risk-empty{padding:24px;border:1px dashed #d2d2d7;border-radius:15px;text-align:center;color:#6e6e73}.guest-signup-page .risk-empty b{color:#1d1d1f}.guest-signup-page .risk-empty p{margin:6px 0 0;font-size:12px}.guest-signup-page .snapshot-note{color:#6e6e73;font-size:12px;line-height:1.7}
.guest-signup-page .slot-card.is-manageable{position:relative;cursor:pointer;box-shadow:0 0 0 1px rgba(0,113,227,.18)}.guest-signup-page .slot-card.is-manageable:hover,.guest-signup-page .slot-card.is-manageable:focus-visible{border-color:#0071e3;outline:0;box-shadow:0 0 0 3px rgba(0,113,227,.14)}
.guest-signup-page .signup-snapshot-panel{margin-top:14px;border:0;background:#fff;color:#1d1d1f}
.guest-signup-page .signup-snapshot-tabs{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #d2d2d7;background:#fff}
.guest-signup-page .signup-snapshot-tabs [role="tab"]{min-width:82px;min-height:40px;border:0;border-radius:999px;background:#f5f5f7;padding:0 15px;color:#6e6e73;font-weight:700}
.guest-signup-page .signup-snapshot-tabs [role="tab"].active{border:0;background:#1d1d1f;color:#fff}
.guest-signup-page .signup-snapshot-tabs>.dark-btn{margin-left:auto}
.guest-signup-page .signup-snapshot-panel>.team-center-muted-copy{margin:0;padding:18px 12px;color:#6e6e73}
.guest-signup-page .snapshot-list article{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #d2d2d7}
.guest-signup-page .snapshot-list time{color:#6e6e73;font-size:12px}
.guest-signup-page .snapshot-list p{margin:3px 0 0;color:#6e6e73;font-size:12px}
.guest-signup-page .snapshot-list button{min-height:36px;border:1px solid #d2d2d7;border-radius:999px;background:#fff;padding:0 13px;color:#1d1d1f}

.modal-backdrop:has(.guest-signup-slot-manager-sheet),.modal-backdrop:has(.guest-signup-snapshot-sheet){z-index:21010;background:rgba(0,0,0,.28);backdrop-filter:blur(6px)}
.guest-signup-slot-manager-sheet,.guest-signup-snapshot-sheet{width:min(540px,calc(100vw - 32px));max-height:86vh;overflow:auto;border-radius:26px;background:#fff;color:#1d1d1f;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.guest-signup-snapshot-sheet{width:min(1100px,calc(100vw - 32px))}
.guest-signup-slot-manager-sheet .sheet-handle,.guest-signup-snapshot-sheet .sheet-handle{display:none}
.guest-signup-slot-manager-sheet .sheet-header,.guest-signup-snapshot-sheet .sheet-header{display:flex;justify-content:space-between;gap:20px;padding:28px 30px 18px;border-bottom:1px solid #ededf0}
.guest-signup-slot-manager-sheet .sheet-header h2,.guest-signup-snapshot-sheet .sheet-header h2{margin:4px 0 0;color:#1d1d1f;font:700 25px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;letter-spacing:-.035em}
.guest-signup-snapshot-sheet .sheet-header p{margin:5px 0 0;color:#6e6e73;font-size:12px}
.guest-signup-slot-manager-sheet .eyebrow,.guest-signup-snapshot-sheet .eyebrow{display:block;color:#0071e3;font-size:12px;font-weight:750;letter-spacing:.08em}
.guest-signup-slot-manager-sheet .close-button,.guest-signup-snapshot-sheet .close-button{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;background:#f0f0f2;color:#6e6e73;font-size:26px;line-height:1}
.guest-signup-slot-manager-sheet .close-button:hover,.guest-signup-slot-manager-sheet .close-button:focus-visible,.guest-signup-snapshot-sheet .close-button:hover,.guest-signup-snapshot-sheet .close-button:focus-visible{background:#e5e5ea;color:#1d1d1f;outline:0}
.guest-signup-slot-manager-sheet .slot-manager-body{display:grid;gap:9px;padding:22px}
.guest-signup-slot-manager-sheet .slot-manager-state{min-height:70px;display:flex;align-items:center;padding:14px;border-radius:15px;background:#f5f5f7}
.guest-signup-slot-manager-sheet .slot-manager-state>b,.guest-signup-slot-manager-sheet .slot-manager-state>span{display:block}
.guest-signup-slot-manager-sheet .slot-manager-state>span{margin-left:8px;color:#6e6e73;font-size:12px}
.guest-signup-slot-manager-sheet .slot-manager-state .member-head{display:flex;align-items:center;gap:9px}
.guest-signup-slot-manager-sheet .slot-manager-state .role-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;overflow:hidden;border-radius:9px;background:#e6f1ff}
.guest-signup-slot-manager-sheet .slot-manager-state .kungfu-icon{width:100%;height:100%;object-fit:cover}
.guest-signup-slot-manager-sheet .slot-manager-state .member-head b,.guest-signup-slot-manager-sheet .slot-manager-state .member-head small{display:block}
.guest-signup-slot-manager-sheet .slot-manager-state .member-head small{color:#6e6e73;font-size:11px}
.guest-signup-slot-manager-sheet .manager-action{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:58px;padding:11px 14px;border:1px solid #d2d2d7;border-radius:14px;background:#fff;color:#1d1d1f;text-align:left}
.guest-signup-slot-manager-sheet .manager-action small{color:#6e6e73}
.guest-signup-slot-manager-sheet .manager-action.primary{border-color:#9ac9f8;background:#eaf4ff;color:#005fb8}
.guest-signup-slot-manager-sheet .manager-action.warning{border-color:#ffd39b;background:#fff9ec;color:#8a5d00}
.guest-signup-slot-manager-sheet .manager-action.danger{border-color:#ffc4c0;color:#b42318}
.guest-signup-slot-manager-sheet .manager-action:disabled{opacity:.38;cursor:not-allowed}
.guest-signup-slot-manager-sheet .account-modal-note{margin:0;padding:10px 12px;border-radius:12px;background:#f0f7ff;color:#005fb8}

.guest-signup-snapshot-sheet .sheet-body{padding:24px 30px}
.guest-signup-snapshot-sheet .snapshot-sheet-callout{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding:16px;border-radius:15px;background:#eaf4ff;color:#005fb8}
.guest-signup-snapshot-sheet .snapshot-sheet-callout span{font-size:12px;line-height:1.6}
.guest-signup-snapshot-sheet .snapshot-roster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.guest-signup-snapshot-sheet .snapshot-member-card{min-height:118px;padding:12px;border:1px solid #d2d2d7;border-radius:14px;background:#fafafa;color:#1d1d1f}
.guest-signup-snapshot-sheet .snapshot-member-card>span{color:#6e6e73;font-size:10px;font-weight:700}
.guest-signup-snapshot-sheet .snapshot-member-card .member-head{display:flex;align-items:center;gap:9px;margin-top:9px}
.guest-signup-snapshot-sheet .snapshot-member-card .role-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;overflow:hidden;border-radius:9px;background:#e6f1ff}
.guest-signup-snapshot-sheet .snapshot-member-card .kungfu-icon{width:100%;height:100%;object-fit:cover}
.guest-signup-snapshot-sheet .snapshot-member-card .member-head b,.guest-signup-snapshot-sheet .snapshot-member-card .member-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guest-signup-snapshot-sheet .snapshot-member-card .member-head small{color:#6e6e73;font-size:11px}
.guest-signup-snapshot-sheet .snapshot-member-card>button{width:100%;min-height:32px;margin-top:10px;border:1px solid #ffc4c0;border-radius:9px;background:#fff;color:#b42318;font-size:11px;font-weight:700}
.guest-signup-snapshot-sheet .snapshot-member-card>button:disabled{border-color:#d2d2d7;background:#f0f0f2;color:#6e6e73}
.guest-signup-snapshot-sheet .snapshot-member-card.is-game-fill{display:flex;flex-direction:column;justify-content:center;border-color:#b7d9c0;background:#eaf8ee}
.guest-signup-snapshot-sheet .snapshot-member-card.is-game-fill b{margin-top:9px;color:#20743a}
.guest-signup-snapshot-sheet .snapshot-member-card.is-game-fill small,.guest-signup-snapshot-sheet .snapshot-publisher,.guest-signup-snapshot-sheet .snapshot-guest-label{margin-top:5px;color:#6e6e73;font-size:10px}
.guest-signup-snapshot-sheet .snapshot-waiting-title{margin:22px 0 12px;color:#1d1d1f;font-size:15px}
.guest-signup-snapshot-sheet .risk-empty{padding:24px;border:1px dashed #d2d2d7;border-radius:15px;text-align:center;color:#6e6e73}
.guest-signup-role-sheet .recruit-inline-check{border-color:#dedee2;border-radius:14px;background:#f5f5f7;color:#1d1d1f}
.guest-signup-role-sheet .recruit-external-character-fields{border-color:#dedee2;border-radius:14px;background:#fafafa}
.guest-signup-role-sheet .account-modal-note{margin:0;padding:12px 14px;border-radius:12px;background:#f0f7ff;color:#005fb8}
.guest-signup-role-sheet .modal-actions{margin:0;padding-top:4px}
.guest-signup-role-sheet .modal-actions button{min-height:44px;border:0;border-radius:999px;padding:0 22px;font-weight:700}
.guest-signup-role-sheet .modal-actions .dark-btn{background:#e8e8ed;color:#1d1d1f}
.guest-signup-role-sheet .modal-actions .gold-btn{background:#0071e3;color:#fff}
@media(max-width:960px){
  .guest-signup-page .publisher-card{grid-template-columns:150px 1fr;padding:34px}
  .guest-signup-page .publisher-avatar{width:140px;height:140px}
  .guest-signup-page .publisher-stats{grid-column:1/-1}
  .guest-signup-page .publisher-rankings{grid-template-columns:auto repeat(3,minmax(180px,1fr));overflow-x:auto}
  .guest-signup-page .roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .guest-signup-page{margin:-8px;padding:18px 14px 100px}
  .guest-signup-page .signup-tools{position:sticky;top:64px;z-index:25;margin-inline:-4px;padding:8px 4px;background:rgba(245,245,247,.9);backdrop-filter:blur(16px)}
  .guest-signup-page .publisher-manager{padding:22px 18px;border-radius:22px}.guest-signup-page .manager-heading{align-items:flex-start;flex-direction:column}.guest-signup-page .manager-summary{width:100%}.guest-signup-page .manager-summary span{flex:1}.guest-signup-page .manager-tabs{margin-top:18px}.guest-signup-page .risk-item{grid-template-columns:1fr}
  .guest-signup-page .publisher-card{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:26px 22px;border-radius:24px;min-height:auto}
  .guest-signup-page .publisher-avatar{width:94px;height:94px;border-radius:20px;font-size:38px}
  .guest-signup-page .publisher-identity h1{font-size:34px}
  .guest-signup-page .publisher-stats{width:100%;grid-template-columns:1fr 1fr}
  .guest-signup-page .publisher-stats div{min-height:82px;padding:14px}
  .guest-signup-page .publisher-stats strong{font-size:25px}
  .guest-signup-page .profile-link{top:26px;right:22px}
  .guest-signup-page .activity-overview{display:block;padding:24px 20px;border-radius:22px}
  .guest-signup-page .activity-overview h2{font-size:27px}
  .guest-signup-page .activity-badges{justify-content:flex-start;margin-top:18px}
  .guest-signup-page .run-jump{top:66px;overflow-x:auto;margin-inline:-14px;padding-inline:14px;scrollbar-width:none}
  .guest-signup-page .run-jump::-webkit-scrollbar{display:none}
  .guest-signup-page .run-jump button{white-space:nowrap;min-height:44px;display:flex;align-items:center}
  .guest-signup-page .run-section{padding:0 0 18px;border-radius:22px;overflow:clip}
  .guest-signup-page .run-section-header{position:sticky;top:120px;z-index:12;display:grid;grid-template-columns:minmax(0,1fr) auto;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);padding:16px 18px;margin:0;border-bottom:1px solid #ededf0}
  .guest-signup-page .run-section-title>span{width:42px;height:42px;flex-basis:42px}
  .guest-signup-page .run-section-title h2{font-size:20px}
  .guest-signup-page .run-checkin-actions{grid-column:1/-1;margin-left:0;flex-wrap:wrap}
  .guest-signup-page .run-progress{grid-column:2;grid-row:1}
  .guest-signup-page .run-progress b{font-size:15px}
  .guest-signup-page .recruit-checkin-notice{margin:12px}
  .guest-signup-page .roster-grid{grid-template-columns:1fr;padding:12px}
  .guest-signup-page .slot-card{min-height:104px;border-radius:14px}
  .guest-signup-page .empty strong{margin-top:10px}
  .guest-signup-page .member-head{margin-top:5px}
  .guest-signup-page .guest-signup-password-gate{margin:8vh 0;padding:38px 22px;border-radius:24px}
  .guest-signup-page .guest-signup-password-gate h1{font-size:30px}
  .guest-signup-role-sheet{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;border-radius:24px}
  .guest-signup-role-sheet .account-modal-head{padding:24px 66px 16px 20px}
  .guest-signup-role-sheet .recruit-feature-form{padding:20px}
  .guest-signup-role-sheet .recruit-role-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .guest-signup-role-sheet .guest-signup-bound-role-panel{max-height:228px;padding:6px}
  .guest-signup-role-sheet .recruit-role-choice{grid-template-columns:16px minmax(0,1fr);gap:4px;padding:5px}
  .guest-signup-role-sheet .recruit-role-choice .mercenary-character-card{grid-template-columns:32px minmax(0,1fr);gap:6px;padding:3px}
  .guest-signup-role-sheet .recruit-role-choice .mercenary-character-card .sect-icon{width:30px;height:30px}
  .guest-signup-role-sheet .modal-actions{display:grid;grid-template-columns:1fr 1fr}
  .guest-signup-role-sheet .modal-actions button{width:100%}
  .guest-signup-slot-manager-sheet,.guest-signup-snapshot-sheet{align-self:end;width:100%;max-height:88vh;border-radius:24px 24px 0 0}
  .guest-signup-slot-manager-sheet .sheet-handle,.guest-signup-snapshot-sheet .sheet-handle{display:block;width:38px;height:5px;margin:9px auto 0;border-radius:999px;background:#d2d2d7}
  .guest-signup-slot-manager-sheet .sheet-header,.guest-signup-snapshot-sheet .sheet-header{padding:18px 20px 15px}
  .guest-signup-slot-manager-sheet .sheet-header h2,.guest-signup-snapshot-sheet .sheet-header h2{font-size:21px}
  .guest-signup-slot-manager-sheet .slot-manager-body,.guest-signup-snapshot-sheet .sheet-body{padding:20px}
  .guest-signup-snapshot-sheet .snapshot-roster-grid{grid-template-columns:1fr}
  .guest-signup-page .snapshot-list article{grid-template-columns:1fr}
  .guest-signup-page .snapshot-list button{justify-self:start}
}

.guest-signup-publish-option{border-color:rgba(91,213,180,.28);background:rgba(91,213,180,.035)}
.guest-signup-copy-button{border-color:rgba(91,213,180,.5);color:#a9f3dc}
.team-schedule-inline-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.guest-signup-page{display:grid;gap:16px}
.guest-signup-cars{display:grid;gap:16px}
.guest-signup-hero{text-align:center;background:linear-gradient(135deg,rgba(240,213,122,.08),rgba(7,20,38,.92))}
.guest-signup-hero h1{margin:8px 0;color:var(--gold-lt);font:900 clamp(24px,3vw,36px)/1.25 var(--serif)}
.guest-signup-hero p{margin:0;color:var(--muted)}
.guest-signup-submit-panel{max-width:980px;width:100%;margin-inline:auto}
.guest-signup-role-fields,.guest-signup-qq{display:grid;gap:9px}
.guest-signup-qq small{color:var(--muted);line-height:1.6}
.signup-snapshot-panel{margin-top:14px;border:1px solid rgba(240,213,122,.24);background:rgba(4,13,28,.58)}
.signup-snapshot-tabs{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(240,213,122,.18)}
.signup-snapshot-tabs [role="tab"]{min-width:82px;padding:8px 12px;border:1px solid rgba(91,213,180,.24);background:rgba(6,18,35,.72);color:var(--muted);cursor:pointer}
.signup-snapshot-tabs [role="tab"].active{border-color:rgba(240,213,122,.62);background:rgba(240,213,122,.1);color:var(--gold-lt);font-weight:800}
.signup-snapshot-tabs>.dark-btn{margin-left:auto}
.signup-snapshot-panel>.team-center-muted-copy{margin:0;padding:14px}
.signup-snapshot-history{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);min-height:210px}
.signup-snapshot-history>nav{display:grid;align-content:start;border-right:1px solid rgba(240,213,122,.16)}
.signup-snapshot-history>nav button{display:grid;gap:3px;padding:10px 12px;border:0;border-bottom:1px solid rgba(91,213,180,.12);background:transparent;color:var(--muted);text-align:left;cursor:pointer}
.signup-snapshot-history>nav button.active{background:rgba(91,213,180,.08);color:var(--gold-lt)}
.signup-snapshot-history>nav span{font-size:9px}
.signup-snapshot-detail{padding:14px}
.signup-snapshot-detail>header{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid rgba(240,213,122,.16)}
.signup-snapshot-detail>header>div{display:grid;gap:3px}.signup-snapshot-detail>header small{max-width:480px;color:var(--muted);line-height:1.6}
.signup-snapshot-detail ol{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}
.signup-snapshot-entry{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(91,213,180,.14);background:rgba(4,13,28,.5)}
.signup-snapshot-entry.is-guest{border-color:rgba(168,120,255,.28)}.signup-snapshot-entry.is-risk{border-color:rgba(255,105,105,.52);background:rgba(92,18,32,.14)}
.signup-snapshot-entry>div{display:grid;gap:2px}.signup-snapshot-entry small{color:var(--muted)}.signup-snapshot-entry em{width:max-content;color:#ddb5ff;font-size:9px;font-style:normal}
.signup-snapshot-slot{color:var(--cyan);font-size:10px}.signup-snapshot-risk.is-active{border-color:rgba(255,105,105,.56);color:#ffb2b2}
.signup-snapshot-empty{padding:18px;color:var(--muted);text-align:center}
@media (max-width:760px){.signup-snapshot-history{grid-template-columns:1fr}.signup-snapshot-history>nav{grid-template-columns:repeat(2,minmax(0,1fr));border-right:0;border-bottom:1px solid rgba(240,213,122,.16)}.signup-snapshot-entry{grid-template-columns:72px minmax(0,1fr)}.signup-snapshot-entry button{grid-column:1/-1}.signup-snapshot-detail>header{flex-direction:column}}

#modalRoot:has(.activity-quick-center-modal){z-index:100001}
.activity-quick-center-modal.guest-signup-page{display:block;zoom:.77;width:min(1500px,calc((100vw - 48px) / .77));max-height:calc((100vh - 72px) / .77);min-height:0;margin:0!important;padding:28px;overflow:auto;border:0;border-radius:28px;background:#f5f5f7;color:#1d1d1f;box-shadow:0 36px 110px rgba(0,0,0,.34)}
.activity-quick-center-modal.guest-signup-page>.activity-quick-center-head,.activity-quick-center-modal.guest-signup-page>[data-activity-quick-center-body]{width:100%;max-width:none}.activity-quick-center-modal .activity-quick-center-detail.guest-signup-page{width:100%;max-width:1180px}
.activity-quick-center-modal.guest-signup-page>.account-modal-close{position:sticky;top:0;float:right;z-index:40;width:38px;height:38px;border:0;border-radius:50%;background:#e8e8ed;color:#6e6e73;font-size:26px}
.activity-quick-center-modal.guest-signup-page>.account-modal-close:hover,.activity-quick-center-modal.guest-signup-page>.account-modal-close:focus-visible{background:#d9d9df;color:#1d1d1f;outline:0}
.activity-quick-center-modal .activity-quick-center-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:6px 54px 20px 4px;border-bottom:1px solid #d2d2d7}
.activity-quick-center-modal .activity-quick-center-head .eyebrow{color:#0071e3}.activity-quick-center-modal .activity-quick-center-head h2{margin:5px 0 4px;color:#1d1d1f;font:700 34px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;letter-spacing:-.035em}.activity-quick-center-modal .activity-quick-center-head p{max-width:720px;margin:0;color:#6e6e73;line-height:1.6}
.activity-quick-center-head-actions{display:flex;align-items:center;gap:8px}.activity-quick-center-modal .activity-quick-center-day{padding:9px 12px;border:0;border-radius:999px;background:#eaf4ff;color:#005fb8;font-size:11px}.activity-quick-center-modal .activity-quick-center-head-actions .quiet-button{min-height:36px;border:0;border-radius:999px;background:#fff;color:#1d1d1f}
.activity-quick-center-modal .activity-quick-center-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start;gap:18px;min-height:520px}
.activity-quick-center-modal .activity-quick-center-group-tabs{position:sticky;top:8px;display:grid;align-content:start;gap:8px}
.activity-quick-center-modal .activity-quick-center-group-tabs button{position:relative;display:grid;gap:5px;min-height:68px;padding:13px 14px;border:1px solid #dedee2;border-radius:16px;background:#fff;color:#6e6e73;text-align:left;box-shadow:0 6px 20px rgba(0,0,0,.03)}
.activity-quick-center-modal .activity-quick-center-group-tabs button:hover,.activity-quick-center-modal .activity-quick-center-group-tabs button:focus-visible{border-color:#9ac9f8;background:#f7fbff;color:#1d1d1f;outline:0}.activity-quick-center-modal .activity-quick-center-group-tabs button.active{border-color:#0071e3;background:#eaf4ff;color:#1d1d1f;box-shadow:0 0 0 3px rgba(0,113,227,.11)}
.activity-quick-center-modal .activity-quick-center-team-name{display:flex;align-items:center;gap:8px;min-width:0}.activity-quick-center-modal .activity-quick-center-team-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:15px}.activity-quick-center-modal .activity-quick-center-group-tabs button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.activity-quick-center-change-dot{display:block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 3px rgba(255,59,48,.14)}
.activity-quick-center-modal .activity-quick-center-detail.guest-signup-page{min-width:0;margin:0!important;padding:0 0 70px;background:transparent}
.activity-quick-center-modal .activity-quick-center-detail .publisher-card{margin-top:0}.activity-quick-center-modal .activity-quick-center-detail .run-checkin-actions>.dark-btn,.activity-quick-center-modal .activity-quick-center-detail .run-checkin-actions>.gold-btn{min-height:36px;padding:0 12px;border:0;border-radius:999px;background:#e8e8ed;color:#1d1d1f;font-weight:700}.activity-quick-center-modal .activity-quick-center-detail .run-checkin-actions>.gold-btn{background:#0071e3;color:#fff}
.activity-quick-center-modal .activity-quick-center-empty{display:grid;place-items:center;min-height:280px;padding:24px;border:1px dashed #d2d2d7;border-radius:22px;background:#fff;color:#6e6e73;text-align:center}
.activity-quick-center-nested-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.30);backdrop-filter:blur(7px)}
@media(max-width:900px){.activity-quick-center-modal.guest-signup-page{zoom:1;width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:18px;border-radius:22px}.activity-quick-center-modal .activity-quick-center-head{align-items:flex-start;flex-direction:column;padding-right:46px}.activity-quick-center-modal .activity-quick-center-workspace{grid-template-columns:1fr}.activity-quick-center-modal .activity-quick-center-group-tabs{position:static;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:auto}.activity-quick-center-modal .activity-quick-center-detail.guest-signup-page{padding-inline:0}}
@media(max-width:560px){.activity-quick-center-modal .activity-quick-center-group-tabs{grid-template-columns:1fr}.activity-quick-center-head-actions{align-items:flex-start;flex-direction:column}.activity-quick-center-modal .activity-quick-center-head h2{font-size:28px}}

.recruit-create-page .team-schedule-rule-slot.is-occupied{padding:0;border:0;background:transparent}
.recruit-create-page .team-schedule-rule-occupant.guest-signup-page{display:block;min-height:0;margin:0;padding:0;background:transparent;font:inherit}
.recruit-create-page .team-schedule-rule-occupant.guest-signup-page>*{width:100%;margin:0}
.recruit-create-page .run-editor.is-cancelled{border-color:#d2d2d7;background:#f2f2f4;color:#6e6e73}.recruit-create-page .run-editor.is-cancelled .run-existing-note{font-weight:700;color:#86868b}