:root{
  --sidebar:260px;
  --max:1720px;
  --gold:#d9a34d;
  --gold-light:#f3d58e;
  --text:#eee3d2;
  --muted:#b7aa97;
  --bg:#080604;
  --line:rgba(201,139,60,.42);
  --display:Georgia,"Times New Roman",serif;
  --body:"Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box}

html,body{
  min-height:100%;
  margin:0;
}

body{
  color:var(--text);
  font-family:var(--body);
  background:
    radial-gradient(circle at 64% -6%,rgba(139,73,24,.18),transparent 35rem),
    linear-gradient(135deg,#050403,#0b0806 52%,#050403);
}

a{color:inherit}

.icon-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

.ui-icon{
  width:1.25em;
  height:1.25em;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* =========================================================
   APP LAYOUT
   ========================================================= */

.app-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:var(--sidebar) minmax(0,1fr);
}

.sidebar{
  position:sticky;
  top:0;
  height:100vh;
  z-index:10;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 50% 11%,rgba(144,75,27,.20),transparent 17rem),
    linear-gradient(180deg,#120d09,#080605 58%,#050403);
  border-right:1px solid rgba(190,128,52,.38);
  box-shadow:10px 0 30px rgba(0,0,0,.44);
}

.main-content{
  min-width:0;
  padding:0 18px 55px;
}

.content-frame{
  width:100%;
  max-width:var(--max);
  margin:0;
}

/* =========================================================
   SIDEBAR
   ========================================================= */

.brand{
  display:block;
  padding:22px 16px 20px;
  text-align:center;
  text-decoration:none;
}

.brand img{
  width:238px;
  max-width:96%;
  max-height:245px;
  object-fit:contain;
  filter:
    contrast(1.05)
    saturate(1.05)
    drop-shadow(0 18px 15px rgba(0,0,0,.90))
    drop-shadow(0 0 18px rgba(218,121,37,.30));
}

.brand span{
  display:block;
  margin-top:8px;
  color:var(--gold-light);
  font:700 19px/1.15 var(--display);
  text-transform:uppercase;
  letter-spacing:.055em;
  text-shadow:0 2px 5px #000;
}

.nav-list{
  display:grid;
  margin-top:8px;
}

.nav-list a{
  position:relative;
  min-height:69px;
  display:flex;
  align-items:center;
  gap:17px;
  padding:10px 20px;
  color:#d8cbbb;
  text-decoration:none;
  border-top:1px solid rgba(190,128,52,.11);
  transition:.16s ease;
}

.nav-list a:hover{
  color:#f5ddb0;
  background:linear-gradient(90deg,rgba(160,68,34,.20),transparent);
}

.nav-list a.active,
.nav-list a[aria-current="page"]{
  color:#fff0ce;
  background:linear-gradient(
    90deg,
    rgba(154,35,25,.64) 0%,
    rgba(92,30,21,.34) 40%,
    transparent 100%
  );
  border-left:4px solid #dc9f42;
  box-shadow:
    inset 0 0 24px rgba(255,70,40,.11),
    0 0 15px rgba(255,120,60,.07);
}

.nav-list a.active:after,
.nav-list a[aria-current="page"]:after{
  content:"◆";
  position:absolute;
  right:-7px;
  color:#efb455;
  font-size:12px;
  text-shadow:0 0 9px #e87932;
}

.nav-icon{
  width:50px;
  height:50px;
  flex:0 0 50px;
  object-fit:contain;
  filter:drop-shadow(0 5px 6px #000);
}


.nav-list a>span:last-child{
  font:600 18px var(--display);
  letter-spacing:.2px;
}

.sidebar-status{
  margin:auto 20px 20px;
  padding-top:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-top:1px solid var(--line);
  color:#cdbfae;
  font-size:13px;
}

.sidebar-status small{
  margin-left:auto;
  color:#8d806f;
}

.status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#66c878;
  box-shadow:0 0 10px #5dbe70;
}

/* =========================================================
   TOP BAR
   ========================================================= */

.command-bar{
  height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  border-bottom:1px solid var(--line);
  color:#d7a451;
  font:700 12px var(--display);
  text-transform:uppercase;
  letter-spacing:.16em;
}

.date-time{
  display:flex;
  gap:25px;
}

.date-time>span{
  display:flex;
  align-items:center;
  gap:8px;
  color:#ded0bb;
  font:500 13px var(--display);
  letter-spacing:0;
  text-transform:none;
}

.date-time .ui-icon{
  color:#d5a04b;
}

/* =========================================================
   HERO
   ========================================================= */

.hero-banner{
  position:relative;
  min-height:390px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(0,0,0,.22),transparent 42%,transparent 70%,rgba(0,0,0,.12)),
    url("../assets/hero.webp") center/cover no-repeat;
  border-bottom:1px solid rgba(197,130,49,.52);
  box-shadow:0 18px 38px rgba(0,0,0,.32);
}

.hero-banner:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(transparent,rgba(5,4,3,.68));
}

.hero-copy{
  position:relative;
  z-index:3;
  width:69%;
  padding:68px 28px 40px;
  text-align:center;
}

.hero-copy>p{
  margin:0 0 12px;
  color:#e0ad5b;
  font:700 14px var(--display);
  letter-spacing:.24em;
  text-transform:uppercase;
  text-shadow:0 2px 4px #000;
}

.hero-copy h1{
  margin:0;
  color:#f4d893;
  font:700 clamp(56px,5vw,84px)/.98 var(--display);
  text-transform:uppercase;
  letter-spacing:.012em;
  -webkit-text-stroke:1px rgba(255,232,169,.20);
  text-shadow:
    0 1px 0 #ffe5aa,
    0 2px 0 #c78d38,
    0 4px 0 #74451e,
    0 7px 0 #2a180d,
    0 12px 20px rgba(0,0,0,.82),
    0 0 28px rgba(243,164,65,.18);
}

.hero-copy h2{
  margin:0;
  color:#efc36b;
  font:700 18px var(--display);
  letter-spacing:.14em;
  text-transform:uppercase;
  text-shadow:0 2px #000;
}

.ornament-line{
  width:min(500px,76%);
  margin:20px auto 15px;
  display:flex;
  align-items:center;
  color:#e4aa50;
}

.ornament-line:before,
.ornament-line:after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,#bd7f35);
}

.ornament-line:after{
  background:linear-gradient(90deg,#bd7f35,transparent);
}

.ornament-line span{
  padding:0 13px;
}

.hero-bear{
  position:absolute;
  z-index:4;
  right:-10px;
  bottom:-48px;
  width:min(545px,38%);
  max-height:445px;
  object-fit:contain;
  filter:
    drop-shadow(-18px 25px 18px rgba(0,0,0,.9))
    drop-shadow(0 0 14px rgba(211,104,35,.22));
}

/* =========================================================
   METRICS
   ========================================================= */

.metrics-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid var(--line);
}

.metrics-strip article{
  position:relative;
  min-height:164px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:24px 24px;
}

.metrics-strip article+article:before{
  content:"";
  position:absolute;
  left:0;
  top:23%;
  bottom:23%;
  width:1px;
  background:linear-gradient(transparent,var(--line),transparent);
}

.metrics-strip img{
  width:98px;
  height:98px;
  object-fit:contain;
  filter:drop-shadow(0 7px 7px #000);
}

.metrics-strip span{
  display:block;
  color:#ddb05e;
  font:700 15px var(--display);
  text-transform:uppercase;
}

.metrics-strip strong{
  display:block;
  margin:3px 0 1px;
  color:#f1e7d8;
  font:700 49px/1 var(--display);
}

.metrics-strip small{
  color:#a99a87;
  font-size:13px;
}

/* =========================================================
   MAIN SECTIONS
   ========================================================= */

.main-sections{
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:58px;
  padding:56px 18px 50px;
}

.section-heading{
  display:flex;
  align-items:center;
  gap:17px;
  margin-bottom:34px;
}

.section-heading span{
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,var(--line));
}

.section-heading span:last-child{
  background:linear-gradient(90deg,var(--line),transparent);
}

.section-heading h2{
  margin:0;
  color:#e4b15b;
  font:700 32px var(--display);
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 2px #000;
}

.welcome-body{
  display:grid;
  grid-template-columns:225px minmax(0,1fr);
  align-items:center;
  gap:34px;
}

.welcome-body>img{
  width:225px;
  max-height:245px;
  object-fit:contain;
  opacity:.97;
  filter:drop-shadow(0 15px 12px rgba(0,0,0,.82));
}

.welcome-body p{
  margin:0 0 13px;
  color:#d6cab9;
  font-size:15px;
  line-height:1.8;
}

.action-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:280px;
  height:58px;
  margin-top:8px;
  border:1px solid #9a5c2c;
  color:#f2d58c;
  text-decoration:none;
  font:700 18px var(--display);
  text-transform:uppercase;
  background:linear-gradient(180deg,#a92b1e,#65150f);
  box-shadow:
    inset 0 0 0 3px #240b08,
    0 8px 16px rgba(0,0,0,.4);
}

.action-button:hover{
  filter:brightness(1.12);
}

.action-button.secondary{
  background:linear-gradient(180deg,#29231c,#13110e);
  border-color:#80542a;
}

/* =========================================================
   QUICK ACTIONS
   ========================================================= */

.quick-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:30px;
}

.quick-list a{
  display:flex;
  align-items:center;
  gap:20px;
  min-height:122px;
  padding:12px 5px;
  color:#e2d4c0;
  text-decoration:none;
  border-bottom:1px solid rgba(190,128,52,.25);
}

.quick-list a:hover{
  color:#fff0c8;
}

.quick-list img{
  width:108px;
  height:108px;
  flex:0 0 108px;
  object-fit:contain;
  filter:drop-shadow(0 8px 7px #000);
}

.quick-list strong,
.quick-list small{
  display:block;
}

.quick-list strong{
  color:#e2b159;
  font:700 20px var(--display);
}

.quick-list small{
  margin-top:7px;
  color:#998b79;
  font-size:12px;
  line-height:1.4;
}

/* =========================================================
   ABOUT
   ========================================================= */

.about-strip{
  min-height:96px;
  margin:0 18px;
  display:flex;
  align-items:center;
  gap:15px;
  border-top:1px solid var(--line);
  border-bottom:1px solid rgba(190,128,52,.16);
  color:#cfc1ae;
}

.about-strip>.ui-icon{
  width:34px;
  height:34px;
  padding:6px;
  border:1px solid #9a672e;
  border-radius:50%;
  color:#dda953;
}

.about-strip strong{
  display:block;
  color:#dba958;
  font:700 16px var(--display);
  text-transform:uppercase;
}

.about-strip span{
  display:block;
  margin-top:5px;
  font-size:13px;
}

/* =========================================================
   PLACEHOLDER PAGES
   ========================================================= */

.page-hero{
  min-height:300px;
}

.page-hero .hero-copy{
  padding-top:78px;
}

.placeholder-section{
  min-height:430px;
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  padding:50px;
}

.placeholder-section>img{
  width:165px;
  height:165px;
  object-fit:contain;
  filter:drop-shadow(0 10px 9px #000);
}

.placeholder-section h2{
  margin:18px 0 8px;
  color:#e0ad57;
  font:700 28px var(--display);
  text-transform:uppercase;
}

.placeholder-section p{
  max-width:600px;
  color:var(--muted);
  line-height:1.7;
}

.disabled{cursor:default}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(min-width:1800px){
  :root{
    --max:1780px;
  }

  .hero-banner{
    min-height:420px;
  }

  .hero-bear{
    width:580px;
  }
}

@media(max-width:1250px){
  :root{
    --sidebar:220px;
  }

  .main-content{
    padding-inline:12px;
  }

  .brand img{
    width:198px;
  }

  .brand span{
    font-size:16px;
  }

  .nav-list a{
    padding-inline:14px;
    gap:12px;
  }

  .nav-icon{
    width:44px;
    height:44px;
    flex-basis:44px;
  }

  .nav-list a>span:last-child{
    font-size:16px;
  }

  .hero-banner{
    min-height:340px;
  }

  .hero-copy{
    width:67%;
    padding-top:58px;
  }

  .hero-bear{
    width:420px;
    right:-35px;
  }

  .metrics-strip{
    grid-template-columns:repeat(2,1fr);
  }

  .metrics-strip article:nth-child(3):before{
    display:none;
  }

  .metrics-strip img{
    width:88px;
    height:88px;
  }

  .main-sections{
    gap:38px;
    padding-inline:10px;
  }

  .welcome-body{
    grid-template-columns:190px minmax(0,1fr);
    gap:25px;
  }

  .welcome-body>img{
    width:190px;
  }

  .quick-list img{
    width:92px;
    height:92px;
    flex-basis:92px;
  }
}

@media(max-width:900px){
  .app-shell{
    grid-template-columns:1fr;
  }

  .sidebar{
    position:relative;
    height:auto;
  }

  .brand{
    display:flex;
    align-items:center;
    gap:13px;
    padding:8px 14px;
    text-align:left;
  }

  .brand img{
    width:68px;
    height:68px;
  }

  .brand span{
    margin:0;
  }

  .nav-list{
    grid-template-columns:repeat(5,1fr);
    margin:0;
  }

  .nav-list a{
    justify-content:center;
    min-height:60px;
    padding:6px;
    border-left:0;
  }

  .nav-list a>span:last-child{
    display:none;
  }

  .nav-icon{
    width:42px;
    height:42px;
    flex-basis:42px;
  }

  .sidebar-status{
    display:none;
  }

  .main-content{
    padding-inline:13px;
  }

  .hero-copy{
    width:72%;
    text-align:left;
    padding-left:18px;
  }

  .ornament-line{
    margin-left:0;
  }

  .hero-bear{
    width:320px;
    right:-52px;
  }

  .main-sections{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .command-bar>span{
    display:none;
  }

  .date-time{
    width:100%;
    justify-content:space-between;
    gap:10px;
  }

  .hero-banner{
    min-height:285px;
  }

  .hero-copy{
    width:80%;
    padding:50px 12px 28px;
  }

  .hero-copy h1{
    font-size:39px;
  }

  .hero-copy>p{
    font-size:10px;
  }

  .hero-copy h2{
    font-size:12px;
  }

  .hero-bear{
    width:235px;
    right:-65px;
    bottom:-20px;
    opacity:.76;
  }

  .metrics-strip{
    grid-template-columns:1fr;
  }

  .metrics-strip article{
    min-height:145px;
  }

  .metrics-strip article+article:before{
    left:17%;
    right:17%;
    top:0;
    bottom:auto;
    width:auto;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--line),transparent);
  }

  .metrics-strip img{
    width:80px;
    height:80px;
  }

  .main-sections{
    padding:35px 8px;
    gap:42px;
  }

  .welcome-body{
    grid-template-columns:1fr;
  }

  .welcome-body>img{
    display:none;
  }

  .quick-list{
    grid-template-columns:1fr;
  }

  .quick-list img{
    width:82px;
    height:82px;
    flex-basis:82px;
  }

  .about-strip{
    margin-inline:8px;
  }
}


/* =========================================================
   v0.1.11 — Quick Action interaction fix
   ========================================================= */

.quick-list a{
  position:relative;
  z-index:2;
  cursor:pointer;
  pointer-events:auto;
  border-radius:2px;
  transition:
    background-color .16s ease,
    color .16s ease,
    transform .16s ease,
    box-shadow .16s ease;
}

.quick-list a:hover{
  color:#fff1cf;
  background:
    linear-gradient(
      90deg,
      rgba(155,62,28,.18),
      rgba(96,42,21,.08) 62%,
      transparent
    );
  transform:translateY(-1px);
  box-shadow:inset 3px 0 rgba(220,159,66,.72);
}

.quick-list a:focus-visible{
  outline:2px solid #dca04a;
  outline-offset:3px;
  background:rgba(154,72,30,.14);
}

.quick-list a:hover img,
.quick-list a:focus-visible img{
  filter:
    brightness(1.10)
    drop-shadow(0 8px 8px #000)
    drop-shadow(0 0 9px rgba(219,151,60,.20));
}

.quick-list a:hover strong,
.quick-list a:focus-visible strong{
  color:#f3cb79;
}

.action-button{
  cursor:pointer;
}

.disabled{
  cursor:default;
}


/* =========================================================
   v0.1.12 — Leader summary
   ========================================================= */

.welcome-summary{
  align-items:center;
}

.leader-summary{
  min-width:0;
}

.welcome-back{
  margin:0 0 20px !important;
  color:#d8cbb9 !important;
  font-size:17px !important;
}

.welcome-back strong{
  color:#efbd67;
  font-family:var(--display);
  font-size:19px;
}

.summary-list{
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:34px;
}

.summary-list>div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:18px;
  min-height:48px;
  padding:10px 0;
  border-bottom:1px solid rgba(190,128,52,.22);
}

.summary-list dt{
  color:#a99b88;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.summary-list dd{
  margin:0;
  color:#f0d18b;
  font:700 16px var(--display);
  text-align:right;
}

@media(max-width:1250px){
  .summary-list{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .summary-list{
    grid-template-columns:1fr;
  }

  .summary-list>div{
    min-height:44px;
  }
}

/* =========================================================
   PLAYERS — v0.2.0
   ========================================================= */
.module-header{
  min-height:190px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  padding:40px 46px;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg,rgba(12,8,5,.94),rgba(20,12,7,.70)),
    url("../assets/hero.webp") center 48%/cover no-repeat;
}
.module-header p,
.players-panel-heading p{
  margin:0 0 7px;
  color:#dca84f;
  font:700 12px var(--display);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.module-header h1{
  margin:0;
  color:#f1d184;
  font:700 52px/1 var(--display);
  text-transform:uppercase;
  text-shadow:0 4px 12px #000;
}
.module-header>div>span{display:block;margin-top:13px;color:#b7aa97}
.action-button.compact{min-width:220px;height:62px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.action-button.compact small{font:500 10px var(--body);text-transform:none;color:#c8ae86;margin-top:2px}
.disabled-action{opacity:.58;cursor:not-allowed;filter:saturate(.55)}
.player-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.player-metrics article{position:relative;min-height:138px;display:flex;align-items:center;justify-content:center;gap:18px;padding:22px}
.player-metrics article+article:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:linear-gradient(transparent,var(--line),transparent)}
.player-metrics img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 7px 7px #000)}
.player-metrics span{display:block;color:#ddb05e;font:700 13px var(--display);text-transform:uppercase}
.player-metrics strong{display:block;color:#f1e7d8;font:700 39px/1.05 var(--display)}
.player-metrics small{color:#9f927f;font-size:12px}
.players-panel{margin:34px 18px 38px;border:1px solid rgba(201,139,60,.28);background:linear-gradient(180deg,rgba(22,15,10,.74),rgba(7,5,4,.84));box-shadow:0 18px 34px rgba(0,0,0,.25)}
.players-panel-heading{min-height:92px;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid rgba(201,139,60,.25)}
.players-panel-heading h2{margin:0;color:#e2b159;font:700 25px var(--display);text-transform:uppercase}
.players-panel-heading>span{color:#a99a87;font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.player-toolbar{display:flex;align-items:flex-end;gap:14px;padding:20px 28px;border-bottom:1px solid rgba(201,139,60,.18)}
.player-search{flex:1;min-width:230px}
.player-search>span{display:block;margin-bottom:7px;color:#bda889;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.player-search input{width:100%;height:43px;padding:0 14px;color:#eee3d2;background:#0c0907;border:1px solid #644321;outline:none}
.player-search input:focus{border-color:#c58b3d;box-shadow:0 0 0 2px rgba(197,139,61,.12)}
.status-tabs{height:43px;display:flex;border:1px solid #644321;background:#0c0907}
.status-tabs button{min-width:82px;border:0;border-right:1px solid #493119;color:#aa9c89;background:transparent;cursor:pointer;font-weight:600}
.status-tabs button:last-child{border-right:0}.status-tabs button.active{color:#ffe3a0;background:linear-gradient(180deg,#7f291d,#4c1711)}
.filter-button{height:43px;padding:0 22px;border:1px solid #9a5c2c;color:#f2d58c;background:linear-gradient(180deg,#5b3b20,#2c1c10);font:700 13px var(--display);text-transform:uppercase;cursor:pointer}
.clear-filter{align-self:center;color:#c99a51;font-size:12px}
.player-table-wrap{overflow-x:auto}.player-table{width:100%;border-collapse:collapse}
.player-table th{padding:14px 22px;color:#9f8e77;font-size:11px;text-align:left;text-transform:uppercase;letter-spacing:.12em;background:rgba(0,0,0,.22)}
.player-table td{padding:15px 22px;border-top:1px solid rgba(201,139,60,.13);color:#cfc3b2;font-size:13px}
.player-table tbody tr:hover{background:rgba(151,77,28,.09)}
.player-identity{display:flex;align-items:center;gap:13px}.player-identity strong{color:#e9d9bf;font:700 16px var(--display)}
.player-emblem{width:38px;height:38px;display:grid;place-items:center;border:1px solid #8d5d2c;border-radius:50%;color:#f0c56f;background:radial-gradient(circle,#4c2c13,#140d08 68%);font:700 16px var(--display);box-shadow:inset 0 0 0 3px #080604}
.status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}
.status-badge.active{color:#79c985;border-color:rgba(121,201,133,.35);background:rgba(57,120,66,.10)}
.status-badge.inactive{color:#9d9284;border-color:rgba(157,146,132,.28);background:rgba(90,82,72,.10)}
.row-action{padding:6px 15px;border:1px solid #5f4428;color:#887967;background:#100c09;opacity:.65;cursor:not-allowed}
.players-empty{min-height:335px;display:grid;place-items:center;align-content:center;text-align:center;padding:42px}
.players-empty img{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 8px #000);opacity:.8}
.players-empty h2{margin:10px 0 5px;color:#e2b159;font:700 24px var(--display);text-transform:uppercase}
.players-empty p{margin:0;max-width:520px;color:#9f927f;line-height:1.6}.players-empty a{margin-top:15px;color:#dca84f}
.player-note{margin-bottom:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.module-header{align-items:flex-start;flex-direction:column}.player-metrics{grid-template-columns:1fr}.player-metrics article+article:before{top:0;bottom:auto;left:12%;right:12%;width:auto;height:1px}.player-toolbar{align-items:stretch;flex-direction:column}.status-tabs button{flex:1}.filter-button{width:100%}}

/* =========================================================
   PLAYERS — v0.2.1 Add Player
   ========================================================= */
.roster-message{margin:22px 18px -10px;padding:13px 18px;border:1px solid;font-size:13px;letter-spacing:.02em}
.roster-message.success{color:#a8d7ad;border-color:rgba(104,181,113,.42);background:rgba(51,106,57,.15)}
.roster-message.error{color:#e7a79d;border-color:rgba(192,73,57,.48);background:rgba(116,35,25,.18)}
.player-secondary{color:#ad9e8a!important}
.empty-add-player{margin-top:18px;padding:10px 20px;border:1px solid #9a5c2c;color:#f2d58c;background:linear-gradient(180deg,#6e2519,#40130e);font:700 12px var(--display);text-transform:uppercase;cursor:pointer}
.player-modal[hidden]{display:none}
.player-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}
.player-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.player-dialog{position:relative;width:min(650px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid #8d5a2c;background:linear-gradient(180deg,#1b110b,#090604 70%);box-shadow:0 30px 90px #000,inset 0 0 0 3px #080503}
.player-dialog>header{min-height:122px;display:flex;justify-content:space-between;gap:22px;padding:26px 30px;border-bottom:1px solid rgba(201,139,60,.28);background:linear-gradient(90deg,rgba(15,9,5,.9),rgba(58,25,11,.45)),url("../assets/hero.webp") center 46%/cover no-repeat}
.player-dialog header p{margin:0 0 5px;color:#dca84f;font:700 11px var(--display);letter-spacing:.16em;text-transform:uppercase}
.player-dialog header h2{margin:0;color:#f0cf80;font:700 30px var(--display);text-transform:uppercase;text-shadow:0 3px 9px #000}
.player-dialog header span{display:block;margin-top:8px;color:#b9ab96;font-size:12px}
.modal-close{align-self:flex-start;width:36px;height:36px;border:1px solid rgba(200,139,61,.35);color:#d9b16e;background:rgba(7,5,3,.72);font-size:25px;line-height:1;cursor:pointer}
.player-form{padding:27px 30px 30px}
.player-form>label{display:block;margin-bottom:20px}
.player-form>label>span,.player-form legend{display:block;margin-bottom:8px;color:#d8b36d;font:700 12px var(--display);text-transform:uppercase;letter-spacing:.06em}
.player-form b{color:#d96d55}.player-form em{color:#887b69;font:400 10px var(--body);text-transform:none;letter-spacing:0}
.player-form input[type="text"]{width:100%;height:46px;padding:0 14px;border:1px solid #624220;color:#eee3d2;background:#0b0806;outline:none}
.player-form input[type="text"]:focus{border-color:#c58b3d;box-shadow:0 0 0 2px rgba(197,139,61,.13)}
.player-form>label>small{display:block;margin-top:7px;color:#877b6c;font-size:11px;line-height:1.45}
.player-form fieldset{margin:2px 0 27px;padding:0;border:0}
.status-choice{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border:1px solid rgba(153,101,48,.35);background:rgba(0,0,0,.15);cursor:pointer}
.status-choice input{accent-color:#b56d2c}
.status-choice span{display:flex;flex-direction:column;gap:2px}.status-choice strong{color:#d8c8b0;font-size:13px}.status-choice small{color:#84796a;font-size:11px}
.player-form footer{display:flex;justify-content:flex-end;gap:12px;padding-top:21px;border-top:1px solid rgba(201,139,60,.22)}
.dialog-cancel,.dialog-submit{height:44px;padding:0 23px;font:700 12px var(--display);text-transform:uppercase;cursor:pointer}
.dialog-cancel{border:1px solid #574029;color:#aa9a83;background:#100c09}
.dialog-submit{border:1px solid #a96931;color:#f5d78f;background:linear-gradient(180deg,#942b1d,#56150f);box-shadow:inset 0 0 0 2px #260b08}
body.modal-open{overflow:hidden}
@media(max-width:700px){.player-dialog>header,.player-form{padding-left:20px;padding-right:20px}.player-form footer{flex-direction:column-reverse}.dialog-cancel,.dialog-submit{width:100%}}

/* v0.2.2 — Edit Player */
.row-action:not(:disabled){opacity:1;cursor:pointer;color:#d4b270;border-color:#7a542c;background:linear-gradient(180deg,#21150d,#100b07)}
.row-action:not(:disabled):hover{border-color:#bd7e36;color:#f0cf80;background:linear-gradient(180deg,#3a2011,#171008)}

/* v0.2.3 — dismissing roster notifications */
.roster-message{overflow:hidden;opacity:1;max-height:80px;transition:opacity .55s ease,max-height .55s ease,margin .55s ease,padding .55s ease,border-width .55s ease}
.roster-message.is-dismissing{opacity:0;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0}

/* v0.2.4 — Trap assignment and filtering */
.toolbar-filter-group{display:flex;flex-direction:column;gap:7px}
.toolbar-filter-group>span{color:#9d896c;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.trap-tabs button{min-width:72px}
.trap-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 9px;border:1px solid #745025;color:#e0b96d;background:rgba(93,53,19,.22);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choice-grid .status-choice{margin-top:0}
@media(max-width:1100px){.player-toolbar{flex-wrap:wrap}.player-search{min-width:100%}}
@media(max-width:700px){.choice-grid{grid-template-columns:1fr}.toolbar-filter-group{width:100%}}


/* v0.2.5 — permanent player deletion */
.edit-player-footer{justify-content:space-between!important;gap:18px}
.dialog-footer-actions{display:flex;gap:12px}
.dialog-delete,.dialog-delete-confirm{height:44px;padding:0 20px;font:700 12px var(--display);text-transform:uppercase;cursor:pointer}
.dialog-delete{border:1px solid rgba(190,72,54,.58);color:#e6a194;background:rgba(102,25,18,.24)}
.dialog-delete:hover{background:rgba(132,31,22,.4)}
.dialog-delete-confirm{border:1px solid #bf4c3c;color:#ffe1d8;background:linear-gradient(180deg,#a72d20,#5d120d);box-shadow:inset 0 0 0 2px #2b0806}
.dialog-delete-confirm:disabled{cursor:not-allowed;opacity:.38;filter:grayscale(.45)}
.delete-player-dialog{width:min(610px,100%)}
.delete-warning{padding:18px 20px;border:1px solid rgba(194,72,55,.5);background:rgba(111,27,20,.2)}
.delete-warning strong{display:block;color:#f0b0a3;font:700 17px var(--display);text-transform:uppercase}
.delete-warning p{margin:9px 0 0;color:#cdb8aa;line-height:1.55}
@media(max-width:700px){.edit-player-footer{align-items:stretch}.dialog-footer-actions{flex-direction:column-reverse}.dialog-delete,.dialog-delete-confirm{width:100%}}

/* =========================================================
   PLAYERS — v0.2.6 Delete dialog polish
   ========================================================= */
.player-form > label[hidden]{display:none!important}
.delete-player-form .delete-warning + label{margin-top:24px}
.delete-player-form .delete-warning{margin-bottom:0}
.delete-player-form footer{margin-top:24px}

/* =========================================================
   BEARS — v0.3.0
   ========================================================= */
.bears-header{background:linear-gradient(90deg,rgba(12,8,5,.95),rgba(20,12,7,.65)),url("../assets/bear.webp") center 38%/cover no-repeat}
.bear-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px 28px 30px}
.bear-card{display:grid;grid-template-columns:155px 1fr;min-height:225px;border:1px solid rgba(180,112,47,.35);background:linear-gradient(145deg,rgba(35,21,12,.9),rgba(9,6,4,.96));box-shadow:0 12px 28px rgba(0,0,0,.3);overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.bear-card:hover{transform:translateY(-2px);border-color:rgba(220,157,74,.58)}
.bear-card-art{position:relative;min-height:225px;background:#0b0806;overflow:hidden}
.bear-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(9,6,4,.96)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%)}
.bear-card-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.06)}
.bear-card-art .trap-badge{position:absolute;z-index:2;left:12px;bottom:12px}
.bear-card-body{display:flex;flex-direction:column;padding:20px 21px 18px}
.bear-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.bear-card-top small{color:#a59175;font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.bear-card h3{margin:5px 0 0;color:#edc978;font:700 21px var(--display);text-transform:uppercase}
.bear-card-body>p{min-height:42px;margin:14px 0;color:#9d907e;font-size:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bear-card-meta{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:12px;border-top:1px solid rgba(201,139,60,.16);color:#8f816e;font-size:11px}.bear-card-meta strong{color:#d7ad61}
.bear-card .row-action{align-self:flex-end;margin-top:14px}
.player-form input[type="date"],.player-form textarea{width:100%;padding:0 14px;border:1px solid #624220;color:#eee3d2;background:#0b0806;outline:none;color-scheme:dark}
.player-form input[type="date"]{height:46px}.player-form textarea{min-height:100px;padding-top:12px;resize:vertical;font:13px var(--body)}
.player-form input[type="date"]:focus,.player-form textarea:focus{border-color:#c58b3d;box-shadow:0 0 0 2px rgba(197,139,61,.13)}
@media(max-width:1200px){.bear-card-grid{grid-template-columns:1fr}}
@media(max-width:700px){.bear-card-grid{padding:18px}.bear-card{grid-template-columns:1fr}.bear-card-art{min-height:160px;max-height:180px}.bear-card-art:after{background:linear-gradient(0deg,rgba(9,6,4,.96),transparent 60%)}}

/* v0.3.1 — Bear participants */
.bear-card-grid{grid-template-columns:1fr}
.bear-card{grid-template-columns:220px 1fr;min-height:255px}
.bear-card-art{min-height:255px}
.bear-card-art img{object-position:center 36%}
.bear-card .status-badge,.premium-status{border-width:1px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 4px 14px rgba(0,0,0,.32);letter-spacing:.09em}
.bear-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.bear-card-actions .row-action{margin-top:0;text-decoration:none}
.bear-card-actions .secondary{opacity:.82}
.open-bear{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#9d351e,#68170e);border-color:#ca7040!important;color:#f7d98c!important;box-shadow:inset 0 0 0 1px rgba(255,207,102,.14),0 4px 14px rgba(0,0,0,.35)}

.bear-detail-hero{display:grid;grid-template-columns:245px minmax(0,1fr) 235px;min-height:260px;border-bottom:1px solid rgba(201,139,60,.34);background:linear-gradient(110deg,#120b07 0%,#0b0705 65%,#1a0d07);overflow:hidden}
.bear-detail-art{position:relative;min-height:260px;overflow:hidden;background:#090604}
.bear-detail-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#0e0805),linear-gradient(0deg,rgba(0,0,0,.6),transparent 50%)}
.bear-detail-art img{width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.9) contrast(1.08)}
.bear-detail-art .trap-badge{position:absolute;z-index:2;left:18px;bottom:18px}
.bear-detail-copy{padding:30px 34px}
.back-link{display:inline-block;margin-bottom:22px;color:#b99b69;font-size:11px;text-decoration:none;text-transform:uppercase;letter-spacing:.09em}
.back-link:hover{color:#e3bf72}
.bear-detail-copy>p:first-of-type{margin:0 0 7px;color:#dca84f;font:700 11px var(--display);letter-spacing:.15em;text-transform:uppercase}
.bear-title-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.bear-title-row h1{margin:0;color:#f0cf80;font:700 34px var(--display);text-transform:uppercase;text-shadow:0 3px 10px #000}
.bear-detail-copy>span{display:block;margin-top:9px;color:#a99578;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.bear-detail-notes{max-width:720px;margin:24px 0 0!important;color:#a89a87!important;font:400 13px/1.65 sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.bear-detail-stat{display:flex;flex-direction:column;justify-content:center;padding:28px;border-left:1px solid rgba(201,139,60,.22);background:rgba(0,0,0,.13)}
.bear-detail-stat span{color:#d3a658;font:700 11px var(--display);text-transform:uppercase;letter-spacing:.1em}
.bear-detail-stat strong{margin:8px 0;color:#f0cf80;font:700 48px var(--display);line-height:1}
.bear-detail-stat small{color:#8f806c;font-size:10px;line-height:1.5}

.participant-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:22px;margin:24px 12px}
.participant-panel,.add-participant-panel{margin:0}
.participant-list{padding:12px 18px 22px}
.participant-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 130px auto;align-items:center;gap:14px;padding:14px 10px;border-bottom:1px solid rgba(201,139,60,.14)}
.participant-row:last-child{border-bottom:0}
.participant-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid #83502a;background:radial-gradient(circle at 35% 25%,#532313,#170c07 72%);color:#e9c675;font:700 18px var(--display);box-shadow:inset 0 0 0 2px #090604}
.participant-identity strong,.available-player-row strong{display:block;color:#dfbd73;font:700 13px var(--display)}
.participant-identity span,.available-player-row span{display:block;margin-top:4px;color:#887a67;font-size:10px}
.compact-trap{position:static!important;white-space:nowrap}
.participant-damage{text-align:right}
.participant-damage span{display:block;color:#756957;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.participant-damage strong{display:block;margin-top:4px;color:#b7a68c;font-size:11px;font-weight:600}
.remove-participant{border:1px solid rgba(169,75,44,.52);background:rgba(85,24,13,.24);color:#c98567;padding:8px 11px;font:700 9px var(--display);text-transform:uppercase;cursor:pointer}
.remove-participant:hover{background:rgba(113,31,17,.48);color:#efad8f}
.participants-empty{padding:50px 28px;text-align:center}
.participants-empty img{width:74px;opacity:.72}
.participants-empty h3{margin:15px 0 8px;color:#dfbd73;font:700 18px var(--display);text-transform:uppercase}
.participants-empty p{max-width:470px;margin:auto;color:#8f816e;font-size:12px;line-height:1.6}

.participant-search{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;padding:18px;border-bottom:1px solid rgba(201,139,60,.18)}
.participant-search label span{display:block;margin-bottom:6px;color:#a7895a;font:700 9px var(--display);text-transform:uppercase;letter-spacing:.08em}
.participant-search input,.participant-search select{width:100%;height:38px;border:1px solid #5a3921;background:#0b0806;color:#c7b79e;padding:0 10px;outline:none}
.participant-search input:focus,.participant-search select:focus{border-color:#a9682e}
.participant-search .filter-button{align-self:end;height:38px}
.available-player-list{max-height:540px;overflow:auto;padding:8px 16px 18px}
.available-player-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 8px;border-bottom:1px solid rgba(201,139,60,.13)}
.available-player-row button{border:1px solid #8e5a29;background:linear-gradient(180deg,#4a2a13,#211208);color:#dfbd73;padding:8px 16px;font:700 9px var(--display);text-transform:uppercase;cursor:pointer}
.available-player-row button:hover{border-color:#cf9143;background:linear-gradient(180deg,#63391a,#2d180b)}
.available-empty{padding:42px 24px;text-align:center;color:#8f816e;font-size:12px}
.available-empty a{color:#d5aa5e}

@media(max-width:1100px){.bear-detail-hero{grid-template-columns:200px 1fr}.bear-detail-stat{grid-column:1/-1;border-left:0;border-top:1px solid rgba(201,139,60,.22);padding:18px 28px}.participant-layout{grid-template-columns:1fr}.add-participant-panel{min-width:0}}
@media(max-width:720px){.bear-card{grid-template-columns:1fr}.bear-detail-hero{grid-template-columns:1fr}.bear-detail-art{min-height:190px}.bear-detail-copy{padding:24px 20px}.bear-title-row h1{font-size:26px}.participant-layout{margin:16px 0}.participant-row{grid-template-columns:38px 1fr auto}.participant-damage{display:none}.participant-row form{grid-column:2/-1}.participant-search{grid-template-columns:1fr}.participant-search .filter-button{width:100%}}

/* Bears v0.3.2 — automatic workflow status */
.status-badge.bear-status-preparing{color:#d7ad58;border-color:rgba(215,173,88,.38);background:rgba(131,91,27,.12)}
.status-badge.bear-status-waiting_damage{color:#e28a4a;border-color:rgba(226,138,74,.38);background:rgba(135,60,23,.13)}
.status-badge.bear-status-completed{color:#79c985;border-color:rgba(121,201,133,.35);background:rgba(57,120,66,.10)}
.bear-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.bear-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v0.3.3 damage entry */
.participant-entry{border-bottom:1px solid rgba(201,139,60,.14)}
.participant-entry:last-child{border-bottom:0}
.participant-entry>summary{list-style:none;cursor:pointer}
.participant-entry>summary::-webkit-details-marker{display:none}
.participant-entry .participant-row{border-bottom:0}
.participant-entry[open]{background:linear-gradient(180deg,rgba(97,42,17,.12),rgba(20,10,6,.05))}
.participant-entry[open] .participant-row{border-bottom:1px solid rgba(201,139,60,.18)}
.participant-open{min-width:52px;text-align:center;border:1px solid #6e4326;padding:7px 10px;color:#d7b164;font:700 9px var(--display);text-transform:uppercase;letter-spacing:.06em}
.participant-entry[open] .participant-open{color:#f0cf7c;border-color:#aa672e;background:rgba(125,51,22,.25)}
.damage-editor{padding:18px 18px 20px 66px}
.damage-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}
.damage-editor-heading span{display:block;color:#9a7b4c;font:700 9px var(--display);text-transform:uppercase;letter-spacing:.1em}
.damage-editor-heading strong{display:block;margin-top:4px;color:#d7b96f;font:700 13px var(--display)}
.damage-slot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.damage-slot-grid label span{display:block;margin-bottom:6px;color:#9d845d;font:700 9px var(--display);text-transform:uppercase;letter-spacing:.07em}
.damage-input{width:100%;height:42px;border:1px solid #5c3921;background:#090605;color:#e3c67d;padding:0 10px;font:600 12px var(--body);outline:none}
.damage-input:focus{border-color:#b46f31;box-shadow:0 0 0 1px rgba(180,111,49,.18)}
.damage-summary{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr)) auto;gap:12px;align-items:stretch;margin-top:14px;padding-top:14px;border-top:1px solid rgba(201,139,60,.16)}
.damage-summary>div{padding:9px 12px;border-left:2px solid #5e351c;background:rgba(0,0,0,.18)}
.damage-summary span{display:block;color:#7f715f;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.damage-summary strong{display:block;margin-top:4px;color:#ddbd72;font:700 13px var(--display)}
.save-damage{min-width:130px;border:1px solid #a9632a;background:linear-gradient(#8d2b1d,#64180f);color:#f1cf7d;font:700 11px var(--display);text-transform:uppercase;cursor:pointer}
.damage-note{margin:12px 0 0;color:#786b59;font-size:10px}
@media(max-width:1100px){.damage-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.damage-summary{grid-template-columns:repeat(3,1fr)}.save-damage{grid-column:1/-1;height:42px}}
@media(max-width:720px){.damage-editor{padding:16px}.damage-slot-grid{grid-template-columns:1fr}.damage-summary{grid-template-columns:1fr}.participant-open{grid-column:3}.participant-entry .participant-row{grid-template-columns:38px 1fr auto}.participant-entry .compact-trap{display:none}}

/* v0.3.4 — Bear completion and official event totals */
.status-badge.bear-status-in_progress{color:#e28a4a;border-color:rgba(226,138,74,.38);background:rgba(135,60,23,.13)}
.bear-completion-form{display:flex;align-items:center;gap:12px;margin-top:18px}
.bear-completion-form small{color:#887864;font-size:10px}
.complete-bear,.reopen-bear{border:1px solid #a9652b;padding:10px 16px;color:#f0cf7c;font:700 10px var(--display);text-transform:uppercase;cursor:pointer}
.complete-bear{background:linear-gradient(#87301f,#5d170f)}
.reopen-bear{background:linear-gradient(#4a3016,#241609)}
.event-summary-panel{margin:20px 14px 22px}
.event-summary-form{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(300px,1.35fr) auto;gap:16px;align-items:end;padding:18px 22px;border-bottom:1px solid rgba(201,139,60,.18)}
.event-summary-form label>span{display:block;margin-bottom:7px;color:#a7895a;font:700 9px var(--display);text-transform:uppercase;letter-spacing:.08em}
.event-summary-form label small{display:block;margin-top:6px;color:#796c5b;font-size:9px}
.summary-number-input{width:100%;height:42px;border:1px solid #5c3921;background:#090605;color:#e3c67d;padding:0 12px;font:600 12px var(--body);outline:none}
.summary-number-input:focus{border-color:#b46f31;box-shadow:0 0 0 1px rgba(180,111,49,.18)}
.save-summary{height:42px;min-width:150px;border:1px solid #a9632a;background:linear-gradient(#8d2b1d,#64180f);color:#f1cf7d;font:700 10px var(--display);text-transform:uppercase;cursor:pointer}
.event-summary-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:18px 22px}
.event-summary-stats>div{padding:4px 16px;border-left:1px solid rgba(201,139,60,.22)}
.event-summary-stats>div:first-child{border-left:0;padding-left:0}
.event-summary-stats span{display:block;color:#81715e;font-size:9px;text-transform:uppercase;letter-spacing:.07em}
.event-summary-stats strong{display:block;margin-top:7px;color:#dfbd72;font:700 14px var(--display);word-break:break-word}
@media(max-width:1100px){.event-summary-form{grid-template-columns:1fr 1fr}.save-summary{grid-column:1/-1}.event-summary-stats{grid-template-columns:repeat(2,1fr);gap:14px}.event-summary-stats>div{border-left:0;padding:4px 0}}
@media(max-width:720px){.bear-completion-form{align-items:flex-start;flex-direction:column}.event-summary-form{grid-template-columns:1fr}.event-summary-stats{grid-template-columns:1fr}}


/* v0.3.6 — Bear analytics */
.bear-analytics-panel{margin:0 14px 22px}
.bear-analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(201,139,60,.18);border-top:1px solid rgba(201,139,60,.18)}
.analytics-card{min-height:118px;padding:20px 18px;background:linear-gradient(145deg,#100b08,#090605);position:relative;overflow:hidden}
.analytics-card:after{content:"";position:absolute;inset:auto -35px -55px auto;width:105px;height:105px;border:1px solid rgba(201,139,60,.08);transform:rotate(45deg)}
.analytics-card>span{display:block;color:#8e7b63;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.analytics-card>strong{display:block;margin-top:12px;color:#e2c273;font:700 20px var(--display);line-height:1.15;word-break:break-word}
.analytics-card>small{display:block;margin-top:8px;color:#897863;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analytics-card.analytics-featured{background:linear-gradient(145deg,rgba(70,30,13,.52),#0a0605 72%);box-shadow:inset 3px 0 0 rgba(194,116,45,.55)}
.analytics-card.analytics-featured>strong{color:#f0cf7c}
@media(max-width:1100px){.bear-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.bear-analytics-grid{grid-template-columns:1fr}.analytics-card{min-height:100px}}

/* v0.3.7 — compact Bear Card analytics without changing card dimensions */
.bear-card-body{min-width:0}
.bear-card-body>p{min-height:24px;margin:10px 0 8px;-webkit-line-clamp:1}
.bear-card-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(201,139,60,.15);border-bottom:1px solid rgba(201,139,60,.15);margin:0 0 8px}
.bear-card-insights>div{min-width:0;padding:7px 10px 6px;border-right:1px solid rgba(201,139,60,.13)}
.bear-card-insights>div:nth-child(3n){border-right:0}
.bear-card-insights>div:nth-child(n+4){border-top:1px solid rgba(201,139,60,.13)}
.bear-card-insights span{display:block;color:#8d795f;font-size:8px;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bear-card-insights strong{display:block;margin-top:3px;color:#e8c46f;font:700 11px var(--display);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bear-card-insights small{display:block;min-height:10px;margin-top:2px;color:#8f816e;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bear-card-meta{padding-top:7px}
.bear-card-actions{margin-top:8px}
@media(max-width:900px){.bear-card-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.bear-card-insights>div:nth-child(3n){border-right:1px solid rgba(201,139,60,.13)}.bear-card-insights>div:nth-child(2n){border-right:0}.bear-card-insights>div:nth-child(n+3){border-top:1px solid rgba(201,139,60,.13)}}

/* v0.3.8 — database import / export */
.settings-database-panel{margin:24px 14px;border:1px solid rgba(201,139,60,.26);background:linear-gradient(145deg,rgba(30,16,9,.96),rgba(7,5,4,.98));box-shadow:0 18px 48px rgba(0,0,0,.25)}
.database-file-chip{border:1px solid #654123;background:#0b0705;color:#a98b5d;padding:8px 12px;font-size:10px;letter-spacing:.04em}
.database-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(201,139,60,.18);border-top:1px solid rgba(201,139,60,.18)}
.database-action-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;min-height:270px;padding:28px;background:linear-gradient(145deg,#110b08,#080504);align-items:start}
.database-action-card>img{width:104px;height:104px;object-fit:cover;border:1px solid #704222;background:#140b07;box-shadow:inset 0 0 0 3px #090504,0 12px 30px rgba(0,0,0,.35)}
.database-action-card>div>span,.database-confirm-panel>span{color:#9b7847;font:700 9px var(--display);text-transform:uppercase;letter-spacing:.12em}
.database-action-card h3{margin:8px 0;color:#e4c477;font:700 22px var(--display)}
.database-action-card p{min-height:52px;margin:0 0 22px;color:#8d806e;font-size:11px;line-height:1.65}
.database-action-button{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:42px;padding:0 18px}
.database-import-form{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
.database-import-form input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.database-file-picker{display:inline-flex;align-items:center;justify-content:center;height:42px;cursor:pointer}
.selected-database-name{min-width:0;color:#8e806c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.database-import-form .database-action-button{grid-column:1/-1;width:max-content}
.database-storage-note{margin:0;padding:15px 24px;border-top:1px solid rgba(201,139,60,.14);color:#766958;font-size:10px;text-align:center}
.database-confirm-panel{max-width:740px;margin:42px auto;padding:44px;border:1px solid rgba(201,139,60,.32);background:linear-gradient(145deg,#140c08,#080504);text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.database-warning-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border:1px solid #9f4a2c;background:radial-gradient(circle at 40% 30%,#7e2a1c,#270b08 70%);color:#efc46e;font:700 30px var(--display);transform:rotate(45deg)}
.database-warning-icon::first-line{transform:rotate(-45deg)}
.database-confirm-panel h2{margin:10px 0 16px;color:#e8c97b;font:700 28px var(--display)}
.database-confirm-panel p{max-width:590px;margin:0 auto;color:#938675;font-size:12px;line-height:1.75}
.database-confirm-panel code{color:#d7b66c}
.database-confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}
.database-confirm-actions form{margin:0}
.database-confirm-actions button{min-width:160px;height:42px}
.action-button.danger{border:1px solid #a64c2d;background:linear-gradient(#8b2c1e,#5b160f);color:#f1cf7e;cursor:pointer}
.restart-spinner{width:56px;height:56px;margin:0 auto 22px;border:3px solid rgba(202,137,55,.18);border-top-color:#c98b3c;border-radius:50%;animation:sde-spin .9s linear infinite}
@keyframes sde-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.database-actions-grid{grid-template-columns:1fr}.database-action-card{grid-template-columns:90px 1fr}.database-action-card>img{width:84px;height:84px}}
@media(max-width:650px){.database-action-card{grid-template-columns:1fr}.database-import-form{grid-template-columns:1fr}.database-import-form .database-action-button{width:100%}.database-confirm-panel{margin:24px 0;padding:30px 20px}.database-confirm-actions{flex-direction:column}.database-confirm-actions button{width:100%}}

/* =========================================================
   v0.4.0 — Community Beta readability pass
   Larger operational data, clearer hierarchy and slightly
   roomier controls without changing the established layout.
   ========================================================= */

/* Global navigation and command information */
.nav-list a{font-size:14px}
.command-bar{font-size:13px}
.sidebar-status{font-size:13px}
.sidebar-status small{font-size:11px}

/* Player roster — names and values are primary information. */
.player-metrics small{font-size:13px}
.players-panel-heading>span{font-size:13px}
.player-search>span{font-size:12px}
.clear-filter{font-size:13px}
.player-table th{font-size:12px;padding-top:16px;padding-bottom:16px}
.player-table td{font-size:15px;padding-top:17px;padding-bottom:17px}
.status-badge{font-size:12px;padding:6px 11px}
.roster-message{font-size:14px}
.player-dialog header span{font-size:13px}
.player-form>label>small{font-size:12px}
.status-choice strong{font-size:14px}
.status-choice small{font-size:12px}

/* Bear overview — improve scanability while preserving card density. */
.toolbar-filter-group>span{font-size:11px}
.trap-badge{font-size:11px;min-width:62px;padding:5px 10px}
.bear-card-top small{font-size:11px}
.bear-card-body>p{font-size:13px;line-height:1.6}
.bear-card-meta{font-size:12px}
.bear-card-insights span{font-size:10px;line-height:1.25}
.bear-card-insights strong{font-size:13px;margin-top:4px}
.bear-card-insights small{font-size:10px;min-height:12px;margin-top:3px}
.bear-card-insights>div{padding:9px 10px 8px}

/* Bear detail — damage and event totals must be readable at a glance. */
.back-link{font-size:12px}
.bear-detail-copy>span{font-size:13px}
.bear-detail-stat small{font-size:11px}
.participant-identity span,.available-player-row span{font-size:11px}
.participant-damage span{font-size:11px}
.participant-damage strong{font-size:13px}
.participants-empty p,.available-empty{font-size:13px}
.damage-summary span{font-size:11px}
.damage-summary strong{font-size:15px}
.damage-note{font-size:12px}
.bear-completion-form small{font-size:12px}
.event-summary-form label>span{font-size:11px}
.event-summary-form label small{font-size:11px}
.summary-number-input{font-size:14px}
.event-summary-stats span{font-size:11px}
.event-summary-stats strong{font-size:17px}
.analytics-card>span{font-size:11px}
.analytics-card>strong{font-size:23px}
.analytics-card>small{font-size:12px}

/* Settings / database tools. */
.database-file-chip{font-size:11px}
.database-action-card>div>span,.database-confirm-panel>span{font-size:11px}
.database-action-card p{font-size:13px}
.selected-database-name{font-size:12px}
.database-storage-note{font-size:12px}
.database-confirm-panel p{font-size:14px}

/* Keep compact layouts controlled on smaller windows. */
@media(max-width:900px){
  .player-table td{font-size:14px}
  .bear-card-insights span{font-size:9px}
  .bear-card-insights strong{font-size:12px}
  .bear-card-insights small{font-size:9px}
}

/* =========================================================
   v0.4.1 — Typography & Readability polish
   Community feedback pass focused on secondary text that was
   still too small at normal desktop viewing distance.
   ========================================================= */

/* Dashboard — Quick Actions should be readable without leaning in. */
.quick-list strong{font-size:22px}
.quick-list small{font-size:14px;line-height:1.5;color:#ad9d88}

/* Dashboard supporting information. */
.welcome-back{font-size:18px!important}
.welcome-back strong{font-size:20px}
.summary-list dt{font-size:14px}
.summary-list dd{font-size:17px}
.metrics-strip small{font-size:14px}
.about-strip span{font-size:14px}

/* Bear overview — secondary labels and names remain distinct but legible. */
.bear-card-top small{font-size:12px}
.bear-card h3{font-size:22px}
.bear-card-insights span{font-size:11px}
.bear-card-insights strong{font-size:14px}
.bear-card-insights small{font-size:11px}
.bear-card-meta{font-size:13px}

/* Bear analytics — explanations should not disappear beneath the totals. */
.analytics-card>span{font-size:12px}
.analytics-card>small{font-size:13px;line-height:1.5}

/* Participant list — identity, SDE ID and entry coverage are core data. */
.participant-identity strong,.available-player-row strong{font-size:15px}
.participant-identity span,.available-player-row span{font-size:12px}
.participant-damage span{font-size:12px}
.participant-damage strong{font-size:14px}
.participant-open{font-size:10px}

/* Keep the larger type balanced on compact windows. */
@media(max-width:900px){
  .quick-list strong{font-size:20px}
  .quick-list small{font-size:13px}
  .bear-card-insights span{font-size:10px}
  .bear-card-insights strong{font-size:13px}
  .bear-card-insights small{font-size:10px}
}


/* =========================================================
   v0.4.2 — Bear Card Polish (revised)
   Give the second analytics row real breathing room, move the
   participant count lower, and group the Bear number with status.
   ========================================================= */

.bear-card-status-stack{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  flex:0 0 auto;
}

.bear-card-number{
  color:#9f8d73!important;
  font-size:11px!important;
  line-height:1;
  letter-spacing:.04em!important;
  text-transform:none!important;
}

/* The lower three analytics cells contain a label, a primary value,
   and sometimes a supporting name/value. Give that row the height
   that the card already has available instead of compressing it. */
.bear-card-insights>div:nth-child(n+4){
  min-height:76px;
  padding-top:14px;
  padding-bottom:14px;
}

.bear-card-insights>div:nth-child(n+4) strong{
  margin-top:7px;
}

.bear-card-insights>div:nth-child(n+4) small{
  margin-top:6px;
}

/* Participants belongs to the footer area, not the analytics grid. */
.bear-card-meta{
  margin-top:auto;
  min-height:31px;
  padding-top:15px;
  align-items:flex-end;
}

.bear-card-actions{
  margin-top:10px;
}

@media(max-width:900px){
  .bear-card-insights>div:nth-child(n+3){
    min-height:auto;
    padding-top:11px;
    padding-bottom:10px;
  }
  .bear-card-insights>div:nth-child(n+3) strong{margin-top:5px}
  .bear-card-insights>div:nth-child(n+3) small{margin-top:4px}
}


/* =========================================================
   v0.4.3 — Bear Card participant spacing
   Move the participant count lower so the second analytics row
   has a clearer visual break. No other Bear Card layout changes.
   ========================================================= */

.bear-card-meta{
  padding-top:26px;
}

@media(max-width:900px){
  .bear-card-meta{padding-top:18px}
}

/* =========================================================
   v0.4.4 — Bear Card Typography
   Treat the third line in the lower analytics row as secondary
   data rather than tiny helper text, and improve the three-line
   rhythm without changing the card dimensions.
   ========================================================= */

.bear-card-insights>div:nth-child(n+4) strong{
  margin-top:8px;
  font-size:15px;
  line-height:1.25;
}

.bear-card-insights>div:nth-child(n+4) small{
  min-height:16px;
  margin-top:8px;
  color:#b6a184;
  font-size:13px;
  line-height:1.25;
  font-weight:500;
}

@media(max-width:900px){
  .bear-card-insights>div:nth-child(n+3) strong{
    margin-top:6px;
    font-size:14px;
  }
  .bear-card-insights>div:nth-child(n+3) small{
    min-height:14px;
    margin-top:5px;
    font-size:11px;
  }
}

/* =========================================================
   v0.4.5 — Bear Card Grid Refinement
   Separate Trap Split, Host Entries and Participants into
   dedicated cells in a balanced four-column analytics grid.
   ========================================================= */

.bear-card-insights{
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:10px;
}

.bear-card-insights>div{
  min-height:68px;
  padding:11px 12px 10px;
}

.bear-card-insights>div:nth-child(3n){
  border-right:1px solid rgba(201,139,60,.13);
}

.bear-card-insights>div:nth-child(4n){
  border-right:0;
}

.bear-card-insights>div:nth-child(n+4){
  border-top:0;
}

.bear-card-insights>div:nth-child(n+5){
  min-height:76px;
  padding-top:14px;
  padding-bottom:13px;
  border-top:1px solid rgba(201,139,60,.13);
}

.bear-card-insights>div:nth-child(n+5) strong{
  margin-top:8px;
  font-size:15px;
  line-height:1.25;
}

.bear-card-insights>div:nth-child(n+5) small{
  min-height:16px;
  margin-top:8px;
  color:#b6a184;
  font-size:13px;
  line-height:1.25;
  font-weight:500;
}

/* Participants is now part of the analytics hierarchy. */
.bear-card-meta{display:none}
.bear-card-actions{margin-top:auto;padding-top:12px}

@media(max-width:1200px){
  .bear-card-insights{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bear-card-insights>div:nth-child(4n){border-right:1px solid rgba(201,139,60,.13)}
  .bear-card-insights>div:nth-child(2n){border-right:0}
  .bear-card-insights>div:nth-child(n+3){border-top:1px solid rgba(201,139,60,.13)}
  .bear-card-insights>div:nth-child(n+5){min-height:auto}
}

/* =========================================================
   v0.5.0 — Rankings Framework
   ========================================================= */
.rankings-header{align-items:stretch}
.rankings-version-mark{min-width:245px;padding:16px 20px;border:1px solid rgba(201,139,60,.32);border-radius:10px;background:linear-gradient(145deg,rgba(44,29,16,.94),rgba(16,11,8,.94));box-shadow:inset 0 1px rgba(255,230,184,.05),0 12px 30px rgba(0,0,0,.22);display:flex;flex-direction:column;justify-content:center;align-items:flex-end}
.rankings-version-mark span{color:#aa9579;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.rankings-version-mark strong{margin-top:6px;color:#f0d7ac;font-size:18px}
.rankings-version-mark small{margin-top:4px;color:#cf8f42;font-weight:800}
.rankings-scope{margin-top:18px;border:1px solid rgba(201,139,60,.22);border-radius:11px;background:linear-gradient(180deg,rgba(26,18,12,.96),rgba(13,10,8,.96));box-shadow:0 12px 30px rgba(0,0,0,.18)}
.rankings-filter-form{display:flex;align-items:flex-end;gap:20px;padding:18px 20px 15px;flex-wrap:wrap}
.ranking-filter-block{display:flex;flex-direction:column;gap:8px}
.ranking-filter-block>span{color:#b9a183;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.scope-note{margin:0;padding:11px 20px;border-top:1px solid rgba(201,139,60,.13);color:#9e8a72;font-size:12px;line-height:1.5}
.scope-note strong{color:#d5b98d}
.ranking-foundation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.ranking-foundation-grid article{min-height:112px;padding:18px;border:1px solid rgba(201,139,60,.22);border-radius:10px;background:linear-gradient(145deg,rgba(35,24,16,.96),rgba(15,11,8,.96));display:flex;align-items:center;gap:15px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.ranking-foundation-grid img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.ranking-foundation-grid div{min-width:0;display:flex;flex-direction:column}
.ranking-foundation-grid span{color:#bca486;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.ranking-foundation-grid strong{margin-top:4px;color:#f1dcc0;font-size:30px;line-height:1}
.ranking-foundation-grid small{margin-top:8px;color:#8f7d68;font-size:12px;line-height:1.35}
.rankings-workspace{margin-top:18px;border:1px solid rgba(201,139,60,.23);border-radius:12px;background:rgba(12,9,7,.94);overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.rankings-workspace-heading{padding:20px 22px;border-bottom:1px solid rgba(201,139,60,.17);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(90deg,rgba(43,28,16,.9),rgba(18,12,9,.7))}
.rankings-workspace-heading p{margin:0;color:#c4863d;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.rankings-workspace-heading h2{margin:4px 0 0;color:#f1dcc0;font-size:23px}
.rankings-workspace-heading div>span{display:block;margin-top:5px;color:#9e8b73;font-size:13px}
.verified-data-badge{flex:none;padding:8px 11px;border:1px solid rgba(96,170,107,.35);border-radius:999px;background:rgba(44,107,55,.13);color:#9fd0a6;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ranking-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 20px}
.ranking-category-card{position:relative;min-height:170px;padding:19px;border:1px solid rgba(201,139,60,.16);border-radius:10px;background:linear-gradient(145deg,rgba(29,20,14,.92),rgba(14,10,8,.92));display:flex;gap:16px;overflow:hidden}
.ranking-category-card:after{content:"";position:absolute;inset:auto -40px -55px auto;width:140px;height:140px;border:1px solid rgba(201,139,60,.08);border-radius:50%}
.ranking-category-card.is-next{border-color:rgba(214,148,66,.45);box-shadow:inset 3px 0 #c9873d}
.ranking-category-icon{width:58px;height:58px;flex:none;border:1px solid rgba(201,139,60,.2);border-radius:10px;background:rgba(7,5,4,.55);display:grid;place-items:center}
.ranking-category-icon img{width:43px;height:43px;object-fit:contain}
.ranking-category-copy{min-width:0;position:relative;z-index:1}
.category-state{color:#b99161;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ranking-category-copy h3{margin:5px 0 7px;color:#ead3b1;font-size:19px}
.ranking-category-copy p{margin:0;color:#9d8a73;font-size:13px;line-height:1.5}
.category-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}
.category-tags span{padding:5px 8px;border:1px solid rgba(201,139,60,.15);border-radius:5px;background:rgba(201,139,60,.06);color:#bda17e;font-size:10px;font-weight:800;text-transform:uppercase}
.ranking-empty-state{margin:0 20px 20px;padding:23px;border:1px dashed rgba(201,139,60,.28);border-radius:10px;background:linear-gradient(90deg,rgba(22,15,11,.72),rgba(10,8,7,.72));display:flex;align-items:center;justify-content:center;gap:28px;text-align:left}
.ranking-podium{height:70px;display:flex;align-items:flex-end;gap:4px}
.ranking-podium span{width:38px;border:1px solid rgba(201,139,60,.28);border-bottom:0;border-radius:5px 5px 0 0;background:linear-gradient(180deg,rgba(172,112,47,.25),rgba(67,42,22,.24));color:#c79960;font-weight:900;display:grid;place-items:center}
.ranking-podium span:nth-child(1){height:43px}.ranking-podium span:nth-child(2){height:68px;color:#ebc47e}.ranking-podium span:nth-child(3){height:31px}
.ranking-empty-state p{margin:0;color:#c6873e;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.ranking-empty-state h3{margin:5px 0;color:#ead4b4;font-size:19px}
.ranking-empty-state div:last-child>span{color:#96836d;font-size:13px;line-height:1.45}
@media(max-width:1200px){.ranking-foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-category-grid{grid-template-columns:1fr}}
@media(max-width:760px){.rankings-header{flex-direction:column}.rankings-version-mark{min-width:0;align-items:flex-start}.ranking-foundation-grid{grid-template-columns:1fr}.rankings-filter-form{align-items:stretch}.ranking-filter-block{width:100%}.ranking-empty-state{align-items:flex-start}.rankings-workspace-heading{align-items:flex-start;flex-direction:column}}

/* =========================================================
   v0.5.1 — Damage Rankings
   ========================================================= */
.damage-workspace{margin-bottom:24px}
.ranking-sortbar{padding:13px 20px;border-bottom:1px solid rgba(201,139,60,.15);display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(18,12,9,.8)}
.ranking-sortbar>span{margin-right:5px;color:#8f7b65;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ranking-sortbar a{padding:8px 11px;border:1px solid rgba(201,139,60,.16);border-radius:5px;color:#a89174;font-size:11px;font-weight:800;text-decoration:none}
.ranking-sortbar a:hover,.ranking-sortbar a.active{border-color:rgba(215,145,61,.5);background:linear-gradient(180deg,rgba(133,62,31,.8),rgba(84,36,22,.8));color:#f0d3a4}
.ranking-table-wrap{overflow-x:auto}
.damage-ranking-table{width:100%;border-collapse:collapse;min-width:1000px}
.damage-ranking-table th{padding:13px 14px;border-bottom:1px solid rgba(201,139,60,.22);background:rgba(29,19,13,.86);color:#9e876b;font-size:10px;font-weight:900;letter-spacing:.09em;text-align:right;text-transform:uppercase;white-space:nowrap}
.damage-ranking-table th:nth-child(1),.damage-ranking-table th:nth-child(2){text-align:left}
.damage-ranking-table td{padding:14px;border-bottom:1px solid rgba(201,139,60,.11);color:#c7ad8b;font-size:13px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.damage-ranking-table td:nth-child(1),.damage-ranking-table td:nth-child(2){text-align:left}
.ranking-player-row{background:rgba(13,10,8,.7);transition:background .16s ease}
.ranking-player-row:hover{background:rgba(52,32,18,.48)}
.ranking-player-row.rank-1{box-shadow:inset 3px 0 #d7a44e}.ranking-player-row.rank-2{box-shadow:inset 3px 0 #9b9b97}.ranking-player-row.rank-3{box-shadow:inset 3px 0 #9a6237}
.rank-number{width:30px;height:30px;border:1px solid rgba(201,139,60,.25);border-radius:50%;background:rgba(201,139,60,.07);color:#cda061;font-weight:900;display:grid;place-items:center}
.rank-1 .rank-number{border-color:rgba(225,173,79,.6);background:rgba(225,173,79,.15);color:#f1cb7f}
.ranking-player{display:flex;flex-direction:column;gap:4px}.ranking-player strong{color:#ead5b7;font-size:14px}.ranking-player small{color:#7f705e;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.damage-ranking-table .metric-primary{color:#f0c77e;font-size:15px;font-weight:900}
.source-toggle{padding:7px 10px;border:1px solid rgba(201,139,60,.25);border-radius:5px;background:rgba(201,139,60,.07);color:#c29c6d;font-size:10px;font-weight:900;text-transform:uppercase;cursor:pointer}
.source-toggle:hover,.source-toggle[aria-expanded="true"]{border-color:rgba(215,145,61,.5);background:rgba(125,64,29,.35);color:#edc48b}
.ranking-source-row td{padding:0!important;background:#090706;text-align:left!important;white-space:normal!important}
.source-ledger{padding:16px 20px 20px;border-bottom:1px solid rgba(201,139,60,.2);box-shadow:inset 0 8px 18px rgba(0,0,0,.3)}
.source-ledger-head{margin-bottom:11px;display:flex;justify-content:space-between;gap:15px}.source-ledger-head strong{color:#d8bc96;font-size:12px}.source-ledger-head span{color:#756756;font-size:11px}
.source-ledger-grid{display:grid;gap:7px}
.source-observation{padding:10px 12px;border:1px solid rgba(201,139,60,.12);border-radius:6px;background:rgba(29,20,14,.58);display:grid;grid-template-columns:minmax(170px,1fr) minmax(430px,2.2fr) minmax(120px,.6fr);align-items:center;gap:14px;text-decoration:none}
.source-observation:hover{border-color:rgba(201,139,60,.35);background:rgba(43,27,16,.72)}
.source-observation>div:first-child{display:flex;flex-direction:column;gap:3px}.source-observation>div:first-child strong{color:#d9bf9d;font-size:12px}.source-observation small{color:#786a58;font-size:10px;text-transform:uppercase}
.source-slots{display:grid;grid-template-columns:repeat(5,minmax(70px,1fr));gap:5px}.source-slots span{padding:6px;border-radius:4px;background:rgba(201,139,60,.06);color:#a99070;font-size:10px;text-align:right;font-variant-numeric:tabular-nums}.source-slots span.is-empty{color:#50473d;text-align:center}
.source-total{color:#e5bc78;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.ranking-next-strip{padding:16px 21px;border-top:1px solid rgba(201,139,60,.17);background:linear-gradient(90deg,rgba(35,23,15,.75),rgba(14,10,8,.75));display:flex;align-items:center;gap:25px}.ranking-next-strip div{display:flex;flex-direction:column}.ranking-next-strip span{color:#aa7a43;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ranking-next-strip strong{margin-top:3px;color:#d9bd96}.ranking-next-strip p{margin:0;color:#86745f;font-size:12px}
@media(max-width:760px){.source-ledger-head,.ranking-next-strip{align-items:flex-start;flex-direction:column}.source-observation{grid-template-columns:1fr}.source-slots{grid-template-columns:repeat(5,minmax(55px,1fr))}.source-total{text-align:left}}


/* =========================================================
   v0.5.2 — Historical roster integrity + rally coverage
   ========================================================= */
.ranking-player-row.is-inactive{background:rgba(17,17,17,.76)}
.ranking-player-row.is-inactive:hover{background:rgba(34,34,34,.82)}
.ranking-player-row.is-inactive td:not(:last-child){color:#837d75}
.ranking-player-row.is-inactive .metric-primary,.ranking-player-row.is-inactive .ranking-player strong{color:#a39d94}
.ranking-player-row.is-inactive .rank-number{border-color:rgba(145,145,145,.24);background:rgba(145,145,145,.07);color:#9b958c}
.ranking-player-row.is-inactive.rank-1,.ranking-player-row.is-inactive.rank-2,.ranking-player-row.is-inactive.rank-3{box-shadow:inset 3px 0 #66615b}
.ranking-player-name{display:flex;align-items:center;gap:8px}
.ranking-inactive-badge{padding:3px 6px;border:1px solid rgba(160,160,160,.25);border-radius:999px;background:rgba(125,125,125,.08);color:#928d86;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}


/* =========================================================
   v0.5.3 — Explicit own-rally host damage terminology
   ========================================================= */
.damage-workspace .rankings-workspace-heading div>span{max-width:900px;line-height:1.45}

/* v0.5.4 official Bear damage */
.ranking-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.ranking-mode-switch a{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border:1px solid #3d2b16;background:linear-gradient(180deg,#17100c,#0d0907);text-decoration:none;color:#b89a70;border-radius:8px}.ranking-mode-switch a strong{color:#f1d79e;font-size:16px}.ranking-mode-switch a span{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#a87937}.ranking-mode-switch a small{color:#806c54}.ranking-mode-switch a.active{border-color:#a65a23;box-shadow:inset 3px 0 #d58a2c,0 0 18px rgba(173,91,27,.12);background:linear-gradient(180deg,#28160e,#130c08)}.official-player-damage-entry{margin:14px 0;padding:14px;border:1px solid #4b3219;background:rgba(44,27,14,.45);border-radius:7px}.official-player-damage-entry label{display:grid;grid-template-columns:190px minmax(260px,1fr);align-items:center;gap:10px}.official-player-damage-entry label>span{color:#efcf8e;font-weight:700}.official-player-damage-entry small{grid-column:2;color:#8f795e}.source-official-label{display:flex;justify-content:center;color:#9d815f;font-size:11px;text-transform:uppercase;letter-spacing:1px}@media(max-width:900px){.ranking-mode-switch{grid-template-columns:1fr}.official-player-damage-entry label{grid-template-columns:1fr}.official-player-damage-entry small{grid-column:1}}

/* v0.5.5 Bear entry workflow */
.participant-official-total {
  display: block;
  margin-top: 3px;
  color: #8f7b61;
  font-size: 11px;
  letter-spacing: .04em;
  white-space: nowrap;
}
.participant-official-total b {
  color: #d8b26c;
  font-weight: 700;
}


/* =========================================================
   v0.5.6 — Bear roster metric hierarchy and readability
   ========================================================= */
.participant-entry .participant-row {
  grid-template-columns: 42px minmax(250px, 1fr) 82px 250px 58px;
  gap: 16px;
  min-height: 94px;
}
.participant-entry .compact-trap {
  justify-self: start;
  min-width: 64px;
  padding: 7px 10px;
  font-size: 11px;
}
.participant-damage {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 3px;
  width: 250px;
  text-align: right;
}
.participant-damage .participant-entry-count {
  grid-column: 1 / -1;
  margin-bottom: 1px;
  color: #9b876b;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
}
.participant-damage-metric {
  min-width: 0;
}
.participant-damage-metric > span {
  display: block;
  color: #b39468;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .035em;
  text-transform: uppercase;
  white-space: nowrap;
}
.participant-damage-metric > strong {
  display: block;
  margin-top: 5px;
  color: #e0bd72;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.15;
  white-space: nowrap;
}
.participant-damage-metric.total-trap-damage > strong {
  color: #f1cf82;
}
.participant-open {
  font-size: 11px;
  padding: 8px 10px;
}
@media (max-width: 1080px) {
  .participant-entry .participant-row {
    grid-template-columns: 42px minmax(210px, 1fr) 76px 230px 58px;
    gap: 12px;
  }
  .participant-damage { width: 230px; column-gap: 14px; }
  .participant-damage-metric > span { font-size: 11px; }
  .participant-damage-metric > strong { font-size: 13px; }
}
@media (max-width: 820px) {
  .participant-entry .participant-row { grid-template-columns: 38px 1fr auto; }
  .participant-entry .compact-trap, .participant-damage { display: none; }
}


/* =========================================================
   v0.5.7 — Fixed participant metric columns
   ========================================================= */
.participant-entry .participant-row {
  grid-template-columns: 42px minmax(230px, 1fr) 82px 118px minmax(155px, 180px) 1px minmax(170px, 195px) 58px;
  gap: 18px;
  min-height: 100px;
}
.participant-entry .compact-trap {
  justify-self: start;
}
.participant-entry-count {
  color: #a18b6c;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .075em;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
}
.participant-damage-metric {
  text-align: left;
}
.participant-damage-metric > span {
  font-size: 13px;
  line-height: 1.2;
}
.participant-damage-metric > strong {
  margin-top: 7px;
  font-size: 16px;
  line-height: 1.1;
}
.participant-metric-divider {
  align-self: center;
  width: 1px;
  height: 48px;
  background: linear-gradient(to bottom, transparent, rgba(201,139,60,.58) 18%, rgba(201,139,60,.58) 82%, transparent);
}
.participant-open {
  justify-self: end;
}
@media (max-width: 1280px) {
  .participant-entry .participant-row {
    grid-template-columns: 42px minmax(190px, 1fr) 76px 104px minmax(145px, 165px) 1px minmax(155px, 175px) 58px;
    gap: 12px;
  }
  .participant-damage-metric > span { font-size: 12px; }
  .participant-damage-metric > strong { font-size: 15px; }
}
@media (max-width: 980px) {
  .participant-entry .participant-row { grid-template-columns: 38px 1fr auto; }
  .participant-entry .compact-trap,
  .participant-entry-count,
  .participant-damage-metric,
  .participant-metric-divider { display: none; }
}


/* =========================================================
   v0.5.9 — Ranking terminology polish
   ========================================================= */
.rankings-header{padding-right:42px}
.ranking-player-link,.player-directory-link{color:#ead8b7;text-decoration:none;font:700 16px var(--display)}
.ranking-player-link:hover,.player-directory-link:hover{color:#f1c86f;text-decoration:underline;text-underline-offset:4px}
.player-profile-hero{position:relative;margin:0 0 18px;padding:38px 46px 36px;border-bottom:1px solid rgba(201,139,60,.36);background:linear-gradient(90deg,rgba(9,6,4,.97),rgba(25,13,7,.77),rgba(8,5,3,.72)),url("../assets/hero.webp") center 48%/cover no-repeat;box-shadow:inset 0 0 60px rgba(0,0,0,.5)}
.profile-back{display:inline-block;margin-bottom:24px;color:#caa35f;font-size:13px;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.profile-back:hover{color:#f0cc82}
.player-profile-identity{display:flex;align-items:center;gap:22px}.profile-monogram{width:82px;height:82px;display:grid;place-items:center;border:1px solid #9e642c;color:#f3ce78;background:radial-gradient(circle,#5c2a14,#160b06 70%);font:700 36px var(--display);box-shadow:inset 0 0 0 4px #090503,0 10px 25px #000}
.player-profile-identity p{margin:0 0 5px;color:#d6a54f;font:700 12px var(--display);letter-spacing:.14em;text-transform:uppercase}.player-profile-identity h1{margin:0;color:#f1d28d;font:700 44px/1 var(--display);text-transform:none;text-shadow:0 4px 12px #000}
.profile-meta{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:15px;color:#c2b39d;font-size:14px}.profile-meta span:not(:last-child){position:relative}.profile-meta span:not(:last-child):after{content:"";position:absolute;right:-10px;top:4px;width:1px;height:12px;background:#72502b}
.profile-status{padding:3px 9px;border:1px solid}.profile-status.active{color:#91cf93;border-color:#376a3a;background:#102313}.profile-status.inactive{color:#aaa096;border-color:#625a50;background:#171411}
.profile-scope-note{position:absolute;right:42px;bottom:37px;width:245px;padding:16px 18px;border:1px solid rgba(201,139,60,.35);background:rgba(16,10,6,.8);text-align:right}.profile-scope-note strong{display:block;color:#9bd69e;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.profile-scope-note span{display:block;margin-top:5px;color:#a99882;font-size:12px;line-height:1.4}
.profile-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 18px 14px}.profile-overview-grid article{min-height:105px;padding:21px 23px;border:1px solid rgba(201,139,60,.27);background:linear-gradient(180deg,#1a100a,#0c0805)}.profile-overview-grid span,.profile-stat-grid span{display:block;color:#b99864;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.profile-overview-grid strong{display:block;margin-top:8px;color:#efcf8a;font:700 26px var(--display)}.profile-overview-grid small{display:block;margin-top:4px;color:#8e806f;font-size:12px}
.profile-damage-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 18px 14px}.profile-damage-card{border:1px solid rgba(201,139,60,.3);background:linear-gradient(180deg,#17100b,#090604)}.profile-damage-card.official{border-color:rgba(201,139,60,.48);box-shadow:inset 3px 0 #a96728}.profile-damage-card>header{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 23px;border-bottom:1px solid rgba(201,139,60,.2)}.profile-damage-card header span,.profile-history-panel>header span{color:#c08b3f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.profile-damage-card h2,.profile-history-panel h2{margin:4px 0 0;color:#ead2a0;font:700 23px var(--display)}.profile-damage-card header small{color:#998a77;font-size:12px}.profile-stat-grid{display:grid;grid-template-columns:repeat(2,1fr)}.profile-stat-grid>div{min-height:104px;padding:21px 23px;border-top:1px solid rgba(201,139,60,.12)}.profile-stat-grid>div:nth-child(even){border-left:1px solid rgba(201,139,60,.18)}.profile-stat-grid strong{display:block;margin-top:10px;color:#f0c86e;font:700 22px var(--display);white-space:nowrap}
.profile-history-panel{margin:0 18px 38px;border:1px solid rgba(201,139,60,.3);background:#0a0705}.profile-history-panel>header{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid rgba(201,139,60,.22);background:linear-gradient(90deg,#1b1009,#0d0805)}.profile-history-panel header p{margin:7px 0 0;color:#92836f;font-size:13px}.trend-foundation{text-align:right}.trend-foundation strong{display:block;margin-top:5px;color:#e3bd70;font-size:16px}.profile-history-table-wrap{overflow:auto}.profile-history-table{width:100%;border-collapse:collapse}.profile-history-table th{padding:14px 18px;color:#a68f70;background:rgba(0,0,0,.25);font-size:12px;text-align:left;text-transform:uppercase;letter-spacing:.07em}.profile-history-table td{padding:16px 18px;border-top:1px solid rgba(201,139,60,.13);color:#cdbfa9;font-size:14px}.profile-history-table .official-value{color:#f0c86e;font-weight:700}.profile-source-link{display:inline-block;padding:7px 10px;border:1px solid #70461f;color:#dfb660;font-size:11px;font-weight:700;text-decoration:none;text-transform:uppercase}.profile-source-link:hover{background:#3a1d0e}.profile-empty{padding:58px;text-align:center}.profile-empty h3{margin:0;color:#e0bb6c;font:700 22px var(--display)}.profile-empty p{color:#928471}
@media(max-width:1150px){.profile-scope-note{position:static;width:auto;margin-top:24px;text-align:left}.profile-overview-grid{grid-template-columns:repeat(2,1fr)}.profile-damage-panels{grid-template-columns:1fr}}
@media(max-width:720px){.player-profile-hero{padding:28px 22px}.player-profile-identity{align-items:flex-start}.profile-monogram{width:60px;height:60px;font-size:28px}.player-profile-identity h1{font-size:32px}.profile-overview-grid{grid-template-columns:1fr}.profile-damage-panels,.profile-overview-grid,.profile-history-panel{margin-left:8px;margin-right:8px}.profile-history-panel>header{align-items:flex-start;flex-direction:column;gap:16px}.trend-foundation{text-align:left}}

/* v0.5.9 — clear ranking names without redundant eyebrow labels */
.ranking-mode-switch a > strong {
  display: block;
}
.profile-damage-card > header h2 {
  margin-bottom: 6px;
}
.profile-damage-card > header p {
  margin: 0;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.35;
}

/* v0.5.10 — entry-aware host leaderboard */
.ranking-entry-note {
  display: block;
  margin-top: 0.2rem;
  color: var(--text-muted);
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* =========================================================
   v0.5.11 — Player analytics and verified trend foundation
   ========================================================= */
.host-analytics-grid{grid-template-columns:repeat(3,1fr)}
.host-analytics-grid>div:nth-child(even){border-left:0}
.host-analytics-grid>div:not(:nth-child(3n+1)){border-left:1px solid rgba(201,139,60,.18)}
.profile-trend-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 18px 14px}
.profile-trend-card{border:1px solid rgba(201,139,60,.32);background:linear-gradient(180deg,#17100b,#090604)}
.profile-trend-card.official{border-color:rgba(201,139,60,.5);box-shadow:inset 3px 0 #a96728}
.profile-trend-card>header{display:flex;justify-content:space-between;align-items:flex-end;padding:20px 23px;border-bottom:1px solid rgba(201,139,60,.2)}
.profile-trend-card h2{margin:0;color:#ead2a0;font:700 23px var(--display)}
.profile-trend-card header p{margin:7px 0 0;color:#92836f;font-size:13px}
.profile-trend-card header span{color:#b99864;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
.trend-chart-wrap{padding:20px 23px 18px}
.trend-chart{display:block;width:100%;height:245px;overflow:visible}
.trend-axis{stroke:rgba(201,139,60,.22);stroke-width:.45}
.trend-line{fill:none;stroke:#d99a43;stroke-width:1.25;vector-effect:non-scaling-stroke}
.profile-trend-card.official .trend-line{stroke:#efc86c}
.trend-point{fill:#f3cf7a;stroke:#3c1d0b;stroke-width:.55;vector-effect:non-scaling-stroke}
.trend-chart-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:8px;color:#9b8b75;font-size:12px}
.trend-chart-labels strong{text-align:center;color:#efc86c;font-size:14px}.trend-chart-labels span:last-child{text-align:right}
.trend-waiting{min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;background:radial-gradient(circle at center,rgba(116,62,24,.15),transparent 58%)}
.trend-waiting strong{color:#e6c27a;font:700 21px var(--display)}.trend-waiting p{max-width:420px;margin:10px 0;color:#978874;font-size:14px;line-height:1.5}.trend-waiting span{margin-top:8px;color:#f0c86e;font:700 24px var(--display)}
@media(max-width:1150px){.profile-trend-panels{grid-template-columns:1fr}.host-analytics-grid{grid-template-columns:repeat(2,1fr)}.host-analytics-grid>div:not(:nth-child(3n+1)){border-left:0}.host-analytics-grid>div:nth-child(even){border-left:1px solid rgba(201,139,60,.18)}}
@media(max-width:720px){.profile-trend-panels{margin-left:8px;margin-right:8px}.host-analytics-grid{grid-template-columns:1fr}.host-analytics-grid>div:nth-child(even){border-left:0}.profile-trend-card>header{align-items:flex-start;flex-direction:column;gap:10px}.trend-chart{height:190px}}


/* v0.5.12 — consistency and coverage */
.profile-stat-grid > div small {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.35;
  color: var(--text-muted);
}


/* =========================================================
   v0.5.15 — Simple Trends
   ========================================================= */
.trend-chart-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:10px;padding:0 2px}
.trend-chart-summary>div{display:flex;flex-direction:column;gap:4px}
.trend-chart-summary>div:last-child{text-align:right;align-items:flex-end}
.trend-chart-summary span{color:#8f806c;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.trend-chart-summary strong{color:#f0ca73;font:700 19px var(--display)}
.trend-chart-summary small{color:#aa9677;font:700 13px var(--body)}
.trend-change.up strong{color:#9bd28a}.trend-change.down strong{color:#d98b76}.trend-change.flat strong{color:#d9bd84}
.trend-grid{stroke:rgba(201,139,60,.11);stroke-width:.35;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}
.trend-date-labels{display:flex;justify-content:space-between;margin-top:4px;color:#8d7e69;font-size:12px;font-weight:700}
.trend-point{cursor:help;transition:r .15s ease,filter .15s ease}.trend-point:hover{r:2.7;filter:drop-shadow(0 0 3px rgba(243,207,122,.8))}
@media(max-width:720px){.trend-chart-summary{grid-template-columns:1fr}.trend-chart-summary>div:last-child{text-align:left;align-items:flex-start}}
.official-bear-filter{min-width:360px}.official-bear-filter select{height:42px;min-width:340px;padding:0 38px 0 13px;border:1px solid #6b451f;border-radius:3px;background:#100b08;color:#edcf94;font:700 13px Georgia,serif;outline:none}.official-bear-filter select:focus{border-color:#c6792d;box-shadow:0 0 0 2px rgba(198,121,45,.14)}.official-result-context{display:flex;align-items:baseline;gap:14px;padding:13px 20px;border-bottom:1px solid rgba(201,139,60,.15);background:rgba(18,12,9,.8)}.official-result-context span{color:#8f7b65;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.official-result-context strong{color:#f0d3a4;font-size:15px}.official-result-context small{color:#9b8264}.source-trap-badge{display:inline-flex;padding:5px 9px;border:1px solid #6b451f;color:#efc46e;font-weight:800;font-size:11px;text-transform:uppercase}@media(max-width:1000px){.official-bear-filter,.official-bear-filter select{min-width:100%;width:100%}}

/* v0.5.20 — Bear date and UTC time */
.bear-datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bear-datetime-grid label{min-width:0}@media(max-width:760px){.bear-datetime-grid{grid-template-columns:1fr}}

/* =========================================================
   v0.5.22 — active ranking metric highlight
   ========================================================= */
.bear-datetime-grid > label{
  display:block;
  min-width:0;
  margin-bottom:20px;
}
.bear-datetime-grid > label > span{
  display:block;
  margin-bottom:8px;
  color:#d8b36d;
  font:700 12px var(--display);
  text-transform:uppercase;
  letter-spacing:.06em;
}
.bear-datetime-grid > label > small{
  display:block;
  margin-top:7px;
  color:#877b6c;
  font-size:12px;
  line-height:1.45;
}
.player-form input[type="time"]{
  display:block;
  width:100%;
  height:46px;
  min-width:0;
  padding:0 14px;
  border:1px solid #624220;
  color:#eee3d2;
  background:#0b0806;
  outline:none;
  color-scheme:dark;
  font:13px var(--body);
  box-sizing:border-box;
}
.player-form input[type="time"]:focus{
  border-color:#c58b3d;
  box-shadow:0 0 0 2px rgba(197,139,61,.13);
}
.player-form input[type="time"]::-webkit-calendar-picker-indicator{
  cursor:pointer;
  opacity:.9;
  filter:sepia(.35) saturate(.75) brightness(1.35);
}

/* v0.6.1 — Seasons */
.season-settings-panel { margin-bottom: 28px; }
.season-settings-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 18px; padding: 20px; }
.season-list { display: grid; gap: 14px; }
.season-card { position: relative; align-items: center; }
.season-card form { margin-left: auto; }
.season-current-badge { margin-left: auto; padding: 8px 13px; border: 1px solid rgba(214,171,78,.55); border-radius: 999px; color: #f0cf7b; background: rgba(117,73,22,.28); }
.season-create-card { align-items: flex-start; }
.season-create-form { display: grid; gap: 12px; margin-top: 14px; }
.season-create-form label { display: grid; gap: 6px; }
.season-create-form input { width: 100%; }
.bear-form select { width: 100%; }
@media (max-width: 900px) { .season-settings-layout { grid-template-columns: 1fr; } }


/* v0.6.2 — Season controls and Player Profile filtering */
.next-season-preview{display:grid;gap:5px;margin-top:18px;padding:15px 17px;border:1px solid rgba(201,139,60,.38);background:linear-gradient(135deg,rgba(43,25,10,.72),rgba(12,8,5,.86));box-shadow:inset 0 0 24px rgba(0,0,0,.35)}
.next-season-preview span{color:#a98a55;font:700 11px var(--display);text-transform:uppercase;letter-spacing:.09em}
.next-season-preview strong{color:#f0c968;font:700 25px var(--display)}
.season-create-form{margin-top:12px}
.season-create-form .action-button{width:100%}
.profile-filter-stack{position:absolute;right:42px;bottom:27px;display:grid;gap:9px;width:270px}
.profile-filter-stack .profile-scope-note{position:static;right:auto;bottom:auto;width:auto;box-sizing:border-box;padding:11px 14px}
.profile-season-filter label{display:grid;gap:6px}
.profile-season-filter label>span{color:#d4aa55;font:700 10px var(--display);text-transform:uppercase;letter-spacing:.1em}
.profile-season-filter select{width:100%;height:42px;padding:0 38px 0 13px;border:1px solid rgba(201,139,60,.55);color:#f2d889;background:#120b07;font:700 14px var(--display);outline:none;cursor:pointer;color-scheme:dark}
.profile-season-filter select:focus{border-color:#e4af45;box-shadow:0 0 0 2px rgba(201,139,60,.15)}
@media(max-width:1150px){.profile-filter-stack{position:static;width:auto;margin-top:24px}.profile-filter-stack .profile-scope-note{margin-top:0}}

/* v0.6.3 — Compare Players foundation */
.compare-header{align-items:center}.compare-back-button,.compare-rankings-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid rgba(202,145,61,.55);background:linear-gradient(180deg,rgba(78,48,19,.9),rgba(32,20,10,.95));color:#f2cf84;text-decoration:none;font:800 12px var(--display);letter-spacing:.04em;box-shadow:inset 0 1px rgba(255,232,172,.1)}.compare-back-button:hover,.compare-rankings-button:hover{border-color:#e4ad48;color:#fff1c7;box-shadow:0 0 22px rgba(211,143,48,.16)}.rankings-header .compare-rankings-button{margin-left:auto;align-self:center}.compare-controls{margin-top:18px;padding:18px 20px;border:1px solid rgba(201,139,60,.25);background:linear-gradient(180deg,rgba(28,18,11,.96),rgba(13,9,7,.97))}.compare-controls form{display:grid;grid-template-columns:minmax(190px,1fr) 48px minmax(190px,1fr) repeat(3,minmax(130px,.55fr));gap:14px;align-items:end}.compare-controls label{display:grid;gap:7px}.compare-controls label>span{color:#b99a66;font:800 10px var(--display);letter-spacing:.1em;text-transform:uppercase}.compare-controls select{width:100%;height:43px;padding:0 36px 0 12px;border:1px solid #69471f;background:#0e0906;color:#f0d8ae;font:700 13px var(--body);outline:none}.compare-controls select:focus{border-color:#dda445;box-shadow:0 0 0 2px rgba(221,164,69,.13)}.compare-swords{height:43px;display:flex;align-items:center;justify-content:center;font-size:23px}.compare-arena{margin-top:18px;border:1px solid rgba(201,139,60,.27);background:radial-gradient(circle at 50% 0,rgba(110,61,20,.2),transparent 35%),rgba(10,7,5,.96);box-shadow:0 20px 45px rgba(0,0,0,.24);overflow:hidden;display:grid;grid-template-columns:1fr 90px 1fr}.compare-player-head{padding:25px 28px;border-bottom:1px solid rgba(201,139,60,.18);background:linear-gradient(90deg,rgba(54,32,15,.72),rgba(18,11,8,.3))}.compare-player-head.right{text-align:right;background:linear-gradient(270deg,rgba(54,32,15,.72),rgba(18,11,8,.3))}.compare-player-head a{display:block;color:#f4d59b;text-decoration:none;font:800 27px var(--display)}.compare-player-head a:hover{color:#fff0c9}.compare-player-head small{display:block;margin-top:5px;color:#9f876a}.compare-versus{display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(201,139,60,.18);color:#d9943b;font:900 18px var(--display);letter-spacing:.12em}.compare-metrics{grid-column:1/-1;padding:10px 22px 22px}.compare-metric-row{display:grid;grid-template-columns:1fr minmax(190px,.7fr) 1fr;min-height:66px;align-items:center;border-bottom:1px solid rgba(201,139,60,.11)}.compare-metric-row:last-child{border-bottom:0}.compare-value{padding:12px 20px;color:#c8b69e;font:800 21px var(--display)}.compare-value:last-child{text-align:right}.compare-value.winner{color:#f3cc69;text-shadow:0 0 18px rgba(229,169,67,.22)}.compare-value.winner:after{content:'  ▲';font-size:10px;color:#d9a743}.compare-metric-label{text-align:center}.compare-metric-label span{display:block;color:#aa9173;font:800 11px var(--display);letter-spacing:.09em;text-transform:uppercase}.compare-metric-label small{display:block;margin-top:3px;color:#706151}.compare-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.compare-history-card{border:1px solid rgba(201,139,60,.22);background:rgba(12,8,6,.96)}.compare-history-card header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(201,139,60,.16);background:linear-gradient(90deg,rgba(48,29,14,.72),rgba(18,11,8,.4))}.compare-history-card header span{color:#a18461;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.compare-history-card header h2{margin:4px 0 0;color:#edd1a2;font-size:20px}.compare-history-card header>strong{color:#d59643;font-size:25px}.compare-history-list{display:grid}.compare-history-list>a{display:flex;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid rgba(201,139,60,.1);text-decoration:none}.compare-history-list>a:last-child{border-bottom:0}.compare-history-list>a:hover{background:rgba(123,76,25,.1)}.compare-history-list strong{color:#dbc29d;font-size:13px}.compare-history-list small{display:block;margin-top:4px;color:#8e7b66}.compare-history-values{display:grid;gap:3px;text-align:right;color:#c99a54;font-size:12px;font-weight:800}.compare-no-data{margin:0;padding:24px;color:#8e7a64}.compare-rankings-button{white-space:nowrap}@media(max-width:1100px){.compare-controls form{grid-template-columns:1fr 42px 1fr}.compare-controls label:nth-of-type(n+3){grid-column:auto}.compare-history-grid{grid-template-columns:1fr}}@media(max-width:760px){.compare-header{align-items:flex-start;flex-direction:column}.rankings-header .compare-rankings-button{margin-left:0}.compare-controls form{grid-template-columns:1fr}.compare-swords{height:24px}.compare-arena{grid-template-columns:1fr 58px 1fr}.compare-player-head{padding:18px 14px}.compare-player-head a{font-size:19px}.compare-metric-row{grid-template-columns:1fr minmax(115px,.8fr) 1fr}.compare-value{padding:10px 7px;font-size:15px}.compare-metric-label span{font-size:9px}}

/* v0.6.4 — Compare Players icon and placement polish */
.rankings-scope-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-right:14px;
}
.rankings-scope-footer .scope-note{flex:1;min-width:0}
.compare-rankings-button{
  gap:9px;
  min-height:40px;
  padding:4px 15px 4px 8px;
  flex:0 0 auto;
}
.compare-rankings-button img{
  width:34px;
  height:34px;
  object-fit:contain;
  filter:drop-shadow(0 3px 7px rgba(0,0,0,.55));
}
.compare-title{
  display:flex;
  align-items:center;
  gap:15px;
}
.compare-title img{
  width:68px;
  height:68px;
  object-fit:contain;
  flex:0 0 auto;
  filter:drop-shadow(0 7px 14px rgba(0,0,0,.55));
}
.compare-swords img{
  width:43px;
  height:43px;
  object-fit:contain;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.55));
}
@media(max-width:760px){
  .rankings-scope-footer{align-items:stretch;flex-direction:column;padding-right:0}
  .compare-rankings-button{align-self:flex-end}
  .compare-title{gap:10px}
  .compare-title img{width:50px;height:50px}
  .compare-swords img{width:34px;height:34px}
}

/* v0.6.6 — Dashboard icon refresh */
.rankings-filter-form .compare-rankings-button{
  margin-left:auto;
  min-height:48px;
  padding:5px 19px 5px 9px;
  gap:11px;
  align-self:flex-end;
}
.rankings-filter-form .compare-rankings-button img{
  width:40px;
  height:40px;
}
.rankings-scope-footer{
  padding-right:20px;
}
.compare-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:end;
}
.compare-controls .compare-back-button{
  min-height:43px;
  align-self:end;
  white-space:nowrap;
}
@media(max-width:1100px){
  .rankings-filter-form .compare-rankings-button{margin-left:0}
  .compare-controls{grid-template-columns:1fr}
  .compare-controls .compare-back-button{justify-self:end}
}
@media(max-width:760px){
  .rankings-filter-form .compare-rankings-button{align-self:flex-end}
  .compare-controls .compare-back-button{justify-self:stretch}
}

/* v0.7.0 — First-Time Experience foundation */
body.tutorial-open{overflow:hidden}
.tutorial-welcome,.tutorial-layer{position:fixed;inset:0;z-index:5000}
.tutorial-welcome-backdrop,.tutorial-shade{position:absolute;inset:0;background:rgba(3,2,1,.84);backdrop-filter:blur(5px)}
.tutorial-welcome-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100vw - 36px));box-sizing:border-box;padding:34px 38px 32px;border:1px solid rgba(222,164,72,.62);background:radial-gradient(circle at 50% 0,rgba(120,70,22,.3),transparent 42%),linear-gradient(180deg,#201208,#0b0705 72%);box-shadow:0 30px 100px rgba(0,0,0,.78),inset 0 1px rgba(255,229,167,.12);text-align:center}
.tutorial-welcome-card>img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.55))}
.tutorial-kicker{margin:10px 0 5px;color:#d49742;font:900 11px var(--display);letter-spacing:.16em;text-transform:uppercase}
.tutorial-welcome-card h2{margin:0;color:#f2d493;font:800 34px var(--display)}
.tutorial-welcome-card>p:not(.tutorial-kicker){max-width:430px;margin:13px auto;color:#bda98f;line-height:1.6}
.tutorial-close{position:absolute;right:13px;top:10px;border:0;background:none;color:#8d765e;font-size:30px;cursor:pointer}.tutorial-close:hover{color:#f0ce8d}
.tutorial-safety-note{display:grid;grid-template-columns:28px 1fr;gap:2px 10px;align-items:center;margin:23px 0;padding:14px 17px;border:1px solid rgba(198,137,52,.28);background:rgba(71,42,15,.2);text-align:left}.tutorial-safety-note span{grid-row:1/3;color:#d6a14a}.tutorial-safety-note strong{color:#e7c078}.tutorial-safety-note small{color:#8f7d68}
.tutorial-welcome-actions{display:flex;justify-content:center;gap:12px}
.tutorial-layer{pointer-events:none}.tutorial-layer .tutorial-shade{pointer-events:auto}
.tutorial-focus{position:relative!important;z-index:5002!important;isolation:isolate;box-shadow:0 0 0 4px #dda646,0 0 0 9999px rgba(3,2,1,.78),0 0 34px rgba(221,166,70,.65)!important;border-radius:3px;pointer-events:none}
.tutorial-guide{position:fixed;z-index:5003;right:34px;bottom:30px;width:min(420px,calc(100vw - 36px));box-sizing:border-box;padding:22px 24px;border:1px solid rgba(222,164,72,.65);background:linear-gradient(180deg,#23150b,#0d0805);box-shadow:0 24px 70px rgba(0,0,0,.7);pointer-events:auto}
.tutorial-guide header{display:flex;justify-content:space-between;color:#b88c4f;font:900 10px var(--display);letter-spacing:.12em;text-transform:uppercase}.tutorial-progress{height:3px;margin:12px 0 18px;background:#291a0d}.tutorial-progress span{display:block;height:100%;background:#d89d42;transition:width .25s ease}.tutorial-guide h2{margin:0;color:#f0d29a;font:800 24px var(--display)}.tutorial-guide>p{min-height:64px;margin:10px 0 20px;color:#b9a58c;line-height:1.55}.tutorial-guide-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-guide-actions>div{display:flex;gap:9px}.tutorial-text-button{border:0;background:none;color:#927a60;text-decoration:underline;cursor:pointer}.tutorial-text-button:hover{color:#e5c78e}
.tutorial-settings-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:18px;padding:20px}.tutorial-settings-card{align-items:center}.tutorial-settings-card button{margin-top:14px}.tutorial-chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.tutorial-chapter-list span{padding:11px 13px;border:1px solid rgba(194,133,51,.18);background:rgba(23,14,8,.8);color:#8f7a63;font-size:12px;font-weight:800}.tutorial-chapter-list span.complete{border-color:rgba(211,157,69,.45);color:#e3bd74;background:rgba(91,53,18,.22)}
@media(max-width:760px){.tutorial-welcome-card{padding:28px 22px}.tutorial-welcome-actions{flex-direction:column-reverse}.tutorial-guide{right:18px;bottom:18px}.tutorial-guide-actions{align-items:stretch;flex-direction:column}.tutorial-guide-actions>div{display:grid;grid-template-columns:1fr 1fr}.tutorial-settings-content{grid-template-columns:1fr}.tutorial-chapter-list{grid-template-columns:1fr}}


/* v0.7.1 — Tutorial welcome layout and manual entry */
.tutorial-welcome-card{
  width:min(620px,calc(100vw - 36px));
  padding:34px 38px 34px;
}
.tutorial-welcome-card>img{
  width:168px;
  height:168px;
  margin:-8px auto -2px;
}
.tutorial-welcome-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  width:100%;
}
.tutorial-welcome-actions .action-button{
  width:100%;
  min-width:0;
  margin:0;
  box-sizing:border-box;
}
.dashboard-tutorial-button{
  min-width:0;
  width:min(100%,330px);
  margin-top:18px;
  font-size:15px;
}
@media(max-width:760px){
  .tutorial-welcome-card>img{width:142px;height:142px}
  .tutorial-welcome-actions{grid-template-columns:1fr}
}

/* v0.7.2 — viewport-safe tutorial spotlight and guide */
.tutorial-layer{pointer-events:none}
.tutorial-shade{background:rgba(3,2,1,.76);backdrop-filter:blur(2px);pointer-events:auto}
.tutorial-spotlight{
  position:fixed;
  z-index:5001;
  box-sizing:border-box;
  border:3px solid #e2aa45;
  border-radius:8px;
  background:transparent;
  box-shadow:0 0 0 9999px rgba(3,2,1,.78),0 0 28px rgba(226,170,69,.8),inset 0 0 18px rgba(226,170,69,.14);
  pointer-events:none;
  transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease;
}
.tutorial-focus-target{position:relative;z-index:5002!important;isolation:isolate}
.tutorial-guide{
  right:auto;
  bottom:auto;
  width:min(460px,calc(100vw - 36px));
  max-height:calc(100vh - 36px);
  overflow:auto;
  padding:26px 28px;
  border:1px solid rgba(230,174,78,.78);
  background:radial-gradient(circle at 50% 0,rgba(112,65,22,.26),transparent 45%),linear-gradient(180deg,#28170c,#100906);
  box-shadow:0 26px 80px rgba(0,0,0,.82),inset 0 1px rgba(255,230,175,.12);
}
.tutorial-guide header{font-size:11px;color:#d1a35c}
.tutorial-guide header strong{font-size:12px;color:#f0ca7d}
.tutorial-progress{height:5px;margin:13px 0 20px;border:1px solid rgba(190,127,43,.22);background:#170e08}
.tutorial-progress span{background:linear-gradient(90deg,#9f6323,#e6ad4d);box-shadow:0 0 12px rgba(226,170,69,.45)}
.tutorial-guide h2{font-size:28px;line-height:1.15}
.tutorial-guide>p{min-height:0;margin:13px 0 24px;font-size:15px;line-height:1.65;color:#c7b299}
.tutorial-guide-actions .action-button{min-width:128px}
.tutorial-guide-actions .action-button:disabled{opacity:.35;cursor:not-allowed}

.dashboard-tutorial-button{position:relative;overflow:hidden}
.dashboard-tutorial-button.tutorial-unfinished{
  border-color:#dba344;
  box-shadow:0 0 0 1px rgba(219,163,68,.28),0 0 18px rgba(219,163,68,.12);
}
.dashboard-tutorial-button.tutorial-unfinished::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-45%;
  width:28%;
  height:180%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,231,173,.58),transparent);
  animation:tutorial-shimmer 4.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes tutorial-shimmer{
  0%,58%{left:-45%;opacity:0}
  64%{opacity:1}
  82%{left:125%;opacity:1}
  83%,100%{left:125%;opacity:0}
}
@media(prefers-reduced-motion:reduce){.dashboard-tutorial-button.tutorial-unfinished::after{animation:none}}
@media(max-width:760px){
  .tutorial-guide{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:22px 20px}
  .tutorial-guide h2{font-size:24px}
  .tutorial-guide-actions>div{grid-template-columns:1fr 1fr}
}

/* v0.7.3 — golden sparkle prompt and safe observe-only spotlight */
.tutorial-spotlight{pointer-events:auto;cursor:default}
.tutorial-focus-target{z-index:auto!important;isolation:auto}
[data-tutorial-open]{position:relative;overflow:visible}
.dashboard-tutorial-button.tutorial-unfinished::after{content:none;animation:none}
.tutorial-sparkles{
  position:absolute;
  inset:-14px;
  z-index:3;
  overflow:visible;
  pointer-events:none;
}
.tutorial-sparkles i{
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  opacity:0;
  background:#ffd987;
  box-shadow:0 0 5px #f2a93b,0 0 11px rgba(255,207,108,.9);
  animation:tutorial-sparkle 4.8s ease-in-out infinite;
}
.tutorial-sparkles i::before,.tutorial-sparkles i::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  background:linear-gradient(transparent,#ffe7a8,transparent);
  transform:translate(-50%,-50%);
  border-radius:50%;
}
.tutorial-sparkles i::before{width:1px;height:13px}
.tutorial-sparkles i::after{width:13px;height:1px;background:linear-gradient(90deg,transparent,#ffe7a8,transparent)}
.tutorial-sparkles i:nth-child(1){left:4%;top:22%;animation-delay:.1s}
.tutorial-sparkles i:nth-child(2){left:18%;top:82%;animation-delay:1.4s;transform:scale(.65)}
.tutorial-sparkles i:nth-child(3){left:34%;top:4%;animation-delay:2.6s;transform:scale(1.15)}
.tutorial-sparkles i:nth-child(4){left:51%;top:88%;animation-delay:.8s;transform:scale(.75)}
.tutorial-sparkles i:nth-child(5){left:68%;top:12%;animation-delay:3.5s;transform:scale(.8)}
.tutorial-sparkles i:nth-child(6){left:84%;top:75%;animation-delay:2s;transform:scale(1.25)}
.tutorial-sparkles i:nth-child(7){left:96%;top:31%;animation-delay:4s;transform:scale(.7)}
.tutorial-sparkles i:nth-child(8){left:10%;top:55%;animation-delay:3.1s;transform:scale(.45)}
.tutorial-sparkles i:nth-child(9){left:58%;top:45%;animation-delay:1.8s;transform:scale(.5)}
.tutorial-sparkles i:nth-child(10){left:77%;top:48%;animation-delay:.45s;transform:scale(.45)}
@keyframes tutorial-sparkle{
  0%,72%,100%{opacity:0;filter:brightness(.8)}
  77%{opacity:.3}
  82%{opacity:1;filter:brightness(1.4)}
  88%{opacity:.18}
  92%{opacity:0}
}
@media(prefers-reduced-motion:reduce){.tutorial-sparkles i{animation:none;opacity:.35}}

/* v0.7.4 — richer sparkle field and temporary Players tutorial data */
.tutorial-sparkles i{animation-duration:3.9s}
.tutorial-sparkles i:nth-child(11){left:26%;top:42%;animation-delay:.25s;transform:scale(.55)}
.tutorial-sparkles i:nth-child(12){left:43%;top:68%;animation-delay:2.15s;transform:scale(1.05)}
.tutorial-sparkles i:nth-child(13){left:62%;top:92%;animation-delay:3.25s;transform:scale(.6)}
.tutorial-sparkles i:nth-child(14){left:72%;top:-2%;animation-delay:1.05s;transform:scale(1.35)}
.tutorial-sparkles i:nth-child(15){left:91%;top:58%;animation-delay:2.75s;transform:scale(.85)}
.tutorial-sparkles i:nth-child(16){left:1%;top:68%;animation-delay:1.7s;transform:scale(1.15)}
.tutorial-demo-table{animation:tutorial-demo-arrive .3s ease-out}
[data-tutorial-demo-row]{background:rgba(126,78,24,.16);box-shadow:inset 3px 0 #d39b43}
[data-tutorial-demo-row] .player-directory-link{color:#efca83}
@keyframes tutorial-demo-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.tutorial-spotlight{pointer-events:none}

/* v0.7.5 — keep real tutorial forms above the dimmed page */
body.tutorial-open .player-modal{z-index:5001}
body.tutorial-open .player-modal .player-dialog{position:relative;z-index:5002}
body.tutorial-open .player-modal-backdrop{z-index:5000}


/* v0.7.8 — isolated tutorial player sandbox */
.tutorial-sandbox-active>.player-table-wrap:not(.tutorial-sandbox-table),
.tutorial-sandbox-active>.players-empty{display:none!important}
.tutorial-sandbox-table{animation:tutorial-demo-arrive .28s ease-out;border-color:rgba(220,160,67,.38)}
.tutorial-sandbox-note{display:flex;align-items:center;gap:12px;padding:11px 15px;border-bottom:1px solid rgba(208,147,58,.22);background:linear-gradient(90deg,rgba(119,72,22,.24),rgba(24,15,9,.45));color:#9d876d;font-size:12px}
.tutorial-sandbox-note strong{color:#efc675;font:800 11px var(--display);letter-spacing:.08em;text-transform:uppercase}
.tutorial-example-label{color:#725f4b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
[data-tutorial-demo-row]{background:rgba(139,85,25,.23)!important;box-shadow:inset 4px 0 #e2aa45,0 0 18px rgba(211,151,60,.08)}
body.tutorial-open .player-modal[hidden]{display:none!important}
body.tutorial-open .player-modal:not([hidden]){display:flex!important;z-index:5004}
body.tutorial-open .player-modal:not([hidden]) .player-dialog{z-index:5005}
body.tutorial-open .tutorial-guide{z-index:5006}


/* v0.7.8 — clearer row focus and deterministic action target */
[data-tutorial-demo-row].tutorial-row-focus{
  position:relative;
  z-index:5002!important;
  background:linear-gradient(90deg,rgba(183,119,37,.34),rgba(91,52,15,.22))!important;
  box-shadow:inset 4px 0 #e0aa4d,0 0 0 2px rgba(224,170,77,.8),0 0 26px rgba(224,170,77,.38)!important;
}
[data-tutorial-demo-row].tutorial-row-focus td{border-top-color:rgba(224,170,77,.42);border-bottom-color:rgba(224,170,77,.42)}
[data-tutorial-demo-row].tutorial-row-focus [data-tutorial-demo-edit]{
  box-shadow:0 0 0 3px #e0aa4d,0 0 22px rgba(224,170,77,.7);
}

/* v0.7.8 — strict action steps and bright interactive tutorial modal */
.tutorial-guide [hidden]{display:none!important}
body.tutorial-open .player-modal:not([hidden]){
  z-index:6000!important;
  pointer-events:auto!important;
}
body.tutorial-open .player-modal:not([hidden]) .player-dialog{
  position:relative;
  z-index:6002!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:0 0 0 3px rgba(226,170,69,.92),0 24px 80px rgba(0,0,0,.92),0 0 38px rgba(226,170,69,.34)!important;
}
body.tutorial-open .player-modal:not([hidden]) .player-modal-backdrop{
  z-index:6001!important;
  background:rgba(0,0,0,.68)!important;
}
body.tutorial-open .tutorial-guide{z-index:7000!important}
body.tutorial-open [data-tutorial-create-player]{
  position:relative;
  z-index:6003;
  pointer-events:auto!important;
}


/* v0.7.9 — isolated tutorial Bear sandbox */
.tutorial-bear-sandbox-active>.bear-card-grid:not(.tutorial-bear-sandbox-grid),
.tutorial-bear-sandbox-active>.players-empty{display:none!important}
.tutorial-bear-sandbox-grid{animation:tutorial-demo-arrive .28s ease-out}
.tutorial-demo-bear-card.tutorial-focus-target{border-color:#e0a845!important;box-shadow:0 0 0 3px rgba(224,168,69,.72),0 0 30px rgba(224,168,69,.38)!important}
body.tutorial-open [data-bear-modal]:not([hidden]){z-index:5004!important}
body.tutorial-open [data-bear-modal]:not([hidden]) .player-dialog{position:relative;z-index:5005!important;filter:none!important;opacity:1!important;pointer-events:auto!important}
body.tutorial-open [data-bear-modal]:not([hidden]) .player-modal-backdrop{z-index:5003!important}

/* v0.7.10 — tutorial Bear edit, participant and damage workspace */
.tutorial-bear-sandbox-active>.players-panel-heading,
.tutorial-bear-sandbox-active>.player-toolbar,
.tutorial-bear-sandbox-active>.bear-card-grid:not(.tutorial-bear-sandbox-grid),
.tutorial-detail-active>.players-panel-heading,
.tutorial-detail-active>.player-toolbar,
.tutorial-detail-active>.bear-card-grid,
.tutorial-detail-active>.players-empty{display:none!important}
.tutorial-demo-bear-card{box-shadow:inset 4px 0 #d7a044;background:linear-gradient(90deg,rgba(131,79,22,.2),rgba(15,9,5,.92) 24%)}
.tutorial-demo-bear-card .bear-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.tutorial-bear-detail{padding:22px;background:linear-gradient(180deg,rgba(28,16,8,.97),rgba(8,5,3,.98));border:1px solid rgba(210,151,62,.38)}
.tutorial-bear-detail>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 4px 22px;border-bottom:1px solid rgba(190,128,43,.25)}
.tutorial-bear-detail>header p{margin:0;color:#b98945;font:900 11px var(--display);letter-spacing:.13em;text-transform:uppercase}
.tutorial-bear-detail>header h2{margin:3px 0;color:#f0ce88;font:800 30px var(--display)}
.tutorial-bear-detail>header span{color:#9e8a72}
.tutorial-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px;margin-top:20px}
.tutorial-participant-card{padding:18px;border-top:1px solid rgba(183,122,42,.22);background:rgba(20,12,7,.72)}
.tutorial-participant-card>div{display:flex;justify-content:space-between;margin-bottom:18px}.tutorial-participant-card strong{color:#efcc87}.tutorial-participant-card span{color:#9e8a72}
.tutorial-participant-card .damage-slot-grid{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px}
.tutorial-participant-card label{display:grid;gap:6px;color:#c79a52;font-size:11px;font-weight:800;text-transform:uppercase}
.tutorial-participant-card input{width:100%;box-sizing:border-box;padding:12px;border:1px solid rgba(191,128,42,.55);background:#090604;color:#f2dfb4}
.tutorial-total-damage{margin:14px 0}.tutorial-participant-card .save-damage{display:block;margin-left:auto;padding:12px 22px;border:1px solid #dcaa51;background:#8e1d14;color:#f6daa0;font:800 14px var(--display);cursor:pointer}
.tutorial-row-focus{outline:3px solid #e1aa48!important;outline-offset:3px;box-shadow:0 0 28px rgba(224,169,69,.5),inset 4px 0 #e1aa48!important}
@media(max-width:980px){.tutorial-detail-grid{grid-template-columns:1fr}.tutorial-participant-card .damage-slot-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}

/* v0.7.12 — multi-participant tutorial damage entry */
[data-tutorial-damage-form]{display:grid;gap:16px}
[data-tutorial-damage-form]>.save-damage{justify-self:end;padding:12px 22px;border:1px solid #dcaa51;background:#8e1d14;color:#f6daa0;font:800 14px var(--display);cursor:pointer}
[data-tutorial-available-players].tutorial-row-focus{outline-offset:6px}

/* v0.7.15 — tutorial hub, chapter selector and progress states */
.tutorial-chapter-list button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:58px;padding:12px 42px 11px 14px;border:1px solid rgba(194,133,51,.18);background:rgba(23,14,8,.8);color:#9f896f;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}
.tutorial-chapter-list button:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(223,164,70,.58);background:rgba(79,46,17,.28);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.tutorial-chapter-list button strong{color:#d6b06e;font:800 13px var(--display)}
.tutorial-chapter-list button small{color:#806d59;font-size:11px;line-height:1.35}
.tutorial-chapter-list button.complete{border-color:rgba(211,157,69,.55);background:linear-gradient(90deg,rgba(91,53,18,.35),rgba(31,18,9,.88));box-shadow:inset 3px 0 #d69c42}
.tutorial-chapter-list button.complete::after{content:'✓';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#efc56d;font-size:19px;font-weight:900;text-shadow:0 0 12px rgba(239,197,109,.55)}
.tutorial-chapter-list button.current{border-color:#d69c42;box-shadow:0 0 0 1px rgba(214,156,66,.28),0 0 18px rgba(214,156,66,.18)}
.tutorial-chapter-list button:disabled{cursor:not-allowed;opacity:.48}
.tutorial-settings-panel.tutorial-all-complete{box-shadow:0 0 32px rgba(214,156,66,.16),inset 0 1px rgba(255,224,164,.05)}

/* v0.7.15 — Player Directory actions */
.players-panel-actions{display:flex;align-items:center;gap:18px;margin-left:auto}
.players-panel-actions>span{color:#a99a87;font-size:13px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.players-panel-actions .action-button{min-width:190px}
@media(max-width:760px){.players-panel-heading{align-items:flex-start;gap:16px}.players-panel-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.players-panel-actions .action-button{min-width:160px}}

/* v0.7.17 — multi-player damage draft protection */
.participant-heading-actions{display:flex;align-items:center;gap:14px}.save-all-damage{border:1px solid #d29a42;background:#8e1d14;color:#f6daa0;padding:10px 16px;font:800 11px var(--display);text-transform:uppercase;cursor:pointer;box-shadow:0 0 14px rgba(216,154,64,.2)}.save-all-damage:hover{background:#a9271d}.save-all-damage:disabled{opacity:.55;cursor:wait}.damage-form{position:relative}.damage-draft-status{display:inline-flex;margin:0 0 12px auto;padding:6px 10px;border:1px solid rgba(224,157,61,.75);background:rgba(126,71,18,.28);color:#f0c86e;font:800 10px var(--display);text-transform:uppercase;letter-spacing:.06em}.damage-form.is-dirty .save-damage{box-shadow:0 0 0 2px rgba(236,183,83,.3),0 0 18px rgba(224,145,47,.25)}.damage-form.is-saving{opacity:.72;pointer-events:none}.damage-form.is-saved .damage-draft-status{border-color:rgba(77,160,89,.7);background:rgba(30,96,46,.25);color:#9ee0a6}@media(max-width:720px){.participant-heading-actions{align-items:flex-end;flex-direction:column;gap:8px}.save-all-damage{width:100%}}

/* v0.7.18 — Trap Analytics, favicon integration and Event Summary alignment */
.event-summary-form .save-summary{align-self:start;margin-top:27px;min-height:42px}
.trap-profile-hero{background-image:linear-gradient(90deg,rgba(5,3,2,.94),rgba(10,6,3,.58)),url('/static/assets/hero.webp')}
.trap-monogram{font-size:28px;letter-spacing:-.04em}
.trap-switch-link{color:#efc66e;text-decoration:none;border-bottom:1px solid rgba(239,198,110,.45)}
.trap-switch-link:hover{color:#ffe3a0;border-bottom-color:#ffe3a0}
.trap-leaderboard-panel{margin:0 18px 14px;border:1px solid rgba(201,139,60,.3);background:#0a0705}
.trap-leaderboard-panel>header{padding:23px 25px;border-bottom:1px solid rgba(201,139,60,.22);background:linear-gradient(90deg,#1b1009,#0d0805)}
.trap-leaderboard-panel header span{color:#c08b3f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.trap-leaderboard-panel h2{margin:4px 0 0;color:#ead2a0;font:700 23px var(--display)}
.trap-leaderboard-panel header p{margin:7px 0 0;color:#92836f;font-size:13px}
.trap-analytics-links{display:flex;gap:7px;align-self:end}
.trap-analytics-links a{display:grid;place-items:center;min-height:38px;padding:0 12px;border:1px solid rgba(201,139,60,.42);color:#d9b36a;background:#120b07;font:700 11px var(--display);text-decoration:none;text-transform:uppercase;white-space:nowrap}
.trap-analytics-links a:hover{border-color:#d69a3c;color:#ffe09a;background:#2a1409}
@media(max-width:1100px){.event-summary-form .save-summary{margin-top:0}.trap-analytics-links{grid-column:1/-1}.trap-leaderboard-panel{margin-left:8px;margin-right:8px}}

/* v0.7.19 — Trap event-to-event comparison */
.trap-comparison-panel{margin:0 18px 14px;border:1px solid rgba(201,139,60,.34);background:#0a0705;box-shadow:0 14px 34px rgba(0,0,0,.24)}
.trap-comparison-panel>header{display:grid;grid-template-columns:minmax(280px,1fr) minmax(620px,1.55fr);gap:24px;align-items:end;padding:23px 25px;border-bottom:1px solid rgba(201,139,60,.22);background:linear-gradient(90deg,#1b1009,#0d0805)}
.trap-comparison-panel>header>div>span{color:#c08b3f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.trap-comparison-panel h2{margin:4px 0 0;color:#ead2a0;font:700 23px var(--display)}
.trap-comparison-panel header p{margin:7px 0 0;color:#92836f;font-size:13px}
.trap-comparison-controls{display:grid;grid-template-columns:minmax(190px,1fr) 44px minmax(190px,1fr) auto;gap:10px;align-items:end}
.trap-comparison-controls label{display:grid;gap:6px}.trap-comparison-controls label>span{color:#bd8b43;font:700 10px var(--display);text-transform:uppercase;letter-spacing:.08em}
.trap-comparison-controls select{min-height:42px;border:1px solid rgba(205,143,63,.5);background:#100a06;color:#e8d3aa;padding:0 12px;font:700 12px var(--body)}
.comparison-swap,.comparison-apply{display:grid;place-items:center;min-height:42px;border:1px solid #b77b31;background:#1a0f08;color:#efc66e;text-decoration:none;font:800 14px var(--display);cursor:pointer}
.comparison-swap:hover,.comparison-apply:hover{border-color:#e0a653;color:#ffe2a0;background:#30170b}.comparison-apply{padding:0 16px;background:#8e2118;color:#f7d99a;white-space:nowrap}
.comparison-event-headings{display:grid;grid-template-columns:1fr 60px 1fr;gap:18px;align-items:center;padding:22px 25px 12px}
.comparison-event-headings article{display:grid;gap:4px;padding:16px 18px;border:1px solid rgba(201,139,60,.25);background:linear-gradient(135deg,rgba(52,28,12,.5),rgba(14,8,5,.9))}
.comparison-event-headings article>span{color:#c18a3c;font:700 10px var(--display);text-transform:uppercase;letter-spacing:.1em}.comparison-event-headings strong{color:#f0d49a;font:800 19px var(--display)}
.comparison-event-headings small{color:#93836e}.comparison-event-headings a{justify-self:start;margin-top:7px;color:#e9bb62;text-decoration:none;border-bottom:1px solid rgba(233,187,98,.4)}
.comparison-versus{display:grid;place-items:center;width:48px;height:48px;margin:auto;border:1px solid rgba(218,156,66,.5);border-radius:50%;color:#e8bd69;background:#140b06;font:900 13px var(--display)}
.comparison-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:12px 25px 25px;background:rgba(117,73,28,.18)}
.comparison-metrics>article{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.8fr) minmax(0,1fr);align-items:stretch;border:1px solid rgba(201,139,60,.18);background:#0c0805}
.comparison-value,.comparison-delta{display:grid;align-content:center;gap:5px;min-height:104px;padding:15px 17px}.comparison-value.b{text-align:right}.comparison-value span,.comparison-delta span{color:#987b59;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.comparison-value strong{color:#e8d2a2;font:800 17px var(--display)}
.comparison-delta{border-left:1px solid rgba(201,139,60,.18);border-right:1px solid rgba(201,139,60,.18);text-align:center;background:rgba(29,17,9,.74)}.comparison-delta strong{color:#d9b36a;font:800 15px var(--display)}.comparison-delta small{color:#907c66;font-size:11px}.comparison-delta.up strong,.comparison-delta.up small{color:#8fd38c}.comparison-delta.down strong,.comparison-delta.down small{color:#e27e69}.comparison-delta.flat strong{color:#d8c7a4}
@media(max-width:1180px){.trap-comparison-panel>header{grid-template-columns:1fr}.trap-comparison-controls{grid-template-columns:1fr 44px 1fr auto}.comparison-metrics{grid-template-columns:1fr}}
@media(max-width:760px){.trap-comparison-panel{margin-left:8px;margin-right:8px}.trap-comparison-controls{grid-template-columns:1fr 44px 1fr}.comparison-apply{grid-column:1/-1}.comparison-event-headings{grid-template-columns:1fr}.comparison-versus{width:40px;height:40px}.comparison-metrics>article{grid-template-columns:1fr}.comparison-value.b{text-align:left}.comparison-delta{border:0;border-top:1px solid rgba(201,139,60,.18);border-bottom:1px solid rgba(201,139,60,.18)}}


/* v0.7.20 — clearer date-to-date Trap comparison */
.comparison-date-card strong{font-size:21px!important}.comparison-value.winner{background:linear-gradient(135deg,rgba(64,105,51,.18),rgba(14,8,5,.92));box-shadow:inset 0 0 0 1px rgba(122,196,106,.28)}
.comparison-value.winner strong{color:#a9e497}.comparison-winner-label{display:block;margin:2px 0 1px;color:#a9e497;font:800 12px var(--display);letter-spacing:.02em}.comparison-winner-label.left{text-align:left}.comparison-winner-label.right{text-align:right}.comparison-winner-label.flat{text-align:center;color:#d8c7a4}.comparison-delta.down .comparison-winner-label{color:#a9e497}.comparison-delta.down strong,.comparison-delta.down small{color:#e4c27e}.comparison-delta.up strong,.comparison-delta.up small{color:#a9e497}


/* v0.7.21 — Rankings tutorial sandbox */
[data-tutorial-rankings-page].tutorial-rankings-active > :not([data-tutorial-ranking-sandbox]){display:none!important}
.tutorial-rankings-sandbox{display:grid;gap:24px}
.tutorial-rankings-sandbox .rankings-filter-form{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}
.tutorial-rankings-sandbox .ranking-sortbar button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer}
.tutorial-rankings-sandbox .ranking-sortbar button.active{color:#ffd878}
.tutorial-rankings-sandbox .ranking-mode-switch a{cursor:default}
.tutorial-rankings-sandbox .source-observation{cursor:default}
.tutorial-rankings-sandbox [data-tutorial-source-ledger]:not([hidden]){display:table-row}

/* v0.7.24 — Player Profile tutorial sandbox */
.tutorial-profile-sandbox{display:grid;gap:24px}
.tutorial-profile-sandbox .player-profile-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}
.tutorial-profile-sandbox .profile-identity-meta{display:flex;gap:10px;align-items:center}
.tutorial-profile-sandbox .profile-back-link{display:inline-block;margin-bottom:10px}


/* v0.7.26 — Compare Players tutorial sandbox */
[data-tutorial-compare-page].tutorial-compare-active > :not([data-tutorial-compare-sandbox]){display:none!important}
.tutorial-compare-sandbox{display:grid;gap:24px}
.tutorial-compare-sandbox .compare-controls form{display:grid;grid-template-columns:minmax(170px,1fr) 70px minmax(170px,1fr) repeat(3,minmax(130px,.7fr));gap:14px;align-items:end}
.tutorial-compare-sandbox .compare-controls select{width:100%}
@media(max-width:1050px){.tutorial-compare-sandbox .compare-controls form{grid-template-columns:1fr 60px 1fr}.tutorial-compare-sandbox .compare-controls form label:nth-of-type(n+3){grid-column:auto}}

/* v0.8.0 — Bear Summary */
.bear-completion-actions{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.bear-summary-button{height:44px;padding:0 20px;border:1px solid #9c6a32;color:#f4d28b;background:linear-gradient(180deg,#3d2715,#201208);font:700 12px var(--display);text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35)}
.bear-summary-button:hover{filter:brightness(1.12)}
.bear-summary-dialog{width:min(780px,100%)}
.bear-summary-body{padding:24px 28px 16px}
.bear-summary-lead{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid rgba(201,139,60,.28);background:linear-gradient(135deg,rgba(115,43,22,.28),rgba(12,8,5,.78))}
.bear-summary-lead img{width:78px;height:78px;object-fit:contain}
.bear-summary-lead span,.bear-summary-grid span,.bear-summary-section-title span{display:block;color:#dca84f;font:700 11px var(--display);letter-spacing:.12em;text-transform:uppercase}
.bear-summary-lead strong{display:block;margin-top:4px;color:#f5dc9c;font:700 30px var(--display)}
.bear-summary-lead small,.bear-summary-grid small{color:#aa9b86}
.bear-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.bear-summary-grid article{padding:16px;border:1px solid rgba(201,139,60,.2);background:rgba(9,6,4,.58)}
.bear-summary-grid strong{display:block;margin:7px 0;color:#f0d49a;font:700 19px var(--display)}
.bear-summary-grid small{display:block;line-height:1.5}
.bear-summary-highlights{margin-top:16px;border-top:1px solid rgba(201,139,60,.22);padding-top:16px}
.bear-summary-section-title strong{display:block;margin-top:5px;color:#ead6ad;font-size:18px}
.bear-summary-highlight{display:flex;gap:11px;align-items:flex-start;margin-top:12px;padding:12px 14px;background:rgba(130,75,20,.12);border-left:3px solid #dca84f}
.bear-summary-highlight>span{color:#f2bd47;font-size:20px;line-height:1}
.bear-summary-highlight p{margin:0;color:#d8cbb7;line-height:1.5}.bear-summary-highlight p strong{color:#f3d894}
.bear-summary-highlight.positive{border-left-color:#64b85a}.bear-summary-highlight.positive>span{color:#74cf68}
.bear-summary-highlight.negative{border-left-color:#be5848}.bear-summary-highlight.negative>span{color:#dc6654}
.bear-summary-highlight.muted{border-left-color:#6f6252}.bear-summary-highlight.muted>span{color:#9a8c79}
.bear-summary-note{margin:16px 0 0;color:#8f8271;font-size:12px;line-height:1.5}
.bear-summary-footer{display:flex;justify-content:flex-end;padding:0 28px 24px}
@media(max-width:700px){.bear-summary-grid{grid-template-columns:1fr}.bear-summary-body{padding-left:18px;padding-right:18px}.bear-summary-footer{padding-left:18px;padding-right:18px}.bear-summary-lead img{width:58px;height:58px}}


/* v0.8.1 — prioritized Bear Summary */
.bear-summary-story{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding:16px 18px;border:1px solid rgba(220,168,79,.34);background:linear-gradient(135deg,rgba(87,50,15,.38),rgba(12,8,5,.82))}
.bear-summary-story>span{font-size:26px;line-height:1}.bear-summary-story small{display:block;color:#dca84f;font:700 10px var(--display);letter-spacing:.12em;text-transform:uppercase}.bear-summary-story strong{display:block;margin-top:4px;color:#f5dc9c;font:700 19px var(--display)}.bear-summary-story p{margin:5px 0 0;color:#cbbda8;line-height:1.5}.bear-summary-story.positive{border-left:3px solid #64b85a}.bear-summary-story.negative{border-left:3px solid #be5848}.bear-summary-story.gold{border-left:3px solid #dca84f}
.bear-summary-details{margin-top:10px;border:1px solid rgba(201,139,60,.2);background:rgba(9,6,4,.52)}.bear-summary-details summary{padding:12px 14px;color:#e4c47f;font:700 12px var(--display);text-transform:uppercase;cursor:pointer}.bear-summary-details>div{padding:0 14px 10px}.bear-summary-details p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:9px 0;border-top:1px solid rgba(201,139,60,.13);color:#d8cbb7}.bear-summary-details p strong{color:#f3d894}.bear-summary-details p span{white-space:nowrap;color:#c9b487}


/* v0.8.2 — explicit previous-Bear comparison */
.bear-summary-comparison>strong.positive{color:#8fd38c}.bear-summary-comparison>strong.negative{color:#e27e69}.bear-summary-comparison>strong.neutral{color:#d8c7a4}
.bear-summary-comparison-values{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(201,139,60,.14)}
.bear-summary-comparison-values small{display:grid!important;gap:3px;color:#e1c995!important;font:700 14px var(--display)}.bear-summary-comparison-values small b{color:#96836a;font:700 9px var(--display);letter-spacing:.1em;text-transform:uppercase}.bear-summary-comparison-values i{color:#c18a3c;font-style:normal;font-size:17px}.bear-summary-comparison em{display:block;margin-top:9px;color:#9f907c;font-style:normal;font-size:11px;line-height:1.45}
@media(max-width:430px){.bear-summary-comparison-values{grid-template-columns:1fr}.bear-summary-comparison-values i{transform:rotate(90deg);text-align:center}}


/* =========================================================
   v0.8.3 — Warm parchment Light Theme
   ========================================================= */
.theme-settings-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:32px;padding:30px}
.theme-copy h3{margin:0 0 10px;color:var(--gold-light);font:700 24px var(--display)}
.theme-copy p{max-width:720px;margin:0;color:var(--muted);line-height:1.7}
.theme-selector{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.theme-selector button{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:14px;text-align:left;padding:16px;border:1px solid rgba(201,139,60,.28);background:rgba(0,0,0,.18);color:var(--text);cursor:pointer}
.theme-selector button.active{border-color:#d9a34d;box-shadow:inset 0 0 0 2px rgba(217,163,77,.18),0 0 18px rgba(217,163,77,.12)}
.theme-selector strong{align-self:end;font:700 18px var(--display);color:var(--gold-light)}
.theme-selector small{color:var(--muted)}
.theme-swatch{grid-row:1/3;width:48px;height:48px;border:1px solid rgba(201,139,60,.45);box-shadow:inset 0 0 0 3px rgba(255,255,255,.05)}
.theme-swatch.dark{background:linear-gradient(145deg,#1b110b,#070504)}
.theme-swatch.light{background:linear-gradient(145deg,#fffaf0,#e8d8bd)}

html[data-theme="light"]{--text:#3b2918;--muted:#76634f;--bg:#f3eadb;--line:rgba(148,94,35,.32);--gold:#a96b18;--gold-light:#7b480d;color-scheme:light}
html[data-theme="light"] body{background:radial-gradient(circle at 64% -6%,rgba(201,147,69,.20),transparent 36rem),linear-gradient(135deg,#f8f2e8,#eee1cf 52%,#f8f2e8);color:var(--text)}
html[data-theme="light"] .sidebar{background:radial-gradient(circle at 50% 11%,rgba(211,165,92,.22),transparent 17rem),linear-gradient(180deg,#fffaf1,#f1e5d3 58%,#eadbc4);border-right-color:rgba(148,94,35,.30);box-shadow:10px 0 30px rgba(89,55,19,.15)}
html[data-theme="light"] .brand span{color:#57320d;text-shadow:0 1px 0 #fff}
html[data-theme="light"] .nav-list a{color:#4e3721;border-top-color:rgba(148,94,35,.13)}
html[data-theme="light"] .nav-list a:hover{color:#6e3e08;background:linear-gradient(90deg,rgba(210,159,79,.22),transparent)}
html[data-theme="light"] .nav-list a.active,html[data-theme="light"] .nav-list a[aria-current="page"]{color:#5d2c09;background:linear-gradient(90deg,rgba(222,171,86,.55),rgba(243,224,190,.45),transparent);border-left-color:#b8751f;box-shadow:inset 0 0 24px rgba(180,105,32,.08)}
html[data-theme="light"] .nav-icon,html[data-theme="light"] .brand img{filter:contrast(1.04) saturate(1.03) drop-shadow(0 5px 6px rgba(75,41,13,.28))}
html[data-theme="light"] .sidebar-status,html[data-theme="light"] .sidebar-status small{color:#76634f}
html[data-theme="light"] .command-bar{color:#825014;background:rgba(255,250,241,.62)}
html[data-theme="light"] .date-time>span{color:#5c4630}
html[data-theme="light"] .main-content{background:transparent}
html[data-theme="light"] .settings-database-panel,html[data-theme="light"] .rankings-workspace,html[data-theme="light"] .database-confirm-panel{background:linear-gradient(145deg,rgba(255,251,244,.97),rgba(239,225,204,.96));border-color:rgba(148,94,35,.27);box-shadow:0 18px 42px rgba(85,50,15,.12)}
html[data-theme="light"] .database-action-card,html[data-theme="light"] .analytics-card,html[data-theme="light"] .ranking-category-card,html[data-theme="light"] .ranking-foundation-grid article{background:linear-gradient(145deg,#fffaf1,#efe1cc);color:#3b2918}
html[data-theme="light"] .database-action-card>img{background:#f2e2c9;border-color:#b47a39;box-shadow:inset 0 0 0 3px #fff8ec,0 10px 24px rgba(81,47,14,.16)}
html[data-theme="light"] .database-file-chip,html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea,html[data-theme="light"] .damage-input,html[data-theme="light"] .summary-number-input,html[data-theme="light"] .participant-search input,html[data-theme="light"] .participant-search select{background:#fffaf1;color:#3b2918;border-color:#c59a63;color-scheme:light}
html[data-theme="light"] .panel-heading,html[data-theme="light"] .rankings-workspace-heading{background:linear-gradient(90deg,rgba(232,205,162,.65),rgba(255,250,241,.55));border-color:rgba(148,94,35,.22)}
html[data-theme="light"] .database-actions-grid,html[data-theme="light"] .bear-analytics-grid{background:rgba(148,94,35,.18);border-color:rgba(148,94,35,.18)}
html[data-theme="light"] .theme-selector button{background:rgba(255,250,241,.7);color:#3b2918}
html[data-theme="light"] .theme-selector button.active{background:#fff8eb;border-color:#ad6b19}
html[data-theme="light"] .bear-card,html[data-theme="light"] .participant-entry,html[data-theme="light"] .player-table,html[data-theme="light"] .ranking-table,html[data-theme="light"] .profile-panel,html[data-theme="light"] .compare-card{background:linear-gradient(145deg,#fffaf1,#eee0ca);border-color:rgba(148,94,35,.28);box-shadow:0 12px 28px rgba(81,47,14,.12)}
html[data-theme="light"] .participant-entry[open]{background:linear-gradient(180deg,rgba(230,198,146,.35),rgba(255,250,241,.65))}
html[data-theme="light"] .damage-summary>div{background:rgba(181,121,45,.08)}
html[data-theme="light"] .dialog-backdrop,html[data-theme="light"] .bear-summary-backdrop,html[data-theme="light"] .tutorial-welcome-backdrop{background:rgba(59,40,20,.48)}
html[data-theme="light"] .dialog-card,html[data-theme="light"] .tutorial-welcome-card{background:linear-gradient(145deg,#fffaf1,#ead9bf);color:#3b2918;border-color:#b77a31}
html[data-theme="light"] .page-message.success{background:#e9f4e5;color:#315d2f}html[data-theme="light"] .page-message.error{background:#f8e5df;color:#7d2d20}
html[data-theme="light"] .about-data,html[data-theme="light"] .database-storage-note{color:#66523e}
@media(max-width:900px){.theme-settings-content{grid-template-columns:1fr}.theme-selector{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.theme-selector{grid-template-columns:1fr}}

/* =========================================================
   v0.8.4 — Light Theme reference match
   Light-only overrides. The original Dark Theme is untouched.
   ========================================================= */
html[data-theme="light"]{
  --text:#3d2916;
  --muted:#8a7760;
  --bg:#fbf7ef;
  --line:rgba(182,127,55,.24);
  --gold:#b97b22;
  --gold-light:#8a5614;
}
html[data-theme="light"] body{
  background:#fbf7ef;
  color:var(--text);
}
html[data-theme="light"] .main-content{
  background:#fbf7ef;
  padding-bottom:42px;
}
html[data-theme="light"] .content-frame{
  background:#fbf7ef;
}
html[data-theme="light"] .sidebar{
  background:linear-gradient(180deg,#fffaf1 0%,#fbf5e9 48%,#f6eddf 100%);
  border-right:1px solid #dfcfb6;
  box-shadow:6px 0 18px rgba(94,61,24,.09);
}
html[data-theme="light"] .brand span{
  color:#4e2c0c;
  text-shadow:none;
}
html[data-theme="light"] .nav-list a{
  color:#412b17;
  border-top-color:rgba(176,124,55,.12);
}
html[data-theme="light"] .nav-list a:hover{
  color:#6d3e09;
  background:linear-gradient(90deg,rgba(225,187,116,.24),rgba(255,250,240,.18));
}
html[data-theme="light"] .nav-list a.active,
html[data-theme="light"] .nav-list a[aria-current="page"]{
  color:#4b2909;
  background:linear-gradient(90deg,#f1d99f 0%,#f8ead0 58%,rgba(255,250,241,.2) 100%);
  border-left-color:#c78625;
  box-shadow:inset 0 0 18px rgba(181,112,27,.08);
}
html[data-theme="light"] .sidebar-status{
  border-top-color:#dcc7a5;
  color:#75624f;
}
html[data-theme="light"] .command-bar{
  color:#8a5615;
  background:#fffaf2;
  border-bottom-color:#e1d0b5;
}
html[data-theme="light"] .date-time>span{color:#604a32}
html[data-theme="light"] .hero-banner{
  box-shadow:0 7px 16px rgba(80,49,17,.16);
  border:1px solid #d8bd8d;
  border-top:0;
}
html[data-theme="light"] .metrics-strip{
  margin-top:10px;
  background:#fffdf8;
  border:1px solid #e4d1b0;
  box-shadow:none;
}
html[data-theme="light"] .metrics-strip article+article:before{
  background:linear-gradient(transparent,#e4d2b2,transparent);
}
html[data-theme="light"] .metrics-strip span{
  color:#a86c1f;
}
html[data-theme="light"] .metrics-strip strong{
  color:#3f2b18;
  text-shadow:none;
}
html[data-theme="light"] .metrics-strip small{
  color:#7d6a54;
}
html[data-theme="light"] .main-sections{
  margin-top:10px;
  padding:36px 18px 24px;
  background:#fffdf8;
  border:1px solid #e4d1b0;
  box-shadow:none;
}
html[data-theme="light"] .section-heading h2{
  color:#a76818;
  text-shadow:none;
}
html[data-theme="light"] .section-heading span{
  background:linear-gradient(90deg,transparent,#dbc499);
}
html[data-theme="light"] .section-heading span:last-child{
  background:linear-gradient(90deg,#dbc499,transparent);
}
html[data-theme="light"] .welcome-back{
  color:#4d3823;
}
html[data-theme="light"] .welcome-back strong,
html[data-theme="light"] .summary-list dd{
  color:#a96c1e;
}
html[data-theme="light"] .summary-list div{
  border-bottom-color:#e1d0b5;
}
html[data-theme="light"] .summary-list dt{
  color:#8a7760;
}
html[data-theme="light"] .quick-list a{
  background:#fffdf9;
  border:1px solid #e3d1b1;
  box-shadow:none;
}
html[data-theme="light"] .quick-list a:hover,
html[data-theme="light"] .quick-list a:focus-visible{
  background:#fffaf0;
  border-color:#d3aa66;
  box-shadow:0 7px 16px rgba(120,78,28,.10);
}
html[data-theme="light"] .quick-list strong{
  color:#a9691c;
  text-shadow:none;
}
html[data-theme="light"] .quick-list small{
  color:#7e6a54;
}
html[data-theme="light"] .about-strip{
  margin-top:0;
  background:#fffdf8;
  border:1px solid #e4d1b0;
  border-top:0;
  color:#6c5841;
}
html[data-theme="light"] .about-strip strong{
  color:#a96d20;
}
html[data-theme="light"] .about-strip>.ui-icon{
  color:#c8892d;
}
html[data-theme="light"] .action-button.secondary{
  background:linear-gradient(180deg,#d9a74e,#bd7b22);
  border-color:#a96816;
  color:#fff9e9;
  box-shadow:0 5px 12px rgba(122,72,15,.18),inset 0 1px 0 rgba(255,255,255,.36);
}
html[data-theme="light"] .action-button.secondary:hover{
  background:linear-gradient(180deg,#e2b45f,#c98a2f);
}

/* Shared application surfaces — light-only, flat ivory and fine gold lines. */
html[data-theme="light"] .settings-database-panel,
html[data-theme="light"] .rankings-workspace,
html[data-theme="light"] .database-confirm-panel,
html[data-theme="light"] .bear-card,
html[data-theme="light"] .participant-entry,
html[data-theme="light"] .player-table,
html[data-theme="light"] .ranking-table,
html[data-theme="light"] .profile-panel,
html[data-theme="light"] .compare-card,
html[data-theme="light"] .database-action-card,
html[data-theme="light"] .analytics-card,
html[data-theme="light"] .ranking-category-card,
html[data-theme="light"] .ranking-foundation-grid article{
  background:#fffdf8;
  color:#3d2916;
  border-color:#e2cfad;
  box-shadow:none;
}
html[data-theme="light"] .panel-heading,
html[data-theme="light"] .rankings-workspace-heading{
  background:#fbf4e7;
  border-color:#e2cfad;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .damage-input,
html[data-theme="light"] .summary-number-input,
html[data-theme="light"] .participant-search input,
html[data-theme="light"] .participant-search select,
html[data-theme="light"] .database-file-chip{
  background:#fffdf8;
  color:#3d2916;
  border-color:#d9bd8f;
}
html[data-theme="light"] .participant-entry[open]{
  background:#fffaf1;
}
html[data-theme="light"] .damage-summary>div{
  background:#fbf4e7;
}
html[data-theme="light"] .theme-selector button{
  background:#fffdf8;
  border-color:#e2cfad;
  color:#3d2916;
}
html[data-theme="light"] .theme-selector button.active{
  background:#fff7e7;
  border-color:#c48628;
  box-shadow:0 0 0 1px rgba(196,134,40,.12);
}
html[data-theme="light"] .dialog-card,
html[data-theme="light"] .tutorial-welcome-card{
  background:#fffdf8;
  color:#3d2916;
  border-color:#c88b35;
}

/* =========================================================
   v0.8.5 — Complete Light Theme surface pass
   Dashboard light styling is the reference. Dark is untouched.
   ========================================================= */
html[data-theme="light"] .players-panel,
html[data-theme="light"] .bears-panel,
html[data-theme="light"] .rankings-scope,
html[data-theme="light"] .rankings-workspace,
html[data-theme="light"] .settings-database-panel {
  background:#fffdf8;
  border:1px solid #e4d1b0;
  box-shadow:none;
  color:#3d2916;
}
html[data-theme="light"] .players-panel-heading,
html[data-theme="light"] .rankings-workspace-heading,
html[data-theme="light"] .panel-heading {
  background:#fffaf1;
  border-color:#e4d1b0;
}
html[data-theme="light"] .players-panel-heading h2,
html[data-theme="light"] .rankings-workspace-heading h2,
html[data-theme="light"] .panel-heading h2,
html[data-theme="light"] .panel-heading h3 {
  color:#a76818;
  text-shadow:none;
}
html[data-theme="light"] .players-panel-heading>span,
html[data-theme="light"] .players-panel-actions>span,
html[data-theme="light"] .rankings-workspace-heading div>span,
html[data-theme="light"] .panel-heading p {
  color:#8a7760;
}

/* Players and Bears directories */
html[data-theme="light"] .player-toolbar {
  background:#fbf4e7;
  border-color:#e4d1b0;
}
html[data-theme="light"] .player-search>span,
html[data-theme="light"] .toolbar-filter-group>span {
  color:#8b6c43;
}
html[data-theme="light"] .status-tabs {
  background:#fffdf8;
  border-color:#d9bd8f;
}
html[data-theme="light"] .status-tabs button {
  color:#6c5841;
  border-right-color:#e3d1b1;
  background:#fffdf8;
}
html[data-theme="light"] .status-tabs button:hover {
  color:#8d5715;
  background:#fff7e7;
}
html[data-theme="light"] .status-tabs button.active {
  color:#fff8e6;
  background:linear-gradient(180deg,#a63a28,#7e251b);
}
html[data-theme="light"] .player-table {
  background:#fffdf8;
}
html[data-theme="light"] .player-table th {
  color:#8b7358;
  background:#f3eee6;
  border-bottom:1px solid #ddd2c3;
}
html[data-theme="light"] .player-table td {
  color:#5b4630;
  background:#fffdf8;
  border-top-color:#eee1cc;
}
html[data-theme="light"] .player-table tbody tr:nth-child(even) td {
  background:#fffaf3;
}
html[data-theme="light"] .player-table tbody tr:hover td {
  background:#fff3df;
}
html[data-theme="light"] .player-directory-link,
html[data-theme="light"] .ranking-player-link {
  color:#8c5818;
}
html[data-theme="light"] .player-directory-link:hover,
html[data-theme="light"] .ranking-player-link:hover {
  color:#b17220;
}
html[data-theme="light"] .player-secondary,
html[data-theme="light"] .player-table small {
  color:#88745d;
}
html[data-theme="light"] .trap-badge {
  color:#9a641f;
  background:#f4ead9;
  border-color:#c9a474;
}
html[data-theme="light"] .row-action:not(.open-bear),
html[data-theme="light"] .clear-filter {
  color:#f8dfaa;
  background:#2d180b;
  border-color:#5e391d;
}
html[data-theme="light"] .bear-card-grid {
  background:#fffdf8;
}
html[data-theme="light"] .bear-card {
  background:#fffdf8;
  border-color:#dfc9a4;
}
html[data-theme="light"] .bear-card:hover {
  border-color:#c8903d;
  box-shadow:0 8px 20px rgba(105,67,21,.10);
}
html[data-theme="light"] .bear-card-art {
  background:#120b06;
}
html[data-theme="light"] .bear-card-art:after {
  background:linear-gradient(90deg,transparent 62%,rgba(255,253,248,.94)),linear-gradient(0deg,rgba(0,0,0,.34),transparent 58%);
}
html[data-theme="light"] .bear-card h3,
html[data-theme="light"] .bear-card-insights strong,
html[data-theme="light"] .bear-card-meta strong {
  color:#a96b1d;
}
html[data-theme="light"] .bear-card-top small,
html[data-theme="light"] .bear-card-body>p,
html[data-theme="light"] .bear-card-insights span,
html[data-theme="light"] .bear-card-insights small,
html[data-theme="light"] .bear-card-meta {
  color:#806d56;
}
html[data-theme="light"] .bear-card-insights,
html[data-theme="light"] .bear-card-insights>div,
html[data-theme="light"] .bear-card-meta {
  border-color:#eadbc3;
}
html[data-theme="light"] .bear-card-insights>div {
  background:#fffaf2;
}
html[data-theme="light"] .bear-card .row-action.open-bear {
  color:#f8dfaa;
  background:#2d180b;
  border-color:#8e5a1f;
}

/* Rankings */
html[data-theme="light"] .rankings-scope {
  border-radius:0;
}
html[data-theme="light"] .rankings-filter-form {
  background:#fffaf1;
}
html[data-theme="light"] .ranking-filter-block>span,
html[data-theme="light"] .rankings-scope-footer,
html[data-theme="light"] .scope-note {
  color:#806b53;
}
html[data-theme="light"] .rankings-scope-footer {
  background:#fffdf8;
  border-color:#e4d1b0;
}
html[data-theme="light"] .trap-analytics-links a,
html[data-theme="light"] .compare-rankings-button {
  color:#8c5a1b;
  background:#fffaf1;
  border-color:#d5b47e;
}
html[data-theme="light"] .ranking-mode-switch a {
  color:#6b563e;
  background:#fffdf8;
  border-color:#e2cfad;
}
html[data-theme="light"] .ranking-mode-switch a strong {
  color:#8e5815;
}
html[data-theme="light"] .ranking-mode-switch a span {
  color:#ad7429;
}
html[data-theme="light"] .ranking-mode-switch a small {
  color:#89745c;
}
html[data-theme="light"] .ranking-mode-switch a.active {
  background:#fff6e5;
  border-color:#c8892e;
  box-shadow:inset 3px 0 #c8892e;
}
html[data-theme="light"] .ranking-foundation-grid article {
  background:#fffdf8;
  border-color:#e4d1b0;
  border-radius:8px;
}
html[data-theme="light"] .ranking-foundation-grid span { color:#9a7442; }
html[data-theme="light"] .ranking-foundation-grid strong { color:#3d2916; }
html[data-theme="light"] .ranking-foundation-grid small { color:#88735c; }
html[data-theme="light"] .ranking-sortbar {
  background:#f3eee6;
  border-color:#ddd2c3;
}
html[data-theme="light"] .ranking-sortbar>span { color:#79644e; }
html[data-theme="light"] .ranking-sortbar a {
  color:#755a3a;
  background:#fffaf1;
  border-color:#d8c5a7;
}
html[data-theme="light"] .ranking-sortbar a:hover,
html[data-theme="light"] .ranking-sortbar a.active {
  color:#fff7e5;
  background:linear-gradient(180deg,#a85b2b,#7b351d);
  border-color:#91411f;
}
html[data-theme="light"] .damage-ranking-table th {
  color:#765f47;
  background:#e8e3dc;
  border-bottom-color:#d3c8ba;
}
html[data-theme="light"] .damage-ranking-table td {
  color:#604b34;
  background:#fffdf8;
  border-bottom-color:#e9dcc8;
}
html[data-theme="light"] .ranking-player-row:nth-child(even) td { background:#faf6ef; }
html[data-theme="light"] .ranking-player-row:hover td { background:#fff0d8; }
html[data-theme="light"] .ranking-player strong { color:#704716; }
html[data-theme="light"] .ranking-player small { color:#8c7962; }
html[data-theme="light"] .damage-ranking-table .metric-primary { color:#a26413; }
html[data-theme="light"] .rank-number {
  color:#9b681f;
  background:#f6ecd9;
  border-color:#d7b77f;
}
html[data-theme="light"] .ranking-player-row.is-inactive td { background:#f1eee9; color:#8f877d; }
html[data-theme="light"] .ranking-player-row.is-inactive:hover td { background:#ebe6df; }
html[data-theme="light"] .ranking-source-row td { background:#f5efe5; }
html[data-theme="light"] .source-ledger,
html[data-theme="light"] .source-ledger-head,
html[data-theme="light"] .source-ledger-grid,
html[data-theme="light"] .source-observation {
  background:#fffaf2;
  color:#604b34;
  border-color:#e2cfad;
}
html[data-theme="light"] .ranking-next-strip {
  background:#fffaf1;
  border-color:#e4d1b0;
}
html[data-theme="light"] .ranking-next-strip strong { color:#8e5815; }
html[data-theme="light"] .ranking-next-strip p { color:#806d56; }

/* Settings and tutorial */
html[data-theme="light"] .settings-database-panel {
  margin-top:18px;
}
html[data-theme="light"] .database-actions-grid {
  gap:12px;
  padding:18px;
  background:#fffaf1;
  border-color:#e4d1b0;
}
html[data-theme="light"] .database-action-card {
  background:#fffdf8;
  border-color:#e2cfad;
  color:#3d2916;
}
html[data-theme="light"] .database-action-card h3,
html[data-theme="light"] .database-action-card strong,
html[data-theme="light"] .theme-copy h3,
html[data-theme="light"] .tutorial-settings-content h3 {
  color:#8f5815;
}
html[data-theme="light"] .database-action-card p,
html[data-theme="light"] .database-action-card small,
html[data-theme="light"] .theme-copy p,
html[data-theme="light"] .tutorial-settings-content p,
html[data-theme="light"] .database-storage-note {
  color:#806d56;
}
html[data-theme="light"] .theme-settings-content,
html[data-theme="light"] .tutorial-settings-content,
html[data-theme="light"] .season-settings-layout {
  background:#fffdf8;
}
html[data-theme="light"] .tutorial-chapter-list button {
  color:#6e5940;
  background:#fffaf2;
  border-color:#dfc9a4;
  box-shadow:none;
}
html[data-theme="light"] .tutorial-chapter-list button:hover:not(:disabled) {
  background:#fff3df;
  border-color:#c9903f;
  box-shadow:0 6px 14px rgba(108,67,20,.08);
}
html[data-theme="light"] .tutorial-chapter-list button strong { color:#9c651c; }
html[data-theme="light"] .tutorial-chapter-list button small { color:#88735c; }
html[data-theme="light"] .tutorial-chapter-list button.complete {
  background:#fff4df;
  border-color:#d1a45e;
  box-shadow:inset 3px 0 #c8892d;
}
html[data-theme="light"] .tutorial-chapter-list button.complete::after { color:#ad6d16; text-shadow:none; }
html[data-theme="light"] .season-current-badge {
  color:#8d5817;
  background:#fff4de;
  border-color:#d2a45d;
}
html[data-theme="light"] .database-file-chip {
  color:#755b3c;
  background:#fffaf1;
}

/* Modal/dialog forms */
html[data-theme="light"] .player-dialog,
html[data-theme="light"] .player-form,
html[data-theme="light"] .player-modal .dialog-card {
  color:#3d2916;
}
html[data-theme="light"] .choice-grid,
html[data-theme="light"] .status-choice {
  background:#fffaf1;
  border-color:#e2cfad;
}

/* v0.8.6 — Light Theme: full Dashboard effect. Dark theme remains untouched. */
html[data-theme="light"] .player-profile-hero {
  margin:0 12px 22px;
  border:1px solid #ddc79f;
  box-shadow:0 10px 28px rgba(88,54,20,.12), inset 0 0 52px rgba(0,0,0,.26);
}
html[data-theme="light"] .profile-monogram {
  border-radius:18px;
  border:1px solid #c28a38;
  color:#ffe09a;
  background:radial-gradient(circle at 35% 24%,#7c421a 0,#4a220d 42%,#1b0d07 76%);
  box-shadow:inset 0 0 0 3px #f0c56f, inset 0 0 0 6px #351708, 0 10px 22px rgba(66,35,10,.26);
}
html[data-theme="light"] .profile-monogram::after {
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(255,216,129,.35);
  border-radius:12px;
  pointer-events:none;
}
html[data-theme="light"] .profile-monogram { position:relative; }
html[data-theme="light"] .profile-overview-grid {
  gap:14px;
  margin:0 12px 16px;
}
html[data-theme="light"] .profile-overview-grid article {
  min-height:116px;
  padding:24px 25px;
  border:1px solid #e2cfad;
  background:linear-gradient(180deg,#fffdf8 0%,#fbf3e7 100%);
  box-shadow:0 8px 22px rgba(93,57,21,.07);
}
html[data-theme="light"] .profile-overview-grid article:hover {
  transform:translateY(-1px);
  border-color:#cf9a4a;
  box-shadow:0 12px 26px rgba(93,57,21,.11);
}
html[data-theme="light"] .profile-overview-grid span,
html[data-theme="light"] .profile-stat-grid span { color:#a66b1c; }
html[data-theme="light"] .profile-overview-grid strong { color:#4b2e14; font-size:28px; }
html[data-theme="light"] .profile-overview-grid small { color:#88735c; }

html[data-theme="light"] .profile-damage-panels,
html[data-theme="light"] .profile-trend-panels { gap:16px; margin:0 12px 16px; }
html[data-theme="light"] .profile-damage-card,
html[data-theme="light"] .profile-trend-card,
html[data-theme="light"] .trap-leaderboard-panel,
html[data-theme="light"] .profile-history-panel,
html[data-theme="light"] .event-comparison-panel {
  border:1px solid #dfc9a4;
  background:linear-gradient(180deg,#fffdf8,#fbf4e9);
  box-shadow:0 8px 24px rgba(90,54,18,.07);
}
html[data-theme="light"] .profile-damage-card.official,
html[data-theme="light"] .profile-trend-card.official {
  border-color:#d4aa66;
  box-shadow:inset 3px 0 #c4862d,0 8px 24px rgba(90,54,18,.07);
}
html[data-theme="light"] .profile-damage-card>header,
html[data-theme="light"] .profile-trend-card>header,
html[data-theme="light"] .trap-leaderboard-panel>header,
html[data-theme="light"] .profile-history-panel>header,
html[data-theme="light"] .event-comparison-panel>header {
  padding:24px 26px;
  border-bottom:1px solid #e5d5b8;
  background:linear-gradient(90deg,#fffaf1,#f8ead6);
}
html[data-theme="light"] .profile-damage-card h2,
html[data-theme="light"] .profile-trend-card h2,
html[data-theme="light"] .trap-leaderboard-panel h2,
html[data-theme="light"] .profile-history-panel h2 { color:#714613; }
html[data-theme="light"] .profile-damage-card header p,
html[data-theme="light"] .profile-trend-card header p,
html[data-theme="light"] .trap-leaderboard-panel header p,
html[data-theme="light"] .profile-history-panel header p { color:#806d56; }
html[data-theme="light"] .profile-damage-card header small,
html[data-theme="light"] .profile-trend-card header span { color:#9a7442; }
html[data-theme="light"] .profile-stat-grid>div {
  min-height:116px;
  padding:24px 25px;
  border-top:1px solid #eadcc5;
  background:rgba(255,255,255,.34);
}
html[data-theme="light"] .profile-stat-grid>div:nth-child(even) { border-left:1px solid #eadcc5; }
html[data-theme="light"] .profile-stat-grid strong { color:#9a5d0b; font-size:23px; }
html[data-theme="light"] .profile-stat-grid small { color:#8c7860; }

html[data-theme="light"] .trend-chart-wrap { background:linear-gradient(180deg,#fffaf1,#f8efe1); }
html[data-theme="light"] .trend-grid { stroke:#ead8ba; }
html[data-theme="light"] .trend-axis { stroke:#caa264; }
html[data-theme="light"] .trend-line { stroke:#b77519; }
html[data-theme="light"] .trend-point { fill:#e1a43d; stroke:#7a470c; }
html[data-theme="light"] .trend-chart-summary span,
html[data-theme="light"] .trend-date-labels,
html[data-theme="light"] .trend-chart-labels { color:#8a755d; }
html[data-theme="light"] .trend-chart-summary strong,
html[data-theme="light"] .trend-waiting strong,
html[data-theme="light"] .trend-waiting span { color:#85500f; }
html[data-theme="light"] .trend-waiting { background:linear-gradient(180deg,#fffaf1,#fbf1e2); color:#806d56; }

html[data-theme="light"] .profile-history-table th {
  color:#8b6331;
  background:#f3eadc;
}
html[data-theme="light"] .profile-history-table td {
  color:#4f3d2a;
  border-top:1px solid #eadcc6;
  background:#fffdf8;
}
html[data-theme="light"] .profile-history-table tbody tr:nth-child(even) td { background:#fbf6ee; }
html[data-theme="light"] .profile-history-table tbody tr:hover td { background:#fff0d8; }
html[data-theme="light"] .profile-history-table .official-value { color:#9b5e0b; }
html[data-theme="light"] .profile-source-link {
  color:#77460c;
  background:#fff7e9;
  border-color:#d5a258;
}
html[data-theme="light"] .profile-source-link:hover { background:#f3d9ad; }
html[data-theme="light"] .profile-empty h3 { color:#8a5411; }
html[data-theme="light"] .profile-empty p { color:#806d56; }

/* Roster badges: more like a small fantasy medal in Light Theme. */
html[data-theme="light"] .player-emblem,
html[data-theme="light"] .participant-avatar {
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid #b87720;
  color:#ffe29b;
  background:radial-gradient(circle at 35% 25%,#7e4419 0,#4d240d 42%,#180b05 76%);
  box-shadow:inset 0 0 0 2px #e7b85b,inset 0 0 0 4px #2b1207,0 5px 12px rgba(73,41,13,.22);
  text-shadow:0 1px 2px #000;
}
html[data-theme="light"] .player-table tbody tr:hover .player-emblem { transform:scale(1.05); box-shadow:inset 0 0 0 2px #f2ca75,inset 0 0 0 4px #2b1207,0 7px 16px rgba(73,41,13,.28); }

/* Bear Summary receives its own complete parchment presentation. */
html[data-theme="light"] .bear-summary-modal .player-modal-backdrop { background:rgba(35,25,16,.58); }
html[data-theme="light"] .bear-summary-dialog {
  color:#4b341d;
  border:1px solid #c99643;
  background:#fbf3e6;
  box-shadow:0 24px 70px rgba(35,20,8,.34);
}
html[data-theme="light"] .bear-summary-dialog>header {
  border-bottom:1px solid #d8b77c;
  background:linear-gradient(90deg,rgba(42,20,8,.82),rgba(84,43,15,.52)),url("../assets/hero.webp") center 47%/cover no-repeat;
}
html[data-theme="light"] .bear-summary-body { background:linear-gradient(180deg,#fffaf1,#f7ead7); }
html[data-theme="light"] .bear-summary-lead,
html[data-theme="light"] .bear-summary-story,
html[data-theme="light"] .bear-summary-grid article,
html[data-theme="light"] .bear-summary-highlight,
html[data-theme="light"] .bear-summary-details {
  border-color:#d9b778;
  background:linear-gradient(180deg,#fffdf8,#f8ebd8);
  box-shadow:0 6px 18px rgba(91,54,19,.06);
}
html[data-theme="light"] .bear-summary-lead strong,
html[data-theme="light"] .bear-summary-story strong,
html[data-theme="light"] .bear-summary-grid strong,
html[data-theme="light"] .bear-summary-section-title strong,
html[data-theme="light"] .bear-summary-details strong { color:#6c4010; }
html[data-theme="light"] .bear-summary-lead span,
html[data-theme="light"] .bear-summary-story small,
html[data-theme="light"] .bear-summary-grid article>span,
html[data-theme="light"] .bear-summary-section-title span,
html[data-theme="light"] .bear-summary-details summary { color:#a46818; }
html[data-theme="light"] .bear-summary-lead small,
html[data-theme="light"] .bear-summary-story p,
html[data-theme="light"] .bear-summary-grid small,
html[data-theme="light"] .bear-summary-grid em,
html[data-theme="light"] .bear-summary-highlight p,
html[data-theme="light"] .bear-summary-note,
html[data-theme="light"] .bear-summary-details p { color:#725f49; }
html[data-theme="light"] .bear-summary-details p { border-top-color:#ead7b7; }
html[data-theme="light"] .bear-summary-highlights { border-top-color:#d9bd8c; }
html[data-theme="light"] .bear-summary-footer { border-top:1px solid #ddc397; background:#f4e3ca; }

/* More breathing room and dashboard-like grouping on the main management pages. */
html[data-theme="light"] .players-panel,
html[data-theme="light"] .bear-directory,
html[data-theme="light"] .rankings-panel,
html[data-theme="light"] .settings-panel {
  box-shadow:0 8px 24px rgba(89,53,18,.06);
}
html[data-theme="light"] .players-panel-heading,
html[data-theme="light"] .player-toolbar { padding-left:28px; padding-right:28px; }
html[data-theme="light"] .player-table th { padding-top:16px; padding-bottom:16px; }
html[data-theme="light"] .player-table td { padding-top:17px; padding-bottom:17px; }

@media(max-width:720px){
  html[data-theme="light"] .player-profile-hero,
  html[data-theme="light"] .profile-overview-grid,
  html[data-theme="light"] .profile-damage-panels,
  html[data-theme="light"] .profile-trend-panels,
  html[data-theme="light"] .profile-history-panel,
  html[data-theme="light"] .trap-leaderboard-panel { margin-left:8px; margin-right:8px; }
}

/* v0.8.7 — Light Theme contrast pass. Bear Summary intentionally unchanged. */
html[data-theme="light"] .player-metrics span {
  color:#9b5a0a;
  text-shadow:none;
}
html[data-theme="light"] .player-metrics strong {
  color:#4a2b11;
  text-shadow:none;
}
html[data-theme="light"] .player-metrics small {
  color:#6f5a43;
}
html[data-theme="light"] .player-table td {
  color:#4f3d2a;
}
html[data-theme="light"] .player-table td:nth-child(2),
html[data-theme="light"] .player-table td:nth-child(5),
html[data-theme="light"] .player-table td:nth-child(6) {
  color:#765d43;
  font-weight:600;
}
html[data-theme="light"] .player-table small,
html[data-theme="light"] .player-table .muted,
html[data-theme="light"] .player-table .subtle {
  color:#7d684f;
}

html[data-theme="light"] .bear-detail-hero {
  margin:0 12px 22px;
  border:1px solid #d6b77e;
  background:
    linear-gradient(90deg,rgba(255,248,235,.08),rgba(255,248,235,.18)),
    linear-gradient(110deg,#2a160b 0%,#5a3419 52%,#8a5526 100%);
  box-shadow:0 10px 28px rgba(88,54,20,.12);
}
html[data-theme="light"] .bear-detail-art {
  background:#2b180d;
}
html[data-theme="light"] .bear-detail-art:after {
  background:
    linear-gradient(90deg,transparent 50%,rgba(77,42,18,.72)),
    linear-gradient(0deg,rgba(38,20,8,.28),transparent 55%);
}
html[data-theme="light"] .bear-detail-art img {
  filter:saturate(1.02) contrast(1.02) brightness(1.12);
}
html[data-theme="light"] .bear-detail-copy {
  background:linear-gradient(90deg,rgba(92,50,20,.58),rgba(120,73,31,.36));
}
html[data-theme="light"] .bear-detail-copy>p:first-of-type,
html[data-theme="light"] .bear-detail-copy .back-link,
html[data-theme="light"] .bear-detail-copy a {
  color:#f0c56f;
}
html[data-theme="light"] .bear-detail-copy h1,
html[data-theme="light"] .bear-detail-copy .bear-title-row h1 {
  color:#ffe3a0;
  text-shadow:0 2px 12px rgba(25,10,2,.45);
}
html[data-theme="light"] .bear-detail-copy>span,
html[data-theme="light"] .bear-detail-notes {
  color:#ead7bb!important;
}
html[data-theme="light"] .bear-detail-stat {
  border-left-color:rgba(255,220,157,.28);
  background:linear-gradient(180deg,rgba(82,43,18,.70),rgba(52,27,13,.72));
}
html[data-theme="light"] .bear-detail-stat span {
  color:#f0c66f;
}
html[data-theme="light"] .bear-detail-stat strong {
  color:#ffe5a3;
  text-shadow:0 2px 12px rgba(25,10,2,.42);
}
html[data-theme="light"] .bear-detail-stat small {
  color:#dfc9aa;
}

html[data-theme="light"] .profile-overview-grid article span,
html[data-theme="light"] .profile-overview-grid article small,
html[data-theme="light"] .profile-stat-grid small,
html[data-theme="light"] .trap-profile-stats small,
html[data-theme="light"] .trap-profile-stats span {
  color:#735b40;
}

@media(max-width:1100px){
  html[data-theme="light"] .bear-detail-stat {
    border-left:0;
    border-top:1px solid rgba(255,220,157,.28);
  }
}

/* v0.8.8 — Light Theme next-season contrast fix. */
html[data-theme="light"] .next-season-preview strong {
  color:#f7d98f;
  text-shadow:0 1px 0 rgba(55,31,9,.65),0 0 10px rgba(236,177,72,.18);
}

/* v0.8.9 — Light Theme Trap comparison and Bear Details hero polish. */
html[data-theme="light"] .trap-comparison-panel {
  border:1px solid #dfc9a4;
  background:linear-gradient(180deg,#fffdf8 0%,#fbf4e9 100%);
  box-shadow:0 10px 28px rgba(90,54,18,.09);
}
html[data-theme="light"] .trap-comparison-panel>header {
  border-bottom:1px solid #e3d0ae;
  background:linear-gradient(90deg,#fffaf1 0%,#f7e8d1 100%);
}
html[data-theme="light"] .trap-comparison-panel h2 { color:#714613; }
html[data-theme="light"] .trap-comparison-panel header p { color:#735f47; }
html[data-theme="light"] .trap-comparison-controls label>span { color:#9a641d; }
html[data-theme="light"] .trap-comparison-controls select {
  border-color:#d9bd91;
  background:#fffdf8;
  color:#4b3420;
  box-shadow:inset 0 1px 2px rgba(83,50,18,.05);
}
html[data-theme="light"] .comparison-swap {
  border-color:#c99850;
  background:#fff8ec;
  color:#8d570f;
}
html[data-theme="light"] .comparison-swap:hover {
  border-color:#b87920;
  background:#f7e5c8;
  color:#63390a;
}
html[data-theme="light"] .comparison-event-headings article {
  border-color:#dfc49a;
  background:linear-gradient(180deg,#fffdf9,#f8ecda);
  box-shadow:0 5px 14px rgba(90,54,18,.06);
}
html[data-theme="light"] .comparison-event-headings article>span { color:#a56a1d; }
html[data-theme="light"] .comparison-event-headings strong { color:#5b3714; }
html[data-theme="light"] .comparison-event-headings small { color:#79654f; }
html[data-theme="light"] .comparison-event-headings a { color:#9b5d0c; border-bottom-color:#d0a15f; }
html[data-theme="light"] .comparison-versus {
  border-color:#d1a45f;
  background:#fff4df;
  color:#8b550e;
  box-shadow:0 4px 12px rgba(90,54,18,.08);
}
html[data-theme="light"] .comparison-metrics {
  gap:10px;
  background:transparent;
}
html[data-theme="light"] .comparison-metrics>article {
  border-color:#e1c9a4;
  background:#fffdf8;
  box-shadow:0 4px 14px rgba(90,54,18,.05);
}
html[data-theme="light"] .comparison-value,
html[data-theme="light"] .comparison-delta { background:#fffdf8; }
html[data-theme="light"] .comparison-value span,
html[data-theme="light"] .comparison-delta span { color:#8a6b45; }
html[data-theme="light"] .comparison-value strong { color:#563714; }
html[data-theme="light"] .comparison-delta {
  border-left-color:#ead7b8;
  border-right-color:#ead7b8;
  background:#f8efdf;
}
html[data-theme="light"] .comparison-delta strong { color:#8b590f; }
html[data-theme="light"] .comparison-delta small { color:#765f44; }
html[data-theme="light"] .comparison-value.winner {
  background:linear-gradient(135deg,#edf6e8,#fffdf8);
  box-shadow:inset 0 0 0 1px #b9d6ad;
}
html[data-theme="light"] .comparison-value.winner strong,
html[data-theme="light"] .comparison-winner-label,
html[data-theme="light"] .comparison-delta.up strong,
html[data-theme="light"] .comparison-delta.up small,
html[data-theme="light"] .comparison-delta.down .comparison-winner-label { color:#39743b; }
html[data-theme="light"] .comparison-delta.down strong,
html[data-theme="light"] .comparison-delta.down small { color:#9a5d0b; }
html[data-theme="light"] .comparison-winner-label.flat { color:#765f44; }

html[data-theme="light"] .bear-detail-hero {
  border-color:#cfa55f;
  background:
    linear-gradient(90deg,rgba(14,8,5,.78) 0%,rgba(14,8,5,.52) 48%,rgba(14,8,5,.70) 100%),
    url("../assets/hero.webp") center 48% / cover no-repeat;
  box-shadow:0 12px 30px rgba(71,42,16,.16);
}
html[data-theme="light"] .bear-detail-art { background:rgba(7,4,3,.42); }
html[data-theme="light"] .bear-detail-art:after {
  background:
    linear-gradient(90deg,transparent 58%,rgba(12,7,4,.82)),
    linear-gradient(0deg,rgba(8,4,2,.40),transparent 58%);
}
html[data-theme="light"] .bear-detail-art img {
  filter:saturate(1.08) contrast(1.08) brightness(1.04);
}
html[data-theme="light"] .bear-detail-copy {
  background:linear-gradient(90deg,rgba(14,8,5,.76),rgba(14,8,5,.24));
}
html[data-theme="light"] .bear-detail-stat {
  border-left-color:rgba(239,194,112,.34);
  background:linear-gradient(180deg,rgba(20,11,6,.70),rgba(11,7,4,.80));
}

/* v0.8.10 — Rankings filter links preserve the complete active scope. */
.status-tabs a{min-width:82px;border:0;border-right:1px solid #493119;color:#aa9c89;background:transparent;cursor:pointer;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0 14px;box-sizing:border-box}
.status-tabs a:last-child{border-right:0}.status-tabs a.active{color:#ffe3a0;background:linear-gradient(180deg,#7f291d,#4c1711)}
@media(max-width:900px){.status-tabs a{flex:1}}
html[data-theme="light"] .status-tabs a{color:#6f5a43}
html[data-theme="light"] .status-tabs a:hover{color:#5a2d17;background:#f3e4c7}
html[data-theme="light"] .status-tabs a.active{color:#fff4d8;background:linear-gradient(180deg,#a64b32,#713020)}


/* v0.8.11 — create a new player directly from a Bear workspace. */
.add-player-from-bear{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid rgba(184,116,27,.28);background:rgba(30,16,8,.34)}
.add-player-from-bear>span{color:#9b876c;font-size:12px}
.add-player-from-bear .action-button{white-space:nowrap}
@media (max-width:720px){.add-player-from-bear{align-items:stretch;flex-direction:column}.add-player-from-bear .action-button{width:100%}}


/* v0.8.11 player profile host trend metric switch */
.host-trend-switcher {
  min-width: 0;
}
.host-trend-switcher .profile-trend-card[hidden] {
  display: none;
}
.trend-card-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  flex-wrap: wrap;
}
.trend-metric-toggle {
  display: inline-flex;
  border: 1px solid rgba(197, 126, 31, 0.42);
  background: rgba(8, 5, 3, 0.52);
}
.trend-metric-button {
  appearance: none;
  border: 0;
  border-right: 1px solid rgba(197, 126, 31, 0.32);
  background: transparent;
  color: #bda98a;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 8px 12px;
  cursor: pointer;
}
.trend-metric-button:last-child {
  border-right: 0;
}
.trend-metric-button:hover {
  color: #f1cf7a;
  background: rgba(153, 74, 25, 0.2);
}
.trend-metric-button.active {
  color: #ffe082;
  background: linear-gradient(180deg, rgba(151, 58, 31, 0.9), rgba(105, 37, 25, 0.95));
  box-shadow: inset 0 0 0 1px rgba(234, 156, 56, 0.2);
}
@media (max-width: 760px) {
  .trend-card-header-actions {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

/* v0.8.22 — Player Profile layout + Premium charts */
.premium-chart-card{position:relative;overflow:hidden;border-color:rgba(210,137,40,.45);background:radial-gradient(circle at 35% 0,rgba(103,53,18,.16),transparent 38%),linear-gradient(180deg,#17100b 0,#0a0705 100%);box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px rgba(255,218,138,.035)}
.premium-chart-card>header{align-items:center;padding:18px 22px}.premium-chart-card h2{display:flex;align-items:center;gap:8px;font-size:20px}.chart-info{display:inline-grid!important;place-items:center;width:17px;height:17px;border:1px solid rgba(220,166,76,.55);border-radius:50%;color:#cda55c!important;font:700 10px var(--body)!important;text-transform:none!important;cursor:help}.premium-chart-card header p{font-size:12px}
.premium-trend-badge{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.premium-trend-badge strong{font:700 23px var(--display);letter-spacing:.01em}.premium-trend-badge span{color:#9c896c;font-size:11px;text-transform:none;letter-spacing:0}.premium-trend-badge.up strong{color:#83cf6f}.premium-trend-badge.down strong{color:#e17255}.premium-trend-badge.flat strong{color:#cfb170}
.premium-chart-wrap{padding:18px 22px 0}.premium-chart-lead{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.premium-chart-lead span{color:#d4aa5d;font-size:12px;font-weight:700}.premium-chart-lead strong{color:#f0c86e;font:700 clamp(25px,2vw,34px) var(--display);letter-spacing:.015em}.premium-chart-lead small{color:#8e806d;font-size:11px}.premium-svg-wrap{position:relative}.premium-chart{height:250px;margin-top:-3px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}.premium-chart .trend-grid{stroke:rgba(204,145,57,.13);stroke-width:.35;stroke-dasharray:1.4 1.8}.premium-chart .trend-area{fill:url(#fill-average);stroke:none}.host-trend-mode[data-host-trend-mode="median"] .trend-area{fill:url(#fill-median)}.premium-chart-card.official .trend-area{fill:url(#fill-official)}
.premium-line{stroke-width:1.65;filter:drop-shadow(0 0 2px rgba(234,170,67,.5));stroke-linejoin:round;stroke-linecap:round}.host-trend-mode[data-host-trend-mode="median"] .premium-line{stroke:#eeaa3f}.profile-trend-card.official .premium-line{stroke:#b77cff;filter:drop-shadow(0 0 3px rgba(173,103,255,.58))}.profile-trend-card.official stop{stop-color:#9e56e8}.host-trend-mode stop{stop-color:#d7952f}
.chart-regression{stroke:rgba(244,199,111,.5);stroke-width:.55;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.profile-trend-card.official .chart-regression{stroke:rgba(198,139,255,.55)}
.premium-point{cursor:pointer}.point-guide{opacity:0;stroke:rgba(246,210,132,.34);stroke-width:.4;stroke-dasharray:1 1;vector-effect:non-scaling-stroke;transition:opacity .15s}.premium-point .trend-point{r:1.8;fill:#f4ca70;stroke:#5d2c0c;stroke-width:.6;transition:r .18s,filter .18s}.official .premium-point .trend-point{fill:#c58aff;stroke:#402057}.premium-point:hover .point-guide,.premium-point.active .point-guide{opacity:1}.premium-point:hover .trend-point,.premium-point.active .trend-point{r:3;filter:drop-shadow(0 0 4px #ffd67a)}.official .premium-point:hover .trend-point{filter:drop-shadow(0 0 5px #c88dff)}
.premium-tooltip{position:absolute;z-index:8;width:220px;padding:13px 14px;border:1px solid rgba(214,145,46,.52);background:rgba(12,8,5,.96);box-shadow:0 16px 40px rgba(0,0,0,.55),inset 0 1px rgba(255,222,147,.05);pointer-events:none}.premium-tooltip>strong{display:block;color:#f0ca78;font:700 15px var(--display)}.premium-tooltip>span{display:block;margin:3px 0 10px;color:#9b8a71;font-size:11px}.premium-tooltip>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px solid rgba(205,139,47,.1);font-size:11px}.premium-tooltip div span{color:#927f65}.premium-tooltip b{color:#dfc28d;font-weight:700}.premium-tooltip i{font-style:normal}.premium-tooltip small{display:block;margin-top:8px;color:#b58b48;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.premium-chart-footer{display:grid;grid-template-columns:1fr 1fr 1fr;margin:13px -22px 0;border-top:1px solid rgba(197,127,34,.18);background:rgba(21,12,7,.55)}.premium-chart-footer>div{display:flex;flex-direction:column;gap:4px;padding:14px 20px;border-right:1px solid rgba(197,127,34,.13)}.premium-chart-footer>div:last-child{align-items:flex-end;border-right:0}.premium-chart-footer>div:nth-child(2){align-items:center}.premium-chart-footer span{color:#9f8155;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.premium-chart-footer strong{color:#e6bd6f;font:700 14px var(--display)}
.chart-enter .premium-line{stroke-dasharray:240;stroke-dashoffset:240;animation:chartDraw .65s ease forwards}.chart-enter .trend-area{animation:chartFade .65s ease both}@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes chartFade{from{opacity:0}to{opacity:1}}
.trend-metric-button.active{background:linear-gradient(180deg,#7d4218,#4f270d);box-shadow:inset 0 0 0 1px rgba(244,177,69,.32),0 0 16px rgba(157,78,24,.12)}
@media(max-width:760px){.premium-chart-card>header{align-items:flex-start}.premium-trend-badge{align-items:flex-start}.premium-chart{height:205px}.premium-chart-footer>div{padding:12px 8px}.premium-chart-footer strong{font-size:11px}.premium-tooltip{display:none}}


/* v0.8.21 Premium analytics tweaks */
.analytics-card,.trend-card,.player-trend-card{
border-radius:18px!important;
box-shadow:0 0 0 1px rgba(214,163,73,.18),0 18px 42px rgba(0,0,0,.35);
}
.player-trend-card svg,.trend-chart svg{min-height:340px!important}
.player-trend-card .metric-value,.analytics-card .metric-value{
font-size:3rem!important;line-height:1;font-weight:700;
}
.player-trend-card .trend-badge{
padding:10px 16px;border-radius:999px;
background:rgba(54,120,52,.18);
border:1px solid rgba(104,196,104,.35);
box-shadow:0 0 16px rgba(104,196,104,.18);
}


/* v0.8.22 — Player Profile layout refresh */
.profile-hero-v22{padding:28px 34px 24px}
.profile-hero-main{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.profile-hero-v22 .player-profile-identity h1{margin:0;font-size:40px}
.profile-meta-v22{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.profile-id-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(201,139,60,.28);border-radius:8px;background:rgba(12,8,5,.55);color:#d9b978;font-size:13px;font-weight:700}
.profile-copy-id{border:0;background:transparent;color:#c9a15a;cursor:pointer;font-size:13px;line-height:1;padding:0}
.profile-copy-id:hover{color:#f0d089}
.profile-meta-v22 .trap-badge{text-decoration:none}
.profile-filter-v22{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:220px}
.profile-status-card{padding:14px 16px;border:1px solid rgba(201,139,60,.32);border-radius:12px;background:linear-gradient(180deg,rgba(28,18,10,.95),rgba(12,8,5,.92));box-shadow:inset 0 1px 0 rgba(255,210,120,.08)}
.profile-status-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.profile-status-card-top span{color:#b99864;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.profile-status-icon{opacity:.85}
.profile-status-card strong{display:block;color:#7ddea2;font:700 22px var(--display)}
.profile-status-card strong.inactive{color:#d9a06a}
.profile-status-card small{display:block;margin-top:4px;color:#8e806f;font-size:12px}

.profile-overview-v22{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 18px 16px}
.profile-overview-v22 article{position:relative;min-height:118px;padding:18px 18px 16px 18px}
.profile-overview-v22 .overview-icon{position:absolute;top:14px;right:14px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(201,139,60,.25);background:rgba(30,18,10,.7);font-size:14px;opacity:.9}
.profile-overview-v22 strong{font-size:clamp(18px,1.5vw,24px);line-height:1.15}

.profile-trends-v22{margin-top:4px}
.profile-trends-v22 .trend-view-by{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.profile-trends-v22 .trend-view-by>span{color:#9f8155;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.premium-svg-axis{display:grid;grid-template-columns:44px 1fr;gap:6px;align-items:stretch}
.chart-y-axis{position:relative;height:250px;margin-top:-3px}
.chart-y-axis span{position:absolute;right:0;transform:translateY(-50%);color:#8f7a57;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.premium-svg-axis .premium-chart{width:100%}
.premium-footer-v22>div{gap:3px}
.premium-footer-v22 small{display:block;color:#8a7a63;font-size:11px;font-weight:600;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.premium-footer-v22 .footer-low strong{color:#e08a6a}
.premium-footer-v22 .footer-high strong{color:#7ddea2}
.premium-footer-v22 .footer-mid strong{color:#e6bd6f}

.profile-history-v22>header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.history-view-all{color:#d4aa5d;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;white-space:nowrap}
.history-view-all:hover{color:#f0d089}
.latest-pill{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;border:1px solid rgba(201,139,60,.45);background:rgba(168,108,28,.22);color:#f0c86e;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}

@media(max-width:1200px){
  .profile-overview-v22{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .profile-overview-v22{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-svg-axis{grid-template-columns:36px 1fr}
  .chart-y-axis{height:205px}
}
@media(max-width:640px){
  .profile-overview-v22{grid-template-columns:1fr}
  .profile-hero-main{flex-direction:column}
  .profile-filter-v22{width:100%}
}


/* v0.8.23 — Premium chart polish (Host Damage emerald, no layout change) */
.premium-chart{height:310px!important}
.chart-y-axis{height:310px!important}
.premium-chart .trend-grid{stroke:rgba(201,139,60,.055)!important;stroke-width:.28!important;stroke-dasharray:1.2 2.4!important}
.premium-point .point-guide{stroke:rgba(201,139,60,.04);stroke-width:.35;opacity:0;transition:opacity .2s ease}
.premium-point.active .point-guide,
.premium-point:hover .point-guide{opacity:1}
.premium-point .trend-point{
  r:1.25;
  stroke-width:.45;
  vector-effect:non-scaling-stroke;
  transition:r .18s ease,filter .18s ease,stroke-width .18s ease;
  cursor:pointer;
}
.premium-point.is-latest .trend-point{r:1.65;stroke-width:.55}
.premium-point.active .trend-point,
.premium-point:hover .trend-point{r:2.05;filter:drop-shadow(0 0 3.5px currentColor)}
.premium-point.is-latest.active .trend-point,
.premium-point.is-latest:hover .trend-point{r:2.35}

/* KPI hierarchy */
.premium-chart-lead{gap:2px!important;margin-bottom:10px!important}
.premium-chart-lead span{font-size:11px!important;letter-spacing:.04em;text-transform:uppercase;opacity:.9}
.premium-chart-lead .kpi-short{
  display:block;
  color:inherit;
  font:700 clamp(34px,2.6vw,46px)/1.02 var(--display)!important;
  letter-spacing:.01em;
  text-shadow:0 0 24px rgba(0,0,0,.35);
}
.premium-chart-lead .kpi-full{
  display:block;
  margin-top:2px;
  color:#9a8a72;
  font:600 13px var(--body)!important;
  letter-spacing:.02em;
  font-weight:600;
}
.premium-chart-lead small{margin-top:2px;font-size:11px!important;color:#7f7363!important}

/* Y-axis quieter */
.chart-y-axis span{
  color:rgba(143,122,87,.42)!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.01em;
  right:2px;
}
.premium-svg-axis{grid-template-columns:36px 1fr!important;gap:4px!important}

/* Segmented Average/Median control */
.host-trend-mode .trend-metric-toggle,
.profile-trends-v22 .trend-metric-toggle{
  display:inline-flex;
  padding:3px;
  border-radius:999px;
  border:1px solid rgba(201,139,60,.38);
  background:rgba(8,5,3,.72);
  box-shadow:inset 0 1px 0 rgba(255,210,120,.06);
  gap:2px;
}
.host-trend-mode .trend-metric-button,
.profile-trends-v22 .trend-metric-button{
  border:0!important;
  border-radius:999px;
  padding:7px 14px!important;
  color:#b9a68a!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:.7rem!important;
  letter-spacing:.05em;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.host-trend-mode .trend-metric-button:hover,
.profile-trends-v22 .trend-metric-button:hover{
  color:#f0d089!important;
  background:rgba(28,107,49,.12)!important;
}
.host-trend-mode .trend-metric-button.active,
.profile-trends-v22 .trend-metric-button.active{
  color:#e8ffef!important;
  background:linear-gradient(180deg,#248a42,#1c6b31)!important;
  box-shadow:0 0 14px rgba(28,107,49,.35),inset 0 1px 0 rgba(180,255,200,.18)!important;
}

/* Trend badge polish */
.premium-trend-badge{
  gap:4px!important;
  padding:8px 12px 8px 14px;
  border-radius:12px;
  border:1px solid rgba(201,139,60,.18);
  background:rgba(10,7,5,.45);
}
.premium-trend-badge strong{font-size:26px!important;line-height:1}
.premium-trend-badge span{font-size:10px!important;text-transform:uppercase;letter-spacing:.06em;color:#8f7d64!important}
.premium-trend-badge.up{box-shadow:0 0 18px rgba(61,207,106,.12)}
.premium-trend-badge.down{box-shadow:0 0 18px rgba(225,114,85,.1)}

/* Footer insight cards */
.premium-footer-v22{
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:10px!important;
  margin:14px 0 0!important;
  padding:0 0 16px!important;
  border-top:0!important;
  background:transparent!important;
}
.premium-footer-v22 .footer-insight{
  align-items:flex-start!important;
  padding:12px 14px!important;
  border:1px solid rgba(201,139,60,.16)!important;
  border-radius:12px!important;
  background:rgba(14,10,7,.55)!important;
  border-right:1px solid rgba(201,139,60,.16)!important;
  min-width:0;
}
.premium-footer-v22 .footer-insight:last-child{align-items:flex-start!important}
.premium-footer-v22 .footer-insight span{margin-bottom:2px}
.premium-footer-v22 .footer-insight strong{font-size:15px!important}
.premium-footer-v22 .footer-insight small{white-space:normal!important;line-height:1.3}

/* Tooltip premium card */
.premium-tooltip{
  min-width:210px;
  max-width:250px;
  padding:12px 14px!important;
  border-radius:12px!important;
  border:1px solid rgba(201,139,60,.28)!important;
  background:linear-gradient(180deg,rgba(22,16,11,.98),rgba(10,7,5,.98))!important;
  box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.25)!important;
  backdrop-filter:blur(6px);
}
.premium-tooltip>strong{font-size:14px!important;margin-bottom:2px}
.premium-tooltip>span{margin-bottom:8px!important;color:#8f7d64!important}
.premium-tooltip>div{padding:5px 0!important}
.premium-tooltip small{margin-top:8px!important;opacity:.85}

/* Host Damage — dark emerald theme only */
.host-trend-mode{
  --host-emerald:#1C6B31;
  --host-line:#3DCF6A;
  --host-glow:rgba(61,207,106,.55);
  --host-soft:rgba(28,107,49,.35);
}
.host-trend-mode .premium-chart-lead .kpi-short{color:#4ADE80}
.host-trend-mode .premium-chart-lead span{color:#6fbf88}
.host-trend-mode stop{stop-color:#1C6B31!important}
.host-trend-mode .trend-area{fill:url(#fill-average);opacity:.95}
.host-trend-mode[data-host-trend-mode="median"] .trend-area{fill:url(#fill-median)}
.host-trend-mode .premium-line{
  stroke:#3DCF6A!important;
  stroke-width:1.85!important;
  fill:none!important;
  filter:drop-shadow(0 0 2.5px rgba(61,207,106,.55))!important;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.host-trend-mode .chart-regression{
  stroke:rgba(61,207,106,.38)!important;
  stroke-width:.55!important;
  stroke-dasharray:2.5 2.2!important;
}
.host-trend-mode .trend-point{
  fill:#2f9e52!important;
  stroke:#0d2a16!important;
}
.host-trend-mode .premium-point.is-latest .trend-point{
  fill:#5EEA8A!important;
  stroke:#10351c!important;
  filter:drop-shadow(0 0 3px rgba(94,234,138,.55));
}
.host-trend-mode .premium-point.active .trend-point,
.host-trend-mode .premium-point:hover .trend-point{
  fill:#7dffab!important;
  filter:drop-shadow(0 0 4px rgba(94,234,138,.75))!important;
}
.host-trend-mode .premium-trend-badge.up strong{color:#4ADE80!important}
.host-trend-mode .premium-trend-badge.up{border-color:rgba(61,207,106,.28);box-shadow:0 0 20px rgba(28,107,49,.22)}
.host-trend-mode .premium-tooltip{border-color:rgba(61,207,106,.28)!important}
.host-trend-mode .premium-tooltip>strong{color:#8dffb0!important}
.host-trend-mode .premium-tooltip b{color:#b6f5cb!important}
.host-trend-mode .premium-tooltip small{color:#4ADE80!important}
.host-trend-mode .footer-high strong{color:#4ADE80!important}
.host-trend-mode .footer-low strong{color:#e08a6a!important}
.host-trend-mode .footer-mid strong{color:#9ed9b0!important}

/* Keep official purple intact; ensure line above area */
.profile-trend-card.official .premium-line{
  stroke:#b77cff!important;
  stroke-width:1.85!important;
  fill:none!important;
  filter:drop-shadow(0 0 3px rgba(173,103,255,.58))!important;
}
.profile-trend-card.official .trend-point{fill:#b77cff;stroke:#2a1040}
.profile-trend-card.official .premium-point.is-latest .trend-point{fill:#d2a6ff;filter:drop-shadow(0 0 3px rgba(210,166,255,.55))}
.profile-trend-card.official .premium-chart-lead .kpi-short{color:#d2a6ff}
.profile-trend-card.official .premium-chart{height:310px!important}

/* Smooth chart transitions */
.chart-enter .premium-line{stroke-dasharray:280;stroke-dashoffset:280;animation:chartDraw .7s ease forwards}
.chart-enter .trend-area{animation:chartFade .7s ease both}
.premium-point .trend-point{transform-box:fill-box;transform-origin:center}

@media(max-width:900px){
  .premium-chart,.chart-y-axis,.profile-trend-card.official .premium-chart{height:250px!important}
  .premium-chart-lead .kpi-short{font-size:clamp(28px,7vw,36px)!important}
}
@media(max-width:760px){
  .premium-footer-v22{grid-template-columns:1fr!important}
}

/* v0.8.24 — Player Profile final polish */
.profile-overview-v22{
  gap:14px;
  margin-bottom:18px;
}
.profile-overview-v22 article{
  min-height:126px;
  padding:20px 20px 18px 68px;
  border-color:rgba(201,139,60,.30);
  border-radius:14px;
  background:
    radial-gradient(circle at 18% 14%,rgba(201,139,60,.11),transparent 34%),
    linear-gradient(145deg,rgba(28,18,11,.96),rgba(9,6,4,.98));
  box-shadow:0 14px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,218,138,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.profile-overview-v22 article:before{
  content:"";
  position:absolute;
  left:0;top:14px;bottom:14px;
  width:2px;
  border-radius:2px;
  background:linear-gradient(180deg,transparent,#b97b2f 35%,#6b3f16 68%,transparent);
  opacity:.75;
}
.profile-overview-v22 article:hover{
  transform:translateY(-2px);
  border-color:rgba(222,158,67,.48);
  box-shadow:0 18px 38px rgba(0,0,0,.27),0 0 24px rgba(125,72,21,.07),inset 0 1px 0 rgba(255,218,138,.06);
}
.profile-overview-v22 .overview-icon{
  top:50%;right:auto;left:18px;
  width:36px;height:36px;
  transform:translateY(-50%);
  border-radius:10px;
  border-color:rgba(201,139,60,.34);
  background:linear-gradient(145deg,rgba(84,45,16,.72),rgba(24,14,8,.88));
  box-shadow:inset 0 1px 0 rgba(255,222,150,.08),0 0 18px rgba(141,80,20,.08);
  font-size:17px;
  filter:saturate(.78) sepia(.15);
}
.profile-overview-v22 span{font-size:11px;letter-spacing:.09em;color:#b79561}
.profile-overview-v22 strong{margin-top:9px;font-size:clamp(21px,1.7vw,28px);line-height:1.05;color:#f0ce83;text-shadow:0 0 18px rgba(213,151,56,.08)}
.profile-overview-v22 small{margin-top:7px;line-height:1.35;color:#8f806d}

/* Charts: quieter points, stronger continuous line, darker emerald */
.premium-point .trend-point{r:.92!important;stroke-width:.34!important}
.premium-point.is-latest .trend-point{r:1.28!important;stroke-width:.44!important}
.premium-point.active .trend-point,
.premium-point:hover .trend-point{r:1.62!important}
.premium-point.is-latest.active .trend-point,
.premium-point.is-latest:hover .trend-point{r:1.88!important}
.host-trend-mode{
  --host-emerald:#1C6B31;
  --host-line:#2F9E52;
  --host-highlight:#66D887;
}
.host-trend-mode stop{stop-color:#1C6B31!important}
.host-trend-mode .trend-area{opacity:.68!important}
.host-trend-mode .premium-line{
  stroke:#2F9E52!important;
  stroke-width:2.2!important;
  filter:drop-shadow(0 0 1.7px rgba(47,158,82,.34))!important;
}
.host-trend-mode .chart-regression{
  stroke:rgba(71,177,103,.24)!important;
  stroke-width:.42!important;
}
.host-trend-mode .trend-point{
  fill:#2C8A49!important;
  stroke:#0B2412!important;
}
.host-trend-mode .premium-point.is-latest .trend-point{
  fill:#66D887!important;
  stroke:#12361D!important;
  filter:drop-shadow(0 0 2px rgba(102,216,135,.42))!important;
}
.host-trend-mode .premium-point.active .trend-point,
.host-trend-mode .premium-point:hover .trend-point{
  fill:#84E79F!important;
  filter:drop-shadow(0 0 3px rgba(102,216,135,.55))!important;
}
.host-trend-mode .premium-chart-lead .kpi-short{color:#56C878!important}
.host-trend-mode .premium-trend-badge.up strong{color:#5ED27E!important}
.host-trend-mode .premium-trend-badge.up{border-color:rgba(63,158,88,.24);box-shadow:0 0 14px rgba(28,107,49,.15)}

.profile-trend-card.official .premium-line{
  stroke-width:2.1!important;
  filter:drop-shadow(0 0 2px rgba(173,103,255,.40))!important;
}
.profile-trend-card.official .trend-area{opacity:.74!important}
.profile-trend-card.official .trend-point{r:.92!important;stroke-width:.34!important}
.profile-trend-card.official .premium-point.is-latest .trend-point{r:1.28!important}
.profile-trend-card.official .premium-point.active .trend-point,
.profile-trend-card.official .premium-point:hover .trend-point{r:1.62!important}

/* More breathing room and a closer match to the concept card proportions */
.premium-chart-card>header{padding:20px 22px 16px}
.premium-chart-card h2{font-size:22px}
.premium-chart-wrap{padding:18px 22px 0!important}
.premium-chart-lead{margin-bottom:14px!important}
.premium-chart-lead .kpi-short{font-size:clamp(38px,2.9vw,52px)!important}
.premium-chart,.chart-y-axis,.profile-trend-card.official .premium-chart{height:330px!important}
.premium-trend-badge{padding:9px 14px 8px 16px;border-radius:13px}
.premium-trend-badge strong{font-size:28px!important}

/* Footer cards: less flat, more like insight tiles */
.premium-footer-v22{gap:12px!important;padding-bottom:18px!important}
.premium-footer-v22 .footer-insight{
  min-height:76px;
  padding:13px 15px!important;
  border-color:rgba(201,139,60,.20)!important;
  background:
    linear-gradient(180deg,rgba(27,18,11,.82),rgba(10,7,5,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,218,138,.03),0 8px 18px rgba(0,0,0,.10);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.premium-footer-v22 .footer-insight:hover{
  transform:translateY(-1px);
  border-color:rgba(201,139,60,.34)!important;
  background:linear-gradient(180deg,rgba(34,22,13,.88),rgba(12,8,6,.94))!important;
}
.premium-footer-v22 .footer-insight span{font-size:10px;letter-spacing:.08em}
.premium-footer-v22 .footer-insight strong{font-size:17px!important;margin-top:2px}

@media(max-width:900px){
  .premium-chart,.chart-y-axis,.profile-trend-card.official .premium-chart{height:270px!important}
}
@media(max-width:640px){
  .profile-overview-v22 article{padding-left:64px}
}


/* v0.8.25 — Player Profile chart fixes */
/* KPI overview cards: remove decorative icons and rebalance the content. */
.profile-overview-v22 article{
  padding:20px 20px 18px 22px!important;
}
.profile-overview-v22 .overview-icon{
  display:none!important;
}

/* Slightly reduce the two large chart headline values. */
.premium-chart-lead .kpi-short{
  font-size:clamp(34px,2.5vw,44px)!important;
}

/* The draw class is temporary. Once JS removes it, the path is a normal,
   fully continuous stroke instead of retaining the dash pattern. */
.chart-enter .premium-line{
  stroke-dasharray:280;
  stroke-dashoffset:280;
  animation:chartDraw825 .7s ease forwards;
}
@keyframes chartDraw825{
  to{stroke-dashoffset:0}
}
.premium-line{
  stroke-dasharray:none;
  stroke-dashoffset:0;
  opacity:1;
}

/* Match the Total Bear Damage tooltip to its purple chart identity. */
.profile-trend-card.official .premium-tooltip{
  border-color:rgba(183,124,255,.34)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 22px rgba(126,68,196,.12)!important;
}
.profile-trend-card.official .premium-tooltip>strong{
  color:#d9b5ff!important;
}
.profile-trend-card.official .premium-tooltip b{
  color:#ead7ff!important;
}
.profile-trend-card.official .premium-tooltip small{
  color:#bd83ff!important;
}

@media(max-width:900px){
  .premium-chart-lead .kpi-short{font-size:clamp(30px,6vw,40px)!important}
}


/* v0.8.25 Polish — KPI card typography and one-line Latest Bear */
.profile-overview-v22{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,1.42fr) minmax(0,1fr) minmax(0,1fr)!important;
}
.profile-overview-v22 article{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.profile-overview-v22 article>strong{
  display:block;
  margin-top:9px!important;
  font-size:clamp(23px,1.65vw,28px)!important;
  font-weight:700!important;
  line-height:1.05!important;
  letter-spacing:0!important;
}
.profile-overview-v22 .overview-latest-value{
  white-space:nowrap;
  font-size:clamp(20px,1.42vw,25px)!important;
  font-variant-numeric:tabular-nums;
}

@media(max-width:1180px){
  .profile-overview-v22{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .profile-overview-v22 article:nth-child(3){
    grid-column:1 / -1;
  }
  .profile-overview-v22 .overview-latest-value{
    font-size:clamp(22px,2.5vw,28px)!important;
  }
}
@media(max-width:640px){
  .profile-overview-v22{grid-template-columns:1fr!important}
  .profile-overview-v22 article:nth-child(3){grid-column:auto}
  .profile-overview-v22 .overview-latest-value{
    white-space:normal;
    font-size:clamp(21px,6vw,26px)!important;
  }
}


/* v0.8.26 — Trap Analytics premium charts */
.trap-overview-v26{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,1.35fr) minmax(0,1fr)!important;
  gap:14px;
}
.trap-overview-v26 article{
  display:flex;flex-direction:column;justify-content:center;
  min-height:118px;padding:20px 20px 18px 22px!important;
  border-radius:14px;border-color:rgba(201,139,60,.28);
  background:linear-gradient(145deg,rgba(27,18,11,.96),rgba(9,6,4,.98));
  box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,218,138,.035);
}
.trap-overview-v26 article>strong{font-size:clamp(23px,1.65vw,28px)!important;line-height:1.05!important}
.trap-overview-v26 .overview-latest-value{white-space:nowrap;font-size:clamp(20px,1.42vw,25px)!important;font-variant-numeric:tabular-nums}
.trap-trends-v26 .profile-trend-card:not(.official){--host-emerald:#1C6B31;--host-line:#2F9E52}
.trap-trends-v26 .profile-trend-card:not(.official) stop{stop-color:#1C6B31!important}
.trap-trends-v26 .profile-trend-card:not(.official) .trend-area{opacity:.68!important}
.trap-trends-v26 .profile-trend-card:not(.official) .premium-line{stroke:#2F9E52!important;stroke-width:2.2!important;filter:drop-shadow(0 0 1.7px rgba(47,158,82,.34))!important;stroke-linecap:round;stroke-linejoin:round}
.trap-trends-v26 .profile-trend-card:not(.official) .chart-regression{stroke:rgba(71,177,103,.24)!important;stroke-width:.42!important}
.trap-trends-v26 .profile-trend-card:not(.official) .trend-point{fill:#2C8A49!important;stroke:#0B2412!important}
.trap-trends-v26 .profile-trend-card:not(.official) .premium-point.is-latest .trend-point{fill:#66D887!important;stroke:#12361D!important;filter:drop-shadow(0 0 2px rgba(102,216,135,.42))!important}
.trap-trends-v26 .profile-trend-card:not(.official) .premium-point.active .trend-point,.trap-trends-v26 .profile-trend-card:not(.official) .premium-point:hover .trend-point{fill:#84E79F!important;filter:drop-shadow(0 0 3px rgba(102,216,135,.55))!important}
.trap-trends-v26 .profile-trend-card:not(.official) .premium-chart-lead .kpi-short{color:#56C878!important}
.trap-trends-v26 .profile-trend-card:not(.official) .premium-trend-badge.up strong{color:#5ED27E!important}
.trap-trends-v26 .profile-trend-card:not(.official) .premium-tooltip{border-color:rgba(61,207,106,.28)!important}
.trap-trends-v26 .profile-trend-card:not(.official) .premium-tooltip>strong{color:#8dffb0!important}
.trap-trends-v26 .profile-trend-card:not(.official) .premium-tooltip b{color:#b6f5cb!important}
.trap-trends-v26 .profile-trend-card:not(.official) .premium-tooltip small{color:#4ADE80!important}
.trap-trends-v26 .official stop{stop-color:#7D3FB4!important}
.trap-trends-v26 .official .trend-area{opacity:.74!important}
.trap-trends-v26 .official .premium-line{stroke:#b77cff!important;stroke-width:2.1!important;filter:drop-shadow(0 0 2px rgba(173,103,255,.40))!important;stroke-linecap:round;stroke-linejoin:round}
.trap-trends-v26 .official .chart-regression{stroke:rgba(183,124,255,.25)!important;stroke-width:.42!important}
.trap-trends-v26 .official .trend-point{fill:#b77cff!important;stroke:#2a1040!important}
.trap-trends-v26 .official .premium-point.is-latest .trend-point{fill:#d2a6ff!important;filter:drop-shadow(0 0 3px rgba(210,166,255,.55))!important}
.trap-trends-v26 .official .premium-chart-lead .kpi-short{color:#d2a6ff!important}
.trap-trends-v26 .official .premium-tooltip{border-color:rgba(183,124,255,.34)!important;box-shadow:0 16px 36px rgba(0,0,0,.45),0 0 22px rgba(126,68,196,.12)!important}
.trap-trends-v26 .official .premium-tooltip>strong{color:#d9b5ff!important}.trap-trends-v26 .official .premium-tooltip b{color:#ead7ff!important}.trap-trends-v26 .official .premium-tooltip small{color:#bd83ff!important}
.trap-trends-v26 .premium-chart-card>header{padding:20px 22px 16px}.trap-trends-v26 .premium-chart-card h2{font-size:22px}.trap-trends-v26 .premium-chart-wrap{padding:18px 22px 0!important}.trap-trends-v26 .premium-chart,.trap-trends-v26 .chart-y-axis{height:330px!important}
.trap-trends-v26 .premium-chart-lead .kpi-short{font-size:clamp(34px,2.5vw,44px)!important}
.trap-trends-v26 .premium-point .trend-point{r:.92!important;stroke-width:.34!important}.trap-trends-v26 .premium-point.is-latest .trend-point{r:1.28!important}.trap-trends-v26 .premium-point.active .trend-point,.trap-trends-v26 .premium-point:hover .trend-point{r:1.62!important}
@media(max-width:1180px){.trap-overview-v26{grid-template-columns:repeat(2,minmax(0,1fr))!important}.trap-overview-v26 article:nth-child(3){grid-column:1/-1}.trap-overview-v26 .overview-latest-value{font-size:clamp(22px,2.5vw,28px)!important}}
@media(max-width:900px){.trap-trends-v26 .premium-chart,.trap-trends-v26 .chart-y-axis{height:270px!important}}
@media(max-width:640px){.trap-overview-v26{grid-template-columns:1fr!important}.trap-overview-v26 article:nth-child(3){grid-column:auto}.trap-overview-v26 .overview-latest-value{white-space:normal}}

/* v0.9 authentication foundation */
.auth-page { min-height: 100vh; margin: 0; background: radial-gradient(circle at 50% 0%, rgba(137, 91, 35, .24), transparent 38%), #080604; color: #f5ead8; }
.auth-shell { min-height: 100vh; display: grid; place-items: center; padding: 32px 18px; }
.auth-card { width: min(100%, 460px); padding: 34px; border: 1px solid rgba(220, 177, 106, .25); border-radius: 22px; background: linear-gradient(145deg, rgba(31, 24, 17, .98), rgba(13, 10, 7, .98)); box-shadow: 0 28px 80px rgba(0,0,0,.55); }
.auth-brand { display: flex; align-items: center; gap: 14px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,.08); }
.auth-brand img { width: 62px; height: 62px; object-fit: contain; }
.auth-brand span, .auth-heading .eyebrow { color: #d8ad68; font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.auth-brand h1 { margin: 3px 0 0; font-size: 1.15rem; }
.auth-heading { padding: 28px 0 20px; }
.auth-heading h2 { margin: 7px 0 8px; font-size: 1.8rem; }
.auth-heading p { margin: 0; color: #b9aa98; line-height: 1.55; }
.auth-form { display: grid; gap: 17px; }
.auth-form label { display: grid; gap: 8px; color: #e9dbc6; font-size: .86rem; font-weight: 700; }
.auth-form input[type="text"], .auth-form input[type="password"] { width: 100%; box-sizing: border-box; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; padding: 13px 14px; background: rgba(0,0,0,.28); color: #fff8ed; font: inherit; outline: none; }
.auth-form input:focus { border-color: #c9954d; box-shadow: 0 0 0 3px rgba(201,149,77,.14); }
.auth-form small { color: #988b7c; font-weight: 500; }
.auth-form .remember-row { display: flex; align-items: center; gap: 10px; font-weight: 600; cursor: pointer; }
.auth-form .remember-row input { width: 17px; height: 17px; accent-color: #bd873d; }
.auth-submit { width: 100%; justify-content: center; min-height: 46px; margin-top: 3px; }
.auth-error { margin: 0 0 18px; padding: 12px 14px; border: 1px solid rgba(225, 93, 93, .35); border-radius: 10px; background: rgba(135, 38, 38, .18); color: #ffd3d3; }
.auth-card footer { margin-top: 26px; color: #73695e; text-align: center; font-size: .78rem; }
.user-panel { margin-top: auto; padding: 14px; border-top: 1px solid rgba(255,255,255,.08); }
.user-panel strong, .user-panel span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.user-panel span { margin-top: 3px; color: var(--text-muted, #9f9384); font-size: .75rem; text-transform: capitalize; }
.user-panel-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 10px; }
.user-panel-actions form { margin: 0; }
.user-panel-actions a, .user-panel-actions button { display: grid; place-items: center; width: 100%; min-height: 34px; box-sizing: border-box; padding: 8px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: transparent; color: inherit; font: inherit; text-decoration: none; cursor: pointer; }
.user-panel-actions a:hover, .user-panel-actions button:hover, .user-panel-actions a.active { border-color: rgba(216,164,76,.55); background: rgba(123,66,24,.2); color: #f1cf88; }

.profile-account-summary{display:flex;align-items:center;gap:18px;margin:18px 10px;padding:22px 25px;border:1px solid rgba(201,139,60,.32);background:linear-gradient(90deg,#180e08,#0a0705)}
.profile-account-monogram{display:grid;place-items:center;width:68px;height:68px;flex:0 0 68px;border:1px solid #9e642c;border-radius:50%;background:radial-gradient(circle,#5c2a14,#160b06 70%);box-shadow:inset 0 0 0 4px #090503;color:#f3ce78;font:700 30px var(--display)}
.profile-account-summary span{color:#c08b3f;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.profile-account-summary h2{margin:4px 0 3px;color:#efd18e;font:700 27px var(--display)}.profile-account-summary p{margin:0;color:#9f907d;font-size:13px}.profile-account-status{margin-left:auto;color:#9bd69e;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.profile-account-status i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#62d47d;box-shadow:0 0 9px #62d47d}
.profile-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 10px 38px}.profile-settings-panel{margin:0}.profile-form{display:grid;gap:17px;padding:24px}.profile-form label{display:grid;gap:7px}.profile-form label>span{color:#d6b36f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.profile-form input{width:100%;height:44px;box-sizing:border-box;padding:0 13px;border:1px solid rgba(201,139,60,.35);background:#0b0705;color:#eee0c8;font:inherit;outline:none}.profile-form input:focus{border-color:#d59a3d;box-shadow:0 0 0 2px rgba(201,139,60,.13)}.profile-form input:disabled{color:#8f8374;background:#080605;cursor:not-allowed}.profile-form small{color:#8e806f;font-size:12px;line-height:1.4}.profile-form .action-button{justify-self:start;margin-top:3px}.profile-security-note{margin:0;padding-top:2px;color:#8f8272;font-size:12px;line-height:1.5}
@media(max-width:980px){.profile-settings-grid{grid-template-columns:1fr}}
@media(max-width:620px){.profile-account-summary{align-items:flex-start}.profile-account-status{display:none}.profile-settings-grid,.profile-account-summary{margin-left:6px;margin-right:6px}}

/* v0.9.9 — User Management */
.user-management-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;border-bottom:1px solid rgba(201,139,60,.2)}
.user-management-intro h3{margin:0 0 7px;color:#efd18e;font:700 21px var(--display)}
.user-management-intro p{max-width:850px;margin:0;color:#9f907d;line-height:1.55}
.managed-user-list{display:grid;gap:16px;padding:20px}
.managed-user-card{border:1px solid rgba(201,139,60,.28);background:linear-gradient(145deg,rgba(27,17,10,.96),rgba(8,6,4,.98));box-shadow:0 12px 28px rgba(0,0,0,.18)}
.managed-user-card.is-disabled{opacity:.72}
.managed-user-summary{display:flex;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid rgba(201,139,60,.18)}
.managed-user-monogram{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border:1px solid #9e642c;border-radius:50%;background:radial-gradient(circle,#5c2a14,#160b06 70%);color:#f3ce78;font:700 23px var(--display)}
.managed-user-summary span,.managed-user-form label>span{color:#c08b3f;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.managed-user-summary h3{margin:3px 0;color:#efd18e;font:700 22px var(--display)}
.managed-user-summary p{margin:0;color:#968878;font-size:13px}
.managed-user-status{margin-left:auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.managed-user-status i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%}
.managed-user-status.active{color:#9bd69e}.managed-user-status.active i{background:#62d47d;box-shadow:0 0 9px #62d47d}
.managed-user-status.disabled{color:#d89b91}.managed-user-status.disabled i{background:#c65c50}
.managed-user-form{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(300px,1.35fr) minmax(170px,.7fr) auto;align-items:end;gap:16px;padding:20px}
.managed-user-form label{display:grid;gap:7px}
.managed-user-form select{width:100%;height:44px;box-sizing:border-box;padding:0 12px;border:1px solid rgba(201,139,60,.35);background:#0b0705;color:#eee0c8;font:inherit;outline:none}
.managed-user-form select:focus{border-color:#d59a3d;box-shadow:0 0 0 2px rgba(201,139,60,.13)}
.managed-user-form small{color:#887a6a;font-size:11px;line-height:1.4}
.managed-user-form .action-button{min-width:150px;justify-content:center}
.user-management-entry-card{margin:20px}
@media(max-width:1180px){.managed-user-form{grid-template-columns:1fr 1fr}.managed-user-form .action-button{justify-self:start}}
@media(max-width:720px){.user-management-intro{align-items:flex-start;flex-direction:column}.managed-user-form{grid-template-columns:1fr}.managed-user-summary{align-items:flex-start}.managed-user-status{margin-left:0}.managed-user-form .action-button{width:100%}}

/* v0.9.10 — Player invitations */
.player-account-cell{min-width:140px}.account-state{display:inline-flex;flex-direction:column;gap:2px;min-width:112px;padding:7px 10px;border:1px solid rgba(199,139,42,.45);text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em}.account-state small{font-size:.62rem;text-transform:none;letter-spacing:0;opacity:.72}.account-state.linked{color:#7ee29a;border-color:rgba(77,180,105,.45);background:rgba(38,113,58,.14)}.account-state.pending{color:#f2c66f;background:rgba(160,100,15,.12)}.account-state.invite{color:#ffd486;text-align:center}.account-state:hover{filter:brightness(1.18)}
.invite-layout{display:grid;gap:14px;padding:14px 12px 30px}.invite-player-card,.invite-panel{border:1px solid rgba(156,102,35,.5);background:linear-gradient(145deg,rgba(29,18,11,.96),rgba(9,7,5,.98));padding:22px}.invite-player-card{display:flex;align-items:center;gap:16px}.invite-player-card h2,.invite-panel h2{margin:3px 0 6px;color:#f5d79b}.invite-player-card p,.invite-panel p{color:#b9a58e}.invite-player-card .status-badge{margin-left:auto}.invite-panel{max-width:900px}.invite-form{display:grid;grid-template-columns:1fr 260px auto;gap:14px;align-items:end;margin-top:20px}.invite-form label,.invite-link-field{display:grid;gap:7px;color:#d5a64f;text-transform:uppercase;font-size:.72rem}.invite-form select,.invite-link-field input{min-height:42px;border:1px solid rgba(156,102,35,.65);background:#0c0907;color:#eee0c8;padding:0 12px}.invite-form small,.invite-link-field small{color:#8f8173;text-transform:none}.invite-summary{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.invite-summary span{min-width:170px;border:1px solid rgba(156,102,35,.35);padding:12px;color:#927b62;text-transform:uppercase;font-size:.65rem}.invite-summary strong{display:block;color:#f1cf8c;font-size:.95rem;margin-top:5px}.invite-link-field div{display:flex}.invite-link-field input{flex:1}.invite-link-field button{border:1px solid #b87822;background:#8e241a;color:#ffe1a5;padding:0 18px;font-weight:700}.invite-actions{display:flex;gap:10px;margin-top:18px}.invite-revoke-form{margin-top:12px}.invite-auth-player{display:grid;gap:4px;border:1px solid rgba(156,102,35,.4);padding:14px;margin-bottom:18px;background:rgba(145,79,20,.08)}.invite-auth-player strong{color:#f4d28d;font-size:1.15rem}.invite-auth-player span,.invite-auth-player small{color:#a8957d}@media(max-width:900px){.invite-form{grid-template-columns:1fr}.invite-player-card{align-items:flex-start;flex-wrap:wrap}.invite-player-card .status-badge{margin-left:0}}

/* v0.9.12 — compact User Management directory */
.account-metrics{margin-top:18px}.account-directory-panel{margin-top:18px}.account-role-summary{display:flex;gap:0;border-bottom:1px solid rgba(201,139,60,.2);background:rgba(17,10,6,.72)}.account-role-summary span{flex:1;padding:13px 18px;border-right:1px solid rgba(201,139,60,.16);color:#9c8c79;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.account-role-summary span:last-child{border-right:0}.account-role-summary strong{color:#edc875;font:700 1rem var(--display);margin-right:5px}.account-toolbar{grid-template-columns:minmax(280px,1fr) 190px 190px}.account-filter-select{display:grid;gap:7px}.account-filter-select>span{color:#c08b3f;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.account-filter-select select{height:44px;border:1px solid rgba(201,139,60,.35);background:#0b0705;color:#eee0c8;padding:0 12px;font:inherit}.account-table strong{color:#ead8b7;font:700 16px var(--display)}.account-table td small{display:block;margin-top:3px;color:#756b60;font-size:.68rem}.account-role-badge{display:inline-flex;padding:6px 10px;border:1px solid rgba(190,134,52,.42);background:rgba(112,64,20,.12);color:#f0c975;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.role-administrator{color:#ffd486;border-color:rgba(218,153,55,.62)}.role-editor{color:#8ed8ff;border-color:rgba(71,150,194,.48);background:rgba(31,89,120,.12)}.role-officer{color:#d8b5ff;border-color:rgba(133,83,181,.48);background:rgba(86,41,123,.12)}.role-user{color:#b6c3cf;border-color:rgba(126,142,157,.42);background:rgba(67,79,91,.12)}.accounts-empty-filter{padding:36px;text-align:center;color:#9b8a75}.account-manage-dialog{max-width:880px}.account-manage-form{display:grid;gap:18px;padding:26px}.account-manage-form label{display:grid;gap:7px}.account-manage-form label>span{color:#d6b36f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.account-manage-form select{width:100%;height:44px;border:1px solid rgba(201,139,60,.35);background:#0b0705;color:#eee0c8;padding:0 12px;font:inherit}.account-manage-form small{color:#8e806f;font-size:12px;line-height:1.4}.account-manage-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:5px}@media(max-width:900px){.account-toolbar{grid-template-columns:1fr}.account-role-summary{display:grid;grid-template-columns:1fr 1fr}.account-table{min-width:780px}}@media(max-width:620px){.account-role-summary{grid-template-columns:1fr}.account-manage-actions{flex-direction:column}.account-manage-actions .action-button{width:100%;justify-content:center}}

/* v0.9.13 — role visibility, role cards and account activity */
.role-user{
  color:#58b874;
  border-color:rgba(88,184,116,.58);
  background:rgba(28,107,49,.16);
}
.account-role-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:16px 18px;
  border-bottom:1px solid rgba(201,139,60,.2);
  background:rgba(12,7,4,.72);
}
.role-card{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:92px;
  padding:14px 16px;
  border:1px solid rgba(201,139,60,.22);
  background:linear-gradient(145deg,rgba(34,19,10,.82),rgba(10,6,4,.92));
}
.role-card-symbol{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid rgba(201,139,60,.5);
  border-radius:50%;
  color:#edc875;
  font:700 1.05rem var(--display);
  box-shadow:inset 0 0 12px rgba(201,139,60,.08);
}
.role-card div{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:10px;min-width:0;width:100%}
.role-card small{color:#b68a4e;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}
.role-card strong{color:#f1d18b;font:700 1.55rem var(--display);line-height:1}
.role-card p{grid-column:1/-1;margin:6px 0 0;color:#74695d;font-size:.7rem}
.role-card-editor .role-card-symbol{color:#8ed8ff;border-color:rgba(71,150,194,.5)}
.role-card-officer .role-card-symbol{color:#d8b5ff;border-color:rgba(133,83,181,.5)}
.role-card-user .role-card-symbol{color:#58b874;border-color:rgba(88,184,116,.58)}
.account-state.readonly{cursor:default;text-decoration:none}
.account-state.unlinked{color:#7f7468;border-color:rgba(126,112,96,.28);background:rgba(50,43,36,.12)}
@media(max-width:1100px){.account-role-cards{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.account-role-cards{grid-template-columns:1fr}}

/* v0.9.14 Backup & Recovery */
.backup-directory-panel{margin-top:18px}.backup-heading .players-panel-actions{align-items:center;flex-wrap:wrap}.backup-heading form{margin:0}.backup-safety-banner{display:grid;gap:6px;padding:16px 20px;border-bottom:1px solid rgba(201,139,60,.2);background:rgba(12,8,5,.72);color:#918373;font-size:.77rem;line-height:1.45}.backup-safety-banner strong{color:#efcf8a;font:700 15px var(--display)}.backup-safety-banner b{color:#d8b56c}.backup-table td>small,.backup-table td small{display:block;margin-top:3px;color:#756b60;font-size:.68rem}.backup-kind{display:inline-flex;padding:6px 10px;border:1px solid rgba(190,134,52,.42);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.backup-kind-auto{color:#8ed8ff;border-color:rgba(71,150,194,.48);background:rgba(31,89,120,.12)}.backup-kind-manual{color:#58b874;border-color:rgba(88,184,116,.5);background:rgba(34,101,52,.14)}.backup-kind-safety{color:#f2c66f;border-color:rgba(210,151,55,.52);background:rgba(111,71,17,.14)}.backup-change-cell{min-width:220px}.backup-change-cell strong{display:block;color:#d8c39c;font-size:.77rem}.backup-details-link{margin-top:4px;padding:0;border:0;background:none;color:#c99444;font:inherit;font-size:.7rem;cursor:pointer}.backup-details-link:hover{color:#ffd486}.backup-actions{display:flex;justify-content:flex-end;gap:6px;white-space:nowrap}.backup-actions .row-action{font-size:.68rem}.backup-actions .danger{color:#ff9d91;border-color:rgba(196,71,55,.45)}.backup-actions .danger:hover{background:rgba(117,32,25,.2)}.backup-details-dialog{max-width:760px}.backup-change-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px}.backup-change-grid article{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:15px;border:1px solid rgba(201,139,60,.2);background:#0a0705}.backup-change-grid article strong{grid-column:1/-1;color:#efcf8a;font:700 16px var(--display)}.backup-change-grid span{font-size:.72rem}.change-added{color:#72d58d}.change-changed{color:#e7bd68}.change-removed{color:#e98e83}.backup-modal-footer{display:flex;justify-content:flex-end;padding:0 24px 24px}.backup-confirm-panel{max-width:880px;margin:24px auto 44px}.backup-confirm-content{display:grid;justify-items:center;padding:38px;text-align:center}.backup-confirm-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;margin-bottom:16px;font:700 32px var(--display)}.backup-confirm-icon.safe{color:#9ee1af;border:1px solid rgba(88,184,116,.6);background:rgba(44,116,62,.18)}.backup-confirm-icon.danger{color:#ffb0a5;border:1px solid rgba(207,77,61,.65);background:rgba(124,35,25,.18)}.backup-confirm-content h3{margin:0 0 10px;color:#efd18e;font:700 24px var(--display)}.backup-confirm-content>p{max-width:690px;margin:0 0 20px;color:#9c8d7a;line-height:1.6}.backup-scope-list{display:grid;gap:8px;width:min(620px,100%);padding:18px;text-align:left;border:1px solid rgba(88,184,116,.25);background:rgba(26,70,36,.12);color:#a7c7ac}.backup-danger-note{width:min(650px,100%);box-sizing:border-box;padding:15px 18px;border:1px solid rgba(207,77,61,.35);background:rgba(112,31,22,.12);color:#d4a39c}.backup-confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.backup-confirm-form{display:grid;gap:20px;width:min(560px,100%);margin-top:22px}.backup-confirm-form label{display:grid;gap:8px;text-align:left}.backup-confirm-form label span{color:#d8b46b;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.backup-confirm-form input{height:46px;padding:0 13px;border:1px solid rgba(207,77,61,.45);background:#090605;color:#f1dfcf;font:inherit;outline:none}.danger-button{border-color:#9e4033!important;background:linear-gradient(#7e2d22,#4f1b15)!important;color:#ffd4cc!important}.danger-button:hover{filter:brightness(1.15)}
html[data-theme="light"] .backup-safety-banner{background:rgba(246,236,220,.8);color:#735f48}html[data-theme="light"] .backup-change-grid article{background:#f6ead8}html[data-theme="light"] .backup-confirm-form input{background:#fff9ef;color:#4d3320}
@media(max-width:1100px){.backup-actions{flex-direction:column;align-items:stretch}.backup-table{min-width:1050px}}@media(max-width:720px){.backup-change-grid{grid-template-columns:1fr}.backup-confirm-content{padding:26px 18px}.backup-confirm-actions{flex-direction:column;width:100%}.backup-confirm-actions .action-button{justify-content:center}}


/* v0.9.18 — exclusive Bear lock */
.bear-card-lock {
  display: block;
  margin-top: 0.25rem;
  color: #e3b65d;
  font-weight: 700;
  letter-spacing: .03em;
  white-space: nowrap;
}
.bear-locked-action {
  cursor: not-allowed;
  opacity: .78;
  pointer-events: none;
}