.page-hero, .auth-card, .profile-header, .section-card, .gt-row, .admin-header, .cache-section, .stat-card, .panel, .panel-ornate{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text);box-shadow:0 2px 8px rgba(35,24,12,.07),0 0 0 1px rgba(216,207,192,.32)!important}
.page-hero, .auth-card, .profile-header, .section-card, .cache-section, .stat-card, .panel-ornate{border-color:var(--border-gold)!important}
.gt-row{background:var(--surface2)!important}
.sidebar .user-card, .sidebar .almanax-widget, .sidebar .friends-widget{background:var(--c-surface)!important}
.sidebar .user-card-public{background:var(--c-inset)!important;border-color:var(--c-line)!important}
.sidebar .user-card-public-edit input{background:var(--c-surface-hi)!important;border-color:var(--c-line)!important}
.sidebar .user-card-public-save{background:var(--c-surface-hi)!important}
.gt-row:hover{background:var(--c-surface-hi)!important;border-color:var(--border-gold)!important}
.auth-card::before{background:linear-gradient(90deg,transparent,var(--gold-light),var(--gold),transparent)!important}
.auth-card h1, .page-hero h1, .profile-name, .stat-num, .admin-header h1, .cache-section h3{color:var(--gold)!important}
.auth-card h1, .page-hero h1, .profile-name, .admin-header h1, .cache-section h3, .section-card-header h2, .trade-section-header h2, .archi-panel-title, .priority-panel-head h2, .harvest-title, .summary-section-title, .archi-info-body h2, .trade-modal-card h3, .notif-dropdown-head h3, .alm-title, .fw-title, .profile-archi-title, .avatar-modal-card h3{font-weight:800!important;color:var(--gold-dark)!important}
.page-hero h1, .admin-header h1, .harvest-title, .archi-info-body h2{letter-spacing:.01em!important}
.section-card-header h2, .trade-section-header h2, .archi-panel-title, .priority-panel-head h2, .cache-section h3, .trade-modal-card h3, .notif-dropdown-head h3, .alm-title, .fw-title, .profile-archi-title, .avatar-modal-card h3{font-family:var(--font-ui)!important;letter-spacing:.04em!important}
.error-box{background:var(--c-tint-red)!important;border-color:rgba(168,40,40,.35)!important;color:var(--red)!important}
.users-table th{background:var(--surface2)!important}
.users-table td{border-bottom-color:color-mix(in srgb,var(--c-line) 65%,transparent)!important}
.navbar{height:52px!important;padding:0 28px!important;background:#16110c!important;border-bottom:1px solid #2e2416!important;box-shadow:0 4px 22px rgba(0,0,0,.32),0 1px 0 rgba(232,201,106,.08)!important}
.navbar-brand{font-family:'Cinzel',serif!important;display:inline-flex!important;align-items:center!important;gap:10px!important;margin-right:18px!important;letter-spacing:.08em!important}
.navbar-brand::before{content:none!important}
.nav-link{border:none!important;border-radius:6px!important;padding:6px 14px!important;text-transform:none!important;letter-spacing:.02em!important}
.main-content > .page-hero:first-child{min-height:132px!important;padding:0!important;margin-bottom:1.5rem!important;overflow:hidden!important;align-items:center!important;border-radius:16px!important;border:1px solid var(--border-gold)!important;background:linear-gradient(90deg,rgba(22,17,12,.88) 0%,rgba(22,17,12,.70) 34%,rgba(22,17,12,.25) 62%,rgba(22,17,12,.03) 100%),
    url("../img/encyclopedia-hero.png"),
    linear-gradient(135deg,#b7b31d 0%,#d2bf2c 35%,#caa52e 58%,#6f9b35 100%)!important;background-size:auto,cover,cover!important;background-position:center,center 42%,center!important;box-shadow:0 10px 28px rgba(35,24,12,.16),0 0 0 1px rgba(255,255,255,.34) inset!important}
.main-content > .page-hero:first-child::before{content:''!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.30)),radial-gradient(ellipse at 88% 10%,rgba(255,255,255,.35),transparent 32%),
    linear-gradient(180deg,rgba(255,236,120,.18),rgba(96,80,16,.08))!important;mix-blend-mode:soft-light!important}
.main-content > .page-hero:first-child .hero-copy{position:relative!important;z-index:1!important;padding:2rem 2.2rem!important;max-width:620px!important}
.main-content > .page-hero:first-child h1{font-family:'Cinzel',serif!important;font-size:1.32rem!important;font-weight:800!important;text-transform:uppercase!important;font-variant:normal!important;line-height:1.1!important;color:#f6d977!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important;margin:0 0 .55rem!important;letter-spacing:.04em!important}
.main-content > .page-hero:first-child p{color:#fff3bf!important;font-size:.9rem!important;text-shadow:0 2px 10px rgba(0,0,0,.55)!important;margin:0!important}
.main-content > .archi-page-hero:first-child{background:linear-gradient(90deg,rgba(22,17,12,.88) 0%,rgba(22,17,12,.68) 34%,rgba(22,17,12,.25) 62%,rgba(22,17,12,.03) 100%),
    url("../img/archi-hero.png"),
    linear-gradient(135deg,#66513b 0%,#9c7f50 45%,#5c793c 100%)!important;background-size:auto,cover,cover!important;background-position:center,center 42%,center!important}
.main-content > .trade-page-hero:first-child{background:linear-gradient(90deg,rgba(22,17,12,.88) 0%,rgba(22,17,12,.68) 34%,rgba(22,17,12,.25) 62%,rgba(22,17,12,.03) 100%),
    url("../img/trade-hero.png"),
    linear-gradient(135deg,#66513b 0%,#9c7f50 45%,#5c793c 100%)!important;background-size:auto,cover,cover!important;background-position:center,center 42%,center!important}
.main-content > .cosecha-page-hero:first-child{background:linear-gradient(90deg,rgba(22,17,12,.88) 0%,rgba(22,17,12,.68) 34%,rgba(22,17,12,.25) 62%,rgba(22,17,12,.03) 100%),
    url("../img/cosecha-hero.png"),
    linear-gradient(135deg,#3b5c45 0%,#7a9e50 50%,#4a6e35 100%)!important;background-size:auto,cover,cover!important;background-position:center,center 35%,center!important}
.main-content > .archi-page-hero:first-child > a{position:relative!important;z-index:1!important;margin-left:auto!important;margin-right:1.5rem!important;background:color-mix(in srgb,var(--c-surface-hi) 88%,transparent)!important;border:1px solid color-mix(in srgb,var(--c-line-accent) 55%,transparent)!important;color:var(--gold-dark)!important;font-family:var(--font-ui)!important;font-size:.76rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.main-content > .archi-page-hero:first-child > a:hover{background:var(--c-surface-hi)!important;color:var(--gold)!important}
.is-hidden{display:none}
.btn-add-trade{min-height:36px!important;padding:6px 14px!important;border-radius:6px!important;background:var(--surface2)!important;border:1px solid var(--border-gold)!important;color:var(--gold-dark)!important;box-shadow:0 1px 3px rgba(35,24,12,.05)!important;font-family:var(--font-ui)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.04em!important}
.btn-add-trade:hover, .btn-add-trade:focus-visible{background:var(--c-surface-hi)!important;border-color:var(--border-gold)!important;color:var(--gold)!important;box-shadow:0 2px 8px rgba(154,110,20,.12)!important;filter:none!important}
.fw-list, .archi-list, .archi-drop, .trade-archi-drop, .harvest-stage, .harvest-summary{scrollbar-width:thin!important;scrollbar-color:var(--c-line-accent) transparent!important}
.fw-list::-webkit-scrollbar, .archi-list::-webkit-scrollbar, .archi-drop::-webkit-scrollbar, .trade-archi-drop::-webkit-scrollbar, .harvest-stage::-webkit-scrollbar, .harvest-summary::-webkit-scrollbar{width:9px!important;height:9px!important}
.fw-list::-webkit-scrollbar-track, .archi-list::-webkit-scrollbar-track, .archi-drop::-webkit-scrollbar-track, .trade-archi-drop::-webkit-scrollbar-track, .harvest-stage::-webkit-scrollbar-track, .harvest-summary::-webkit-scrollbar-track{background:transparent!important;border:0!important}
.fw-list::-webkit-scrollbar-thumb, .archi-list::-webkit-scrollbar-thumb, .archi-drop::-webkit-scrollbar-thumb, .trade-archi-drop::-webkit-scrollbar-thumb, .harvest-stage::-webkit-scrollbar-thumb, .harvest-summary::-webkit-scrollbar-thumb{background:var(--c-line-accent)!important;border:2px solid transparent!important;background-clip:padding-box!important;border-radius:999px!important}
.fw-list::-webkit-scrollbar-thumb:hover, .archi-list::-webkit-scrollbar-thumb:hover, .archi-drop::-webkit-scrollbar-thumb:hover, .trade-archi-drop::-webkit-scrollbar-thumb:hover, .harvest-stage::-webkit-scrollbar-thumb:hover, .harvest-summary::-webkit-scrollbar-thumb:hover{background:var(--c-accent)!important;background-clip:padding-box!important}
.alm-item img, .gt-item img, .want-card img, .archi-card img, .archi-modal-img, .archi-drop-item img, .archi-row img, .trade-side img, .trade-drop-item img{image-rendering:auto!important}
.archi-card img, .archi-modal-img, .want-card img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))!important}
.trade-side img, .gt-item img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))!important}
.nav-menu-toggle{display:none}
.confirm-modal{position:fixed!important;inset:0!important;background:rgba(20,14,8,.72)!important;z-index:1800!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;backdrop-filter:blur(2px)!important}
.confirm-modal.is-hidden,.confirm-modal[hidden]{display:none!important}
.confirm-card{width:min(94vw,430px)!important;position:relative!important;background:var(--c-surface)!important;border:1px solid var(--border-gold)!important;border-radius:10px!important;box-shadow:0 24px 70px rgba(35,24,12,.38),0 0 0 1px rgba(255,255,255,.35) inset!important;padding:1.15rem!important;color:var(--text)!important}
.confirm-close{position:absolute!important;top:.65rem!important;right:.65rem!important;width:30px!important;height:30px!important;border:1px solid var(--c-line)!important;border-radius:6px!important;background:var(--c-surface-hi)!important;color:var(--text-muted)!important;cursor:pointer!important;font-size:1.1rem!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}
.confirm-icon{width:38px!important;height:38px!important;border:1px solid var(--border-gold)!important;border-radius:8px!important;background:var(--c-inset)!important;color:var(--gold-dark)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:.85rem!important}
.confirm-icon svg{width:19px!important;height:19px!important;stroke-width:2.2!important}
.confirm-copy h2{font-family:'Cinzel',serif!important;font-size:1rem!important;line-height:1.2!important;color:var(--gold)!important;letter-spacing:.03em!important;margin:0 .8rem .45rem 0!important}
.confirm-copy p{font-size:.9rem!important;line-height:1.5!important;color:var(--text-muted)!important;margin:0!important;white-space:pre-line!important}
.confirm-actions{display:flex!important;justify-content:flex-end!important;gap:.55rem!important;margin-top:1.1rem!important;flex-wrap:wrap!important}
.confirm-btn{min-height:36px!important;border-radius:6px!important;border:1px solid var(--border)!important;background:var(--c-surface-hi)!important;color:var(--text-muted)!important;padding:.45rem .85rem!important;font-family:var(--font-ui)!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important;cursor:pointer!important;transition:all .15s!important}
.confirm-accept{background:linear-gradient(135deg,#e8c96a,#c9a84c 48%,#9a6e14)!important;border-color:var(--c-line-accent)!important;color:#1c1200!important}
.confirm-accept.danger{background:var(--c-tint-red)!important;border-color:#c98b76!important;color:#9a3b1f!important}
.harvest-layout{display:grid!important;grid-template-columns:320px 1fr!important;gap:1rem!important;align-items:start!important}
.harvest-summary,.harvest-stage{background:var(--surface)!important;border:1px solid var(--border-gold)!important;border-radius:8px!important;box-shadow:0 3px 12px rgba(35,24,12,.10)!important}
.harvest-summary{position:sticky!important;top:76px!important;padding:1.1rem!important}
.summary-grid{display:grid!important;grid-template-columns:1fr auto!important;gap:.45rem .9rem!important;margin-bottom:1.3rem!important}
.progress-track{height:24px!important;border-radius:999px!important;background:var(--c-inset)!important;border:1px solid var(--border)!important;position:relative!important;overflow:hidden!important}
.progress-fill{height:100%!important;min-width:30px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2))!important;display:flex!important;align-items:center!important;padding-left:10px!important;color:var(--c-accent-ink)!important;font-size:.76rem!important;font-weight:800!important;white-space:nowrap!important}
.harvest-stage{overflow:hidden!important;margin-bottom:.8rem!important}
.stage-head:not(.zone-head){width:100%!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:1rem!important;align-items:center!important;padding:.55rem .75rem!important;border:0!important;border-bottom:1px solid transparent!important;background:var(--surface)!important;cursor:pointer!important;text-align:left!important}
.harvest-stage.open .stage-head{border-bottom-color:var(--border)!important}
.stage-body{display:none!important}
.harvest-stage.open .stage-body{display:block!important}
.harvest-table{width:100%!important;border-collapse:collapse!important}
.harvest-table th{background:var(--c-inset)!important;color:var(--text)!important;font-size:.78rem!important;text-align:left!important;padding:.65rem .75rem!important;border-bottom:1px solid var(--border)!important}
.harvest-table td{padding:.65rem .75rem!important;border-bottom:1px solid color-mix(in srgb,var(--c-line) 75%,transparent)!important;vertical-align:middle!important;font-size:.85rem!important}
.monster-cell{display:flex!important;align-items:center!important;gap:.65rem!important;min-width:220px!important}
.monster-cell img{width:42px!important;height:42px!important;object-fit:contain!important}
.harvest-qty-control{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.32rem!important;white-space:nowrap!important}
.harvest-qty-btn{width:28px!important;height:28px!important;border:1px solid var(--border-gold)!important;border-radius:5px!important;background:var(--surface2)!important;color:var(--gold-dark)!important;font-weight:900!important}
.qty-box{width:44px!important;height:28px!important;border:1px solid var(--border)!important;border-radius:4px!important;background:var(--surface)!important;text-align:center!important;color:var(--text)!important;font-weight:700!important}
@media(max-width:900px){.harvest-layout{grid-template-columns:1fr!important}.harvest-summary{position:static!important}}

@media(max-width:1260px){
  .navbar{height:52px!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;padding:0 14px!important;gap:10px!important;overflow:visible!important}
  .navbar-brand{flex:0 1 auto!important;margin-right:0!important;font-size:.86rem!important}
  .nav-menu-toggle{width:38px;height:38px;display:inline-flex!important;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid rgba(232,201,106,.28);border-radius:8px;background:rgba(255,255,255,.05);color:var(--gold-light);cursor:pointer;flex:0 0 auto;transition:all .15s}
  .nav-menu-toggle span{width:18px;height:2px;border-radius:999px;background:currentColor;display:block;transition:transform .18s,opacity .18s}
  .navbar.nav-menu-open .nav-menu-toggle{background:rgba(232,201,106,.13);border-color:rgba(232,201,106,.48)}
  .navbar.nav-menu-open .nav-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .navbar.nav-menu-open .nav-menu-toggle span:nth-child(2){opacity:0}
  .navbar.nav-menu-open .nav-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .navbar > .nav-link, .navbar > .nav-right{display:none!important}
  .navbar.nav-menu-open{height:auto!important;min-height:52px!important;flex-wrap:wrap!important;padding-bottom:10px!important;box-shadow:0 12px 30px rgba(0,0,0,.34),0 1px 0 rgba(232,201,106,.08)!important}
  .navbar.nav-menu-open > .nav-link{order:4;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:1 0 100%!important;width:100%!important;min-height:38px!important;padding:8px 10px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(232,201,106,.12)!important;color:rgba(232,217,176,.82)!important}
  .navbar.nav-menu-open > .nav-link:hover{background:rgba(255,255,255,.08)!important;color:var(--gold-light)!important}
  .navbar.nav-menu-open > .nav-right{order:5;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;width:100%!important;margin-left:0!important;padding-top:6px!important;border-top:1px solid rgba(232,201,106,.12)!important}
  .navbar.nav-menu-open .nav-right .nav-link{display:flex!important;align-items:center!important;min-height:34px!important;padding:7px 10px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(232,201,106,.12)!important}
  .navbar.nav-menu-open .nav-username{max-width:100%;min-height:34px}
  .navbar.nav-menu-open .notif-dropdown{right:auto!important;left:0!important;width:min(340px,calc(100vw - 28px))!important}
  .breadcrumb-bar{padding-top:70px!important}
  .page-layout{padding-top:70px!important}
}

@media(max-width:560px){
  .navbar{padding:0 10px!important}
  .navbar-brand{font-size:.8rem!important}
  .nav-menu-toggle{width:36px;height:36px}
  .navbar.nav-menu-open > .nav-link{font-size:.78rem!important}
  .breadcrumb-bar{display:none!important}
  .page-layout{padding:66px .75rem 1.25rem!important}
}