/* KING Farms + Staking tidy look (add-on, 29 Oct 2026).
   Only active when king-earn-tidy.js adds .ket to <html>. Without it the page looks exactly as before.
   Nothing here changes fees, contracts or what any button does. */

/* ---------- brighter background photo ---------- */
.ket #king-site-backdrop:after{background:linear-gradient(180deg,rgba(5,6,9,.18),rgba(5,6,9,.10) 35%,rgba(5,6,9,.22) 75%,rgba(5,6,9,.38))!important}
.ket .section::after{background:linear-gradient(180deg,rgba(8,9,12,.30),rgba(8,9,12,.08) 30%,rgba(8,9,12,.10) 70%,rgba(8,9,12,.34))!important}
.ket .section::before{opacity:.08!important}
.ket body::before{opacity:.5}

/* ---------- toolbar row (KING AI · Music · Chat) gets its own strip so text never shows behind it ---------- */
.ket .nav-bar::after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--ket-strip,30px);
  background:linear-gradient(180deg,rgba(10,11,15,.90),rgba(10,11,15,.80));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.14);pointer-events:none;z-index:-1}
.ket .page{padding-top:calc(var(--ket-strip,30px) - 6px)}

/* ---------- shared glass ---------- */
.ket{--g-bg:rgba(12,14,20,.60);--g-bg2:rgba(255,255,255,.06);--g-line:rgba(255,255,255,.18);--g-line2:rgba(255,255,255,.10);--g-txt:#fff;--g-sub:rgba(255,255,255,.80);--g-dim:rgba(255,255,255,.62)}
.ket .ket-glass,.ket .farm-card,.ket .stake-card,.ket #ksv,.ket .gauge,.ket .ket-info,.ket #ownerFundSection,.ket #ownerStakeFund,.ket .ket-box{
  background:var(--g-bg)!important;border:1px solid var(--g-line)!important;border-radius:16px!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 8px 26px rgba(0,0,0,.28)!important;color:var(--g-txt)}
.ket .section-header h2{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.6);font-size:1.45rem!important;margin-bottom:.35rem!important}
.ket .section-header p{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.7);font-size:.95rem;margin:0 auto .4rem;max-width:30ch}
.ket .section-header .gold-line{background:rgba(255,255,255,.35)!important;height:1px!important;width:60px!important}
.ket .section-header{margin-bottom:14px!important}
.ket .container{max-width:640px}

/* ---------- top numbers: one tidy row ---------- */
.ket .ket-gauges{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;margin:0 0 12px!important;padding:0!important}
.ket .ket-gauges .gauge{margin:0!important;padding:10px 12px!important;min-width:0!important;width:auto!important;text-align:left!important;transform:none!important}
.ket .ket-gauges .gauge-label{color:var(--g-dim)!important;font-size:.66rem!important;letter-spacing:.06em;text-transform:uppercase;font-family:inherit!important;margin:0 0 3px!important}
.ket .ket-gauges .gauge-value{color:#fff!important;font-size:1.02rem!important;font-weight:700;text-shadow:none!important;word-break:break-word;font-family:inherit!important;background:none!important;-webkit-text-fill-color:#fff!important}
.ket .ket-gauges .gauge small{display:block;color:var(--g-dim);font-size:.68rem;margin-top:2px;line-height:1.3}
@media(min-width:620px){.ket .ket-gauges{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* status / warning line */
.ket .ket-alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:0 0 12px;border-radius:14px;border:1px solid rgba(255,190,120,.45);background:rgba(40,22,8,.62);color:#fff;font-size:.84rem;line-height:1.4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ket .ket-alert svg{flex:0 0 18px;margin-top:1px;color:#ffd2a1}
.ket .ket-alert b{color:#fff}
.ket .ket-ok{border-color:rgba(140,230,170,.4);background:rgba(8,30,18,.55)}
.ket .ket-ok svg{color:#a8f0c0}

/* ---------- farm cards ---------- */
.ket .farms-grid,.ket .staking-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.ket .farm-card,.ket .stake-card{padding:12px 14px 14px!important;overflow:hidden;position:relative;transform:none!important;margin:0!important}
.ket .farm-card .farm-photo,.ket .stake-card .farm-photo{position:absolute!important;inset:0 0 auto 0!important;height:74px!important;margin:0!important;opacity:.38;
  -webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);pointer-events:none;border-radius:0!important}
.ket .farm-header{position:relative;padding:0!important;margin:0 0 10px!important;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none!important}
.ket .farm-name{color:#fff!important;font-size:1.05rem!important;letter-spacing:.02em}
.ket .farm-pair>div:last-child>div:last-child{color:var(--g-dim)!important}
.ket .farm-icon{width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.35)!important;background:rgba(0,0,0,.35)!important}
.ket .farm-chain{display:inline-flex!important;align-items:center;gap:5px;color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid var(--g-line)!important;border-radius:999px!important;padding:3px 9px 3px 4px!important;font-size:.68rem!important;letter-spacing:.03em}
.ket .farm-chain img{width:16px;height:16px;border-radius:50%}

.ket .ket-sum{position:relative;display:grid;gap:0;margin:0 0 10px;border:1px solid var(--g-line2);border-radius:12px;background:rgba(0,0,0,.22)}
.ket .ket-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 12px;border-top:1px solid var(--g-line2)}
.ket .ket-row:first-child{border-top:0}
.ket .ket-row>span{color:var(--g-sub);font-size:.84rem;flex:0 0 auto}
.ket .ket-row>b{color:#fff;font-size:1.12rem;font-weight:700;text-align:right;min-width:0;word-break:break-word;line-height:1.2}
.ket .ket-row>b small{display:block;font-size:.72rem;font-weight:400;color:var(--g-dim);margin-top:2px}
.ket .ket-row.ket-tot>b{font-size:1.22rem}
.ket .ket-note{font-size:.78rem;color:var(--g-sub);line-height:1.4;margin:0 0 10px}
.ket .ket-warn{display:flex;gap:8px;align-items:flex-start;font-size:.78rem;line-height:1.4;color:#fff;margin:0 0 10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,190,120,.4);background:rgba(50,26,8,.45)}
.ket .ket-warn svg{flex:0 0 16px;color:#ffd2a1;margin-top:1px}

/* buttons: one main, rest quiet. No gold blocks. */
.ket .farm-actions{display:block!important;margin:0!important;padding:0!important}
.ket .ket-btn-main,.ket .farm-actions .btn-stake.primary,.ket .stake-card .btn-stake.primary,.ket #walletActions button:first-child{
  display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;min-height:46px;margin:0!important;padding:11px 14px!important;
  background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.62)!important;border-radius:12px!important;color:#fff!important;
  font-weight:700!important;font-size:.95rem!important;letter-spacing:.03em;box-shadow:none!important;text-shadow:none!important;cursor:pointer;font-family:inherit!important}
.ket .ket-btns2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.ket .ket-btns2 button,.ket .farm-card .btn-claim,.ket .farm-card .btn-stake.secondary,.ket #walletActions button+button{
  display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%!important;min-height:40px;margin:0!important;padding:8px 10px!important;
  background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:11px!important;color:#fff!important;
  font-weight:600!important;font-size:.84rem!important;letter-spacing:.02em;box-shadow:none!important;text-shadow:none!important;cursor:pointer;font-family:inherit!important;animation:none!important}
.ket #walletActions button+button{border-color:rgba(255,140,140,.45)!important;color:#ffdcdc!important}
.ket .ket-btn-main svg,.ket .ket-btns2 svg,.ket #walletActions svg{width:17px;height:17px;flex:0 0 17px}

/* stake / unstake input panel */
.ket .stake-panel,.ket .stake-input-panel{background:rgba(0,0,0,.35)!important;border:1px solid var(--g-line)!important;border-radius:12px!important;padding:12px!important;margin-top:8px!important}
.ket .stake-panel span,.ket .stake-input-panel span{color:var(--g-sub)!important}
.ket .stake-panel input,.ket .stake-input-panel input,.ket #ownerFundSection input,.ket #ownerStakeFund input{background:rgba(0,0,0,.4)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;border-radius:10px!important;font-family:inherit!important;font-size:1.05rem!important}
.ket .stake-panel button,.ket .stake-input-panel button,.ket #ownerFundSection button,.ket #ownerStakeFund button{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;font-family:inherit!important;border-radius:9px!important;font-weight:600!important}
.ket .stake-panel button[id^=stakeConfirm],.ket .stake-input-panel button[onclick^=confirmStake],.ket #ownerFundSection button[onclick^=fundFarms],.ket #ownerFundSection button[onclick^=changeKPB],.ket #ownerStakeFund button[onclick^=fundStaking],.ket #ownerStakeFund button[onclick^=changeRewardRate]{
  background:rgba(255,255,255,.16)!important;border:1px solid rgba(255,255,255,.62)!important;color:#fff!important;font-size:.95rem!important;min-height:44px}

/* folded "More details" */
.ket details.ket-more{margin-top:10px;border-top:1px solid var(--g-line2)}
.ket details.ket-more>summary,.ket details.ket-fold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 2px 2px;color:var(--g-sub);font-size:.82rem;user-select:none}
.ket details>summary::-webkit-details-marker{display:none}
.ket details>summary .ket-chev{width:16px;height:16px;transition:transform .25s ease;flex:0 0 16px;opacity:.85}
.ket details[open]>summary .ket-chev{transform:rotate(180deg)}
.ket details.ket-more>div{padding:8px 0 0}
.ket .ket-more .farm-speedometer{transform:scale(.8);transform-origin:top center;margin:-6px auto -20px!important}
.ket .ket-more .speedo-value{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
.ket .ket-more .farm-stats{margin:6px 0 0!important;background:none!important;border:1px solid var(--g-line2)!important;border-radius:10px!important}
.ket .ket-more .farm-stat{background:rgba(0,0,0,.18)!important;border-color:var(--g-line2)!important}
.ket .ket-more .farm-stat-label{color:var(--g-dim)!important}
.ket .ket-more .farm-stat-value{color:#fff!important;font-size:.85rem!important;text-shadow:none!important}
.ket .ket-more [id^=walletLp]{color:#fff!important}
.ket .ket-more>div>div[style*="text-align:center"]{background:rgba(0,0,0,.18)!important;margin:8px 0 0!important}
.ket .ket-dl{display:grid;gap:0;margin:8px 0 0;border:1px solid var(--g-line2);border-radius:10px;overflow:hidden}
.ket .ket-dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-top:1px solid var(--g-line2);font-size:.78rem}
.ket .ket-dl div:first-child{border-top:0}
.ket .ket-dl span{color:var(--g-dim)}
.ket .ket-dl b{color:#fff;font-weight:600;text-align:right;word-break:break-word}
.ket .ket-explain{font-size:.78rem;line-height:1.5;color:var(--g-sub);margin:8px 0 0}
.ket .ket-explain p{margin:0 0 6px}

/* "Your farms" totals panel (shared read-only panel) */
.ket #ksv{padding:12px 14px!important;margin-bottom:12px!important}
.ket #ksv .hd b{color:#fff!important;font-family:inherit!important;font-size:1rem!important}
.ket #ksv .rf,.ket #ksv .ket-ksv-tg{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;border-radius:10px;padding:6px 10px;font-size:.78rem;font-family:inherit;cursor:pointer}
.ket #ksv .sub,.ket #ksv .note{color:var(--g-dim)!important}
.ket #ksv .gt div{background:rgba(0,0,0,.22)!important;border:1px solid var(--g-line2)!important}
.ket #ksv .gt small{color:var(--g-dim)!important}
.ket #ksv .gt b,.ket #ksv .gt .big b{color:#fff!important}
.ket #ksv .p{background:rgba(0,0,0,.22)!important;border:1px solid var(--g-line2)!important}
.ket #ksv .p h4{color:#fff!important}
.ket #ksv .r>b,.ket #ksv .r.tot>b{color:#fff!important}
.ket #ksv .r>b small,.ket #ksv .r>span{color:var(--g-dim)!important}
.ket #ksv .st{color:var(--g-sub)!important;border-left-color:rgba(255,255,255,.25)!important}
.ket #ksv:not(.ket-open) .ps,.ket #ksv:not(.ket-open) .note{display:none}
.ket #ksv .hd>span{display:flex;gap:6px}

/* ---------- staking tier cards ---------- */
.ket .stake-card{text-align:left!important}
.ket .stake-card .ket-tier-head{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 10px}
.ket .stake-card .ket-tier-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);color:#fff}
.ket .stake-card .ket-tier-ico svg{width:22px;height:22px}
.ket .stake-card .ket-tier-ico img{width:26px;height:26px;object-fit:contain}
.ket .stake-card .ket-tier-txt{min-width:0;flex:1}
.ket .stake-card .stake-tier-name{color:#fff!important;font-size:1rem!important;margin:0!important;text-align:left!important;-webkit-text-fill-color:#fff!important;background:none!important}
.ket .stake-card .stake-tier-lock{color:var(--g-sub)!important;font-size:.78rem!important;margin:2px 0 0!important;text-align:left!important;display:flex;align-items:center;gap:5px}
.ket .stake-card .stake-tier-lock svg{width:13px;height:13px}
.ket .stake-card .ket-tier-right{text-align:right;flex:0 0 auto}
.ket .stake-card .stake-multiplier{display:inline-block!important;color:#fff!important;font-size:.78rem!important;padding:2px 8px!important;border:1px solid var(--g-line)!important;border-radius:999px!important;margin:0!important;background:rgba(255,255,255,.06)!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
.ket .stake-card [id^=tierAPR]{color:#fff!important;font-size:.95rem!important;font-weight:700;margin:4px 0 0!important;font-family:inherit!important}
.ket .stake-card [id^=tierAPR]::after{content:" est.";font-size:.68rem;font-weight:400;color:var(--g-dim)}
.ket .stake-card .stake-tier-icon{display:none!important}
.ket .stake-card>p{display:none}
.ket .stake-card .stake-tier-icon,.ket .stake-card::before{animation:none!important}

/* your staking box */
.ket .ket-box{padding:12px 14px!important;margin:0 0 12px!important}
.ket .ket-box h3,.ket .ket-box h4{color:#fff!important;font-size:1rem!important;margin:0 0 8px!important;font-family:inherit!important;letter-spacing:.02em}
.ket .ket-box [id^=dash]{color:#fff!important;font-family:inherit!important}
.ket .ket-box>div>div{padding:8px 0!important}
.ket .ket-box span{color:var(--g-sub)}
.ket #walletActions{max-width:none!important;margin:10px 0 0!important;gap:8px!important}
.ket #stakeDetails h4{color:#fff!important}
.ket #stakeDetails>div>div{border-color:var(--g-line)!important;background:rgba(0,0,0,.25)}
.ket #stakeDetails span{color:#fff!important}

/* ---------- owner tools: one folded area, each action its own folded banner ---------- */
.ket #ownerFundSection,.ket #ownerStakeFund{padding:0!important;margin:14px 0!important;overflow:hidden}
.ket details.ket-owner>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;color:#fff;font-weight:700;font-size:.98rem}
.ket details.ket-owner>summary small{font-weight:400;color:var(--g-dim);font-size:.72rem;margin-left:auto;margin-right:6px}
.ket details.ket-owner>summary .ket-ico{width:20px;height:20px}
.ket .ket-owner-body{padding:0 10px 10px;display:grid;gap:8px}
.ket details.ket-ob{border:1px solid var(--g-line);border-radius:12px;background:rgba(0,0,0,.22)}
.ket details.ket-ob>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px 12px;color:#fff}
.ket details.ket-ob>summary .ket-ico{width:18px;height:18px;flex:0 0 18px}
.ket details.ket-ob>summary .ket-t{font-weight:700;font-size:.92rem}
.ket details.ket-ob>summary .ket-k{margin-left:auto;font-size:.8rem;color:var(--g-sub);text-align:right}
.ket details.ket-ob>.ket-ob-body{padding:0 12px 12px}
.ket .ket-ob-body>div[style]{margin-bottom:8px!important}
.ket .ket-ob-body span{color:var(--g-sub)!important;font-family:inherit!important}
.ket .ket-ob-body span[id]{color:#fff!important}
.ket .ket-ob-body #estAPR{color:#fff!important}
.ket .ket-ob-body h3,.ket .ket-ob-body h4{display:none}
.ket details.ket-fold{margin-top:8px}
.ket details.ket-fold>summary{padding:6px 2px 0}
.ket details.ket-fold>div{font-size:.78rem;color:var(--g-sub);line-height:1.5;padding:6px 0 0}
.ket details.ket-fold>div p{margin:0 0 6px;color:var(--g-sub)!important;text-align:left!important;font-size:.78rem!important}

/* folded page sections (How it works, Workshop photos) */
.ket .ket-pagefold{margin:12px 0 0}
.ket .ket-pagefold>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:#fff;font-weight:700;font-size:.95rem}
.ket .ket-pagefold>div{padding:0 12px 12px}
.ket .ket-pagefold>div>div{margin:0!important;padding:0!important;background:none!important;border:0!important}
.ket .ket-pagefold h3,.ket .ket-pagefold h4{color:#fff!important}
.ket .ket-pagefold p{color:var(--g-sub)!important}

/* plain icons, gentle motion */
.ket .ket-ico{color:#fff}
@keyframes ketFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
.ket .ket-tier-ico svg,.ket .ket-owner>summary .ket-ico{animation:ketFloat 4.5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.ket *{animation:none!important;transition:none!important}}

/* spacing for the bottom bar */
.ket .footer{margin-top:18px}
@media(max-width:360px){.ket .ket-row>b{font-size:1rem}.ket .ket-row>span{font-size:.78rem}.ket .farm-card,.ket .stake-card{padding:10px 11px 12px!important}}
/* icon sizes inside existing buttons */
.ket .farm-card button svg,.ket .stake-card button svg,.ket #walletActions button svg{width:17px!important;height:17px!important;flex:0 0 17px}
.ket .section-header h2{-webkit-text-fill-color:#fff!important;background:none!important;letter-spacing:.06em}
.ket .section-header h2 img{filter:none}
.ket .ket-box h3,.ket .ket-box h4,.ket .ket-pagefold h3{-webkit-text-fill-color:#fff!important;background:none!important;text-transform:none!important}
.ket .stake-card::before,.ket .stake-card::after,.ket .farm-card::before,.ket .farm-card::after{display:none!important}
.ket .ket-box span[id^=dash]{font-weight:700}

/* Clear gold position cards, same handlers and original content. */
.ket{--g-bg:rgba(10,11,15,.82);--g-line:rgba(215,177,77,.45);--g-line2:rgba(215,177,77,.18);--g-txt:#fff;--g-sub:#fff;--g-dim:#fff}
.ket .ket-alert,.ket .ket-warn,.ket .ket-ok{background:rgba(10,11,15,.82)!important;border-color:rgba(215,177,77,.45)!important;color:#fff!important}
.ket .ket-alert svg,.ket .ket-warn svg{color:#fff!important}.ket .ket-sum{background:transparent!important;border:0!important}.ket .ket-row{display:block;padding:10px 0}.ket .ket-row>b{display:block;text-align:left!important;font-size:1.4rem!important;margin-top:3px}.ket .ket-row>b small{color:white!important;font-size:.78rem!important}.ket .ket-live-price{font:13px/1.5 system-ui;color:white;padding:6px 0 10px}
.ket .farm-actions .btn-stake.primary,.ket .stake-card .btn-stake.primary{background:rgba(190,143,35,.16)!important;border-color:rgba(240,208,123,.8)!important}.ket .ket-btns2 button{min-height:44px!important;border-color:rgba(215,177,77,.45)!important}.ket .ket-tot{border-top:1px solid var(--g-line2)!important}.ket .farm-card .ket-warn{font-size:.78rem!important}
.ket-staking #ksv .ps{display:grid!important}.ket-staking #ksv .ket-ksv-tg{display:none!important}
.ket .farm-card button,.ket .farm-card button span,.ket .stake-card button,.ket .stake-card button span{-webkit-text-fill-color:#fff!important;color:#fff!important}