/* === SOURCE: css/146-v510-interactive-overview-controller-style.css === */

/* v5.1.0 · Interactive Build Overview controller
   Keep the existing profile-card background/ring treatment; only its internal
   layout and controls change. The old read-only PlayStyle card is folded into it. */
body.build-overview-active .overview-middle-column{
  grid-template-rows:minmax(0,1fr)!important;
}
body.build-overview-active .overview-playstyle-card{
  display:none!important;
}
body.build-overview-active .overview-profile-card.overview-profile-compact{
  height:100%;
  min-height:0;
  padding:0!important;
  overflow:hidden;
}
.overview-profile-card .ovc-scroll{
  position:relative;
  z-index:2;
  height:100%;
  box-sizing:border-box;
  overflow-y:auto;
  overflow-x:hidden;
  padding:18px 18px 16px;
  scrollbar-width:none;
}
.overview-profile-card .ovc-scroll::-webkit-scrollbar{display:none}
.ovc-section{
  position:relative;
  padding:13px 0;
  border-top:1px solid rgba(255,255,255,.058);
}
.ovc-section:first-child{padding-top:0;border-top:0}
.ovc-kicker{
  color:#737f8b;
  font-size:8px;
  line-height:1;
  font-weight:850;
  letter-spacing:.105em;
  text-transform:uppercase;
}

/* Archetype selector */
.ovc-model-trigger{
  width:100%;
  min-height:54px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  padding:6px 4px 6px 0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.ovc-model-logo{
  width:42px;height:42px;display:grid;place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.018);
}
.ovc-model-logo img{width:38px;height:38px;object-fit:contain;display:block;filter:drop-shadow(0 3px 9px rgba(0,0,0,.24))}
.ovc-model-copy{min-width:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ovc-model-copy strong{font-size:25px;line-height:1;font-weight:850;letter-spacing:-.035em;color:#eef2f5;white-space:nowrap}
.ovc-model-copy span{font-size:10px;font-weight:720;color:#707c88;white-space:nowrap}
.ovc-chevron{color:#9a8350;font-size:17px;line-height:1;transition:transform .18s ease}
.ovc-model-trigger[aria-expanded="true"] .ovc-chevron{transform:rotate(180deg)}
.ovc-model-menu{
  position:absolute;
  z-index:50;
  left:0;right:0;top:62px;
  display:none;
  max-height:430px;
  overflow:auto;
  padding:9px;
  border:1px solid rgba(216,184,95,.24);
  border-radius:16px;
  background:rgba(8,13,18,.985);
  box-shadow:0 24px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(18px);
}
.ovc-model-menu.open{display:block}
.ovc-model-group+.ovc-model-group{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.055)}
.ovc-model-group-label{padding:2px 5px 6px;color:#82734b;font-size:8px;font-weight:850;letter-spacing:.09em}
.ovc-model-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.ovc-model-option{
  min-width:0;min-height:43px;display:grid;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:7px;
  border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.018);color:#c8d0d8;padding:5px 7px;text-align:left;cursor:pointer
}
.ovc-model-option:hover{border-color:rgba(216,184,95,.24);background:rgba(216,184,95,.045)}
.ovc-model-option.selected{border-color:rgba(216,184,95,.42);background:rgba(216,184,95,.075)}
.ovc-model-option img{width:25px;height:25px;object-fit:contain}
.ovc-model-option strong{display:block;color:#dfe4e9;font-size:10px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ovc-model-option small{display:block;margin-top:2px;color:#65717c;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v5.1.3 · Level + AP become two matched console-style bars. */
.ovc-level-section{padding-top:15px;padding-bottom:16px}
.ovc-dual-bars{display:grid;gap:15px}
.ovc-meter-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 88px;
  align-items:end;
  gap:13px;
}
.ovc-meter-main{min-width:0}
.ovc-meter-label{
  display:block;
  margin-bottom:7px;
  color:#707b86;
  font-size:8px;
  line-height:1;
  font-weight:850;
  letter-spacing:.075em;
}
.ovc-meter-meta{
  min-width:0;
  padding-bottom:1px;
  text-align:right;
  font-variant-numeric:tabular-nums;
}
.ovc-meter-meta span{
  display:block;
  margin-bottom:3px;
  color:#68737e;
  font-size:8px;
  line-height:1;
  font-weight:780;
}
.ovc-meter-meta strong{
  display:block;
  color:#dce2e7;
  font-size:13px;
  line-height:1.05;
  font-weight:880;
  white-space:nowrap;
  transition:color .16s ease;
}
.ovc-meter-track{
  position:relative;
  width:100%;
  height:9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:3px;
  background:#252b31;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.018);
  overflow:visible;
}
.ovc-level-console{margin-top:8px}
.ovc-level-progress{
  position:absolute;
  z-index:0;
  left:0;
  top:0;
  bottom:0;
  width:0;
  border-radius:2px;
  background:linear-gradient(90deg,rgba(126,105,55,.55),rgba(184,149,66,.74));
  pointer-events:none;
  transition:width .08s linear;
}
#overviewLevelSlider{
  position:absolute;
  z-index:5;
  left:-1px;
  top:-10px;
  width:calc(100% + 2px);
  height:29px;
  margin:0;
  padding:0;
  -webkit-appearance:none;
  appearance:none;
  background:transparent;
  outline:none;
  cursor:ew-resize;
}
#overviewLevelSlider::-webkit-slider-runnable-track{height:9px;background:transparent;border:0}
#overviewLevelSlider::-moz-range-track{height:9px;background:transparent;border:0}
/* The native thumb remains the hit target; the visible thumb is the synced label below. */
#overviewLevelSlider::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:54px;
  height:29px;
  margin-top:-10px;
  border:0;
  border-radius:6px;
  background:transparent;
  box-shadow:none;
}
#overviewLevelSlider::-moz-range-thumb{
  width:54px;
  height:29px;
  border:0;
  border-radius:6px;
  background:transparent;
  box-shadow:none;
}
.ovc-level-float{
  position:absolute;
  z-index:4;
  top:50%;
  left:27px;
  width:54px;
  height:29px;
  display:grid;
  place-items:center;
  transform:translate(-50%,-50%);
  border:1px solid #e2c66e;
  border-radius:6px;
  background:linear-gradient(180deg,#b99643,#8f6d28);
  color:#fff2b6;
  box-shadow:0 0 0 3px rgba(216,184,95,.07),0 4px 10px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.20);
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.015em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  pointer-events:none;
  text-shadow:0 1px 4px rgba(0,0,0,.45);
  transition:filter .12s ease,box-shadow .12s ease;
}
.ovc-level-console:has(#overviewLevelSlider:hover) .ovc-level-float,
.ovc-level-console:has(#overviewLevelSlider:focus-visible) .ovc-level-float{
  filter:brightness(1.08);
  box-shadow:0 0 0 4px rgba(216,184,95,.09),0 5px 12px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.23);
}
.ovc-ap-meter{overflow:hidden}
.ovc-ap-remain-fill{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:100%;
  border-radius:2px;
  background:#53b86c;
  transition:width .18s ease,background .18s ease;
}
.ovc-ap-meter.over .ovc-ap-remain-fill{width:100%!important;background:#c85a5a!important;opacity:.42}
@media(max-width:760px){
  .ovc-meter-row{grid-template-columns:minmax(0,1fr) 76px;gap:10px}
  .ovc-meter-meta strong{font-size:12px}
}

/* Skill moves / weak foot — v5.1.6: click-first, star-aligned drag */
.ovc-stars-section{padding:10px 0}
.ovc-star-list{display:grid;gap:8px;margin-top:0}
.ovc-star-row{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px;min-height:28px}
.ovc-star-label{color:#8d98a2;font-size:10px;font-weight:760;white-space:nowrap}
.ovc-star-track{
  display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:30px;
  touch-action:none;cursor:default;user-select:none
}
.ovc-star{
  width:28px;height:30px;display:grid;place-items:center;padding:0;border:0;background:transparent;
  color:inherit;cursor:default;transition:transform .12s ease,filter .12s ease,opacity .12s ease
}
.ovc-star svg{width:24px;height:24px;overflow:visible;pointer-events:none}
.ovc-star path{
  fill:rgba(255,255,255,.018);stroke:rgba(189,199,208,.36);stroke-width:1.55;
  stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .12s ease,stroke .12s ease,filter .12s ease
}
/* Built-in stars stay lit but subdued, so they read as fixed foundation rather than purchased AP. */
.ovc-star.base path{fill:rgba(156,125,45,.62);stroke:rgba(205,170,73,.82);filter:drop-shadow(0 2px 5px rgba(0,0,0,.30))}
/* AP-purchased stars use the brighter champagne-gold state. */
.ovc-star.upgrade path{fill:#e5c45a;stroke:#f2d879;filter:drop-shadow(0 2px 7px rgba(216,184,95,.20))}
.ovc-star.current{transform:scale(1.055)}
.ovc-star.current path{stroke-width:1.8}
.ovc-star.interactive{cursor:pointer}
/* Reachable but not-yet-lit stars use a gold outline, so capped/locked stars read more clearly as unavailable. */
.ovc-star.interactive:not(.base):not(.upgrade):not(.budget-locked):not(.hard-locked) path{
  fill:rgba(255,255,255,.02);stroke:rgba(214,181,90,.88);filter:drop-shadow(0 1px 4px rgba(214,181,90,.14));
}
.ovc-star.interactive:hover{transform:translateY(-1px) scale(1.055);filter:brightness(1.08)}
.ovc-star-track.dragging .ovc-star.interactive{cursor:ew-resize}
.ovc-star.budget-locked{opacity:.24;cursor:default}
.ovc-star.budget-locked:hover{transform:none;filter:none}
/* Stars above the archetype cap remain visible as permanent empty placeholders. */
.ovc-star.hard-locked{cursor:default;opacity:.9}
.ovc-star.hard-locked path{fill:transparent;stroke:rgba(189,199,208,.42);filter:none}
.ovc-star.hard-locked:hover{transform:none;filter:none}

/* Compact body controller */
.ovc-body-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"summary accel" "actions quick";align-items:center;column-gap:18px;row-gap:8px}
.ovc-body-summary{grid-area:summary;display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:nowrap;gap:14px;min-width:0;padding:2px 0 2px 2px}
.ovc-body-chip{display:inline-flex;align-items:baseline;gap:7px;min-width:max-content;flex:0 0 auto;color:#8a96a1;font-size:13px;font-weight:770;line-height:1}
.ovc-body-chip b{color:#f1f4f6;font-size:18px;font-weight:890;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.002em}
.ovc-body-controls{display:contents}
.ovc-body-quick{grid-area:quick;display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:8px;flex-wrap:nowrap;min-width:0}
.ovc-body-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0}
.ovc-body-toggle,.ovc-body-reset{height:32px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}
.ovc-body-toggle{padding:0 14px 0 16px;border:1px solid rgba(216,184,95,.18);background:rgba(216,184,95,.035);color:#b1995b}
.ovc-body-toggle:hover{color:#dbc572;border-color:rgba(216,184,95,.34);background:rgba(216,184,95,.075);box-shadow:0 0 0 3px rgba(216,184,95,.035)}
.ovc-body-reset{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#8d99a3}
.ovc-body-reset:hover{color:#dce4ea;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.055);transform:translateY(-1px)}
.ovc-body-reset:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}
.ovc-body-toggle-label,.ovc-body-reset-label{font-size:10px;line-height:1;font-weight:835;letter-spacing:.018em}
.ovc-body-toggle .ovc-chevron{width:12px;height:12px;display:block;flex:0 0 12px;color:currentColor;transform-origin:50% 50%;transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.ovc-body-toggle .ovc-chevron path{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ovc-body-section.expanded .ovc-body-toggle .ovc-chevron{transform:rotate(180deg)}
.ovc-pill-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;min-width:68px;height:30px;padding:3px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(0,0,0,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);cursor:pointer}
.ovc-pill-switch[data-size="sm"]{min-width:58px}
.ovc-pill-switch .opt{position:relative;z-index:2;display:grid;place-items:center;padding:0 9px;border-radius:999px;color:#74808b;font-size:10px;font-weight:845;line-height:1;user-select:none;transition:color .15s ease,transform .15s ease}
.ovc-pill-switch::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:linear-gradient(180deg,rgba(216,184,95,.18),rgba(216,184,95,.08));border:1px solid rgba(216,184,95,.18);box-shadow:0 2px 8px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.ovc-pill-switch[data-state="right"]::before{transform:translateX(100%)}
.ovc-pill-switch[data-state="left"] .opt.left,.ovc-pill-switch[data-state="right"] .opt.right{color:#e4cf86}
.ovc-pill-switch[data-state="left"] .opt.right,.ovc-pill-switch[data-state="right"] .opt.left{color:#6b7580}
.ovc-pill-switch:hover{border-color:rgba(216,184,95,.16)}
.ovc-accelerate{grid-area:accel;display:flex;align-items:center;justify-content:flex-end;justify-self:end;min-width:0}.ovc-accelerate strong{display:inline-flex;align-items:center;justify-content:center;min-width:96px;height:32px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:#d5dde5;font-size:12px;font-weight:880;white-space:nowrap;letter-spacing:.01em;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.ovc-accelerate strong[data-accel="Controlled"]{color:#7be4a4;border-color:rgba(84,197,127,.34);background:rgba(84,197,127,.12);box-shadow:0 0 0 3px rgba(84,197,127,.05), inset 0 1px 0 rgba(255,255,255,.05)}
.ovc-accelerate strong[data-accel="Explosive"]{color:#ff9588;border-color:rgba(233,101,88,.34);background:rgba(233,101,88,.11);box-shadow:0 0 0 3px rgba(233,101,88,.05), inset 0 1px 0 rgba(255,255,255,.05)}
.ovc-accelerate strong[data-accel="Lengthy"]{color:#86b8ff;border-color:rgba(76,133,220,.38);background:rgba(76,133,220,.11);box-shadow:0 0 0 3px rgba(76,133,220,.05), inset 0 1px 0 rgba(255,255,255,.05)}
.ovc-body-expanded{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:14px;align-items:stretch;margin-top:10px;max-height:0;opacity:0;overflow:hidden;padding-top:0;border-top:1px solid rgba(255,255,255,0);transform:translateY(-8px);transition:max-height .36s cubic-bezier(.2,.8,.2,1),opacity .24s ease,padding-top .28s ease,border-color .28s ease,transform .30s cubic-bezier(.2,.8,.2,1)}
.ovc-body-section.expanded .ovc-body-expanded{max-height:430px;opacity:1;padding-top:12px;border-top:1px solid rgba(255,255,255,.05);transform:translateY(0)}
@media(max-width:980px) and (min-width:761px){.ovc-body-layout{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"summary accel" "actions quick";column-gap:14px;row-gap:7px}.ovc-body-summary{flex-wrap:nowrap;gap:11px}.ovc-body-chip{gap:6px;font-size:12px}.ovc-body-chip b{font-size:17px}.ovc-body-quick{gap:7px}.ovc-body-actions{gap:7px}}\n@media(max-width:760px){.ovc-body-layout{grid-template-columns:1fr;grid-template-areas:"summary" "accel" "quick" "actions";row-gap:9px}.ovc-body-summary{display:flex;flex-wrap:wrap;gap:12px 18px}.ovc-body-quick,.ovc-body-actions,.ovc-accelerate{justify-content:flex-start;flex-wrap:wrap}.ovc-body-expanded{grid-template-columns:1fr;max-height:0}.ovc-body-section.expanded .ovc-body-expanded{max-height:760px}}
.ovc-body-plot{
  position:relative;width:100%;height:auto;aspect-ratio:1.2 / 1;border:1px solid rgba(255,255,255,.07);border-radius:13px;overflow:hidden;touch-action:none;cursor:crosshair;
  background:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),
    radial-gradient(circle at 50% 50%,rgba(216,184,95,.045),transparent 60%),
    rgba(4,8,12,.28);
  background-size:25% 25%,25% 25%,auto,auto;
}
.ovc-body-axis{position:absolute;color:#6c7883;font-size:7px;font-weight:780;pointer-events:none}
.ovc-body-axis.top{top:8px;left:10px}.ovc-body-axis.bottom{bottom:8px;left:10px}.ovc-body-axis.left{bottom:8px;left:50%;transform:translateX(-50%)}.ovc-body-axis.right{bottom:8px;right:10px}
.ovc-body-dot{position:absolute;width:22px;height:22px;border-radius:50%;border:3px solid #e0c678;background:#a47d2e;box-shadow:0 0 0 7px rgba(216,184,95,.075),0 4px 15px rgba(0,0,0,.46);transform:translate(-50%,-50%);pointer-events:none}
.ovc-body-mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;align-content:stretch;height:auto;min-height:0}
.ovc-body-mod{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 11px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.018))}
.ovc-body-mod span{color:#7d8893;font-size:10px;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ovc-body-mod strong{font-size:14px;font-weight:860;font-variant-numeric:tabular-nums;color:#7a8691}.ovc-body-mod.positive strong{color:#69cb95}.ovc-body-mod.negative strong{color:#e3867d}

/* PlayStyle loadout — v5.3.5: aligned diamond slots + diamond DIY slot */
.ovc-playstyle-section{padding:8px 0 2px}
.ovc-ps-head{display:none}
.ovc-ps-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:6px;min-height:44px}
.ovc-ps-row+.ovc-ps-row{margin-top:8px}
.ovc-ps-label{color:#7d8893;font-size:9.5px;font-weight:860;letter-spacing:.02em;white-space:nowrap}
.ovc-ps-badges{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap}
.ovc-ps-prefix,.ovc-ps-track,.ovc-ps-extra,.ovc-ps-amp{display:flex;align-items:center;gap:5px;min-width:0}
.ovc-ps-track{gap:5px;margin-left:-2px}
.ovc-ps-badge{position:relative;width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:0;background:none;border-radius:0;transition:transform .14s ease,filter .14s ease}
.ovc-ps-badge:hover{transform:translateY(-1px);filter:brightness(1.10)}
.ovc-ps-badge .overview-badge-shell{--badge-h:33px;--badge-w:33px;--icon-box:19px;--gold-lift:0px;width:42px;height:42px}
.ovc-ps-row.gold .ovc-ps-badge .overview-badge-shell.plus{--badge-h:33px;--badge-w:39px;--icon-box:19px;--gold-lift:1.9px;width:42px;height:42px}
.ovc-ps-row.gold .ovc-ps-badge{width:42px;height:42px;flex-basis:42px}
.ovc-ps-separator{width:1px;height:22px;margin:0 4px;background:rgba(216,184,95,.18);flex:0 0 1px}
.ovc-ps-separator.soft{background:rgba(255,255,255,.08)}
.ovc-ps-slot,.ovc-ps-add{position:relative;width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;border-radius:0;border:0;background:none;box-shadow:none;overflow:visible;transition:opacity .15s ease,transform .15s ease,filter .15s ease}
.ovc-ps-slot .overview-badge-shell{--badge-h:32px;--badge-w:32px;--icon-box:18px;--gold-lift:0px;width:36px;height:36px}
.ovc-ps-slot.empty{opacity:.95}
.ovc-ps-slot.empty:hover,.ovc-ps-add:hover{transform:translateY(-1px);filter:brightness(1.06)}
.ovc-ps-slot.locked{opacity:.72}
.ovc-ps-slot.locked .ovc-ps-slot-shell{opacity:.46}
.ovc-ps-slot-shell,.ovc-ps-add-shell{position:absolute;left:50%;top:50%;width:31px;height:31px;display:block;margin:0;transform:translate(-50%,-50%) rotate(45deg);transform-origin:50% 50%;border-radius:5px;background:rgba(255,255,255,.01)}
.ovc-ps-slot-shell{border:1.6px dashed rgba(184,194,204,.34)}
.ovc-ps-add-shell{border:1.6px dashed rgba(216,184,95,.34);background:rgba(216,184,95,.025)}
.ovc-ps-add:hover .ovc-ps-add-shell{border-color:rgba(216,184,95,.52);background:rgba(216,184,95,.06)}
.ovc-ps-slot-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:13px;height:13px;display:block;color:#707b84}
.ovc-ps-slot-lock path,.ovc-ps-slot-lock rect{fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ovc-ps-slot-level{position:absolute;left:0;right:0;bottom:0;text-align:center;color:#66717b;font-size:6.5px;font-weight:850;letter-spacing:.02em}
.ovc-ps-slot.filled{opacity:1}
.ovc-signature-upgrade-hint{height:auto;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:none;color:#84764a;font-size:7px;font-weight:850;white-space:nowrap;line-height:1}
.ovc-ps-add{color:#c7af68;cursor:pointer}
.ovc-ps-add-plus{position:absolute;left:50%;top:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);color:#c7af68;font-size:18px;font-weight:500;line-height:1;z-index:1;text-align:center}
.ovc-ps-source-facility:hover{filter:brightness(1.16)}
.ovc-ps-source-amp::after{content:"";position:absolute;right:2px;bottom:2px;width:5px;height:5px;border-radius:50%;background:#d7ba63;box-shadow:0 0 0 2px rgba(7,11,15,.75)}
.ovc-ps-source-amp[data-amp-remove]{cursor:pointer}.ovc-ps-source-amp[data-amp-remove]:hover{transform:translateY(-1px) scale(1.03);filter:brightness(1.12)}
@media(max-width:760px){.ovc-ps-row{grid-template-columns:66px minmax(0,1fr)}.ovc-ps-badges,.ovc-ps-prefix,.ovc-ps-track,.ovc-ps-extra,.ovc-ps-amp{gap:4px}.ovc-ps-badge{width:38px;height:38px;flex-basis:38px}.ovc-ps-slot,.ovc-ps-add{width:34px;height:34px;flex-basis:34px}.ovc-ps-badge .overview-badge-shell{width:38px;height:38px}.ovc-ps-slot .overview-badge-shell{width:34px;height:34px}.ovc-ps-slot-shell,.ovc-ps-add-shell{width:29px;height:29px}}

/* AMP picker */
.ovc-amp-picker{
  position:absolute;z-index:60;left:0;right:0;bottom:12px;display:none;max-height:405px;overflow:hidden;
  border:1px solid rgba(216,184,95,.22);border-radius:17px;background:rgba(8,13,18,.99);box-shadow:0 24px 60px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(18px)
}
.ovc-amp-picker.open{display:flex;flex-direction:column}
.ovc-amp-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px 9px;border-bottom:1px solid rgba(255,255,255,.055)}
.ovc-amp-picker-title strong{display:block;color:#e0e5e9;font-size:11px}.ovc-amp-picker-title small{display:block;margin-top:2px;color:#706541;font-size:7px;font-weight:800}
.ovc-amp-tier{display:flex;gap:3px;padding:2px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(0,0,0,.18)}
.ovc-amp-tier button{height:24px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#67727d;font-size:8px;font-weight:820;cursor:pointer}
.ovc-amp-tier button.active{background:rgba(216,184,95,.10);color:#d5be74}
.ovc-amp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px;overflow:auto}
.ovc-amp-choice{min-width:0;min-height:66px;padding:6px 4px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.018);color:#9ba5ae;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}
.ovc-amp-choice:hover:not(:disabled){border-color:rgba(216,184,95,.28);background:rgba(216,184,95,.045)}
.ovc-amp-choice:disabled{opacity:.28;cursor:not-allowed}
.ovc-amp-choice img{width:31px;height:31px;object-fit:contain}
.ovc-amp-choice span{max-width:100%;font-size:7px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ovc-amp-picker-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;border-top:1px solid rgba(255,255,255,.05);color:#596570;font-size:7px}
.ovc-amp-clear{border:0;background:transparent;color:#a27f78;font-size:8px;font-weight:800;cursor:pointer}.ovc-amp-clear:disabled{opacity:.3;cursor:not-allowed}

.ovc-ap-toast{position:fixed;z-index:100;pointer-events:none;opacity:0;transform:translate(-50%,-100%) translateY(-4px) scale(.96);transition:opacity .12s ease,transform .14s ease;padding:5px 8px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(7,11,15,.95);box-shadow:0 9px 24px rgba(0,0,0,.38);color:#e1c776;font-size:10px;font-weight:850;white-space:nowrap}
.ovc-ap-toast.refund{color:#cbd1d7}.ovc-ap-toast.show{opacity:1;transform:translate(-50%,-100%) translateY(-8px) scale(1)}

@media(max-width:760px){
  .overview-profile-card .ovc-scroll{padding:15px 15px 14px}
  .ovc-model-copy strong{font-size:22px}
  .ovc-amp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* === SOURCE: css/147-v512-archetype-selector-affordance-style.css === */

/* v5.1.1 · clearer interactive archetype selector without changing the card language */
.ovc-model-trigger{
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:10px;
  margin:-3px -7px;
  width:calc(100% + 14px);
  padding:9px 7px;
  border:1px solid transparent;
  border-radius:14px;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.ovc-model-action{
  height:30px;
  padding:0 9px 0 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid rgba(216,184,95,.18);
  border-radius:999px;
  background:rgba(216,184,95,.035);
  color:#9f8a55;
  white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.ovc-model-action-label{font-size:8px;line-height:1;font-weight:820;letter-spacing:.02em}
/* v5.1.2 · replace text glyph with a true hairline chevron icon */
.ovc-model-action .ovc-chevron{
  width:12px;height:12px;display:block;flex:0 0 12px;color:currentColor;
  transform-origin:50% 50%;transition:transform .18s cubic-bezier(.2,.8,.2,1);
}
.ovc-model-action .ovc-chevron path{
  fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.ovc-model-trigger:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.026),rgba(216,184,95,.025));
  border-color:rgba(216,184,95,.095);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.ovc-model-trigger:hover .ovc-model-logo{background:rgba(216,184,95,.035)}
.ovc-model-trigger:hover .ovc-model-action{
  color:#d8bf70;
  border-color:rgba(216,184,95,.36);
  background:rgba(216,184,95,.075);
  box-shadow:0 0 0 3px rgba(216,184,95,.035);
}
.ovc-model-trigger:focus-visible{outline:none;border-color:rgba(216,184,95,.34);box-shadow:0 0 0 3px rgba(216,184,95,.06)}
.ovc-model-trigger[aria-expanded="true"]{
  background:linear-gradient(90deg,rgba(255,255,255,.028),rgba(216,184,95,.035));
  border-color:rgba(216,184,95,.16);
}
.ovc-model-trigger[aria-expanded="true"] .ovc-model-action{color:#dfc777;border-color:rgba(216,184,95,.40);background:rgba(216,184,95,.09)}
.ovc-model-trigger[aria-expanded="true"] .ovc-model-action .ovc-chevron{transform:rotate(180deg)}
.ovc-model-section::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(216,184,95,0),rgba(216,184,95,.15),rgba(216,184,95,0));
  opacity:0;transition:opacity .16s ease;pointer-events:none;
}
.ovc-model-section:has(.ovc-model-trigger:hover)::after,.ovc-model-section:has(.ovc-model-trigger[aria-expanded="true"])::after{opacity:1}
@media(max-width:760px){.ovc-model-action{height:28px;padding:0 8px}.ovc-model-action-label{font-size:7px}}