/* shop sub-tabs */
.shop-tabs{display:flex;gap:4px;padding:8px 9px 0;border-bottom:1px solid var(--panel-line);position:relative;z-index:2}
.shop-tab{
  flex:1;border:none;cursor:pointer;background:transparent;color:var(--ink-soft);
  font-family:var(--body);font-weight:900;font-size:10.5px;padding:8px 4px;border-radius:10px 10px 0 0;
  transition:.14s;letter-spacing:.1px;line-height:1.2;position:relative;z-index:1;
}
.shop-tab.on{background:var(--panel2);color:var(--ink)}
.shop-tab:hover:not(.on){color:var(--ink)}

.shop-panes{position:relative;min-height:120px}
.shop-pane{display:none!important}
.shop-pane.is-active{display:block!important}

/* wardrobe / collect — используют те же .up что и улучшения */
.collect-prog{text-align:center;font-size:11px;font-weight:900;color:var(--ink-soft);padding:0 4px 8px;margin-bottom:6px}

/* cosmetic overlays on cat */
.cos-layer{position:absolute;inset:0;pointer-events:none;z-index:5}
.cos-hat,.cos-neck,.cos-face{
  position:absolute;left:50%;transform:translateX(-50%);font-size:28px;line-height:1;
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));transition:.2s;
}
.cos-hat{top:-4%;font-size:32px}
.cos-neck{bottom:28%;font-size:22px}
.cos-face{top:32%;font-size:26px}

/* location backgrounds */
.loc-deco{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.85;transition:opacity .6s}
.scene-card.loc-cafe .loc-deco{
  background:
    radial-gradient(ellipse 80% 50% at 50% 100%, rgba(210,170,120,.25), transparent),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='8' cy='8' r='1.5' fill='%23d4b896' opacity='.4'/%3E%3C/svg%3E");
}
.scene-card.loc-dacha .loc-deco{
  background:
    radial-gradient(ellipse 70% 45% at 20% 90%, rgba(120,160,90,.35), transparent),
    radial-gradient(ellipse 50% 40% at 85% 20%, rgba(135,185,220,.3), transparent),
    linear-gradient(180deg, rgba(200,230,255,.35) 0%, rgba(180,210,150,.2) 100%);
}
.scene-card.loc-dacha{background:linear-gradient(180deg,#E8F4E0 0%,#D4E8C8 55%,#C5DEB5 100%)!important}
.scene-card.loc-dacha .menu-board{display:none}
.scene-card.loc-dacha .plant{font-size:42px}
.scene-card.loc-dacha .plant::after{content:"🌻";position:absolute;right:40px;bottom:0;font-size:28px}

.scene-card.loc-space .loc-deco{
  background:
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.9) 0%, transparent 3%),
    radial-gradient(circle at 75% 35%, rgba(255,255,255,.7) 0%, transparent 2%),
    radial-gradient(circle at 40% 60%, rgba(255,255,255,.5) 0%, transparent 1.5%),
    radial-gradient(circle at 90% 70%, rgba(255,255,255,.8) 0%, transparent 2%),
    linear-gradient(180deg,#1a1535 0%,#2d2555 50%,#1f1a3a 100%);
  opacity:1;
}
.scene-card.loc-space{background:linear-gradient(180deg,#2a2348 0%,#3d3568 100%)!important;border-color:#5a4f8a}
.scene-card.loc-space .lights{opacity:.35}
.scene-card.loc-space .scene-window{background:linear-gradient(180deg,#0a0820,#1a1540);border-color:#4a4080}

.scene-card.loc-palace .loc-deco{
  background:
    radial-gradient(ellipse 100% 60% at 50% 0%, rgba(255,230,180,.5), transparent),
    repeating-linear-gradient(90deg, transparent, transparent 28px, rgba(227,174,79,.08) 28px, rgba(227,174,79,.08) 30px);
}
.scene-card.loc-palace{background:linear-gradient(180deg,#FFF5E6 0%,#F5E6C8 45%,#EDD9B5 100%)!important;border-color:var(--gold-soft)}
.scene-card.loc-palace .menu-board{border-color:var(--gold);background:linear-gradient(160deg,#6b5344,#4a3828)}

.loc-badge{
  position:absolute;top:8px;right:10px;z-index:4;
  display:flex;align-items:center;gap:8px;
  background:rgba(255,253,249,.92);padding:5px 6px 5px 5px;
  border-radius:12px;border:1px solid var(--panel-line);
  box-shadow:0 2px 10px rgba(80,56,40,.1);
}
.loc-badge-art{
  width:38px;height:38px;border-radius:9px;flex:none;
  background:linear-gradient(145deg,var(--panel2),#fff);
  border:1px solid var(--panel-line);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.loc-badge-art svg{width:30px;height:30px;display:block}
.loc-badge-nm{
  font-size:10px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;
  color:var(--ink-soft);padding-right:6px;white-space:nowrap;
}
.scene-card.loc-space .loc-badge{
  background:rgba(30,25,60,.88);border-color:#5a4f8a;
  box-shadow:0 2px 12px rgba(0,0,0,.25);
}
.scene-card.loc-space .loc-badge-nm{color:#e0d4ff}
.scene-card.loc-space .loc-badge-art{background:linear-gradient(145deg,#2d2555,#3d3568);border-color:#5a4f8a}

.loc-window-art{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  padding:10% 8%;pointer-events:none;
}
.loc-window-art svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.scene-card.loc-space .loc-window-art svg{filter:drop-shadow(0 4px 12px rgba(157,144,224,.35))}
.scene-card.loc-space .scene-window{opacity:.92;border-color:#5a4f8a}
.scene-card.loc-dacha .scene-window{background:linear-gradient(180deg,#b8dce8,#c8e8b0);border-color:#a8d4a0}
.scene-card.loc-palace .scene-window{background:linear-gradient(180deg,#fff8ea,#f5e6c8);border-color:var(--gold-soft)}
.scene-card.loc-cafe .scene-window{background:linear-gradient(180deg,#e8d4c0,#f0e0cc);border-color:#e0cdb8}
.scene-card .scene-window{opacity:.92}

/* boosters */
.booster-bar{
  display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;
  background:linear-gradient(90deg,var(--green-soft),#EFF9F0);border-radius:20px;
  padding:5px 14px;font-size:12px;font-weight:900;color:var(--green);
  animation:boostPulse 1.5s ease-in-out infinite;
}
@keyframes boostPulse{0%,100%{box-shadow:0 0 0 0 rgba(125,168,140,.3)}50%{box-shadow:0 0 0 6px rgba(125,168,140,0)}}
.boost-timer{font-family:var(--disp);font-weight:700;color:var(--accent2)}

.action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
.act-btn{
  border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);
  border-radius:var(--r-sm);padding:11px 8px;cursor:pointer;font-family:var(--body);
  font-weight:800;font-size:12px;transition:.14s;box-shadow:var(--shadow-sm);
}
.act-btn:hover{transform:translateY(-2px);background:var(--panel2)}
.act-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.act-btn.act-roulette{background:linear-gradient(160deg,#FFF8EA,#FFFDF8);border-color:var(--gold-soft)}
.act-btn.act-roulette.ready{animation:rouletteGlow 2s ease-in-out infinite}
@keyframes rouletteGlow{0%,100%{box-shadow:var(--shadow-sm)}50%{box-shadow:0 0 16px -2px var(--gold)}}

/* minigames */
.modal-wide{max-width:420px}
.mg-area{
  position:relative;height:200px;border-radius:var(--r-sm);overflow:hidden;
  background:linear-gradient(180deg,#C5E8F5 0%,#9FD4E8 60%,#7BB8D0 100%);
  border:2px solid #8ECAE0;margin-bottom:10px;
}
.mg-fish{
  position:absolute;border:none;background:none;font-size:42px;cursor:pointer;padding:0;line-height:1;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.2));transition:transform .08s;
  animation:fishSwim 2.5s ease-in-out infinite alternate;
}
.mg-fish:active{transform:scale(.85)}
@keyframes fishSwim{from{transform:translateX(-8px) rotate(-8deg)}to{transform:translateX(8px) rotate(8deg)}}
.mg-hud{font-size:13px;font-weight:800;color:var(--ink-soft)}
.mg-hud b{color:var(--accent2);font-family:var(--disp)}

.mg-bowls{display:flex;gap:12px;justify-content:center;margin:8px 0 4px}
.mg-bowl{
  width:72px;height:72px;border-radius:50%;border:3px solid #d9c6b0;cursor:pointer;
  background:linear-gradient(180deg,#f5ebe0,#e8d5c4);font-size:36px;
  display:grid;place-items:center;transition:.2s;box-shadow:var(--shadow-sm);
}
.mg-bowl:hover{transform:translateY(-4px)}
.mg-bowl.pick{animation:bowlBounce .5s ease}
.mg-bowl.win{border-color:var(--green);background:var(--green-soft)}
.mg-bowl.lose{border-color:var(--rose);opacity:.6}
@keyframes bowlBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px) scale(1.05)}}

/* collection sticker grid in list */
.col-item .ic{font-size:26px}
.col-item.locked .ic{filter:grayscale(1);opacity:.5}
.col-check{display:none}

@media(max-width:420px){
  .action-row{grid-template-columns:1fr 1fr}
  .act-btn{font-size:11px;padding:10px 6px}
  .shop-tab{font-size:9.5px;padding:7px 2px}
}

/* ---------- SEO content ---------- */
.seo-content{
  margin-top:8px;padding-bottom:48px;
  border-top:1px solid var(--panel-line);
  padding-top:28px;
}
.seo-hero{margin-bottom:28px}
.seo-content h2{
  font-family:var(--disp);font-weight:600;font-size:1.35rem;
  color:var(--ink);margin:0 0 12px;line-height:1.25;
}
.seo-lead{font-size:15px;line-height:1.65;color:var(--ink-soft);font-weight:600;margin:0}
.seo-block{margin-bottom:32px}
.seo-block > p{font-size:14px;line-height:1.65;color:var(--ink-soft);font-weight:600;margin:0 0 12px}
.seo-steps{
  margin:0 0 14px;padding-left:1.25rem;
  font-size:14px;line-height:1.65;color:var(--ink-soft);font-weight:600;
}
.seo-steps li{margin-bottom:8px}
.seo-steps li::marker{color:var(--accent2);font-weight:900}
.seo-features{
  margin:0;padding-left:1.2rem;
  font-size:14px;line-height:1.7;color:var(--ink-soft);font-weight:600;
}
.seo-features li{margin-bottom:10px}
.seo-table-wrap{overflow-x:auto;margin:14px 0;border-radius:var(--r-sm);border:1px solid var(--panel-line)}
.seo-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--panel)}
.seo-table th,.seo-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--panel-line)}
.seo-table th{
  background:var(--panel2);font-weight:900;font-size:11px;
  text-transform:uppercase;letter-spacing:.4px;color:var(--ink-faint);
}
.seo-table tr:last-child td{border-bottom:none}
.seo-table td:first-child{font-weight:900;color:var(--accent2);width:3rem}
.seo-faq{display:flex;flex-direction:column;gap:8px}
.faq-item{
  background:var(--panel);border:1px solid var(--panel-line);border-radius:var(--r-sm);
  padding:0;overflow:hidden;
}
.faq-item summary{
  cursor:pointer;padding:13px 16px;font-weight:800;font-size:14px;color:var(--ink);
  list-style:none;display:flex;align-items:center;justify-content:space-between;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-family:var(--disp);font-size:18px;color:var(--accent2);font-weight:700}
.faq-item[open] summary::after{content:"−"}
.faq-item[open] summary{border-bottom:1px solid var(--panel-line);background:var(--panel2)}
.faq-item p{margin:0;padding:12px 16px 14px;font-size:13.5px;line-height:1.6;color:var(--ink-soft);font-weight:600}
.seo-cta{
  background:linear-gradient(160deg,var(--panel),var(--panel2));
  border:1px solid var(--panel-line);border-radius:var(--r);padding:18px 20px;
  text-align:center;
}
.seo-cta p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft);font-weight:700}
.seo-keywords{
  margin-top:14px!important;font-size:10px!important;color:var(--ink-faint)!important;
  line-height:1.5!important;font-weight:700!important;
}
.foot a{color:var(--accent2);text-decoration:none;font-weight:900}
.foot a:hover{text-decoration:underline}