/* Gurugu Metin Helfer V61 — Stone & Gold shell
   Warm stone / greige surfaces, graphite navigation, restrained bronze details.
   Loaded last intentionally so the helper logic and component CSS stay untouched. */

*{box-sizing:border-box}
html{scroll-behavior:smooth}

:root{
  --hub-bg:#cfc9c0;
  --hub-bg-2:#d8d2c8;
  --hub-bg-3:#beb7ad;
  --hub-surface:#e5e0d7;
  --hub-surface-2:#d9d2c8;
  --hub-surface-3:#cec6ba;
  --hub-surface-soft:#ddd7ce;
  --hub-graphite:#302f2c;
  --hub-graphite-2:#393733;
  --hub-graphite-3:#45413b;
  --hub-line:rgba(72,63,52,.16);
  --hub-line-strong:rgba(96,77,53,.27);
  --hub-line-hot:rgba(155,116,64,.45);
  --hub-text:#302d29;
  --hub-text-soft:#554f48;
  --hub-muted:#756e65;
  --hub-muted-2:#91897e;
  --hub-gold:#9f7847;
  --hub-gold-2:#ba9560;
  --hub-gold-soft:#d3b887;
  --hub-red:#a7514d;
  --hub-green:#657d5d;
  --hub-shadow:0 14px 34px rgba(47,42,35,.10);
  --hub-shadow-soft:0 6px 18px rgba(47,42,35,.075);
  --hub-radius:10px;
  color-scheme:light;
}

html{
  scroll-padding-top:94px;
  background:var(--hub-bg);
}
body{
  margin:0;
  color:var(--hub-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:
    radial-gradient(980px 420px at 50% -180px,rgba(255,255,255,.24),transparent 68%),
    radial-gradient(620px 400px at 7% 35%,rgba(127,104,72,.06),transparent 72%),
    radial-gradient(700px 430px at 96% 58%,rgba(110,92,68,.055),transparent 74%),
    linear-gradient(180deg,#d9d4cc 0%,#cec8bf 46%,#c6c0b7 100%);
  background-attachment:fixed;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.35;
  background:
    repeating-linear-gradient(102deg,rgba(61,55,48,.025) 0 1px,transparent 1px 9px),
    repeating-linear-gradient(13deg,rgba(255,255,255,.10) 0 1px,transparent 1px 13px);
}
::selection{background:rgba(159,120,71,.30);color:#211f1c}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* ---------- Main shell ---------- */
.hub-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(48,47,44,.97);
  border-bottom:1px solid rgba(205,171,116,.28);
  box-shadow:0 8px 26px rgba(25,23,20,.20);
  backdrop-filter:blur(14px) saturate(105%);
  -webkit-backdrop-filter:blur(14px) saturate(105%);
}
.hub-header::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:min(1040px,78vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(197,156,91,.52),transparent);
  pointer-events:none;
}
.hub-header__inner{
  width:min(1320px,calc(100% - 40px));
  min-height:74px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);
  align-items:center;
  gap:20px;
}
.hub-brand{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
  color:inherit;
  text-decoration:none;
}
.hub-brand__logo{
  width:46px;
  height:46px;
  display:block;
  flex:0 0 auto;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}
.hub-brand__text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  line-height:1.05;
}
.hub-brand strong{
  display:block;
  color:#eee7dc;
  font-size:13.5px;
  font-weight:760;
  letter-spacing:-.012em;
  white-space:nowrap;
}
.hub-brand small{
  display:block;
  margin-top:4px;
  color:#aaa297;
  font-size:9.7px;
  letter-spacing:.035em;
  white-space:nowrap;
}

/* ---------- Centered navigation ---------- */
.tool-tabs{
  grid-column:2;
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  max-width:100%;
  padding:4px;
  overflow-x:auto;
  scrollbar-width:none;
  border:1px solid rgba(207,175,121,.14);
  border-radius:10px;
  background:rgba(32,31,29,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.tool-tabs::-webkit-scrollbar{display:none}
.tool-tab{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#aaa297;
  font-size:11.8px;
  font-weight:680;
  letter-spacing:.005em;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.tool-tab:hover{
  color:#eee7dd;
  border-color:rgba(202,164,102,.16);
  background:rgba(255,255,255,.045);
}
.tool-tab.active{
  color:#f1e6d4;
  border-color:rgba(201,158,91,.34);
  background:linear-gradient(180deg,#4b463f,#37342f);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 3px 10px rgba(0,0,0,.15);
}
.tool-tab.active::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:3px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(209,166,98,.90),transparent);
}
.tool-soon-badge{
  margin-left:6px;
  padding:2px 5px;
  border:1px solid rgba(202,110,100,.28);
  border-radius:999px;
  background:rgba(119,48,43,.30);
  color:#e7a59d;
  font-size:6.8px;
  font-weight:850;
  letter-spacing:.09em;
  line-height:1.2;
}

.page-shell{
  position:relative;
  width:min(1320px,calc(100% - 40px));
  margin:0 auto 58px;
}
.page-shell>[data-tool-panel]{min-width:0}

/* ---------- Page heads ---------- */
.tool-intro,.upgrade-page-head,.bonus-page-head,.market-page-head{
  position:relative;
  border-bottom:1px solid rgba(79,68,54,.16);
}
.tool-intro::after,.upgrade-page-head::after,.bonus-page-head::after,.market-page-head::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:min(420px,46%);
  height:1px;
  background:linear-gradient(90deg,rgba(159,120,71,.62),transparent);
  pointer-events:none;
}
.upgrade-page-head,.bonus-page-head,.market-page-head{margin:0;padding:22px 0 24px}

.tool-banner{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  align-items:center;
  gap:18px;
  min-height:172px;
}
.tool-banner__main{min-width:0}
.tool-banner__brand-image{
  display:block;
  width:min(780px,100%);
  height:auto;
  max-height:188px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.16));
  user-select:none;
  pointer-events:none;
}
.tool-banner__visual{
  position:relative;
  justify-self:end;
  width:330px;
  height:176px;
}
.tool-banner__halo{
  position:absolute;
  inset:20px 34px 16px 34px;
  border-radius:30px;
  background:radial-gradient(circle at center,rgba(211,147,63,.24),rgba(173,91,24,.08) 46%,transparent 74%);
  filter:blur(2px);
  pointer-events:none;
}
.tool-banner__tile,
.tool-banner__slot{
  position:absolute;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(160,116,68,.28);
  background:linear-gradient(145deg,rgba(243,238,230,.96),rgba(208,198,183,.94));
  box-shadow:0 12px 24px rgba(44,35,25,.14), inset 0 1px 0 rgba(255,255,255,.55);
}
.tool-banner__tile{
  width:82px;
  height:94px;
  border-radius:18px;
}
.tool-banner__slot{
  width:66px;
  height:66px;
  border-radius:18px;
}
.tool-banner__tile img,
.tool-banner__slot img{
  width:auto;
  height:auto;
  max-width:74%;
  max-height:74%;
  object-fit:contain;
}
.tool-banner__stat,
.tool-banner__pill,
.tool-banner__map-card,
.tool-banner__chart-card{
  position:absolute;
  border:1px solid rgba(155,111,63,.23);
  background:linear-gradient(145deg,rgba(247,243,237,.96),rgba(212,201,187,.95));
  box-shadow:0 12px 24px rgba(44,35,25,.12), inset 0 1px 0 rgba(255,255,255,.56);
}
.tool-banner__stat{
  min-width:88px;
  padding:10px 12px;
  border-radius:16px;
  text-align:center;
}
.tool-banner__stat small{
  display:block;
  color:#92704a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tool-banner__stat strong{
  display:block;
  margin-top:5px;
  color:#433426;
  font-size:20px;
  line-height:1;
}
.tool-banner__pill{
  padding:7px 10px;
  border-radius:999px;
  color:#835f39;
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* Upgrade visual */
.upgrade-visual .tool-banner__tile--1{left:8px;top:56px;transform:rotate(-14deg)}
.upgrade-visual .tool-banner__tile--2{left:76px;top:22px;transform:rotate(-5deg)}
.upgrade-visual .tool-banner__tile--3{left:145px;top:48px;transform:rotate(9deg)}
.upgrade-visual .tool-banner__tile--4{left:221px;top:78px;transform:rotate(16deg)}
.upgrade-visual .tool-banner__stat--chance{right:8px;top:10px}
.upgrade-visual .tool-banner__stat--goal{right:32px;bottom:6px}

/* Bonus visual */
.tool-banner__map-card{
  left:64px;
  top:36px;
  width:176px;
  height:96px;
  padding:16px 18px;
  border-radius:24px;
  background:
    radial-gradient(circle at 18px 18px,rgba(201,146,70,.22) 0 3px,transparent 3px),
    linear-gradient(135deg,rgba(255,255,255,.35),transparent 55%),
    linear-gradient(145deg,rgba(247,243,237,.96),rgba(212,201,187,.95));
}
.tool-banner__map-card::before,
.tool-banner__map-card::after{
  content:"";
  position:absolute;
  border-radius:999px;
  border:2px solid rgba(178,130,71,.58);
}
.tool-banner__map-card::before{width:34px;height:34px;right:18px;top:16px}
.tool-banner__map-card::after{width:6px;height:6px;right:32px;top:30px;background:rgba(216,140,72,.82)}
.tool-banner__map-card strong{display:block;color:#433426;font-size:18px;letter-spacing:-.03em}
.tool-banner__map-card small{display:block;margin-top:6px;color:#816445;line-height:1.45}
.bonus-visual .tool-banner__slot--weapon{left:18px;top:86px;transform:rotate(-10deg)}
.bonus-visual .tool-banner__slot--armor{left:32px;top:18px;transform:rotate(-7deg)}
.bonus-visual .tool-banner__slot--hair{right:20px;top:28px;transform:rotate(7deg)}
.bonus-visual .tool-banner__slot--ruby{right:30px;top:100px;transform:rotate(12deg)}

/* Market visual */
.tool-banner__chart-card{
  left:72px;
  top:30px;
  width:200px;
  height:112px;
  padding:16px 16px 14px;
  border-radius:24px;
}
.tool-banner__chart-card strong{position:absolute;left:16px;top:14px;color:#433426;font-size:16px}
.tool-banner__chart-card small{position:absolute;left:16px;bottom:14px;color:#846749}
.tool-banner__chart-bars,
.tool-banner__chart-line{position:absolute;left:18px;right:18px;content:""}
.tool-banner__chart-bars{
  bottom:34px;
  top:42px;
  background:
    linear-gradient(to top,rgba(168,125,74,.75) 0 48%,transparent 48% 100%) 6px 100%/18px 100% no-repeat,
    linear-gradient(to top,rgba(168,125,74,.75) 0 72%,transparent 72% 100%) 42px 100%/18px 100% no-repeat,
    linear-gradient(to top,rgba(168,125,74,.75) 0 58%,transparent 58% 100%) 78px 100%/18px 100% no-repeat,
    linear-gradient(to top,rgba(168,125,74,.75) 0 86%,transparent 86% 100%) 114px 100%/18px 100% no-repeat;
  opacity:.65;
}
.tool-banner__chart-line{
  top:54px;
  height:44px;
  background:linear-gradient(135deg,transparent 0 8%,rgba(216,102,68,.95) 8% 11%,transparent 11% 23%,rgba(216,102,68,.95) 23% 26%,transparent 26% 43%,rgba(216,102,68,.95) 43% 46%,transparent 46% 66%,rgba(216,102,68,.95) 66% 69%,transparent 69% 100%);
  clip-path:polygon(0 80%,18% 58%,36% 66%,55% 36%,74% 46%,100% 8%,100% 20%,74% 58%,55% 48%,36% 76%,18% 68%,0 92%);
  filter:drop-shadow(0 0 6px rgba(220,106,72,.35));
}
.market-visual .tool-banner__tile--coin{left:8px;top:62px;transform:rotate(-10deg)}
.market-visual .tool-banner__stat--price{right:0;bottom:8px}
.market-visual .tool-banner__pill--live{right:14px;top:6px}

@media (max-width:1080px){
  .tool-banner{grid-template-columns:minmax(0,1fr) 296px;gap:16px}
  .tool-banner__brand-image{max-height:170px}
  .tool-banner__visual{width:296px;height:166px}
  .tool-banner__tile{width:74px;height:88px}
  .tool-banner__slot{width:60px;height:60px}
  .tool-banner__map-card{left:52px;width:164px;height:92px}
  .tool-banner__chart-card{left:60px;width:182px;height:106px}
}
@media (max-width:840px){
  .tool-banner{grid-template-columns:1fr;gap:12px;min-height:auto}
  .tool-banner__visual{justify-self:center}
}
@media (max-width:560px){
  .upgrade-page-head,.bonus-page-head,.market-page-head{padding:18px 0 18px}
  .tool-banner__brand-image{width:100%;max-height:none}
  .tool-banner__visual{width:286px;height:170px}
  .tool-banner__stat strong{font-size:18px}
  .tool-banner__map-card{left:46px;top:38px;width:158px;height:88px;padding:14px 16px}
  .tool-banner__chart-card{left:52px;top:34px;width:176px;height:102px}
}
.upgrade-page-title h1,.bonus-page-title h1,.market-page-title h1,.section-heading h2{
  color:#302d29;
  letter-spacing:-.032em;
  text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.upgrade-page-icon,.bonus-page-icon,.market-page-icon{
  border:1px solid rgba(150,111,63,.28)!important;
  background:linear-gradient(145deg,#ded8ce,#c7bdb0)!important;
  color:#8b6439!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 5px 14px rgba(63,54,43,.10)!important;
}
.section-kicker{color:#8c663c!important;letter-spacing:.17em}
.section-heading p{color:#6f675f!important;max-width:78ch;line-height:1.58}
.wiki-section{padding-top:34px;padding-bottom:34px}
.section-heading{margin-bottom:20px}
.section-heading h2{letter-spacing:-.026em}

/* ---------- Major surfaces ---------- */
.workspace,.round-summary,.loot-section,.upgrade-browser,.bonus-panel,.market-soon-panel,
.bonus-selected,.bonus-sidebar,.bonus-map-list,.bonus-loadout-wrap{
  border-color:rgba(81,68,52,.18)!important;
}
.workspace,.round-summary,.loot-section,.upgrade-browser,.bonus-panel,.market-soon-panel{
  background:rgba(226,220,211,.96)!important;
  box-shadow:var(--hub-shadow)!important;
}
.workspace,.round-summary,.loot-section,.upgrade-browser,.bonus-panel{border-radius:var(--hub-radius)!important}
.workspace,.round-summary,.loot-section,.upgrade-browser,.bonus-panel,.market-soon-panel{position:relative}
.workspace::before,.round-summary::before,.loot-section::before,.upgrade-browser::before,.bonus-panel::before,.market-soon-panel::before{
  content:"";
  position:absolute;
  z-index:1;
  left:18px;
  right:18px;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(172,132,76,.36),transparent);
  pointer-events:none;
}

/* ---------- Controls ---------- */
input[type="search"],input[type="text"],input[type="number"],select,textarea{
  color:#36322e!important;
  border-color:rgba(79,67,52,.20)!important;
  background:#eee9e1!important;
  box-shadow:inset 0 1px 2px rgba(56,49,41,.055)!important;
}
input[type="search"]:hover,input[type="text"]:hover,input[type="number"]:hover,select:hover{border-color:rgba(145,108,63,.34)!important}
input[type="search"]:focus,input[type="text"]:focus,input[type="number"]:focus,select:focus{
  border-color:rgba(159,120,71,.50)!important;
  box-shadow:0 0 0 3px rgba(159,120,71,.10)!important;
}
::placeholder{color:#91897f!important;opacity:1}

.btn,.upgrade-favorites-toggle,.upg-secondary-btn,.upg-copy-btn,.upg-sim-btn,.bonus-link-btn,.bonus-setup-reset,.text-button{
  border-color:rgba(84,70,52,.20)!important;
}
.btn--quiet,.upgrade-favorites-toggle,.upg-secondary-btn,.upg-copy-btn,.bonus-link-btn,.bonus-setup-reset{
  color:#514b44!important;
  background:linear-gradient(180deg,#e9e4dc,#d8d1c6)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46)!important;
}
.btn--quiet:hover,.upgrade-favorites-toggle:hover,.upg-secondary-btn:hover,.upg-copy-btn:hover,.bonus-link-btn:hover,.bonus-setup-reset:hover{
  color:#302b26!important;
  border-color:rgba(153,113,65,.34)!important;
  background:linear-gradient(180deg,#eee9e1,#d1c7b9)!important;
}
.btn--reset,.upg-sim-btn{
  color:#f8f0e3!important;
  border-color:#8f693d!important;
  background:linear-gradient(180deg,#a68151,#85623a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 12px rgba(70,49,29,.15)!important;
}
.btn--reset:hover,.upg-sim-btn:hover{background:linear-gradient(180deg,#b08a58,#8e693f)!important}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:1px solid rgba(159,120,71,.60);outline-offset:2px}

/* ---------- Okey ---------- */
.selection-head,.deck-head,.loot-head,.loot-preview-head,.summary-head,.history-head{border-color:rgba(79,67,52,.13)!important}
.selection-label,.progress-head,.progress-labels,.history-head small,.loot-head p{color:#766f67!important}
.combo-state,.chest-rank{
  border-color:rgba(145,108,63,.24)!important;
  background:#d9d0c4!important;
  color:#5d482f!important;
}
.summary-stats>div{
  border-color:rgba(77,65,50,.13)!important;
  background:#ddd7ce!important;
}
.summary-stats small{color:#777067!important}
.summary-stats strong,.score-main strong{color:#39342f!important}
.score-main span{color:#676159!important}
.progress-track{border-color:rgba(133,99,57,.20)!important;background:#c7beb2!important}
.loot-search,.upgrade-searchbox,.bonus-search{border-color:rgba(79,67,52,.18)!important;background:#ebe6de!important}
.loot-table th{color:#76572f!important;background:#d2cabf!important}
.loot-table td,.loot-table th{border-color:rgba(79,67,52,.13)!important}
.loot-table td{color:#4e4943!important}
.deck-legend,.deck-head p,.selection-head p{color:#777067!important}

/* ---------- Upgrade ---------- */
.upgrade-searchbar,.upg-toolbar,.upg-panel-head,.upg-result-head,.upg-result-materials-head{border-color:rgba(79,67,52,.14)!important}
.upgrade-result-count,.bonus-count{color:#6f604d!important}
.upg-row,.upg-detail,.upg-result,.upg-compare-panel,.upg-budget-panel,.upg-custom-panel{
  border-color:rgba(79,67,52,.15)!important;
  background:#e5dfd6!important;
}
.upg-row:hover,.upg-tile:hover{border-color:rgba(150,111,63,.29)!important;background:#ddd5ca!important}
.upg-iconbox,.upg-level-icon,.upg-mini-icon{border-color:rgba(91,75,55,.18)!important;background:#d5cec4!important}
.upg-material-token{border-color:rgba(84,69,51,.16)!important;background:#dcd5cb!important;color:#4e4841!important}
.upg-tool-select,.upg-run-select{background:#ebe6de!important}
.upg-group,.upg-category-head{border-color:rgba(79,67,52,.15)!important}
.upg-category-head,.upg-group-head{background:#d7d0c6!important;color:#454039!important}
.upg-detail,.upg-result{box-shadow:none!important}
.upg-tooltip,.upg-tooltip-v26{
  color:#e6ded3!important;
  border-color:rgba(192,158,112,.28)!important;
  background:linear-gradient(180deg,#191713,#0d0c0a)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}

/* ---------- Bonus / Map ---------- */
.bonus-toolbar{border-color:rgba(79,67,52,.14)!important}
.bonus-data-note,.upgrade-data-note{color:#746d64!important;border-color:rgba(79,67,52,.13)!important}
.bonus-data-note strong,.upgrade-data-note strong{color:#605548!important}
.bonus-mode-tabs{border-color:rgba(82,68,51,.16)!important;background:#d1c9be!important}
.bonus-mode-tab{color:#716a62!important}
.bonus-mode-tab.active{color:#493821!important;background:#e6dfd5!important}
.bonus-sidebar,.bonus-map-list,.bonus-selected{background:rgba(226,220,211,.96)!important}
.bonus-map-item{border-color:rgba(79,67,52,.14)!important;background:#e5dfd6!important;color:#4b4640!important}
.bonus-map-item:hover{background:#ddd5ca!important;border-color:rgba(150,111,63,.26)!important}
.bonus-map-item.is-active{background:linear-gradient(180deg,#e4ddd3,#d3c8b9)!important;border-color:rgba(154,113,64,.40)!important}
.bonus-map-item strong,.bonus-selected h2,.bonus-secondary-head strong,.bonus-loadout-head strong{color:#36322e!important}
.bonus-map-item small,.bonus-map-item em,.bonus-selected-head p,.bonus-selected-focus,.bonus-secondary-head span,.bonus-loadout-head span{color:#777067!important}
.bonus-loadout-head{border-color:rgba(79,67,52,.14)!important}
.bonus-inventory-grid,.bonus-costume-grid,.bonus-alchemy-source{
  border-color:rgba(74,62,48,.22)!important;
  background:#c7bfb4!important;
  box-shadow:inset 0 0 18px rgba(66,55,42,.07)!important;
}
.bonus-inv-frame,.bonus-costume-slot .bonus-inv-frame,.bonus-alchemy-stone-frame{background:#bdb4a8!important;border-color:#918575!important}
.bonus-inv-label{color:#625c55!important}
.bonus-general-line{background:#cfd9c9!important;border-color:rgba(91,119,78,.38)!important;box-shadow:0 0 14px rgba(75,111,63,.08)!important}
.bonus-general-line span,.bonus-general-line strong{color:#44543d!important}
/* Keep Metin2 tooltips dark; they are deliberately separated from the stone shell. */
.bonus-metin-tooltip{
  color:#dfd8cf!important;
  background:
    linear-gradient(rgba(11,11,10,.965),rgba(7,7,7,.985)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px)!important;
  border-color:#69645c!important;
  box-shadow:0 10px 30px rgba(0,0,0,.30)!important;
}

/* ---------- Soon ---------- */
.market-soon-panel{overflow:hidden;background:linear-gradient(180deg,#e4ded5,#d6cec3)!important}
.market-soon-panel::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-120px;
  top:-120px;
  border:1px solid rgba(148,109,62,.16);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(148,109,62,.035),0 0 0 48px rgba(148,109,62,.020);
  pointer-events:none;
}
.market-soon-kicker{color:#825e36!important}
.market-soon-panel>strong{color:#37322d!important}
.market-soon-panel p{color:#716a62!important}
.market-soon-status{border-color:rgba(168,78,70,.30)!important;background:#d9bbb5!important;color:#913f3a!important}

/* ---------- Footer ---------- */
.site-footer{
  width:min(1320px,calc(100% - 40px));
  min-height:76px;
  margin:0 auto;
  padding:22px 0 27px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-top:1px solid rgba(75,64,51,.17);
  color:#756e65;
  font-size:10px;
}
.site-footer__copyright{display:grid;justify-items:center;gap:4px}
.site-footer strong{color:#4f4942;font-size:10.5px;font-weight:690;letter-spacing:.018em}
.site-footer span{margin:0;color:#7e776e;font-size:8.9px}
.site-footer__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 6px;margin-top:3px}
.site-footer__version,.site-footer__update{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid rgba(112,91,65,.16);
  border-radius:999px;
  background:rgba(225,219,210,.55);
  color:#756b5f;
  font:700 8.4px/1.1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.02em;
  white-space:nowrap;
}
.site-footer .site-footer__version{display:inline-flex;margin:0;gap:4px}
.site-footer__version b{margin-left:0;color:#554b40;font:inherit;line-height:1}
.site-footer__update{border-color:rgba(101,125,93,.24);background:rgba(101,125,93,.08);color:#657d5d;cursor:default}
.site-footer__update:disabled{opacity:1}
.site-footer__update.is-update{border-color:rgba(159,120,71,.36);background:rgba(159,120,71,.12);color:#805b31;cursor:pointer}
.site-footer__update.is-update:hover{background:rgba(159,120,71,.18)}

/* ---------- Scrollbars ---------- */
*{scrollbar-color:#a89d8e #c8c1b7;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#c8c1b7}
::-webkit-scrollbar-thumb{background:#a89d8e;border:2px solid #c8c1b7;border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:#978a79}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .hub-header__inner{grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr);gap:12px}
  .tool-tab{padding-inline:11px;font-size:11.3px}
}
@media(max-width:900px){
  .hub-header__inner{width:min(100%,calc(100% - 24px));grid-template-columns:1fr;justify-items:center;gap:8px;padding:10px 0 11px}
  .hub-brand{justify-self:center}
  .tool-tabs{grid-column:1;justify-self:stretch;justify-content:flex-start;width:100%;border-radius:8px}
  .tool-tab{flex:0 0 auto}
  .page-shell,.site-footer{width:min(100%,calc(100% - 24px))}
  html{scroll-padding-top:124px}
}
@media(max-width:560px){
  .hub-brand__logo{width:40px;height:40px;border-radius:10px}
  .hub-brand strong{font-size:12.5px}
  .hub-brand small{font-size:9.3px}
  .tool-tab{min-height:36px;padding-inline:10px;font-size:10.8px}
  .upgrade-page-head,.bonus-page-head,.market-page-head{padding:20px 0 18px}
  .wiki-section{padding-top:27px;padding-bottom:27px}
  .site-footer{min-height:64px;padding:18px 0 21px}
  .site-footer__meta{gap:6px}
  .site-footer__version,.site-footer__update{padding:0 9px}
}
@media(prefers-reduced-motion:reduce){.tool-tab,.btn,.upgrade-favorites-toggle,.upg-secondary-btn{transition:none!important}}

/* =========================================================
   V62 — Okey Karten Helfer / Stone & Gold redesign
   Functional logic stays untouched. This pass removes the old
   black-panel language from the Okey content and aligns it with
   the warm stone / champagne site theme.
   ========================================================= */

[data-tool-panel="okey"]{
  --okey-panel:#e7e0d6;
  --okey-panel-hi:#eee9e2;
  --okey-panel-soft:#ddd4c7;
  --okey-panel-inset:#d7cec1;
  --okey-line:rgba(83,67,48,.16);
  --okey-line-strong:rgba(151,112,64,.30);
  --okey-ink:#312d28;
  --okey-muted:#746d64;
  --okey-bronze:#9b7446;
  --okey-bronze-dark:#77542f;
  --okey-gold:#b78b4f;
  --okey-shadow:0 14px 30px rgba(61,51,40,.085);
}

/* Main Okey surfaces */
[data-tool-panel="okey"] .workspace,
[data-tool-panel="okey"] .round-summary,
[data-tool-panel="okey"] .loot-section{
  color:var(--okey-ink)!important;
  border:1px solid var(--okey-line)!important;
  background:
    linear-gradient(180deg,rgba(240,236,230,.98),rgba(224,216,205,.98))!important;
  box-shadow:var(--okey-shadow)!important;
}
[data-tool-panel="okey"] .workspace::before,
[data-tool-panel="okey"] .round-summary::before,
[data-tool-panel="okey"] .loot-section::before{
  left:22px;
  right:22px;
  background:linear-gradient(90deg,transparent,rgba(172,132,76,.45),transparent)!important;
}
[data-tool-panel="okey"] .workspace{padding:22px!important}
[data-tool-panel="okey"] .round-summary{padding:18px!important;overflow:hidden}

/* Active selection */
[data-tool-panel="okey"] .selection-head{
  align-items:center;
  padding:0 0 16px!important;
  border-bottom:1px solid var(--okey-line)!important;
}
[data-tool-panel="okey"] .selection-label{
  color:#89663d!important;
  font-weight:800;
  letter-spacing:.13em;
}
[data-tool-panel="okey"] .selection-head h3,
[data-tool-panel="okey"] .deck-head h3,
[data-tool-panel="okey"] .loot-head h3{
  color:var(--okey-ink)!important;
}
[data-tool-panel="okey"] .selection-head p,
[data-tool-panel="okey"] .deck-head p,
[data-tool-panel="okey"] .loot-head p{
  color:var(--okey-muted)!important;
}
[data-tool-panel="okey"] .combo-state{
  min-width:92px;
  min-height:58px;
  display:grid;
  grid-template-columns:auto auto;
  place-content:center;
  gap:7px;
  padding:10px 14px!important;
  border:1px solid rgba(145,108,63,.24)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#e6ddd0,#d6c9b8)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 7px 16px rgba(72,56,38,.07)!important;
}
[data-tool-panel="okey"] .combo-state strong{color:#73502b!important;font-size:18px}
[data-tool-panel="okey"] .status-dot{box-shadow:0 0 0 4px rgba(113,92,65,.07)}

[data-tool-panel="okey"] .selected-row{
  min-height:238px;
  margin:16px 0 12px;
  padding:22px 16px 18px!important;
  border:1px solid rgba(87,70,50,.12);
  border-radius:20px;
  background:
    radial-gradient(circle at 50% 0,rgba(181,139,79,.12),transparent 38%),
    linear-gradient(180deg,#d9d0c3,#e5ded4 66%,#ddd5ca)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),inset 0 -12px 32px rgba(100,77,48,.035);
}
[data-tool-panel="okey"] .selected-slot img{
  filter:drop-shadow(0 13px 18px rgba(50,39,28,.22))!important;
}
[data-tool-panel="okey"] .selected-slot.empty{opacity:.50!important;filter:grayscale(.82) sepia(.08)!important}
[data-tool-panel="okey"] .selected-slot.empty img{filter:drop-shadow(0 8px 12px rgba(50,39,28,.12))!important}
[data-tool-panel="okey"] .selection-actions{gap:10px;margin:0 0 24px!important}

/* Card deck: light rows, strong cards */
[data-tool-panel="okey"] .deck-head{
  margin-top:0!important;
  padding-top:20px!important;
  border-top:1px solid var(--okey-line)!important;
}
[data-tool-panel="okey"] .deck-legend{
  gap:10px;
  padding:7px 11px;
  border:1px solid rgba(83,67,48,.11);
  border-radius:999px;
  background:rgba(238,233,225,.72);
  color:#70685f!important;
}
[data-tool-panel="okey"] .deck{gap:10px!important}
[data-tool-panel="okey"] .deck-row{
  position:relative;
  gap:14px!important;
  padding:13px 14px!important;
  border:1px solid rgba(83,67,48,.13)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#e8e2da,#ddd5ca)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.50)!important;
}
[data-tool-panel="okey"] .deck-row:first-child{border-top:1px solid rgba(83,67,48,.13)!important}
[data-tool-panel="okey"] .row-label{
  min-height:64px;
  border:1px solid rgba(83,67,48,.12)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30)!important;
  font-weight:800;
}
[data-tool-panel="okey"] .row-label.red{
  background:linear-gradient(180deg,#e4cbc6,#d5b5ae)!important;
  color:#7a312c!important;
  border-color:rgba(128,54,47,.16)!important;
}
[data-tool-panel="okey"] .row-label.blue{
  background:linear-gradient(180deg,#ced8e4,#b9c8da)!important;
  color:#284e74!important;
  border-color:rgba(46,81,117,.15)!important;
}
[data-tool-panel="okey"] .row-label.yellow{
  background:linear-gradient(180deg,#e5d9ac,#d7c58e)!important;
  color:#6f5816!important;
  border-color:rgba(122,96,26,.17)!important;
}
[data-tool-panel="okey"] .row-cards{gap:10px!important}
[data-tool-panel="okey"] .deck-card{
  border-radius:12px!important;
  transition:transform .18s ease,filter .18s ease,opacity .18s ease,box-shadow .18s ease!important;
}
[data-tool-panel="okey"] .deck-card img{
  filter:drop-shadow(0 7px 10px rgba(57,43,29,.18))!important;
}
[data-tool-panel="okey"] .deck-card:hover:not(.used):not(.selected){
  transform:translateY(-3px)!important;
  filter:brightness(1.045)!important;
}
[data-tool-panel="okey"] .deck-card:hover:not(.used):not(.selected)::before{
  border-color:rgba(164,119,64,.34)!important;
  box-shadow:0 0 0 2px rgba(164,119,64,.07)!important;
}
[data-tool-panel="okey"] .deck-card.selected::before{
  border-color:rgba(177,126,59,.92)!important;
  box-shadow:0 0 0 2px rgba(177,126,59,.12),0 5px 15px rgba(120,82,38,.10)!important;
}
[data-tool-panel="okey"] .deck-card.used{opacity:.30!important;filter:grayscale(1) sepia(.08) brightness(.78)!important}

/* Round summary: remove black status blocks */
[data-tool-panel="okey"] .summary-head{margin-bottom:14px}
[data-tool-panel="okey"] .chest-rank{
  padding:8px 13px!important;
  border:1px solid rgba(142,103,58,.23)!important;
  border-radius:999px!important;
  color:#71502d!important;
  background:linear-gradient(180deg,#e4d8c8,#d5c5b1)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important;
}
[data-tool-panel="okey"] .score-main{
  position:relative;
  padding:20px 14px 19px!important;
  margin-bottom:10px;
  text-align:center;
  border:1px solid rgba(101,80,55,.13)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 50% -35%,rgba(183,139,79,.18),transparent 52%),
    linear-gradient(180deg,#e6ded2,#d8cec0)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52)!important;
}
[data-tool-panel="okey"] .score-main small{color:#756c62!important;font-size:10px}
[data-tool-panel="okey"] .score-main strong{
  margin:6px 0 5px!important;
  color:#3c342c!important;
  font-size:44px!important;
  text-shadow:0 1px 0 rgba(255,255,255,.48)!important;
}
[data-tool-panel="okey"] .score-main span{color:#856438!important;font-weight:650}

[data-tool-panel="okey"] .summary-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 10px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
[data-tool-panel="okey"] .summary-stats>div,
[data-tool-panel="okey"] .summary-stats>div:nth-child(odd),
[data-tool-panel="okey"] .summary-stats>div:nth-child(-n+2){
  min-height:66px;
  padding:12px!important;
  border:1px solid rgba(83,67,48,.12)!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#ece7df,#dfd7cc)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important;
}
[data-tool-panel="okey"] .summary-stats small{color:#797168!important}
[data-tool-panel="okey"] .summary-stats strong{color:#37322d!important;font-size:20px}

[data-tool-panel="okey"] .progress-block,
[data-tool-panel="okey"] .history-block{
  border:1px solid rgba(83,67,48,.12)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,#e9e3db,#ddd5ca)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46)!important;
}
[data-tool-panel="okey"] .progress-block{
  padding:14px!important;
  margin-bottom:10px;
}
[data-tool-panel="okey"] .progress-head{color:#625a51!important}
[data-tool-panel="okey"] .progress-head strong{color:#6f512f!important}
[data-tool-panel="okey"] .progress-track{
  height:12px!important;
  margin-top:10px;
  border:1px solid rgba(117,88,52,.20)!important;
  background:#c9c0b4!important;
  box-shadow:inset 0 1px 3px rgba(69,56,42,.12)!important;
}
[data-tool-panel="okey"] .progress-track i{
  background:linear-gradient(90deg,#94623d 0%,#b27b47 42%,#c39c63 70%,#d0aa67 100%)!important;
  box-shadow:0 0 10px rgba(164,116,60,.16);
}
[data-tool-panel="okey"] .progress-labels{color:#776f66!important}
[data-tool-panel="okey"] .progress-block p{color:#675f56!important}

[data-tool-panel="okey"] .history-block{padding:13px 14px 9px!important}
[data-tool-panel="okey"] .history-head{border:0!important}
[data-tool-panel="okey"] .history-head strong{color:#443e38!important}
[data-tool-panel="okey"] .history-head small{color:#81786f!important}
[data-tool-panel="okey"] .history-chip{
  border-top:1px solid rgba(83,67,48,.09)!important;
  color:#4f4943!important;
}
[data-tool-panel="okey"] .history-copy b{color:#47413b!important}
[data-tool-panel="okey"] .history-copy small{color:#817970!important}

/* Scoring reference: three light, structured panels */
[data-tool-panel="okey"] .score-reference{gap:14px!important}
[data-tool-panel="okey"] .score-card{
  position:relative;
  overflow:hidden;
  padding:17px 16px 15px!important;
  border:1px solid rgba(83,67,48,.15)!important;
  border-radius:17px!important;
  color:var(--okey-ink)!important;
  background:linear-gradient(180deg,#ebe6de,#ddd5ca)!important;
  box-shadow:0 10px 22px rgba(56,47,38,.065),inset 0 1px 0 rgba(255,255,255,.50)!important;
}
[data-tool-panel="okey"] .score-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#8c693f,#b8915d,#8c693f);
  opacity:.72;
}
[data-tool-panel="okey"] .score-card__head{
  padding-bottom:11px!important;
  border-bottom:1px solid rgba(83,67,48,.12)!important;
}
[data-tool-panel="okey"] .score-card__head span{color:#85623a!important;font-weight:850}
[data-tool-panel="okey"] .score-card__head h3{color:#3b3631!important;font-size:16px!important}
[data-tool-panel="okey"] .score-row{
  padding:8px 2px!important;
  border-bottom:1px solid rgba(83,67,48,.085)!important;
  color:#524c46!important;
}
[data-tool-panel="okey"] .score-row:last-child{border-bottom:0!important}
[data-tool-panel="okey"] .score-seq{color:#4e4943!important}
[data-tool-panel="okey"] .score-row strong{color:#7d5a31!important;font-weight:800}

/* Chest selector: light premium tabs with tier-specific accent */
[data-tool-panel="okey"] .chest-tabs{gap:12px!important;margin-bottom:14px!important}
[data-tool-panel="okey"] .chest-card{
  min-height:82px!important;
  padding:12px 14px!important;
  border:1px solid rgba(83,67,48,.14)!important;
  border-radius:15px!important;
  color:#3c3732!important;
  background:linear-gradient(180deg,#e7e1d8,#d9d0c4)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important;
}
[data-tool-panel="okey"] .chest-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(154,113,63,.30)!important;
  background:linear-gradient(180deg,#eee8df,#ddd3c6)!important;
  box-shadow:0 8px 18px rgba(61,49,35,.07),inset 0 1px 0 rgba(255,255,255,.54)!important;
}
[data-tool-panel="okey"] .chest-card.active{
  border-color:rgba(161,118,63,.48)!important;
  background:linear-gradient(180deg,#eee5d9,#d8c9b5)!important;
  box-shadow:0 0 0 2px rgba(161,118,63,.09),0 8px 18px rgba(61,49,35,.07),inset 0 1px 0 rgba(255,255,255,.56)!important;
}
[data-tool-panel="okey"] .chest-card__art{
  width:50px!important;height:50px!important;
  border-radius:12px;
  background:rgba(205,194,180,.55);
  border:1px solid rgba(83,67,48,.10);
}
[data-tool-panel="okey"] .chest-card__art img{filter:drop-shadow(0 5px 6px rgba(62,47,31,.18))!important}
[data-tool-panel="okey"] .chest-card__copy strong{color:#403a34!important}
[data-tool-panel="okey"] .chest-card__copy small{color:#746c63!important}
[data-tool-panel="okey"] .chest-card__state{color:#7c6242!important;font-weight:700}
[data-tool-panel="okey"] .chest-card:nth-child(1).active{border-color:rgba(145,95,58,.52)!important}
[data-tool-panel="okey"] .chest-card:nth-child(2).active{border-color:rgba(117,121,128,.42)!important;background:linear-gradient(180deg,#ece9e4,#d7d4cf)!important}
[data-tool-panel="okey"] .chest-card:nth-child(3).active{border-color:rgba(177,133,46,.55)!important;background:linear-gradient(180deg,#efe6cf,#ddcfaa)!important}

/* Loot section: item cards become warm stone tiles instead of black cards */
[data-tool-panel="okey"] .loot-section{padding:20px!important}
[data-tool-panel="okey"] .loot-head{
  padding-bottom:16px!important;
  border-bottom:1px solid var(--okey-line)!important;
}
[data-tool-panel="okey"] .loot-head h3{color:#38332e!important}
[data-tool-panel="okey"] .loot-head p{color:#756d64!important}
[data-tool-panel="okey"] .loot-preview-head{margin-top:17px!important}
[data-tool-panel="okey"] .loot-preview-head strong{
  color:#7f6039!important;
  font-size:10px!important;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
[data-tool-panel="okey"] .text-button{color:#7f6039!important;font-weight:700}
[data-tool-panel="okey"] .text-button:hover{color:#5f4528!important}
[data-tool-panel="okey"] .loot-preview{gap:10px!important;margin-top:10px!important}
[data-tool-panel="okey"] .preview-item{
  min-height:118px!important;
  padding:12px 10px!important;
  border:1px solid rgba(83,67,48,.13)!important;
  border-radius:14px!important;
  color:#413c36!important;
  background:linear-gradient(180deg,#e8e2da,#dcd4c9)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46)!important;
}
[data-tool-panel="okey"] .preview-item:hover{
  transform:translateY(-2px);
  border-color:rgba(151,111,62,.27)!important;
  background:linear-gradient(180deg,#eee8df,#e0d7ca)!important;
  box-shadow:0 8px 16px rgba(61,49,36,.065),inset 0 1px 0 rgba(255,255,255,.52)!important;
}
[data-tool-panel="okey"] .preview-item strong{color:#403a34!important}
[data-tool-panel="okey"] .preview-item small{color:#776f66!important}
[data-tool-panel="okey"] .item-icon{
  border:1px solid rgba(95,75,52,.15)!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#d6cdc1,#c8bdaf)!important;
  box-shadow:inset 0 1px 2px rgba(69,55,40,.08)!important;
}
[data-tool-panel="okey"] .item-icon.badge{color:#4d463e!important}
[data-tool-panel="okey"] .item-icon.badge.gold{
  color:#664d28!important;
  background:linear-gradient(180deg,#ddc58c,#caaa62)!important;
}
[data-tool-panel="okey"] .loot-table-wrap{border-top-color:rgba(83,67,48,.13)!important}
[data-tool-panel="okey"] .loot-table th{background:#d6cdc1!important;color:#75572f!important}
[data-tool-panel="okey"] .loot-table td{color:#4b4640!important;background:rgba(235,230,223,.42)}
[data-tool-panel="okey"] .loot-table tr:hover td{background:rgba(218,207,193,.52)!important}
[data-tool-panel="okey"] .category-badge{
  color:#684f31!important;
  border:1px solid rgba(128,96,56,.13)!important;
  background:#ded3c4!important;
}
[data-tool-panel="okey"] .amount-cell{color:#75562f!important;font-weight:750}
[data-tool-panel="okey"] .info-button{
  color:#634a2c!important;
  border-color:rgba(116,85,48,.18)!important;
  background:#ddd3c6!important;
}
/* Keep actual item info tooltips dark / game-like for contrast. */
[data-tool-panel="okey"] .info-button::after{
  color:#e9dfd0!important;
  border-color:rgba(190,158,112,.28)!important;
  background:linear-gradient(180deg,#1a1713,#0e0c0a)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}

/* Buttons inside Okey get a calmer stone treatment. */
[data-tool-panel="okey"] .btn--quiet{
  color:#514a43!important;
  border-color:rgba(83,67,48,.17)!important;
  background:linear-gradient(180deg,#e9e4dc,#d8d0c5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important;
}
[data-tool-panel="okey"] .btn--quiet:hover:not(:disabled){
  color:#342f2a!important;
  border-color:rgba(150,109,62,.30)!important;
  background:linear-gradient(180deg,#eee9e1,#dcd2c6)!important;
}
[data-tool-panel="okey"] .btn--danger{
  color:#7b3e35!important;
  border-color:rgba(139,66,56,.18)!important;
  background:linear-gradient(180deg,#ead9d5,#dbc4bf)!important;
}
[data-tool-panel="okey"] .btn--danger:hover:not(:disabled){background:linear-gradient(180deg,#f0dfda,#d9bbb5)!important}

/* Responsive refinements */
@media(max-width:1080px){
  [data-tool-panel="okey"] .helper-grid{grid-template-columns:1fr!important}
  [data-tool-panel="okey"] .round-summary{position:relative!important;top:auto!important}
}
@media(max-width:840px){
  [data-tool-panel="okey"] .deck-row{padding:12px!important}
  [data-tool-panel="okey"] .deck-legend{padding:0;border:0;background:transparent}
  [data-tool-panel="okey"] .score-reference{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  [data-tool-panel="okey"] .workspace{padding:15px!important}
  [data-tool-panel="okey"] .selected-row{min-height:195px;border-radius:16px}
  [data-tool-panel="okey"] .summary-stats{grid-template-columns:1fr 1fr!important}
  [data-tool-panel="okey"] .summary-stats>div{min-height:61px}
  [data-tool-panel="okey"] .chest-card{min-height:76px!important}
  [data-tool-panel="okey"] .preview-item{min-height:108px!important}
}


/* =========================================================
   V63 — Okey fixes: loot readability + controls
   ========================================================= */
[data-tool-panel="okey"] .loot-preview-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  width:100%;
  padding:14px 0 10px!important;
  border:0!important;
}
[data-tool-panel="okey"] .loot-preview-head>strong{
  color:#5b4630!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.10em!important;
  text-transform:uppercase;
}
[data-tool-panel="okey"] .loot-preview-head .text-button{
  flex:0 0 auto;
  padding:7px 11px!important;
  border:1px solid rgba(126,91,52,.20)!important;
  border-radius:9px!important;
  color:#684a2b!important;
  background:linear-gradient(180deg,rgba(239,233,224,.92),rgba(218,207,193,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46)!important;
}
[data-tool-panel="okey"] .loot-preview-head .text-button:hover{
  color:#3f2d1b!important;
  border-color:rgba(142,100,54,.34)!important;
  background:linear-gradient(180deg,#f1ece5,#ddd2c4)!important;
}
[data-tool-panel="okey"] .loot-category{
  border-top-color:rgba(83,67,48,.13)!important;
}
[data-tool-panel="okey"] .loot-category__head{
  margin-bottom:10px!important;
}
[data-tool-panel="okey"] .loot-category__head strong{
  color:#5b4228!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
}
[data-tool-panel="okey"] .loot-category__head span{
  color:#7d7267!important;
  font-size:8px!important;
  font-weight:700!important;
}
@media(max-width:560px){
  [data-tool-panel="okey"] .loot-preview-head{align-items:flex-start!important;gap:10px!important}
  [data-tool-panel="okey"] .loot-preview-head>strong{padding-top:7px}
}


/* =========================================================
   V64 — Upgrade Rechner polish for light stone theme
   ========================================================= */
[data-tool-panel="upgrade"] .upgrade-searchbar{
  grid-template-columns:minmax(0,1fr) auto max-content !important;
  align-items:center !important;
  gap:12px !important;
}
[data-tool-panel="upgrade"] .upgrade-result-count{
  min-width:max-content !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding:0 4px 0 0 !important;
  color:#6d5940 !important;
  font-size:13px !important;
  font-weight:750 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}
[data-tool-panel="upgrade"] .upgrade-group{
  border-top-color:rgba(110,85,55,.12) !important;
}
[data-tool-panel="upgrade"] .upgrade-group-head{
  min-height:44px !important;
  color:#b08248 !important;
}
[data-tool-panel="upgrade"] .upgrade-group-title,
[data-tool-panel="upgrade"] .upgrade-group-count-number{
  color:#7a6246 !important;
}
[data-tool-panel="upgrade"] .upgrade-group-count,
[data-tool-panel="upgrade"] .upgrade-data-note,
[data-tool-panel="upgrade"] .upg-toolbar-name,
[data-tool-panel="upgrade"] .upg-sim-control-label,
[data-tool-panel="upgrade"] .upg-panel-head > span{
  color:#8b7b67 !important;
}
[data-tool-panel="upgrade"] .upg-row{
  background:#f4efe7 !important;
  border-color:rgba(107,80,50,.14) !important;
  border-radius:14px !important;
  box-shadow:0 10px 24px rgba(93,75,52,.05) !important;
}
[data-tool-panel="upgrade"] .upg-row:hover:not(.is-open){
  background:#f7f2eb !important;
  border-color:rgba(168,123,68,.28) !important;
}
[data-tool-panel="upgrade"] .upg-row.is-open{
  background:#f6f1e9 !important;
  border-color:rgba(173,130,72,.44) !important;
  box-shadow:0 0 0 1px rgba(173,130,72,.10) inset,0 14px 28px rgba(93,75,52,.06) !important;
}
[data-tool-panel="upgrade"] .upg-tile,
[data-tool-panel="upgrade"] .upg-iconbox,
[data-tool-panel="upgrade"] .upg-mini-icon{
  background:#ebe4d9 !important;
  border-color:rgba(105,81,52,.16) !important;
}
[data-tool-panel="upgrade"] .upg-head{
  min-height:58px !important;
}
[data-tool-panel="upgrade"] .upg-name{
  color:#43362c !important;
  font-size:14px !important;
  font-weight:700 !important;
}
[data-tool-panel="upgrade"] .upg-name i{
  color:#9f7a4b !important;
}
[data-tool-panel="upgrade"] .upg-max,
[data-tool-panel="upgrade"] .upg-ladder,
[data-tool-panel="upgrade"] .upg-yang-cell,
[data-tool-panel="upgrade"] .upgrade-data-note strong{
  color:#6a5a4a !important;
}
[data-tool-panel="upgrade"] .upg-favorite{
  color:#8d7f72 !important;
}
[data-tool-panel="upgrade"] .upg-favorite:hover{
  background:#efe6d9 !important;
  color:#bc8744 !important;
}
[data-tool-panel="upgrade"] .upg-favorite.active{
  color:#d39845 !important;
}
[data-tool-panel="upgrade"] .upg-detail,
[data-tool-panel="upgrade"] .upg-custom-panel,
[data-tool-panel="upgrade"] .upg-result,
[data-tool-panel="upgrade"] .upg-compare-panel,
[data-tool-panel="upgrade"] .upg-budget-panel{
  background:#f0e9df !important;
  border-color:rgba(105,79,50,.14) !important;
  box-shadow:none !important;
}
[data-tool-panel="upgrade"] .upg-detail{
  border-top-color:rgba(105,79,50,.12) !important;
}
[data-tool-panel="upgrade"] .upg-table th,
[data-tool-panel="upgrade"] .upg-table td{
  background:#f6f1ea !important;
  border-right-color:rgba(105,79,50,.11) !important;
  border-bottom-color:rgba(105,79,50,.11) !important;
  color:#4a3c31 !important;
}
[data-tool-panel="upgrade"] .upg-table thead th{
  background:linear-gradient(180deg,#efe6d9,#e7ddd0) !important;
  color:#af8147 !important;
}
[data-tool-panel="upgrade"] .upg-table .upg-label-cell{
  background:#ece3d8 !important;
  color:#835f33 !important;
}
[data-tool-panel="upgrade"] .upg-table thead .upg-label-cell{
  background:#e8ddd1 !important;
}
[data-tool-panel="upgrade"] .upg-attempt-row td,
[data-tool-panel="upgrade"] .upg-attempt-row .upg-label-cell{
  background:#e8dccd !important;
  color:#6a512f !important;
}
[data-tool-panel="upgrade"] .upg-chance-badge{
  background:#ebe4da !important;
  border-color:rgba(110,84,54,.10) !important;
}
[data-tool-panel="upgrade"] .upg-chance-empty{
  color:#8f8072 !important;
}
[data-tool-panel="upgrade"] .upg-material-token,
[data-tool-panel="upgrade"] .upg-result-mat,
[data-tool-panel="upgrade"] .upg-budget-mats i,
[data-tool-panel="upgrade"] .upg-result-method,
[data-tool-panel="upgrade"] .upg-war-addon,
[data-tool-panel="upgrade"] .upg-method,
[data-tool-panel="upgrade"] .upg-tool-select,
[data-tool-panel="upgrade"] .upg-budget-controls input,
[data-tool-panel="upgrade"] .upg-budget-controls select{
  background:#ece4d9 !important;
  border-color:rgba(110,84,54,.14) !important;
  color:#534338 !important;
}
[data-tool-panel="upgrade"] .upg-method:hover,
[data-tool-panel="upgrade"] .upg-war-addon:hover,
[data-tool-panel="upgrade"] .upg-result-method:hover{
  background:#f1e9de !important;
  border-color:rgba(173,130,72,.30) !important;
}
[data-tool-panel="upgrade"] .upg-method.active,
[data-tool-panel="upgrade"] .upg-war-addon.active{
  background:#f1e4cf !important;
  border-color:rgba(196,144,70,.44) !important;
  box-shadow:0 0 0 1px rgba(196,144,70,.08) inset !important;
}
[data-tool-panel="upgrade"] .upg-method-text,
[data-tool-panel="upgrade"] .upg-result-method-text,
[data-tool-panel="upgrade"] .upg-war-addon b{
  color:#9a7441 !important;
}
[data-tool-panel="upgrade"] .upg-secondary-actions,
[data-tool-panel="upgrade"] .upg-toolbar,
[data-tool-panel="upgrade"] .upg-result-head,
[data-tool-panel="upgrade"] .upg-panel-head,
[data-tool-panel="upgrade"] .upg-result-materials-head,
[data-tool-panel="upgrade"] .upgrade-data-note{
  border-color:rgba(110,84,54,.12) !important;
}
[data-tool-panel="upgrade"] .upg-panel-head,
[data-tool-panel="upgrade"] .upg-result-head{
  background:linear-gradient(180deg,rgba(241,233,221,.95),rgba(233,223,211,.95)) !important;
}
[data-tool-panel="upgrade"] .upg-panel-head small,
[data-tool-panel="upgrade"] .upg-result-title small,
[data-tool-panel="upgrade"] .upg-result-materials-head span{
  color:#a4763d !important;
}
[data-tool-panel="upgrade"] .upg-panel-head strong,
[data-tool-panel="upgrade"] .upg-result-title strong,
[data-tool-panel="upgrade"] .upg-result-stat strong,
[data-tool-panel="upgrade"] .upg-budget-result strong,
[data-tool-panel="upgrade"] .upg-budget-result > div:first-child strong,
[data-tool-panel="upgrade"] .upg-compare-table td,
[data-tool-panel="upgrade"] .upg-compare-method b{
  color:#44362b !important;
}
[data-tool-panel="upgrade"] .upg-result-stat small,
[data-tool-panel="upgrade"] .upg-result-stat em,
[data-tool-panel="upgrade"] .upg-budget-result small,
[data-tool-panel="upgrade"] .upg-budget-controls label,
[data-tool-panel="upgrade"] .upg-compare-table th{
  color:#857464 !important;
}
[data-tool-panel="upgrade"] .upg-result-stat.is-yang strong{
  color:#9d7141 !important;
}
[data-tool-panel="upgrade"] .upg-compare-table th{
  background:#e8ddd0 !important;
}
[data-tool-panel="upgrade"] .upg-compare-table td,
[data-tool-panel="upgrade"] .upg-compare-table th{
  border-bottom-color:rgba(110,84,54,.10) !important;
}
[data-tool-panel="upgrade"] .upg-best{
  background:rgba(104,157,105,.12) !important;
  color:#597f54 !important;
}
[data-tool-panel="upgrade"] .upg-budget-result,
[data-tool-panel="upgrade"] .upg-result-grid{
  border-top-color:rgba(110,84,54,.10) !important;
  border-bottom-color:rgba(110,84,54,.10) !important;
}
[data-tool-panel="upgrade"] .upg-result-stat,
[data-tool-panel="upgrade"] .upg-budget-result > div{
  border-right-color:rgba(110,84,54,.10) !important;
  border-bottom-color:rgba(110,84,54,.10) !important;
}
[data-tool-panel="upgrade"] .upg-copy-btn,
[data-tool-panel="upgrade"] .upg-secondary-btn{
  color:#5b4a3c !important;
}
[data-tool-panel="upgrade"] .upg-materials-hidden-note{
  color:#bd5f58 !important;
  background:rgba(208,108,99,.07) !important;
}
@media(max-width:760px){
  [data-tool-panel="upgrade"] .upgrade-searchbar{
    grid-template-columns:minmax(0,1fr) auto !important;
  }
  [data-tool-panel="upgrade"] .upgrade-result-count{
    grid-column:1 / -1;
    justify-content:flex-start !important;
    padding-top:2px !important;
  }
}


/* =========================================================
   V65 — Upgrade readability tweaks
   ========================================================= */
[data-tool-panel="upgrade"] .upg-material-token{
  min-height:32px !important;
  gap:6px !important;
  padding:3px 8px 3px 4px !important;
  border-radius:8px !important;
}
[data-tool-panel="upgrade"] .upg-material-token .upg-iconbox{
  width:24px !important;
  height:24px !important;
  border-radius:5px !important;
}
[data-tool-panel="upgrade"] .upg-material-token .upg-iconbox img{
  max-width:22px !important;
  max-height:22px !important;
}
[data-tool-panel="upgrade"] .upg-material-token b{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:22px !important;
  height:20px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#f0e4d2,#e0cfb6) !important;
  border:1px solid rgba(176,130,72,.28) !important;
  color:#6f4d22 !important;
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace !important;
  letter-spacing:.01em !important;
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset !important;
}
[data-tool-panel="upgrade"] .upg-chance-cell{
  padding:6px 5px !important;
}
[data-tool-panel="upgrade"] .upg-chance-badge{
  min-width:48px !important;
  height:28px !important;
  padding:0 7px 4px !important;
  border-width:1px !important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset !important;
}
[data-tool-panel="upgrade"] .upg-chance-badge span{
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-shadow:none !important;
}
[data-tool-panel="upgrade"] .upg-chance-badge::after{
  height:4px !important;
  opacity:1 !important;
}
[data-tool-panel="upgrade"] .upg-chance-badge.chance-good{
  color:#3f9a57 !important;
  background:#e8f5ea !important;
  border-color:rgba(63,154,87,.30) !important;
}
[data-tool-panel="upgrade"] .upg-chance-badge.chance-mid{
  color:#a87420 !important;
  background:#fbf1dc !important;
  border-color:rgba(168,116,32,.28) !important;
}
[data-tool-panel="upgrade"] .upg-chance-badge.chance-bad{
  color:#c85c56 !important;
  background:#fbe7e5 !important;
  border-color:rgba(200,92,86,.28) !important;
}
[data-tool-panel="upgrade"] .upg-chance-badge.chance-perfect{
  color:#2c9150 !important;
  background:#e2f3e5 !important;
  border-color:rgba(44,145,80,.30) !important;
}


/* =========================================================
   V66 — Strategy comparison material counts
   ========================================================= */
[data-tool-panel="upgrade"] .upg-compare-method{
  align-items:flex-start !important;
}
[data-tool-panel="upgrade"] .upg-compare-method > span:last-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:6px !important;
}
[data-tool-panel="upgrade"] .upg-compare-materials{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
}
[data-tool-panel="upgrade"] .upg-compare-materials .upg-material-token{
  min-height:24px !important;
  padding:2px 6px 2px 3px !important;
  gap:5px !important;
  border-radius:7px !important;
}
[data-tool-panel="upgrade"] .upg-compare-materials .upg-iconbox{
  width:20px !important;
  height:20px !important;
}
[data-tool-panel="upgrade"] .upg-compare-materials .upg-iconbox img{
  max-width:18px !important;
  max-height:18px !important;
}
[data-tool-panel="upgrade"] .upg-compare-materials .upg-material-token b{
  min-width:20px !important;
  height:18px !important;
  padding:0 5px !important;
  font-size:10px !important;
  color:#6f4d22 !important;
  background:linear-gradient(180deg,#f1e5d3,#dfceb4) !important;
  border:1px solid rgba(176,130,72,.28) !important;
}


/* =========================================================
   V67 — Premium strategy comparison + hidden materials warning
   ========================================================= */
[data-tool-panel="upgrade"] .upg-compare-panel{
  overflow:hidden !important;
  border:1px solid rgba(128,94,54,.18) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#f5efe6 0%,#ece3d8 100%) !important;
  box-shadow:0 14px 30px rgba(91,70,45,.065),inset 0 1px 0 rgba(255,255,255,.48) !important;
}
[data-tool-panel="upgrade"] .upg-compare-panel .upg-panel-head{
  min-height:58px !important;
  padding:12px 14px !important;
  background:
    linear-gradient(90deg,rgba(183,137,75,.10),transparent 38%),
    linear-gradient(180deg,#f2e9dc,#e7dbcc) !important;
  border-bottom:1px solid rgba(128,94,54,.14) !important;
}
[data-tool-panel="upgrade"] .upg-compare-panel .upg-panel-head small{
  color:#9b6d34 !important;
  font-size:8.5px !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
}
[data-tool-panel="upgrade"] .upg-compare-panel .upg-panel-head strong{
  margin-top:2px !important;
  color:#47392d !important;
  font-size:11px !important;
  font-weight:800 !important;
}
[data-tool-panel="upgrade"] .upg-compare-panel .upg-panel-head > span{
  padding:4px 7px !important;
  border:1px solid rgba(123,96,65,.14) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.34) !important;
  color:#7d6c59 !important;
  font-size:7.5px !important;
  font-weight:700 !important;
}
[data-tool-panel="upgrade"] .upg-compare-table{
  border-collapse:separate !important;
  border-spacing:0 !important;
}
[data-tool-panel="upgrade"] .upg-compare-table th{
  height:34px !important;
  padding:8px 11px !important;
  background:#dfd2c2 !important;
  color:#6f604f !important;
  font-size:8px !important;
  font-weight:850 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid rgba(112,83,52,.14) !important;
}
[data-tool-panel="upgrade"] .upg-compare-table td{
  min-height:48px !important;
  padding:10px 11px !important;
  background:rgba(250,247,242,.72) !important;
  color:#4b3e32 !important;
  font-weight:650 !important;
  border-bottom:1px solid rgba(112,83,52,.09) !important;
  transition:background .15s ease,box-shadow .15s ease !important;
}
[data-tool-panel="upgrade"] .upg-compare-table tbody tr:hover td{
  background:#f7efe4 !important;
}
[data-tool-panel="upgrade"] .upg-compare-table tbody tr:has(.upg-best) td{
  background:linear-gradient(90deg,rgba(225,239,220,.78),rgba(247,243,235,.82)) !important;
}
[data-tool-panel="upgrade"] .upg-compare-table tbody tr:has(.upg-best) td:first-child{
  box-shadow:inset 3px 0 0 #88a979 !important;
}
[data-tool-panel="upgrade"] .upg-compare-method{
  gap:9px !important;
}
[data-tool-panel="upgrade"] .upg-compare-method > .upg-mini-icon{
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(135,100,59,.16) !important;
  border-radius:7px !important;
  background:linear-gradient(180deg,#eee5d9,#ded2c3) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45) !important;
}
[data-tool-panel="upgrade"] .upg-compare-method > .upg-mini-icon img{
  max-width:26px !important;
  max-height:26px !important;
}
[data-tool-panel="upgrade"] .upg-compare-method b{
  color:#4b392a !important;
  font-size:9.5px !important;
  font-weight:850 !important;
}
[data-tool-panel="upgrade"] .upg-best{
  display:inline-flex !important;
  align-items:center !important;
  min-height:18px !important;
  padding:2px 6px !important;
  border:1px solid rgba(94,132,82,.24) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#eaf4e6,#dcebd7) !important;
  color:#56774c !important;
  font-size:7px !important;
  font-weight:900 !important;
  letter-spacing:.015em !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 8px rgba(82,119,72,.07) !important;
}
[data-tool-panel="upgrade"] .upg-compare-table td:not(:first-child){
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace !important;
  font-size:10px !important;
  font-weight:750 !important;
}
[data-tool-panel="upgrade"] .upg-compare-materials{
  margin-top:1px !important;
  padding-top:2px !important;
}

[data-tool-panel="upgrade"] .upg-materials-hidden-note{
  padding:10px 14px !important;
  color:#bb4f4a !important;
  background:
    linear-gradient(180deg,rgba(255,239,237,.96),rgba(244,218,215,.92)) !important;
  border-top:1px solid rgba(193,77,71,.18) !important;
  border-bottom:1px solid rgba(193,77,71,.18) !important;
  box-shadow:
    inset 0 0 0 1px rgba(207,91,84,.08),
    inset 0 0 20px rgba(207,91,84,.12),
    0 0 14px rgba(207,91,84,.06) !important;
  text-shadow:0 0 10px rgba(190,65,58,.20) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
}