/* Cinematic Atlas: editorial dark-gold product shell for the existing Laravel app. */
body[data-app=front].cinematic-atlas{
  --cin-bg:#050505;
  --cin-bg-2:#0a0a0a;
  --cin-ink:#f6efe5;
  --cin-ink-2:#d5cab9;
  --cin-muted:#9f9486;
  --cin-faint:#6d6258;
  --cin-gold:#a78b71;
  --cin-gold-2:#c9b8a0;
  --cin-gold-3:#e8d5b7;
  --cin-red:#d93431;
  --cin-green:#68d391;
  --cin-line:rgba(255,255,255,.12);
  --cin-line-soft:rgba(255,255,255,.07);
  --cin-glass:rgba(255,255,255,.045);
  --cin-glass-strong:rgba(255,255,255,.075);
  --cin-shadow:0 26px 80px rgba(0,0,0,.34);
  min-width:320px;
  color:var(--cin-ink);
  background:var(--cin-bg);
  font-family:"Inter","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;
  font-feature-settings:"cv02","cv03","cv04";
}

body[data-app=front].cinematic-atlas::before{
  content:"";
  position:fixed;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(circle at 50% 0,rgba(167,139,113,.20),transparent 34%),
    radial-gradient(circle at 100% 18%,rgba(217,52,49,.12),transparent 28%),
    radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.5px);
  background-size:auto,auto,32px 32px;
  mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.88) 62%,rgba(0,0,0,.4) 100%);
}

body[data-app=front].cinematic-atlas *{
  scrollbar-color:rgba(201,184,160,.35) transparent;
}

body[data-app=front].cinematic-atlas .cinematic-bg{
  position:fixed;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  background:hsl(201 100% 13%);
  isolation:isolate;
}

body[data-app=front].cinematic-atlas .cinematic-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.23;
  filter:saturate(.72) contrast(1.08) brightness(.48);
  transform:scale(1.035);
}

body[data-app=front].cinematic-atlas .cinematic-bg-veil{
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,5,5,.94) 0,rgba(5,5,5,.78) 23%,rgba(5,5,5,.57) 56%,rgba(5,5,5,.88) 100%),
    radial-gradient(circle at 50% 44%,rgba(167,139,113,.16),transparent 36%),
    linear-gradient(180deg,rgba(5,5,5,.44),rgba(5,5,5,.94) 78%);
}

body[data-app=front].cinematic-atlas .cinematic-node-map{
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  height:100%;
  opacity:.42;
}

body[data-app=front].cinematic-atlas .node-line{
  fill:none;
  stroke:url(#unused);
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-dasharray:7 18;
  animation:cin-node-flow 12s linear infinite;
}

body[data-app=front].cinematic-atlas .node-line-a{stroke:rgba(232,213,183,.54);}
body[data-app=front].cinematic-atlas .node-line-b{stroke:rgba(167,139,113,.38);animation-duration:16s;}
body[data-app=front].cinematic-atlas .node-line-c{stroke:rgba(217,52,49,.24);animation-duration:18s;}

body[data-app=front].cinematic-atlas .cinematic-orb{
  position:absolute;
  z-index:2;
  width:360px;
  height:360px;
  border-radius:50%;
  filter:blur(58px);
  opacity:.24;
}

body[data-app=front].cinematic-atlas .orb-gold{
  right:9%;
  top:7%;
  background:rgba(167,139,113,.72);
  animation:cin-orb-drift 13s ease-in-out infinite alternate;
}

body[data-app=front].cinematic-atlas .orb-slate{
  left:19%;
  bottom:7%;
  background:rgba(28,37,49,.92);
  animation:cin-orb-drift 17s ease-in-out infinite alternate-reverse;
}

body[data-app=front].cinematic-atlas .app-shell{
  position:relative;
  z-index:1;
  min-height:100dvh;
}

body[data-app=front].cinematic-atlas .workspace{
  position:relative;
  z-index:1;
  min-height:100dvh;
  background:
    linear-gradient(90deg,rgba(5,5,5,.20),rgba(5,5,5,.02) 24%),
    radial-gradient(circle at 50% 0,rgba(255,255,255,.05),transparent 34%);
}

body[data-app=front].cinematic-atlas .page-content{
  width:min(100%,calc(1280px + 64px));
  padding:24px 32px 58px;
}

body[data-app=front].cinematic-atlas .sidebar{
  color:var(--cin-ink);
  background:rgba(5,5,5,.72);
  border-right:1px solid var(--cin-line);
  box-shadow:12px 0 60px rgba(0,0,0,.24);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
}

body[data-app=front].cinematic-atlas .sidebar::before{
  height:170px;
  background:
    radial-gradient(circle at 28% 22%,rgba(232,213,183,.13),transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.055),transparent);
}

body[data-app=front].cinematic-atlas .brand-block{
  border-bottom-color:var(--cin-line);
}

body[data-app=front].cinematic-atlas .brand-block img{
  border:1px solid rgba(232,213,183,.26);
  background:#fff;
  border-radius:14px;
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 14px 34px rgba(0,0,0,.28);
}

body[data-app=front].cinematic-atlas .brand-block strong{
  color:var(--cin-ink);
  font-family:"Instrument Serif","Noto Serif SC",serif;
  font-size:22px;
  font-weight:400;
  letter-spacing:-.035em;
}

body[data-app=front].cinematic-atlas .nav-menu{
  gap:7px;
}

body[data-app=front].cinematic-atlas .nav-item{
  min-height:48px;
  border:1px solid transparent;
  border-radius:999px;
  color:var(--cin-muted);
  background:transparent;
  font-size:15px;
  transition:transform .28s cubic-bezier(.23,1,.32,1),border-color .28s cubic-bezier(.23,1,.32,1),background .28s cubic-bezier(.23,1,.32,1),color .28s cubic-bezier(.23,1,.32,1);
}

body[data-app=front].cinematic-atlas .nav-item svg{
  color:var(--cin-gold-2);
}

body[data-app=front].cinematic-atlas .nav-item:hover{
  color:var(--cin-ink);
  border-color:rgba(232,213,183,.18);
  background:rgba(255,255,255,.055);
  transform:translateX(2px);
}

body[data-app=front].cinematic-atlas .nav-item.is-active{
  position:relative;
  color:#fff;
  border-color:rgba(232,213,183,.24);
  background:rgba(232,213,183,.105);
  overflow:hidden;
}

body[data-app=front].cinematic-atlas .nav-item.is-active::before{
  content:"";
  position:absolute;
  inset:-70%;
  width:auto;
  height:auto;
  border-radius:0;
  background:conic-gradient(from 0deg,transparent 0 33%,rgba(232,213,183,.42),transparent 56% 100%);
  animation:cin-rotate 4.8s linear infinite;
}

body[data-app=front].cinematic-atlas .nav-item.is-active::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
}

body[data-app=front].cinematic-atlas .nav-item>*{
  position:relative;
  z-index:1;
}

body[data-app=front].cinematic-atlas .season-card{
  border-color:var(--cin-line);
  border-radius:18px;
  color:var(--cin-muted);
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px rgba(255,255,255,.08);
}

body[data-app=front].cinematic-atlas .season-card svg,
body[data-app=front].cinematic-atlas .season-card strong{
  color:var(--cin-gold-3);
}

body[data-app=front].cinematic-atlas .season-card span{
  color:var(--cin-muted);
}

/* Protected summit display, now treated as the cinematic portal card. */
body[data-app=front].cinematic-atlas .summit-banner-wrap{
  position:relative;
  margin-bottom:14px;
  border-color:rgba(232,213,183,.22);
  box-shadow:0 34px 100px rgba(0,0,0,.38),0 0 100px rgba(167,139,113,.16);
}

body[data-app=front].cinematic-atlas .summit-banner-wrap::before,
body[data-app=front].cinematic-atlas .summit-banner-wrap::after{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  bottom:74px;
  width:50.2%;
  pointer-events:none;
  opacity:.11;
  background:#050505;
  mix-blend-mode:multiply;
}

body[data-app=front].cinematic-atlas .summit-banner-wrap::before{left:0;transform-origin:left center;animation:cin-portal-left 1.2s .12s cubic-bezier(.23,1,.32,1) both;}
body[data-app=front].cinematic-atlas .summit-banner-wrap::after{right:0;transform-origin:right center;animation:cin-portal-right 1.2s .12s cubic-bezier(.23,1,.32,1) both;}

body[data-app=front].cinematic-atlas .summit-title{
  font-family:"Instrument Serif","Noto Serif SC",serif!important;
  font-weight:400!important;
  letter-spacing:-2.46px!important;
  text-shadow:0 1px 0 rgba(255,244,200,.42),0 18px 32px rgba(0,0,0,.28)!important;
}

body[data-app=front].cinematic-atlas .summit-champion-copy strong{
  color:#ffe8b6!important;
  font-family:"Instrument Serif","Noto Serif SC",serif!important;
  font-weight:400!important;
}

body[data-app=front].cinematic-atlas .summit-champion-copy span{
  color:#fffdf8!important;
}

body[data-app=front].cinematic-atlas .cinematic-ticker{
  position:relative;
  margin:0 0 22px;
  overflow:hidden;
  border-block:1px solid var(--cin-line-soft);
  color:var(--cin-muted);
  background:rgba(0,0,0,.26);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

body[data-app=front].cinematic-atlas .cinematic-ticker::before,
body[data-app=front].cinematic-atlas .cinematic-ticker::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  width:80px;
  pointer-events:none;
}

body[data-app=front].cinematic-atlas .cinematic-ticker::before{left:0;background:linear-gradient(90deg,rgba(5,5,5,.92),transparent);}
body[data-app=front].cinematic-atlas .cinematic-ticker::after{right:0;background:linear-gradient(270deg,rgba(5,5,5,.92),transparent);}

body[data-app=front].cinematic-atlas .cinematic-ticker-track{
  display:flex;
  width:max-content;
  gap:34px;
  padding:12px 0;
  animation:cin-ticker 34s linear infinite;
}

body[data-app=front].cinematic-atlas .cinematic-ticker span{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}

body[data-app=front].cinematic-atlas .cinematic-ticker b{
  color:var(--cin-gold-3);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
}

body[data-app=front].cinematic-atlas .cinematic-ticker em{
  color:var(--cin-ink-2);
  font-size:13px;
  font-style:normal;
}

body[data-app=front].cinematic-atlas .page-context{
  position:relative;
  align-items:end;
  padding:12px 2px 14px;
  margin-bottom:20px;
  border-bottom:1px solid var(--cin-line);
}

body[data-app=front].cinematic-atlas .page-eyebrow{
  color:var(--cin-gold-3);
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
}

body[data-app=front].cinematic-atlas .page-context h1{
  color:var(--cin-ink);
  font-family:"Instrument Serif","Noto Serif SC",serif;
  font-size:clamp(42px,5vw,80px);
  font-weight:400;
  letter-spacing:-2.46px;
  line-height:.95;
  text-wrap:balance;
}

body[data-app=front].cinematic-atlas .page-context h1::after{
  width:32px;
  height:1px;
  background:var(--cin-gold);
}

body[data-app=front].cinematic-atlas .page-context p:not(.page-eyebrow){
  max-width:670px;
  color:var(--cin-ink-2);
  font-size:15px;
  line-height:1.625;
}

body[data-app=front].cinematic-atlas .page-context-index{
  color:transparent;
  -webkit-text-stroke:1px rgba(232,213,183,.22);
  font-family:"Instrument Serif",serif;
  font-size:clamp(72px,8vw,128px);
  font-weight:400;
  letter-spacing:-.08em;
}

body[data-app=front].cinematic-atlas .panel,
body[data-app=front].cinematic-atlas .cockpit-panel,
body[data-app=front].cinematic-atlas .combat-ring-panel,
body[data-app=front].cinematic-atlas .pk-battle-menu,
body[data-app=front].cinematic-atlas .pk-duel-stage,
body[data-app=front].cinematic-atlas .public-operation-panel,
body[data-app=front].cinematic-atlas .calendar-panel{
  border:1px solid var(--cin-line);
  border-radius:24px;
  color:var(--cin-ink);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:var(--cin-shadow),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(16px) saturate(118%);
  -webkit-backdrop-filter:blur(16px) saturate(118%);
}

body[data-app=front].cinematic-atlas .ranking-panel,
body[data-app=front].cinematic-atlas .matrix-panel{
  overflow:hidden;
}

body[data-app=front].cinematic-atlas .ranking-table,
body[data-app=front].cinematic-atlas .cockpit-table{
  color:var(--cin-ink);
}

body[data-app=front].cinematic-atlas .ranking-table th,
body[data-app=front].cinematic-atlas .cockpit-table th{
  color:var(--cin-muted);
  background:rgba(0,0,0,.32);
  border-bottom-color:var(--cin-line);
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
}

body[data-app=front].cinematic-atlas .ranking-table td,
body[data-app=front].cinematic-atlas .cockpit-table td{
  color:var(--cin-ink-2);
  border-bottom-color:var(--cin-line-soft);
}

body[data-app=front].cinematic-atlas .ranking-table tbody tr:hover,
body[data-app=front].cinematic-atlas .cockpit-table tbody tr:hover td{
  background:rgba(255,255,255,.045);
}

body[data-app=front].cinematic-atlas .ranking-table tbody tr.top-rank{
  background:linear-gradient(90deg,rgba(167,139,113,.13),transparent 72%);
}

body[data-app=front].cinematic-atlas .company-name,
body[data-app=front].cinematic-atlas .matrix-company span,
body[data-app=front].cinematic-atlas .money-cell,
body[data-app=front].cinematic-atlas .progress-value,
body[data-app=front].cinematic-atlas .cockpit-table b{
  color:var(--cin-ink);
}

body[data-app=front].cinematic-atlas .company-avatar,
body[data-app=front].cinematic-atlas .matrix-company img,
body[data-app=front].cinematic-atlas .matrix-logo-badge,
body[data-app=front].cinematic-atlas .cockpit-bar-logo{
  border-color:rgba(232,213,183,.20);
  background:rgba(255,255,255,.88);
}

body[data-app=front].cinematic-atlas .progress-track,
body[data-app=front].cinematic-atlas .combat-track,
body[data-app=front].cinematic-atlas .pk-score-track,
body[data-app=front].cinematic-atlas .pk-metric-track{
  background:rgba(255,255,255,.12);
}

body[data-app=front].cinematic-atlas .progress-fill,
body[data-app=front].cinematic-atlas .combat-track i,
body[data-app=front].cinematic-atlas .pk-score-track i,
body[data-app=front].cinematic-atlas .pk-metric-track i{
  background:linear-gradient(90deg,var(--cin-gold),var(--cin-gold-3));
}

body[data-app=front].cinematic-atlas .table-footer,
body[data-app=front].cinematic-atlas .calendar-footer{
  color:var(--cin-muted);
  background:rgba(0,0,0,.22);
  border-top-color:var(--cin-line);
}

/* Circular KPI cards from the component reference, locked above product-ui text normalization. */
body[data-app=front].cinematic-atlas .cockpit-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card,
body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card:nth-child(n){
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:12px!important;
  min-height:204px!important;
  padding:18px 14px 16px!important;
  border:1px solid rgba(232,213,183,.19)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card::before,
body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card::after,
body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card>i{
  content:none!important;
  display:none!important;
}

body[data-app=front].cinematic-atlas .metric-ring-card.metric-blue{--metric-accent:#c9b8a0;}
body[data-app=front].cinematic-atlas .metric-ring-card.metric-cyan{--metric-accent:#a78b71;}
body[data-app=front].cinematic-atlas .metric-ring-card.metric-indigo{--metric-accent:#e8d5b7;}
body[data-app=front].cinematic-atlas .metric-ring-card.metric-red{--metric-accent:#d93431;}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring{
  position:relative!important;
  display:grid!important;
  width:clamp(126px,10vw,150px)!important;
  height:auto!important;
  aspect-ratio:1!important;
  place-items:center!important;
  border-radius:50%!important;
  background:conic-gradient(from -90deg,var(--metric-accent) 0 var(--metric-progress),rgba(255,255,255,.13) var(--metric-progress) 360deg)!important;
  box-shadow:0 0 0 12px rgba(255,255,255,.035),0 18px 42px rgba(0,0,0,.22),0 0 60px rgba(167,139,113,.17)!important;
}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring::before{
  content:""!important;
  position:absolute!important;
  inset:13px!important;
  display:block!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.10),rgba(255,255,255,.035) 72%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring-core{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  width:98px!important;
  height:98px!important;
  place-items:center!important;
  align-content:center!important;
  gap:7px!important;
  text-align:center!important;
}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring-core strong{
  color:var(--cin-ink)!important;
  font-family:"Inter",system-ui,sans-serif!important;
  font-size:30px!important;
  font-weight:700!important;
  letter-spacing:-.045em!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring-core span{
  display:block!important;
  margin:0!important;
  color:var(--cin-ink-2)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card footer{
  display:grid!important;
  width:100%!important;
  max-width:180px!important;
  gap:3px!important;
  justify-items:center!important;
  color:var(--cin-muted)!important;
  font-size:11px!important;
  line-height:1.2!important;
  text-align:center!important;
}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card footer b{
  max-width:100%!important;
  overflow:hidden!important;
  color:var(--cin-ink)!important;
  font-size:13px!important;
  font-weight:700!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card footer span{
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:var(--cin-muted)!important;
  font-size:10px!important;
  font-weight:500!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body[data-app=front].cinematic-atlas .cockpit-main-grid{
  grid-template-columns:minmax(0,1fr) minmax(300px,340px);
  gap:18px;
}

body[data-app=front].cinematic-atlas .cockpit-bar-row{
  border-bottom-color:var(--cin-line-soft);
  transition:transform .3s cubic-bezier(.23,1,.32,1),background .3s cubic-bezier(.23,1,.32,1),border-color .3s cubic-bezier(.23,1,.32,1);
}

body[data-app=front].cinematic-atlas .cockpit-bar-row:hover{
  background:rgba(255,255,255,.045);
  transform:translateY(-2px);
}

body[data-app=front].cinematic-atlas .combat-rank{
  color:var(--cin-bg);
  background:var(--cin-gold-3);
}

body[data-app=front].cinematic-atlas .rank-1{background:#ffe0a1;color:#3a2104;}
body[data-app=front].cinematic-atlas .rank-2{background:#d8d2c8;color:#211b16;}
body[data-app=front].cinematic-atlas .rank-3{background:#d0a076;color:#271306;}

body[data-app=front].cinematic-atlas .cockpit-company-block label{
  color:var(--cin-ink);
}

body[data-app=front].cinematic-atlas .cockpit-company-block small em{
  color:var(--cin-muted);
  background:rgba(255,255,255,.075);
}

body[data-app=front].cinematic-atlas .cockpit-company-block small b,
body[data-app=front].cinematic-atlas .cockpit-bar-row>strong{
  color:var(--cin-ink);
}

body[data-app=front].cinematic-atlas .combat-ring-panel{
  background:radial-gradient(circle at 50% 42%,rgba(167,139,113,.16),rgba(255,255,255,.035) 60%,rgba(255,255,255,.025));
}

body[data-app=front].cinematic-atlas .command-ring{
  background:conic-gradient(var(--cin-red) 0 var(--ring-progress),rgba(255,255,255,.11) var(--ring-progress) 360deg);
  box-shadow:0 0 0 12px rgba(255,255,255,.04),0 0 82px rgba(167,139,113,.18);
}

body[data-app=front].cinematic-atlas .command-ring::before{
  background:rgba(5,5,5,.82);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

body[data-app=front].cinematic-atlas .ring-core span,
body[data-app=front].cinematic-atlas .ring-core p,
body[data-app=front].cinematic-atlas .ring-foot{
  color:var(--cin-muted);
}

body[data-app=front].cinematic-atlas .ring-core strong,
body[data-app=front].cinematic-atlas .ring-foot b{
  color:var(--cin-ink);
}

/* PK workbench */
body[data-app=front].cinematic-atlas .pk-screen{
  grid-template-columns:280px minmax(0,1fr);
}

body[data-app=front].cinematic-atlas .pk-battle-menu{
  background:rgba(5,5,5,.72);
}

body[data-app=front].cinematic-atlas .pk-battle-menu-title{
  color:var(--cin-ink);
  border-bottom-color:var(--cin-line);
}

body[data-app=front].cinematic-atlas .pk-battle-menu-title strong,
body[data-app=front].cinematic-atlas .pk-battle-tab small,
body[data-app=front].cinematic-atlas .pk-duel-company small,
body[data-app=front].cinematic-atlas .pk-metric-line,
body[data-app=front].cinematic-atlas .pk-metric-row small,
body[data-app=front].cinematic-atlas .pk-duel-diff small,
body[data-app=front].cinematic-atlas .pk-telemetry-card footer small,
body[data-app=front].cinematic-atlas .pk-stat-chip span,
body[data-app=front].cinematic-atlas .pk-duel-info-grid span{
  color:var(--cin-muted);
}

body[data-app=front].cinematic-atlas .pk-battle-menu-title b,
body[data-app=front].cinematic-atlas .pk-metric-line strong,
body[data-app=front].cinematic-atlas .pk-telemetry-card header strong,
body[data-app=front].cinematic-atlas .pk-duel-score b{
  color:var(--cin-gold-3);
}

body[data-app=front].cinematic-atlas .pk-battle-tab{
  border:1px solid transparent;
  border-radius:14px;
  color:var(--cin-ink-2);
}

body[data-app=front].cinematic-atlas .pk-battle-tab:hover{
  background:rgba(255,255,255,.06);
}

body[data-app=front].cinematic-atlas .pk-battle-tab.is-active{
  border-color:rgba(232,213,183,.22);
  background:rgba(167,139,113,.14);
}

body[data-app=front].cinematic-atlas .pk-battle-tab>span:first-child{
  color:var(--cin-bg);
  background:var(--cin-gold-3);
}

body[data-app=front].cinematic-atlas .pk-duel-card,
body[data-app=front].cinematic-atlas .pk-telemetry-card,
body[data-app=front].cinematic-atlas .pk-stat-chip,
body[data-app=front].cinematic-atlas .pk-duel-info-grid article{
  border-color:var(--cin-line);
  background:rgba(255,255,255,.045);
}

body[data-app=front].cinematic-atlas .pk-duel-card{
  border-top-color:var(--cin-gold);
  transition:transform .3s cubic-bezier(.23,1,.32,1),border-color .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1);
}

body[data-app=front].cinematic-atlas .pk-duel-card:hover{
  transform:translateY(-4px);
  border-color:rgba(232,213,183,.28);
  box-shadow:0 0 60px rgba(167,139,113,.17);
}

body[data-app=front].cinematic-atlas .pk-duel-card.right{
  border-top-color:var(--cin-red);
}

body[data-app=front].cinematic-atlas .pk-duel-company h2,
body[data-app=front].cinematic-atlas .pk-duel-score strong,
body[data-app=front].cinematic-atlas .pk-stage-header h1,
body[data-app=front].cinematic-atlas .pk-stat-chip strong,
body[data-app=front].cinematic-atlas .pk-duel-info-grid strong{
  color:var(--cin-ink);
}

body[data-app=front].cinematic-atlas .pk-radar-gauge{
  background:conic-gradient(var(--cin-gold-3) 0 var(--pk-gauge),rgba(255,255,255,.12) var(--pk-gauge) 360deg);
}

body[data-app=front].cinematic-atlas .pk-radar-gauge::before{
  background:rgba(5,5,5,.84);
}

body[data-app=front].cinematic-atlas .pk-versus-core{
  color:var(--cin-gold-3);
  border-color:rgba(232,213,183,.28);
  background:rgba(0,0,0,.38);
  box-shadow:0 0 42px rgba(167,139,113,.16);
}

/* Duty calendar */
body[data-app=front].cinematic-atlas .calendar-toolbar{
  border-bottom-color:var(--cin-line);
  background:rgba(0,0,0,.18);
}

body[data-app=front].cinematic-atlas .calendar-toolbar-title small,
body[data-app=front].cinematic-atlas .calendar-toolbar-summary,
body[data-app=front].cinematic-atlas .calendar-weekdays span,
body[data-app=front].cinematic-atlas .calendar-day.is-outside>header time,
body[data-app=front].cinematic-atlas .calendar-modal-record span{
  color:var(--cin-muted);
}

body[data-app=front].cinematic-atlas .calendar-toolbar-title strong,
body[data-app=front].cinematic-atlas .calendar-day>header time,
body[data-app=front].cinematic-atlas .calendar-modal-header h2,
body[data-app=front].cinematic-atlas .calendar-modal-record strong{
  color:var(--cin-ink);
}

body[data-app=front].cinematic-atlas .calendar-toolbar-title svg,
body[data-app=front].cinematic-atlas .calendar-icon,
body[data-app=front].cinematic-atlas .calendar-toolbar-summary b,
body[data-app=front].cinematic-atlas .calendar-day>header span,
body[data-app=front].cinematic-atlas .calendar-more{
  color:var(--cin-gold-3);
}

body[data-app=front].cinematic-atlas .calendar-summary-stat{
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  white-space:nowrap;
}

body[data-app=front].cinematic-atlas .calendar-weekdays{
  background:rgba(0,0,0,.28);
  border-bottom-color:var(--cin-line);
}

body[data-app=front].cinematic-atlas .calendar-day{
  border-color:var(--cin-line-soft);
  background:rgba(255,255,255,.035);
}

body[data-app=front].cinematic-atlas .calendar-day.is-outside{
  background:rgba(255,255,255,.018);
}

body[data-app=front].cinematic-atlas .calendar-day.is-today>header time{
  color:#050505;
  background:var(--cin-gold-3);
}

body[data-app=front].cinematic-atlas .calendar-event{
  color:var(--cin-ink);
  background:rgba(167,139,113,.14);
}

body[data-app=front].cinematic-atlas .calendar-event::before{
  background:var(--cin-gold-3);
}

body[data-app=front].cinematic-atlas .calendar-modal-backdrop{
  background:rgba(0,0,0,.64);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

body[data-app=front].cinematic-atlas .calendar-modal-dialog,
body[data-app=front].cinematic-atlas .calendar-modal-record{
  border-color:var(--cin-line);
  background:#0b0b0b;
}

body[data-app=front].cinematic-atlas .calendar-step,
body[data-app=front].cinematic-atlas .calendar-today-button,
body[data-app=front].cinematic-atlas .calendar-month-picker,
body[data-app=front].cinematic-atlas .calendar-modal-close{
  color:var(--cin-ink);
  border-color:var(--cin-line);
  background:rgba(255,255,255,.05);
}

body[data-app=front].cinematic-atlas .calendar-step:hover,
body[data-app=front].cinematic-atlas .calendar-today-button:hover{
  background:rgba(232,213,183,.12);
}

body[data-app=front].cinematic-atlas .calendar-month-picker input{
  color:var(--cin-ink);
}

/* Entrance and interactive polish */
body[data-app=front].cinematic-atlas .motion-card,
body[data-app=front].cinematic-atlas .panel,
body[data-app=front].cinematic-atlas .cockpit-kpi,
body[data-app=front].cinematic-atlas .cockpit-panel,
body[data-app=front].cinematic-atlas .combat-ring-panel,
body[data-app=front].cinematic-atlas .pk-duel-card,
body[data-app=front].cinematic-atlas .calendar-panel{
  transition:transform .3s cubic-bezier(.23,1,.32,1),border-color .3s cubic-bezier(.23,1,.32,1),background .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1);
}

body[data-app=front].cinematic-atlas .panel:hover,
body[data-app=front].cinematic-atlas .cockpit-kpi:hover,
body[data-app=front].cinematic-atlas .cockpit-panel:hover,
body[data-app=front].cinematic-atlas .combat-ring-panel:hover{
  border-color:rgba(232,213,183,.25);
  box-shadow:0 30px 88px rgba(0,0,0,.38),0 0 60px rgba(167,139,113,.12),inset 0 1px rgba(255,255,255,.09);
}

body[data-app=front].cinematic-atlas .view-panel.is-active .page-context,
body[data-app=front].cinematic-atlas .view-panel.is-active .cockpit-kpis,
body[data-app=front].cinematic-atlas .view-panel.is-active .ranking-panel,
body[data-app=front].cinematic-atlas .view-panel.is-active .pk-screen,
body[data-app=front].cinematic-atlas .view-panel.is-active .calendar-panel{
  animation:cin-fade-rise .8s ease-out both;
}

body[data-app=front].cinematic-atlas .view-panel.is-active .cockpit-kpis{animation-delay:.08s;}
body[data-app=front].cinematic-atlas .view-panel.is-active .ranking-panel,
body[data-app=front].cinematic-atlas .view-panel.is-active .pk-screen,
body[data-app=front].cinematic-atlas .view-panel.is-active .calendar-panel{animation-delay:.18s;}

@keyframes cin-fade-rise{
  from{opacity:0;transform:translateY(24px);}
  to{opacity:1;transform:translateY(0);}
}

@keyframes cin-ticker{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

@keyframes cin-rotate{
  to{transform:rotate(360deg);}
}

@keyframes cin-node-flow{
  0%{stroke-dashoffset:0;opacity:.38;}
  50%{opacity:.7;}
  100%{stroke-dashoffset:-160;opacity:.38;}
}

@keyframes cin-orb-drift{
  from{transform:translate3d(0,0,0) scale(1);}
  to{transform:translate3d(22px,-18px,0) scale(1.06);}
}

@keyframes cin-portal-left{
  from{transform:translateX(0);opacity:.20;}
  to{transform:translateX(-108%);opacity:.05;}
}

@keyframes cin-portal-right{
  from{transform:translateX(0);opacity:.20;}
  to{transform:translateX(108%);opacity:.05;}
}

@media(max-width:1279px){
  body[data-app=front].cinematic-atlas .page-content{
    padding:20px 24px 48px;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-main-grid,
  body[data-app=front].cinematic-atlas .pk-screen{
    grid-template-columns:1fr;
  }
}

@media(max-width:767px){
  body[data-app=front].cinematic-atlas .cinematic-bg-video{
    opacity:.18;
  }

  body[data-app=front].cinematic-atlas .page-content{
    padding:74px 12px 34px;
  }

  body[data-app=front].cinematic-atlas .mobile-menu{
    position:fixed;
    z-index:25;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border:1px solid rgba(232,213,183,.20);
    border-radius:999px;
    color:var(--cin-ink);
    background:rgba(5,5,5,.72);
    box-shadow:0 12px 34px rgba(0,0,0,.26);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }

  body[data-app=front].cinematic-atlas .sidebar{
    width:286px;
    background:rgba(5,5,5,.92);
  }

  body[data-app=front].cinematic-atlas .page-context{
    gap:12px;
    padding:4px 0 10px;
    margin-bottom:16px;
  }

  body[data-app=front].cinematic-atlas .page-context h1{
    font-size:48px;
    letter-spacing:-2.46px;
  }

  body[data-app=front].cinematic-atlas .page-context p:not(.page-eyebrow){
    max-width:300px;
    font-size:12px;
  }

  body[data-app=front].cinematic-atlas .page-context-index{
    font-size:56px;
  }

  body[data-app=front].cinematic-atlas .cinematic-ticker{
    margin-bottom:18px;
  }

  body[data-app=front].cinematic-atlas .cinematic-ticker-track{
    gap:24px;
    padding:10px 0;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card{
    min-height:178px!important;
    padding:14px 8px 12px!important;
    border-radius:20px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:104px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring::before{
    inset:10px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring-core{
    width:78px!important;
    height:78px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring-core strong{
    font-size:23px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring-core span{
    font-size:10px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-bar-row{
    grid-template-columns:30px 36px minmax(0,1fr) 48px;
  }

  body[data-app=front].cinematic-atlas .cockpit-bar-row>.combat-track{
    display:none;
  }

  body[data-app=front].cinematic-atlas .pk-battle-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body[data-app=front].cinematic-atlas .calendar-toolbar{
    grid-template-columns:1fr!important;
    gap:12px;
    overflow:visible;
  }

  body[data-app=front].cinematic-atlas .calendar-toolbar-title,
  body[data-app=front].cinematic-atlas .calendar-toolbar-summary,
  body[data-app=front].cinematic-atlas .calendar-controls{
    grid-column:1/-1;
    width:100%;
    min-width:0;
  }

  body[data-app=front].cinematic-atlas .calendar-toolbar-summary{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 10px;
  }

  body[data-app=front].cinematic-atlas .calendar-summary-stat{
    min-width:96px;
  }

  body[data-app=front].cinematic-atlas .calendar-controls{
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 38px auto;
    gap:8px;
    overflow:visible;
    padding-bottom:0;
    white-space:normal;
  }

  body[data-app=front].cinematic-atlas .calendar-step,
  body[data-app=front].cinematic-atlas .calendar-today-button,
  body[data-app=front].cinematic-atlas .calendar-month-picker{
    height:38px;
  }

  body[data-app=front].cinematic-atlas .calendar-month-picker{
    min-width:0;
    width:100%;
    padding:0 10px;
  }

  body[data-app=front].cinematic-atlas .calendar-month-picker span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  body[data-app=front].cinematic-atlas .calendar-month-picker input{
    width:96px;
    min-width:82px;
  }

  body[data-app=front].cinematic-atlas .calendar-today-button{
    min-width:84px;
    padding:0 10px;
  }

  body[data-app=front].cinematic-atlas .calendar-weekdays,
  body[data-app=front].cinematic-atlas .calendar-grid{
    min-width:0!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
  }

  body[data-app=front].cinematic-atlas .calendar-weekdays span{
    padding:8px 2px;
    font-size:9px;
  }

  body[data-app=front].cinematic-atlas .calendar-day{
    min-height:86px;
    padding:6px 3px;
  }

  body[data-app=front].cinematic-atlas .calendar-day>header time{
    width:22px;
    height:22px;
    font-size:10px;
  }

  body[data-app=front].cinematic-atlas .calendar-day>header span{
    display:none;
  }

  body[data-app=front].cinematic-atlas .calendar-events{
    gap:3px;
    margin-top:5px;
  }

  body[data-app=front].cinematic-atlas .calendar-event{
    min-height:28px;
    padding:3px;
  }

  body[data-app=front].cinematic-atlas .calendar-event::before{
    display:none;
  }

  body[data-app=front].cinematic-atlas .calendar-event .calendar-logo,
  body[data-app=front].cinematic-atlas .calendar-event .calendar-logo-badge{
    max-width:38px;
    max-height:24px;
  }
}

@media(max-width:390px){
  body[data-app=front].cinematic-atlas .cockpit-kpis{
    gap:8px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card{
    min-height:164px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring{
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:92px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring-core{
    width:66px!important;
    height:66px!important;
  }

  body[data-app=front].cinematic-atlas .cockpit-kpi.metric-ring-card .metric-ring-core strong{
    font-size:20px!important;
  }

  body[data-app=front].cinematic-atlas .calendar-controls{
    grid-template-columns:38px minmax(0,1fr) 38px;
  }

  body[data-app=front].cinematic-atlas .calendar-today-button{
    grid-column:1/-1;
    width:100%;
  }

  body[data-app=front].cinematic-atlas .calendar-day{
    min-height:78px;
  }

  body[data-app=front].cinematic-atlas .calendar-event .calendar-logo,
  body[data-app=front].cinematic-atlas .calendar-event .calendar-logo-badge{
    max-width:34px;
  }
}

@media(prefers-reduced-motion:reduce){
  body[data-app=front].cinematic-atlas *,
  body[data-app=front].cinematic-atlas *::before,
  body[data-app=front].cinematic-atlas *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }

  body[data-app=front].cinematic-atlas .cinematic-ticker-track{
    transform:none!important;
  }
}

@media(prefers-reduced-transparency:reduce){
  body[data-app=front].cinematic-atlas .sidebar,
  body[data-app=front].cinematic-atlas .panel,
  body[data-app=front].cinematic-atlas .cockpit-panel,
  body[data-app=front].cinematic-atlas .combat-ring-panel,
  body[data-app=front].cinematic-atlas .pk-battle-menu,
  body[data-app=front].cinematic-atlas .pk-duel-stage,
  body[data-app=front].cinematic-atlas .calendar-panel{
    background:#0b0b0b;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}