@media(min-width:761px){
  body{
    --pc-atmo:#c9ab5c;
    --pc-atmo-rgb:201,171,92;
    --pc-atmo-soft:#9d8245;
    --pc-cloud-rgb:86,111,132;
    --pc-bg-top:#0a0f14;
    --pc-bg-mid:#080d11;
    --pc-bg-bottom:#070b0f;
    --pc-panel:14,21,27;
    --pc-panel-2:10,16,21;
    --pc-line:255,255,255;
    --pc-gold:#c7aa60;
    --pc-gold-rgb:199,170,96;
    background:var(--pc-bg-bottom)!important;
    transition:background .24s ease;
  }

  body[data-pc-ui-theme="theme2"]{
    --pc-atmo:#76b59f;
    --pc-atmo-rgb:118,181,159;
    --pc-atmo-soft:#4f8274;
    --pc-cloud-rgb:74,118,127;
    --pc-bg-top:#091315;
    --pc-bg-mid:#081014;
    --pc-bg-bottom:#070d10;
    --pc-panel:13,23,25;
    --pc-panel-2:8,17,19;
  }

  body[data-pc-ui-theme="theme3"]{
    --pc-atmo:#88a9d3;
    --pc-atmo-rgb:136,169,211;
    --pc-atmo-soft:#5d7fa9;
    --pc-cloud-rgb:84,107,141;
    --pc-bg-top:#0d141b;
    --pc-bg-mid:#0a1016;
    --pc-bg-bottom:#090d12;
    --pc-panel:16,23,31;
    --pc-panel-2:10,16,23;
  }

  html{
    background:var(--pc-bg-bottom)!important;
  }

  body .shell{
    position:relative!important;
    isolation:isolate!important;
    background:
      radial-gradient(1100px 430px at 44% -120px,rgba(var(--pc-cloud-rgb),.17),transparent 67%),
      radial-gradient(780px 360px at 103% 2%,rgba(var(--pc-atmo-rgb),.060),transparent 72%),
      linear-gradient(180deg,var(--pc-bg-top) 0%,var(--pc-bg-mid) 42%,var(--pc-bg-bottom) 100%)!important;
    transition:background .24s ease!important;
  }

  body .shell::before{
    content:"";
    position:fixed;
    z-index:0;
    pointer-events:none;
    left:0;right:0;top:0;
    height:460px;
    opacity:.32;
    background-image:
      linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.010) 1px,transparent 1px);
    background-size:38px 38px;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.48) 48%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.48) 48%,transparent 100%);
  }

  body .topbar,
  body .workspace{
    position:relative;
    z-index:1;
  }

  /* ---------- Top bar ---------- */
  body .topbar{
    border-bottom:1px solid rgba(var(--pc-line),.065)!important;
    background:
      linear-gradient(180deg,rgba(var(--pc-panel-2),.92),rgba(var(--pc-panel-2),.79))!important;
    -webkit-backdrop-filter:blur(18px) saturate(112%);
    backdrop-filter:blur(18px) saturate(112%);
    box-shadow:
      inset 0 -1px 0 rgba(var(--pc-atmo-rgb),.035),
      0 10px 34px rgba(0,0,0,.18)!important;
  }

  body .site-brand-copy .eyebrow{
    color:rgba(var(--pc-atmo-rgb),.76)!important;
    letter-spacing:.15em!important;
  }

  body .site-brand-copy h1{
    color:#edf1f3!important;
    text-shadow:0 1px 14px rgba(0,0,0,.20)!important;
  }

  body .site-brand-copy .subtitle{
    color:#6f7a84!important;
  }

  body .version{
    border:1px solid rgba(var(--pc-atmo-rgb),.11)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.018)!important;
    color:#7f8a93!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }

  /* ---------- Main glass language ---------- */
  body .panel,
  body .advanced-panel,
  body .advanced-card,
  body .feature-page-card,
  body .overview-card,
  body .diy-panel,
  body .mastery-card,
  body .facilities-card,
  body .specialization-card,
  body .ps-library-card,
  body .ps-signature-card,
  body .ps-slots-card,
  body .facility-budget-card,
  body .facility-preview-card,
  body .facility-slot-card,
  body .facility-level-card,
  body .facility-level-card-summary,
  body .mb70-card,
  body .mb70-preview-card{
    border-color:rgba(var(--pc-atmo-rgb),.095)!important;
    background:
      linear-gradient(155deg,
        rgba(255,255,255,.030),
        rgba(var(--pc-atmo-rgb),.010) 34%,
        rgba(var(--pc-panel),.925) 58%,
        rgba(var(--pc-panel-2),.965) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.026),
      0 12px 30px rgba(0,0,0,.11)!important;
    transition:
      background .22s ease,
      border-color .22s ease,
      box-shadow .22s ease!important;
  }

  body .panel:hover,
  body .advanced-card:hover,
  body .specialization-card:hover,
  body .mastery-card:hover,
  body .facility-slot-card:hover{
    border-color:rgba(var(--pc-atmo-rgb),.145)!important;
  }

  /* Stronger shell cards: atmosphere at the top, darkness below. */
  body .global-archetype-overview-card,
  body .build-overview-panel,
  body .specialization-panel,
  body .feature-panel,
  body #masteryPanel,
  body #facilitiesPanel,
  body #playstylesPanel,
  body #diyPanel{
    border-color:rgba(var(--pc-atmo-rgb),.10)!important;
  }

  /* ---------- Navigation ---------- */
  body .editor-view-tabs{
    padding:6px 8px!important;
    border:1px solid rgba(var(--pc-atmo-rgb),.095)!important;
    border-radius:12px!important;
    background:
      linear-gradient(180deg,rgba(var(--pc-panel),.90),rgba(var(--pc-panel-2),.94))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.025),
      0 10px 28px rgba(0,0,0,.12)!important;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
  }

  body .editor-view-tab{
    border-radius:8px!important;
    color:#77838c!important;
    transition:color .16s ease,background .16s ease,box-shadow .16s ease!important;
  }

  body .editor-view-tab:hover{
    color:#b8c1c7!important;
    background:rgba(255,255,255,.020)!important;
  }

  /* Gold remains interaction semantics, exactly like Mobile. */
  body .editor-view-tab.active{
    color:#e2c979!important;
    background:rgba(var(--pc-gold-rgb),.070)!important;
    box-shadow:inset 0 0 0 1px rgba(var(--pc-gold-rgb),.075)!important;
  }

  body .editor-view-sep{
    color:rgba(255,255,255,.055)!important;
  }

  body .editor-beta{
    color:rgba(var(--pc-atmo-rgb),.62)!important;
  }

  /* ---------- Workspace toolbar ---------- */
  body .workspace-toolbar{
    border-color:rgba(var(--pc-atmo-rgb),.085)!important;
    border-radius:11px!important;
    background:
      linear-gradient(180deg,rgba(var(--pc-panel),.82),rgba(var(--pc-panel-2),.90))!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.022),
      0 8px 22px rgba(0,0,0,.095)!important;
  }

  body .toolbar-icon-button,
  body .toolbar-text-button,
  body .toolbar-visibility-button,
  body .page-tool-button,
  body .facility-page-tool-btn,
  body .mastery-bulk-btn{
    border-color:rgba(var(--pc-atmo-rgb),.09)!important;
    background:rgba(255,255,255,.015)!important;
    color:#87929a!important;
  }

  body .toolbar-icon-button:hover:not(:disabled),
  body .toolbar-text-button:hover:not(:disabled),
  body .toolbar-visibility-button:hover:not(:disabled),
  body .page-tool-button:hover:not(:disabled),
  body .facility-page-tool-btn:hover:not(:disabled),
  body .mastery-bulk-btn:hover:not(:disabled){
    border-color:rgba(var(--pc-atmo-rgb),.20)!important;
    background:rgba(var(--pc-atmo-rgb),.050)!important;
    color:#cbd3d8!important;
  }

  /* ---------- Decorative headings ---------- */
  body .workspace-decor-header{
    position:relative!important;
  }

  body .workspace-decor-header::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:1px;
    background:
      linear-gradient(90deg,
        rgba(var(--pc-atmo-rgb),.25),
        rgba(255,255,255,.040) 36%,
        transparent 86%);
    pointer-events:none;
  }

  body .workspace-decor-title,
  body .advanced-kicker,
  body .attribute-eye-brow,
  body .build-control-eyebrow{
    color:rgba(var(--pc-atmo-rgb),.67)!important;
  }

  body .feature-page-card>header,
  body .build-overview-head,
  body .specialization-page-head{
    position:relative!important;
  }

  body .feature-page-card>header::before,
  body .build-overview-head::before,
  body .specialization-page-head::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:3px;
    height:18px;
    border-radius:99px;
    transform:translateY(-50%);
    background:
      linear-gradient(180deg,
        rgba(var(--pc-atmo-rgb),.92),
        rgba(var(--pc-atmo-rgb),.42));
    box-shadow:0 0 16px rgba(var(--pc-atmo-rgb),.16);
    pointer-events:none;
  }

  body .feature-page-card>header>*,
  body .build-overview-head>*,
  body .specialization-page-head>*{
    position:relative;
    z-index:1;
  }

  /* ---------- Inputs / search / selects ---------- */
  body input:not([type="range"]):not([type="checkbox"]):not([type="radio"]),
  body select,
  body textarea,
  body .facility-searchbox{
    border-color:rgba(var(--pc-atmo-rgb),.09)!important;
    background:rgba(var(--pc-panel-2),.80)!important;
    color:#c6ced4!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  }

  body input:not([type="range"]):focus,
  body select:focus,
  body textarea:focus{
    border-color:rgba(var(--pc-atmo-rgb),.24)!important;
    box-shadow:0 0 0 2px rgba(var(--pc-atmo-rgb),.045)!important;
  }

  /* ---------- Drawers / modals ---------- */
  body .ut-sim-drawer,
  body .diy-result-dialog,
  body .fc27-amp-modal,
  body .mb70-modal{
    border-color:rgba(var(--pc-atmo-rgb),.13)!important;
    background:
      linear-gradient(180deg,
        rgba(var(--pc-panel),.985),
        rgba(var(--pc-panel-2),.995))!important;
    box-shadow:
      0 28px 76px rgba(0,0,0,.50),
      inset 0 1px 0 rgba(255,255,255,.030)!important;
  }

  body .ut-drawer-head,
  body .diy-result-head,
  body .fc27-amp-modal-head,
  body .mb70-modal-head{
    border-bottom-color:rgba(var(--pc-atmo-rgb),.08)!important;
  }

  body .ut-drawer-mode-btn.active{
    border-color:rgba(var(--pc-gold-rgb),.20)!important;
    background:rgba(var(--pc-gold-rgb),.065)!important;
    color:#ddc476!important;
  }

  /* ---------- Scrollbars ---------- */
  body *{
    scrollbar-color:rgba(var(--pc-atmo-rgb),.16) transparent;
  }

  body *::-webkit-scrollbar-thumb{
    background:rgba(var(--pc-atmo-rgb),.14)!important;
    border-radius:99px!important;
  }

  /* ---------- Premium theme switch ---------- */
  #pcPremiumThemeControl{
    position:relative;
    display:flex;
    align-items:center;
    margin-left:8px;
  }

  #pcPremiumThemeButton{
    position:relative;
    width:34px;
    height:30px;
    padding:0;
    border:1px solid rgba(var(--pc-atmo-rgb),.11);
    border-radius:9px;
    background:
      linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.012));
    color:#aeb7bd;
    display:grid;
    place-items:center;
    box-shadow:
      0 8px 22px rgba(0,0,0,.18),
      inset 0 1px 0 rgba(255,255,255,.045);
    cursor:pointer;
    -webkit-backdrop-filter:blur(16px) saturate(116%);
    backdrop-filter:blur(16px) saturate(116%);
    transition:
      transform .10s ease,
      border-color .16s ease,
      background .16s ease;
  }

  #pcPremiumThemeButton:hover{
    border-color:rgba(var(--pc-atmo-rgb),.22);
    background:rgba(var(--pc-atmo-rgb),.035);
  }

  #pcPremiumThemeButton:active{
    transform:scale(.96);
  }

  #pcPremiumThemeDots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    height:12px;
  }

  #pcPremiumThemeDots i{
    display:block;
    width:4px;height:4px;
    border-radius:50%;
    background:#aeb6bc;
    box-shadow:0 0 8px rgba(var(--pc-atmo-rgb),.10);
  }

  #pcPremiumThemeDots i:nth-child(2){
    width:5px;height:5px;
    background:var(--pc-atmo);
    box-shadow:0 0 10px rgba(var(--pc-atmo-rgb),.24);
  }

  #pcPremiumThemeMenu{
    position:absolute;
    right:0;
    top:38px;
    z-index:400;
    width:210px;
    padding:8px;
    border:1px solid rgba(var(--pc-atmo-rgb),.12);
    border-radius:14px;
    background:
      linear-gradient(180deg,
        rgba(var(--pc-panel),.985),
        rgba(var(--pc-panel-2),.995));
    box-shadow:
      0 24px 64px rgba(0,0,0,.48),
      inset 0 1px 0 rgba(255,255,255,.025);
    -webkit-backdrop-filter:blur(18px) saturate(118%);
    backdrop-filter:blur(18px) saturate(118%);
  }

  #pcPremiumThemeMenu[hidden]{
    display:none!important;
  }

  .pc-premium-theme-head{
    padding:4px 7px 8px;
    font-size:9px;
    letter-spacing:.13em;
    color:#707b84;
  }

  .pc-premium-theme-option{
    width:100%;
    min-height:44px;
    padding:6px 7px;
    border:0;
    border-radius:10px;
    background:transparent;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 20px;
    gap:9px;
    align-items:center;
    color:#c7ced3;
    text-align:left;
    cursor:pointer;
  }

  .pc-premium-theme-option:hover{
    background:rgba(255,255,255,.025);
  }

  .pc-premium-theme-option.active{
    background:rgba(var(--pc-gold-rgb),.055);
    box-shadow:inset 0 0 0 1px rgba(var(--pc-gold-rgb),.065);
  }

  .pc-premium-theme-thumb{
    width:44px;
    height:30px;
    border-radius:8px;
    border:1px solid rgba(255,255,255,.06);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }

  .pc-premium-theme-thumb.t1{
    background:
      radial-gradient(circle at 52% 0%,rgba(86,111,132,.22),transparent 56%),
      linear-gradient(145deg,#12191f,#090e13 78%);
  }

  .pc-premium-theme-thumb.t2{
    background:
      radial-gradient(circle at 12% 0%,rgba(120,182,161,.23),transparent 46%),
      linear-gradient(145deg,#121c20,#091015 78%);
  }

  .pc-premium-theme-thumb.t3{
    background:
      radial-gradient(circle at 52% 0%,rgba(107,145,184,.20),transparent 54%),
      linear-gradient(180deg,#121a22,#0a0f14 82%);
  }

  .pc-premium-theme-copy{
    min-width:0;
  }

  .pc-premium-theme-copy strong{
    display:block;
    font-size:11px;
    line-height:1.1;
    color:#dde3e7;
    font-weight:800;
  }

  .pc-premium-theme-copy span{
    display:block;
    margin-top:3px;
    font-size:9.5px;
    line-height:1;
    color:#6f7a84;
  }

  .pc-premium-theme-check{
    opacity:0;
    color:#d0b56a;
    font-size:12px;
    font-weight:900;
    text-align:center;
  }

  .pc-premium-theme-option.active .pc-premium-theme-check{
    opacity:1;
  }
}