/* ============================================================
   components.css — shared UI components extracted from PHP files
   Includes: bar-shell timer, veidukai-info, goku-home-news-teaser,
   goku-krd-rush, misk-gather, misk-mission, goku-tikslas,
   goku-pasl, goku-paslaugos-remind, goku-pp (kame), goku-pirate,
   skr (kita/saugykla), gyv, pcase, kit, ats-hub (misijos),
   cap-ev (event), pas-hub (satan_city pasiūlymai)
   ============================================================ */

/* BAR SHELL (#bar-shell / #container / #line) — jau yra stilius3.css
   (scoped #bar-shell #container). Čia NEDĖTI nescope'intų #container/#line. */

@keyframes shrink {
  from { transform: scaleX(1); }
  to   { transform: scaleX(0); }
}

/* ----------------------------------------------------------
   VEIDUKAI INFO — functions.php
   ---------------------------------------------------------- */
.veidukai-info { padding: 2px 0 4px; text-align: left; }
.veidukai-info__title { margin: 0 0 2px; font-size: 13px; color: #e8f0ff; }
.veidukai-info__lead { margin: 0 0 6px; font-size: 10px; color: #9fb0d1; line-height: 1.35; }
.veidukai-info__grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 3px; }
@media (min-width: 480px) { .veidukai-info__grid { grid-template-columns: repeat(6, minmax(0,1fr)); } }
@media (min-width: 640px) { .veidukai-info__grid { grid-template-columns: repeat(7, minmax(0,1fr)); } }
.veidukai-info__item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 4px 2px; border: 1px solid rgba(126,155,201,.16); border-radius: 6px; background: rgba(9,16,30,.28); min-height: 0; }
.veidukai-info__img { width: 20px; height: 20px; max-width: 20px; max-height: 20px; object-fit: contain; display: block; }
.veidukai-info__code { font-size: 8px; line-height: 1.2; color: #cfe0ff; background: rgba(26,45,72,.55); border: 1px solid rgba(47,74,115,.7); border-radius: 4px; padding: 1px 3px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ----------------------------------------------------------
   GOKU HOME NEWS TEASER — functions.php
   ---------------------------------------------------------- */
.goku-home-news-teaser { display: block; max-width: 100%; margin: 6px auto 8px; padding: 10px 12px; border-radius: 10px; background: linear-gradient(165deg, rgba(28,42,68,.95), rgba(16,24,40,.98)); border: 1px solid rgba(90,140,210,.35); box-shadow: 0 2px 10px rgba(0,0,0,.25); color: #dce8f8; text-decoration: none; box-sizing: border-box; overflow: hidden; }
.goku-home-news-teaser:hover,
.goku-home-news-teaser:focus { border-color: rgba(120,175,255,.55); box-shadow: 0 4px 14px rgba(40,90,160,.35); color: #f0f6ff; outline: none; }
.goku-home-news-teaser__label { font-size: 11px; font-weight: 700; color: #6eb5ff; letter-spacing: .02em; margin: 0 0 6px; }
.goku-home-news-teaser__title { display: block; font-size: 13px; font-weight: 700; color: #fff; line-height: 1.35; margin: 0 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.goku-home-news-teaser__excerpt { display: block; font-size: 12px; line-height: 1.45; color: #b8c8de; margin: 0; max-height: 2.9em; overflow: hidden; }
.goku-home-news-teaser__more { display: block; margin-top: 8px; font-size: 11px; color: #7eb8ff; font-weight: 600; }

/* ----------------------------------------------------------
   GOKU KRD RUSH — functions.php
   ---------------------------------------------------------- */
.goku-krd-rush { max-width: 300px; margin: 0 auto; padding: 0 !important; overflow: hidden; border: 1px solid rgba(255,190,90,.38) !important; border-radius: 11px !important; background: linear-gradient(145deg, rgba(36,28,16,.96), rgba(14,18,28,.98)) !important; box-shadow: 0 4px 16px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,220,140,.1) !important; }
.goku-krd-rush__inner { display: flex; align-items: center; gap: 9px; padding: 7px 9px; }
.goku-krd-rush__icon { flex-shrink: 0; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 9px; background: radial-gradient(circle at 32% 28%, rgba(255,220,120,.3), rgba(255,159,47,.07)); border: 1px solid rgba(255,200,100,.28); box-shadow: 0 0 10px rgba(255,159,47,.14); }
.goku-krd-rush__icon img { width: 24px; height: 24px; object-fit: contain; filter: drop-shadow(0 1px 2px rgba(0,0,0,.45)); }
.goku-krd-rush__body { min-width: 0; flex: 1; text-align: left; }
.goku-krd-rush__title { margin: 0 0 2px; font-size: 12px; font-weight: 800; line-height: 1.25; color: var(--db-text, #e8ecf4); }
.goku-krd-rush__sub { margin: 0; font-size: 10px; line-height: 1.4; color: var(--db-muted, #aab4c8); }
.goku-krd-rush__hl { color: var(--db-orange-2, #ffd166); font-weight: 800; }
.goku-krd-rush__time { color: var(--db-orange-2, #ffd166); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.goku-krd-rush__sep { opacity: .45; padding: 0 1px; }
.goku-krd-rush__pill { color: var(--db-muted, #aab4c8); white-space: nowrap; }
.goku-krd-rush__pill b { color: var(--db-orange-2, #ffd166); font-weight: 800; }
@media (max-width: 480px) {
  .goku-krd-rush { max-width: 100%; }
  .goku-krd-rush__inner { padding: 7px 8px; gap: 8px; }
  .goku-krd-rush__icon { width: 34px; height: 34px; }
  .goku-krd-rush__icon img { width: 22px; height: 22px; }
  .goku-krd-rush__title { font-size: 11px; }
  .goku-krd-rush__sub { font-size: 9px; line-height: 1.45; }
}

/* ----------------------------------------------------------
   MISK-GATHER (miško rinkimas) — functions.php
   ---------------------------------------------------------- */
.misk-gather-shell { padding: 6px 8px 4px !important; }
.misk-gather { color: #d6dce8; line-height: 1.35; text-align: left; }
.misk-gather--active { margin-top: 4px; padding: 0; border-radius: 10px; background: linear-gradient(180deg, rgba(16,22,34,.98), rgba(8,12,20,.99)); border: 1px solid rgba(255,255,255,.08); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); overflow: hidden; }
.misk-gather__head { display: flex; align-items: center; gap: 10px; padding: 10px 10px 8px; border-bottom: 1px solid rgba(255,255,255,.06); background: linear-gradient(180deg, rgba(255,255,255,.03), transparent); }
.misk-gather__img { width: 56px; height: 44px; object-fit: cover; border-radius: 8px; flex-shrink: 0; border: 1px solid rgba(255,209,102,.22); box-shadow: 0 2px 8px rgba(0,0,0,.35); }
.misk-gather__meta { min-width: 0; flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.misk-gather__stat { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.misk-gather__stat-val { font-size: 15px; font-weight: 800; color: #e8edf5; line-height: 1.1; letter-spacing: -.02em; }
.misk-gather__stat-lbl { font-size: 9px; font-weight: 700; color: #8b97ab; text-transform: uppercase; letter-spacing: .04em; }
.misk-gather__timer-pill { flex-shrink: 0; padding: 4px 8px; border-radius: 999px; font-size: 9px; font-weight: 700; color: #9aa6ba; background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.08); white-space: nowrap; }
.misk-gather__timer-pill b { color: #ffd166; font-weight: 800; }
.misk-gather__title { margin: 0; font-size: 13px; font-weight: 800; color: #ffd166; line-height: 1.2; }
.misk-gather__sub { margin: 2px 0 0; font-size: 10px; color: #8b97ab; }
.misk-gather__sub b { color: #c5d4e8; font-weight: 700; }
.misk-gather__bonuses-wrap { margin: 0; border-bottom: 1px solid rgba(255,255,255,.05); background: rgba(0,0,0,.14); }
.misk-gather__bonuses-wrap summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 10px; font-size: 10px; font-weight: 800; color: #9aa6ba; cursor: pointer; list-style: none; user-select: none; }
.misk-gather__bonuses-wrap summary::-webkit-details-marker { display: none; }
.misk-gather__bonuses-wrap summary:after { content: attr(data-count); padding: 2px 7px; border-radius: 999px; font-size: 8px; font-weight: 800; color: #ffd166; background: rgba(255,209,102,.12); border: 1px solid rgba(255,209,102,.22); }
.misk-gather__bonuses { display: flex; flex-wrap: wrap; gap: 5px; padding: 0 8px 8px; }
.misk-gather__chip { padding: 4px 7px; border-radius: 999px; font-size: 8px; font-weight: 700; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.32); line-height: 1.25; }
.misk-gather__chip time { color: #9ee6a8; font-weight: 800; white-space: nowrap; }
.misk-gather__chip--event { border-color: rgba(255,159,47,.35); color: #ffd166; }
.misk-gather__chip--sms { border-color: rgba(180,130,255,.35); color: #d4b8ff; }
.misk-gather__chip--buff { border-color: rgba(116,214,128,.35); color: #9ee6a8; }
.misk-gather__chip--race,
.misk-gather__chip--perm { border-color: rgba(255,255,255,.14); color: #c5cdd9; }
.misk-gather__action-panel { padding: 8px 10px 10px; background: linear-gradient(180deg, rgba(116,214,128,.04), rgba(0,0,0,.08)); }
.misk-gather__foot { display: flex; align-items: center; gap: 10px; margin: 0; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(116,214,128,.14); }
.misk-gather__result-slot { flex: 1; min-width: 0; display: flex; align-items: center; }
.misk-gather__actions { flex: 0 0 auto; display: flex; align-items: center; }
.misk-gather__result { display: block; width: 100%; margin: 0; padding: 0; border: none; background: transparent; font-size: 12px; font-weight: 700; text-align: left; color: #d6dce8; line-height: 1.35; }
.misk-gather__result--stack .misk-gather__result-harvest { display: block; margin-bottom: 3px; }
.misk-gather__result--stack .misk-gather__result-bonus { display: block; font-size: 10px; font-weight: 600; color: #9aa6ba; }
.misk-gather__result-harvest { color: #9ee6a8; }
.misk-gather__result-harvest b,
.misk-gather__result-harvest font { color: #b8f5c0 !important; font-size: 13px; font-weight: 800; }
.misk-gather__result-bonus-lbl { color: #7a8699; margin-right: 3px; }
.misk-gather__result-sep { color: #5a6478; margin: 0 3px; }
.misk-gather__result-drops { display: inline; font-weight: 600; color: #b8c8dc; font-size: 10px; }
.misk-gather__result-drops img,
.misk-gather__result-drops-img { max-height: 14px !important; width: auto !important; vertical-align: -2px; }
.misk-gather__result-drops .misk-drop-name { text-decoration: none; color: #b8c8dc; }
.misk-gather__result-drops .rarity { font-size: 8px; vertical-align: middle; }
.misk-gather__retry { display: inline-flex; align-items: center; justify-content: center; min-width: 52px; padding: 9px 12px; border-radius: 8px; font-size: 10px; font-weight: 800; text-decoration: none; background: linear-gradient(165deg, rgba(255,209,102,.22), rgba(255,209,102,.08)); border: 1px solid rgba(255,209,102,.42); color: #ffd166; line-height: 1.2; white-space: nowrap; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.misk-gather__retry:hover { border-color: rgba(255,209,102,.65); color: #ffe08a; }
.misk-gather__retry-hint { display: none; }
.misk-gather__foot-meta { margin-top: 8px; padding: 9px 10px; border-radius: 8px; font-size: 11px; font-weight: 600; text-align: center; color: #9aa6ba; line-height: 1.4; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.05); }
.misk-gather__foot-meta a { color: #a8b4c8; text-decoration: none; }
.misk-gather__foot-meta b { color: #9ee6a8; }
.misk-gather__foot-mission { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; max-width: 100%; }
.misk-gather__foot-mission--wait { gap: 6px; font-size: 11px; }
.misk-gather__foot-mission-lnk { color: #c5d4e8; text-decoration: none; font-size: 12px; font-weight: 800; }
.misk-gather__foot-mission-lnk:hover { color: #ffd166; }
.misk-gather__foot-mini { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.misk-gather__foot-mini-lbl { font-size: 10px; font-weight: 800; color: #8b97ab; flex-shrink: 0; min-width: 11px; text-align: center; }
.misk-gather__foot-mini-bar { display: block; width: 54px; height: 8px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; flex-shrink: 0; border: 1px solid rgba(255,255,255,.06); }
.misk-gather__foot-mini-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4a7a50, #9ee6a8); max-width: 100%; }
.misk-gather__foot-mini--book { font-size: 11px; font-weight: 800; color: #8b97ab; min-width: 16px; text-align: center; padding: 0 2px; }
.misk-gather__foot-mini--book b { color: #9ee6a8; }
.misk-gather__foot-ready { padding: 3px 8px; border-radius: 999px; font-size: 10px; font-weight: 800; color: #9ee6a8; background: rgba(116,214,128,.14); border: 1px solid rgba(116,214,128,.28); }
.misk-gather__log { display: none; }
.misk-gather__log--has-content { display: block; margin: 6px 0 0; font-size: 10px; color: #9aa6ba; }
.misk-gather__err { display: block; margin: 6px 0; padding: 6px 8px; border-radius: 8px; font-size: 10px; text-align: center; color: #f0a0a0; background: rgba(255,80,80,.08); border: 1px solid rgba(255,120,120,.18); }
.misk-gather__alert { margin: 0 0 6px; padding: 6px 8px; border-radius: 8px; font-size: 10px; text-align: center; background: rgba(255,80,80,.1); border: 1px solid rgba(255,120,120,.22); }
.misk-gather__alert a { color: #ffd166; font-weight: 800; text-decoration: none; }
.misk-gather__mission { margin: 8px 0 0; padding: 8px; border-radius: 10px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); font-size: 10px; }
.misk-gather__mission-head { margin: 0 0 6px; font-weight: 800; color: #ffd166; text-align: center; }
.misk-gather__mission-head a { color: #ffd166; text-decoration: none; }
.misk-gather__mission-row { display: flex; align-items: center; gap: 6px; margin: 0 0 5px; }
.misk-gather__mission-row:last-child { margin-bottom: 0; }
.misk-gather__mission-lbl { flex: 0 0 72px; font-size: 9px; color: #9aa6ba; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.misk-gather__mission-track { flex: 1; height: 5px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; }
.misk-gather__mission-track span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4a7a50, #9ee6a8); max-width: 100%; }
.misk-gather__mission-track--wait span { background: linear-gradient(90deg, #6a4a20, #ffd166); }
.misk-gather__mission-pct { flex: 0 0 32px; font-size: 9px; font-weight: 800; color: #9ee6a8; text-align: right; }
.misk-gather__mission-ok { color: #9ee6a8; font-weight: 800; }
.misk-gather__mission-no { color: #f0a0a0; font-weight: 800; }
.misk-gather-hub { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 8px 0 0; }
.misk-gather-hub a { display: block; padding: 12px 8px; border-radius: 10px; text-decoration: none; text-align: center; font-size: 11px; font-weight: 800; background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); border: 1px solid rgba(255,255,255,.1); color: #ffd166; }
.misk-gather-hub a:hover { border-color: rgba(255,159,47,.4); }

/* ----------------------------------------------------------
   MISK-MISSION — functions.php
   ---------------------------------------------------------- */
.misk-mission { margin-top: 4px; padding: 0; border-radius: 10px; background: linear-gradient(180deg, rgba(16,22,34,.98), rgba(8,12,20,.99)); border: 1px solid rgba(255,255,255,.08); overflow: hidden; }
.misk-mission__head { display: flex; align-items: center; gap: 10px; padding: 10px; border-bottom: 1px solid rgba(255,255,255,.06); background: linear-gradient(180deg, rgba(255,255,255,.03), transparent); }
.misk-mission__img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; flex-shrink: 0; border: 1px solid rgba(255,209,102,.22); box-shadow: 0 2px 8px rgba(0,0,0,.35); }
.misk-mission__meta { min-width: 0; flex: 1; }
.misk-mission__lvl { margin: 0; font-size: 15px; font-weight: 800; color: #ffd166; line-height: 1.2; }
.misk-mission__wait { margin: 3px 0 0; font-size: 10px; color: #8b97ab; }
.misk-mission__wait b { color: #f0a0a0; font-weight: 800; }
.misk-mission__intro { margin: 0; padding: 8px 10px; font-size: 10px; color: #9aa6ba; line-height: 1.45; border-bottom: 1px solid rgba(255,255,255,.05); background: rgba(0,0,0,.12); }
.misk-mission__section { padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.05); }
.misk-mission__section-title { margin: 0 0 6px; font-size: 10px; font-weight: 800; color: #c5cdd9; text-transform: uppercase; letter-spacing: .04em; }
.misk-mission__row { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 10px; }
.misk-mission__row:last-child { margin-bottom: 0; }
.misk-mission__lbl { flex: 0 0 70px; font-size: 9px; font-weight: 700; color: #9aa6ba; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.misk-mission__prog { flex: 1; min-width: 0; }
.misk-mission__nums { display: block; margin-top: 2px; font-size: 8px; color: #8b97ab; line-height: 1.2; }
.misk-mission__nums b { color: #e8edf5; font-weight: 800; }
.misk-mission__pct { flex: 0 0 34px; font-size: 9px; font-weight: 800; text-align: right; }
.misk-mission__pct--ok { color: #9ee6a8; }
.misk-mission__pct--no { color: #f0a0a0; }
.misk-mission__track { flex: 1; height: 5px; border-radius: 999px; background: rgba(255,255,255,.08); overflow: hidden; min-width: 40px; }
.misk-mission__track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4a7a50, #9ee6a8); max-width: 100%; }
.misk-mission__track--wait i { background: linear-gradient(90deg, #6a4a20, #ffd166); }
.misk-mission__rewards { padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.05); background: linear-gradient(180deg, rgba(116,214,128,.05), rgba(0,0,0,.06)); }
.misk-mission__rewards-title { margin: 0 0 6px; font-size: 10px; font-weight: 800; color: #9ee6a8; }
.misk-mission__reward-list { margin: 0; padding: 0; list-style: none; font-size: 10px; color: #b8c8dc; line-height: 1.5; }
.misk-mission__reward-list li { margin: 0 0 2px; }
.misk-mission__cta { padding: 10px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.05); }
.misk-mission__btn { display: inline-block; padding: 10px 16px; border-radius: 8px; font-size: 11px; font-weight: 800; text-decoration: none; background: linear-gradient(165deg, rgba(255,209,102,.22), rgba(255,209,102,.08)); border: 1px solid rgba(255,209,102,.42); color: #ffd166; box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.misk-mission__btn:hover { border-color: rgba(255,209,102,.65); color: #ffe08a; }
.misk-mission__btn--ready { background: linear-gradient(165deg, rgba(116,214,128,.28), rgba(116,214,128,.1)); border-color: rgba(116,214,128,.45); color: #9ee6a8; }
.misk-mission__status { margin: 0; font-size: 10px; font-weight: 700; color: #9aa6ba; line-height: 1.4; }
.misk-mission__status--ok { color: #9ee6a8; }
.misk-mission__status--wait { color: #ffd166; }
.misk-mission__fold { margin: 0; border-bottom: 1px solid rgba(255,255,255,.05); background: rgba(0,0,0,.14); }
.misk-mission__fold summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; font-size: 10px; font-weight: 800; color: #c5cdd9; cursor: pointer; list-style: none; user-select: none; }
.misk-mission__fold summary::-webkit-details-marker { display: none; }
.misk-mission__fold[open] summary { color: #ffd166; }
.misk-mission__fold-body { padding: 0 10px 10px; font-size: 10px; color: #9aa6ba; line-height: 1.45; }
.misk-mission__bonus-wrap { margin: 0; background: rgba(0,0,0,.18); }
.misk-mission__bonus-wrap summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; font-size: 10px; font-weight: 800; color: #c5cdd9; cursor: pointer; list-style: none; user-select: none; border-top: 1px solid rgba(255,255,255,.05); }
.misk-mission__bonus-wrap summary::-webkit-details-marker { display: none; }
.misk-mission__bonus-wrap[open] summary { color: #d4b8ff; }
.misk-mission__bonus-wrap summary:after { content: "Visi lygiai"; padding: 2px 7px; border-radius: 999px; font-size: 8px; font-weight: 800; color: #d4b8ff; background: rgba(183,148,246,.12); border: 1px solid rgba(183,148,246,.25); }
.misk-mission__bonus-list { padding: 0 10px 8px; }
.misk-mission__bonus-item { display: flex; align-items: flex-start; gap: 8px; padding: 6px 8px; margin: 0 0 4px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.06); font-size: 10px; line-height: 1.35; color: #b8c8dc; }
.misk-mission__bonus-item:last-child { margin-bottom: 0; }
.misk-mission__bonus-item--done { opacity: .72; border-color: rgba(116,214,128,.15); }
.misk-mission__bonus-item--done .misk-mission__bonus-txt { text-decoration: line-through; color: #7a8699; }
.misk-mission__bonus-lvl { flex: 0 0 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 10px; font-weight: 800; color: #ffd166; background: rgba(255,209,102,.12); border: 1px solid rgba(255,209,102,.25); }
.misk-mission__bonus-lvl--done { color: #9ee6a8; background: rgba(116,214,128,.12); border-color: rgba(116,214,128,.25); }
.misk-mission__bonus-txt { flex: 1; min-width: 0; }
.misk-mission__bonus-txt a { color: #9ee6a8; font-weight: 800; text-decoration: none; }
.misk-mission__bonus-total { margin: 0 10px 10px; padding: 8px; border-radius: 8px; font-size: 10px; font-weight: 700; color: #c5cdd9; text-align: center; background: rgba(255,209,102,.08); border: 1px solid rgba(255,209,102,.18); }
.misk-mission__bonus-total b { color: #ffd166; }
.misk-mission__done { padding: 12px 10px; text-align: center; font-size: 11px; font-weight: 800; color: #9ee6a8; }
.misk-mission__result { padding: 10px; font-size: 10px; color: #b8c8dc; line-height: 1.5; text-align: center; }
.misk-mission__result b { color: #9ee6a8; }

/* ----------------------------------------------------------
   GOKU TIKSLAS (tikslai) — functions.php
   ---------------------------------------------------------- */
.goku-tikslas-page { margin: 0; padding: 0 0 8px; width: 100%; box-sizing: border-box; color: #d6dce8; line-height: 1.4; text-align: left; }
.goku-tikslas-page * { box-sizing: border-box; }
.goku-tikslas-hero { display: flex; flex-direction: column; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); margin: 0 0 8px; width: 100%; }
.goku-tikslas-hero__top { display: flex; gap: 10px; align-items: flex-start; width: 100%; }
.goku-tikslas-hero__ico { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(255,224,138,.22), rgba(255,160,40,.08) 55%, rgba(0,0,0,.15)); border: 1px solid rgba(255,200,80,.32); box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 0 12px rgba(255,180,60,.12); }
.goku-tikslas-hero__ico .fa { font-size: 20px; line-height: 1; color: #ffd166; text-shadow: 0 0 10px rgba(255,200,80,.35); }
.goku-tikslas-hero__body { flex: 1; min-width: 0; text-align: left; }
.goku-tikslas-hero__body > b { display: block; color: #ffd166; font-size: 12px; line-height: 1.25; margin: 0 0 5px; text-align: left; }
.goku-tikslas-hero__desc { display: block; font-size: 10px; line-height: 1.45; color: #b8c4d4; margin: 0; text-align: left; }
.goku-tikslas-hero__time { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); text-align: left; }
.goku-tikslas-hero__time-lbl { font-size: 9px; font-weight: 800; color: #8b95a8; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; flex: 0 0 auto; text-align: left; }
.goku-tikslas-hero__time-val { font-size: 11px; font-weight: 800; color: #ffd166; line-height: 1.25; text-align: right; flex: 1 1 auto; min-width: 0; }
.goku-tikslas-stats { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; margin: 0 0 8px; width: 100%; }
.goku-tikslas-stat { padding: 8px 7px; border-radius: 10px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); font-size: 10px; color: #9aa6ba; text-align: center; min-width: 0; box-sizing: border-box; }
.goku-tikslas-stat__lbl { display: block; font-size: 9px; font-weight: 800; color: #6b7588; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 3px; }
.goku-tikslas-stat__val { display: block; font-size: 15px; font-weight: 800; color: #ffd166; line-height: 1.15; }
.goku-tikslas-stat__val--ok { color: #9ee6a8; }
.goku-tikslas-overbar { margin: 0 0 8px; padding: 7px 10px; border-radius: 9px; font-size: 10px; color: #b8c4d4; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.07); width: 100%; box-sizing: border-box; }
.goku-tikslas-overbar__row { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 5px; }
.goku-tikslas-overbar__row b { color: #ffd166; }
.goku-tikslas-overbar__bar { height: 5px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; }
.goku-tikslas-overbar__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5a4020, #ffb347); }
.goku-tikslas-note { margin: 0 0 8px; padding: 7px 10px; border-radius: 9px; font-size: 10px; line-height: 1.4; color: #dce4ef; background: rgba(201,162,39,.08); border: 1px solid rgba(201,162,39,.22); width: 100%; box-sizing: border-box; }
.goku-tikslas-note b { color: #e8d48b; }
.goku-tikslas-panel { margin: 0 0 6px; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.18); overflow: hidden; width: 100%; box-sizing: border-box; }
.goku-tikslas-panel__head { padding: 8px 12px; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #8b95a8; border-bottom: 1px solid rgba(255,255,255,.05); }
.goku-tikslas-panel__head small { display: block; margin-top: 2px; font-size: 9px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #6b7588; }
.goku-tikslas-tasks { display: flex; flex-direction: column; gap: 4px; padding: 6px; width: 100%; box-sizing: border-box; }
.goku-tikslas-task { display: block; padding: 8px 9px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.06); text-decoration: none; color: inherit; box-sizing: border-box; }
.goku-tikslas-task--ready { border-color: rgba(116,214,128,.22); background: rgba(116,214,128,.04); }
.goku-tikslas-task__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 5px; }
.goku-tikslas-task__name { font-size: 10px; font-weight: 700; color: #dce4ef; line-height: 1.3; min-width: 0; }
.goku-tikslas-task__act { flex: 0 0 auto; font-size: 9px; font-weight: 800; white-space: nowrap; padding: 3px 7px; border-radius: 999px; background: rgba(255,255,255,.06); color: #8b95a8; }
.goku-tikslas-task__act--go { background: linear-gradient(180deg, #ffb347, #e8941f); color: #1e1200 !important; }
.goku-tikslas-task__act--done { color: #9ee6a8; background: rgba(116,214,128,.1); }
.goku-tikslas-task__bar { height: 4px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; margin-bottom: 3px; }
.goku-tikslas-task__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #3a5070, #7ecfff); }
.goku-tikslas-task--ready .goku-tikslas-task__bar span { background: linear-gradient(90deg, #2a5030, #9ee6a8); }
.goku-tikslas-task__prog { font-size: 9px; color: #8b95a8; }
.goku-tikslas-task__prog b { color: #01F9C6; font-weight: 800; }
.goku-tikslas-task__first { font-size: 9px; color: #ffb347; margin-top: 3px; }
.goku-tikslas-empty { padding: 10px 12px; font-size: 10px; color: #9ee6a8; text-align: center; }
.goku-tikslas-fold { margin: 0 0 6px; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.15); overflow: hidden; width: 100%; box-sizing: border-box; }
.goku-tikslas-fold summary { padding: 8px 12px; font-size: 10px; font-weight: 800; color: #8b95a8; cursor: pointer; list-style: none; }
.goku-tikslas-fold summary::-webkit-details-marker { display: none; }
.goku-tikslas-fold__body { padding: 0 8px 8px; font-size: 10px; color: #b8c4d4; line-height: 1.4; }
.goku-tikslas-first-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 4px; }
.goku-tikslas-first-item { padding: 5px 6px; border-radius: 7px; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.05); min-width: 0; }
.goku-tikslas-first-item__lbl { display: block; font-size: 9px; color: #8b95a8; margin-bottom: 2px; line-height: 1.25; }
.goku-tikslas-first-item__val { font-size: 10px; font-weight: 700; color: #ffb347; word-break: break-word; }
.goku-tikslas-first-item__val--na { color: #6b7588; font-weight: 600; }
.goku-tikslas-top { display: flex; flex-direction: column; gap: 4px; }
.goku-tikslas-top-row { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 8px; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.05); }
.goku-tikslas-top-row__rank { flex: 0 0 22px; font-size: 12px; font-weight: 800; color: #ff6666; text-align: center; }
.goku-tikslas-top-row__body { flex: 1; min-width: 0; font-size: 10px; color: #dce4ef; }
.goku-tikslas-top-row__meta { flex: 0 0 auto; text-align: right; font-size: 9px; color: #96F73C; font-weight: 800; }
.goku-tikslas-prizes { margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(255,255,255,.06); font-size: 9px; color: #9fb0c8; line-height: 1.45; }
.goku-tikslas-prizes b { color: #d8c6ef; }

/* ----------------------------------------------------------
   GOKU PASLAUGOS (paslaugų puslapis) — functions.php
   ---------------------------------------------------------- */
.goku-pasl-page { margin: 0; padding: 0 0 8px; width: 100%; box-sizing: border-box; color: #d6dce8; line-height: 1.4; text-align: left; }
.goku-pasl-page * { box-sizing: border-box; }
.goku-pasl-hero { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); margin: 0 0 8px; width: 100%; }
.goku-pasl-hero__ico { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: linear-gradient(180deg, rgba(126,207,255,.14), rgba(80,140,220,.08)); border: 1px solid rgba(126,207,255,.24); font-size: 18px; line-height: 1; }
.goku-pasl-hero__body { flex: 1; min-width: 0; text-align: left; }
.goku-pasl-hero__body > b { display: block; color: #ffd166; font-size: 12px; line-height: 1.25; margin: 0 0 4px; }
.goku-pasl-hero__desc { display: block; font-size: 10px; line-height: 1.45; color: #b8c4d4; margin: 0; }
.goku-pasl-stats { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; margin: 0 0 8px; width: 100%; }
.goku-pasl-stat { padding: 8px 7px; border-radius: 10px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); font-size: 10px; color: #9aa6ba; text-align: center; min-width: 0; }
.goku-pasl-stat__lbl { display: block; font-size: 9px; font-weight: 800; color: #6b7588; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 3px; }
.goku-pasl-stat__val { display: block; font-size: 15px; font-weight: 800; color: #ffd166; line-height: 1.15; }
.goku-pasl-stat__val--ok { color: #9ee6a8; }
.goku-pasl-stat__val--wait { color: #7ecfff; }
.goku-pasl-remind { margin: 0 0 8px; padding: 9px 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.18); font-size: 10px; line-height: 1.45; color: #b8c4d4; text-align: left; }
.goku-pasl-remind--on { border-color: rgba(255,200,80,.22); background: rgba(255,200,80,.06); }
.goku-pasl-remind__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 4px; }
.goku-pasl-remind__top b { color: #ffd166; font-size: 11px; }
.goku-pasl-remind__badge { flex: 0 0 auto; font-size: 9px; font-weight: 800; padding: 2px 7px; border-radius: 999px; background: rgba(255,255,255,.06); color: #8b95a8; }
.goku-pasl-remind--on .goku-pasl-remind__badge { color: #9ee6a8; background: rgba(116,214,128,.12); }
.goku-pasl-remind__txt { margin: 0 0 8px; color: #9aa6ba; font-size: 10px; line-height: 1.4; }
.goku-pasl-remind__act { display: flex; gap: 6px; }
.goku-pasl-btn,
.goku-pasl-btn:visited { display: inline-flex; align-items: center; justify-content: center; padding: 7px 12px; border-radius: 8px; font-size: 10px; font-weight: 800; text-decoration: none; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.06); color: #dce4ef !important; text-shadow: none; }
.goku-pasl-page a.goku-pasl-btn--gold,
.goku-pasl-page a.goku-pasl-btn--gold:visited,
.goku-pasl-page a.goku-pasl-btn--gold:hover { background: linear-gradient(180deg, #ffb347, #e8941f); border-color: rgba(255,200,80,.45); color: #120a00 !important; text-shadow: 0 1px 0 rgba(255,255,255,.28); }
.goku-pasl-btn--ghost,
.goku-pasl-btn--ghost:visited { background: rgba(255,255,255,.04); color: #b8c4d4 !important; }
.goku-pasl-panel { margin: 0 0 8px; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.18); overflow: hidden; width: 100%; }
.goku-pasl-panel__head { padding: 8px 12px; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #8b95a8; border-bottom: 1px solid rgba(255,255,255,.05); }
.goku-pasl-panel__head small { display: block; margin-top: 2px; font-size: 9px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #6b7588; line-height: 1.35; }
.goku-pasl-list { display: flex; flex-direction: column; gap: 5px; padding: 6px; width: 100%; }
.goku-pasl-item { display: flex; flex-direction: column; gap: 6px; padding: 8px 9px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.06); min-width: 0; }
.goku-pasl-item--active { border-color: rgba(116,214,128,.2); background: rgba(116,214,128,.04); }
.goku-pasl-item--paused { border-color: rgba(255,200,80,.18); background: rgba(255,200,80,.04); }
.goku-pasl-item__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.goku-pasl-item__name { font-size: 10px; font-weight: 700; color: #dce4ef; line-height: 1.35; min-width: 0; }
.goku-pasl-item__badge { flex: 0 0 auto; font-size: 9px; font-weight: 800; padding: 2px 7px; border-radius: 999px; white-space: nowrap; }
.goku-pasl-item__badge--active { color: #9ee6a8; background: rgba(116,214,128,.12); }
.goku-pasl-item__badge--paused { color: #ffd166; background: rgba(255,200,80,.12); }
.goku-pasl-item__time { font-size: 9px; color: #8b95a8; line-height: 1.35; }
.goku-pasl-item__time b { color: #01F9C6; font-weight: 800; }
.goku-pasl-item__foot { display: flex; justify-content: flex-end; }
.goku-pasl-page a.goku-pasl-item__btn,
.goku-pasl-page a.goku-pasl-item__btn:visited { display: inline-flex; align-items: center; justify-content: center; padding: 5px 10px; border-radius: 999px; font-size: 9px; font-weight: 800; text-decoration: none; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.06); color: #dce4ef !important; text-shadow: none; }
.goku-pasl-page a.goku-pasl-item__btn--stop,
.goku-pasl-page a.goku-pasl-item__btn--stop:visited,
.goku-pasl-page a.goku-pasl-item__btn--stop:hover { border-color: rgba(201,160,160,.25); background: rgba(201,160,160,.08); color: #ffd8d8 !important; }
.goku-pasl-page a.goku-pasl-item__btn--go,
.goku-pasl-page a.goku-pasl-item__btn--go:visited,
.goku-pasl-page a.goku-pasl-item__btn--go:hover { border-color: rgba(255,200,80,.35); background: linear-gradient(180deg, #ffb347, #e8941f); color: #120a00 !important; text-shadow: 0 1px 0 rgba(255,255,255,.28); }
.goku-pasl-empty { padding: 14px 12px; font-size: 10px; color: #8b95a8; text-align: center; line-height: 1.45; }
.goku-pasl-empty b { color: #dce4ef; }
.goku-pasl-note { margin: 0 0 8px; padding: 7px 10px; border-radius: 9px; font-size: 10px; line-height: 1.4; color: #dce4ef; background: rgba(126,207,255,.06); border: 1px solid rgba(126,207,255,.16); width: 100%; }
.goku-pasl-note b { color: #7ecfff; }
.goku-paslaugos-remind { margin: 0 0 6px; padding: 0 8px; width: 100%; box-sizing: border-box; text-align: left; }
.goku-paslaugos-remind__inner { display: flex; align-items: flex-start; gap: 8px; padding: 8px 10px; border-radius: 9px; border: 1px solid rgba(255,200,80,.28); background: linear-gradient(165deg, rgba(58,44,16,.95), rgba(24,18,8,.98)); font-size: 10px; line-height: 1.45; color: #e8dcc8; text-align: left; }
.goku-paslaugos-remind__ico { flex: 0 0 18px; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; color: #1e1200; background: linear-gradient(180deg, #ffe08a, #e8941f); }
.goku-paslaugos-remind__txt { flex: 1; min-width: 0; }
.goku-paslaugos-remind__txt b { color: #ffd166; }
.goku-paslaugos-remind__txt a { color: #ffb347; font-weight: 800; text-decoration: none; white-space: nowrap; }
.goku-paslaugos-remind-setting { margin: 0 0 8px; padding: 8px 10px; border-radius: 9px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.18); font-size: 10px; line-height: 1.45; color: #b8c4d4; text-align: left; }
.goku-paslaugos-remind-setting b { color: #ffd166; }
.goku-paslaugos-remind-setting a { font-weight: 800; color: #ffb347; text-decoration: none; }
.goku-paslaugos-remind-setting--on { border-color: rgba(255,200,80,.22); background: rgba(255,200,80,.06); }

/* ----------------------------------------------------------
   GOKU PP (Kame namų pasauliai) — kame.php
   ---------------------------------------------------------- */
.goku-pp-page { margin: 0; padding: 0 0 8px; width: 100%; box-sizing: border-box; color: #d6dce8; line-height: 1.4; }
.goku-pp-hero { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); margin: 0 0 10px; width: 100%; box-sizing: border-box; }
.goku-pp-hero img { width: 56px; height: 56px; border-radius: 8px; flex-shrink: 0; object-fit: cover; border: 1px solid rgba(255,255,255,.12); }
.goku-pp-hero__body { flex: 1; min-width: 0; font-size: 11px; line-height: 1.45; color: #b8c4d4; }
.goku-pp-hero__body b { color: #ffd166; font-size: 12px; }
.goku-pp-hero__sub { color: #8b95a8; font-size: 10px; margin-top: 3px; display: block; }
.goku-pp-balance { margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); text-align: center; width: 100%; box-sizing: border-box; }
.goku-pp-balance__lbl { display: block; font-size: 9px; font-weight: 800; color: #6b7588; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 4px; }
.goku-pp-balance__val { display: block; font-size: 20px; font-weight: 800; color: #ffd166; line-height: 1.1; }
.goku-pp-section { margin: 0 0 10px; width: 100%; box-sizing: border-box; }
.goku-pp-section__head { padding: 7px 10px; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #8b95a8; border-radius: 8px 8px 0 0; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.08); border-bottom: none; }
.goku-pp-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 5px; padding: 6px; border-radius: 0 0 10px 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.12); width: 100%; box-sizing: border-box; }
.goku-pp-card { padding: 8px 7px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.06); min-width: 0; box-sizing: border-box; }
.goku-pp-card--aff { border-color: rgba(116,214,128,.15); }
.goku-pp-card form { margin: 0; display: flex; flex-direction: column; gap: 6px; height: 100%; }
.goku-pp-card__name { display: block; font-size: 10px; font-weight: 800; color: #ffd166; line-height: 1.25; margin-bottom: 2px; word-break: break-word; }
.goku-pp-card__rate { font-size: 9px; color: #9ee6a8; font-weight: 700; line-height: 1.3; }
.goku-pp-card__max { font-size: 9px; color: #8b95a8; margin-top: 2px; line-height: 1.3; }
.goku-pp-card__max b { color: #dce4ef; }
.goku-pp-card__hint { font-size: 8px; color: #7ecfff; line-height: 1.3; margin-top: 2px; }
.goku-pp-card__act { display: flex; gap: 4px; align-items: center; margin-top: auto; }
.goku-pp-card input[type=text] { flex: 1; min-width: 0; width: 100%; box-sizing: border-box; padding: 6px 5px; font-size: 12px; text-align: center; color: #fff; background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.15); border-radius: 6px; }
.goku-pp-card input[type=submit] { flex: 0 0 auto; padding: 6px 8px; font-size: 10px; font-weight: 800; cursor: pointer; white-space: nowrap; border-radius: 6px; border: 1px solid rgba(255,200,80,.4); background: linear-gradient(180deg, #ffb347, #e8941f); color: #1e1200; }
.goku-pp-list { display: flex; flex-direction: column; gap: 5px; padding: 6px; border-radius: 0 0 10px 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.12); width: 100%; box-sizing: border-box; }
.goku-pp-row { padding: 9px 10px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.06); min-width: 0; box-sizing: border-box; }
.goku-pp-row--aff { border-color: rgba(116,214,128,.15); }
.goku-pp-row form { margin: 0; }
.goku-pp-row__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; margin-bottom: 4px; }
.goku-pp-row__name { font-size: 11px; font-weight: 800; color: #ffd166; line-height: 1.25; min-width: 0; }
.goku-pp-row__rate { font-size: 9px; color: #9ee6a8; font-weight: 700; white-space: nowrap; flex-shrink: 0; text-align: right; }
.goku-pp-row__bonus { font-size: 9px; color: #8b95a8; line-height: 1.35; margin-bottom: 4px; }
.goku-pp-row__bonus b { color: #dce4ef; font-weight: 600; }
.goku-pp-row__meta { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 9px; color: #8b95a8; margin-bottom: 6px; flex-wrap: wrap; }
.goku-pp-row__meta b { color: #dce4ef; }
.goku-pp-row__sell a { color: #7ecfff !important; font-size: 9px; font-weight: 700; text-decoration: none; }
.goku-pp-row__act { display: flex; gap: 4px; align-items: center; }
.goku-pp-row input[type=text] { flex: 1; min-width: 0; box-sizing: border-box; padding: 6px 8px; font-size: 12px; text-align: center; color: #fff; background: rgba(0,0,0,.35); border: 1px solid rgba(255,255,255,.15); border-radius: 6px; }
.goku-pp-row input[type=submit] { flex: 0 0 auto; padding: 6px 10px; font-size: 10px; font-weight: 800; cursor: pointer; white-space: nowrap; border-radius: 6px; border: 1px solid rgba(255,200,80,.4); background: linear-gradient(180deg, #ffb347, #e8941f); color: #1e1200; }
.goku-pp-result { margin: 0 0 10px; padding: 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); font-size: 11px; color: #dce4ef; line-height: 1.45; width: 100%; box-sizing: border-box; }
.goku-pp-result b { color: #ffd166; }
.goku-pp-result--ok { border-color: rgba(116,214,128,.25); background: rgba(116,214,128,.06); }
.goku-pp-result--err { border-color: rgba(201,160,160,.2); }

/* ----------------------------------------------------------
   GOKU PIRATE (kame.php piratas)
   ---------------------------------------------------------- */
.goku-pirate-page { margin: 0; padding: 0 0 8px; width: 100%; box-sizing: border-box; color: #d6dce8; line-height: 1.4; }
.goku-pirate-hero { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); margin: 0 0 10px; width: 100%; box-sizing: border-box; }
.goku-pirate-hero img { width: 56px; height: 56px; border-radius: 8px; flex-shrink: 0; object-fit: cover; border: 1px solid rgba(255,255,255,.12); }
.goku-pirate-hero__body { flex: 1; min-width: 0; font-size: 11px; line-height: 1.45; color: #b8c4d4; }
.goku-pirate-hero__body b { color: #ffd166; font-size: 12px; }
.goku-pirate-hero__sub { color: #8b95a8; font-size: 10px; margin-top: 3px; display: block; }
.goku-pirate-stats { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 0 0 10px; width: 100%; }
.goku-pirate-stat { padding: 9px 8px; border-radius: 10px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); font-size: 10px; color: #9aa6ba; text-align: center; min-width: 0; box-sizing: border-box; }
.goku-pirate-stat__lbl { display: block; font-size: 9px; font-weight: 800; color: #6b7588; text-transform: uppercase; letter-spacing: .05em; margin-bottom: 3px; }
.goku-pirate-stat__val { display: block; font-size: 14px; font-weight: 800; color: #ffd166; line-height: 1.15; margin: 2px 0; }
.goku-pirate-stat__val--ok { color: #9ee6a8; }
.goku-pirate-stat__val--wait { color: #7ecfff; }
.goku-pirate-stat__val--lock { color: #c9a0a0; }
.goku-pirate-stat__sub { display: block; font-size: 9px; color: #8b95a8; margin-top: 3px; line-height: 1.35; }
.goku-pirate-rollbar { margin: 0 0 10px; padding: 7px 10px; border-radius: 9px; font-size: 10px; color: #b8c4d4; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.07); width: 100%; box-sizing: border-box; }
.goku-pirate-rollbar__row { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 5px; }
.goku-pirate-rollbar__row b { color: #ffd166; }
.goku-pirate-rollbar__bar { height: 5px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; }
.goku-pirate-rollbar__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5a4020, #ffb347); }
.goku-pirate-actions { margin: 0 0 12px; width: 100%; }
a.goku-pirate-btn,
a.goku-pirate-btn:visited { color: #1e1200 !important; text-shadow: 0 1px 0 rgba(255,255,255,.2); }
a.goku-pirate-btn:hover { color: #1e1200 !important; filter: brightness(1.06); text-shadow: 0 1px 0 rgba(255,255,255,.25); }
.goku-pirate-btn { display: block; width: 100%; padding: 11px 12px; border-radius: 10px; font-size: 12px; font-weight: 800; text-decoration: none; text-align: center; background: linear-gradient(180deg, #ffb347, #e8941f); border: 1px solid rgba(255,200,80,.5); box-sizing: border-box; }
.goku-pirate-btn--off { opacity: .45; pointer-events: none; cursor: not-allowed; background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); color: #8b95a8 !important; border-color: rgba(255,255,255,.1); filter: none; text-shadow: none; }
.goku-pirate-need { font-size: 10px; color: #c9a0a0; margin-top: 6px; text-align: center; line-height: 1.4; }
.goku-pirate-panel { margin: 0 0 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.18); overflow: hidden; width: 100%; box-sizing: border-box; }
.goku-pirate-panel__head { padding: 8px 12px; font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #8b95a8; border-bottom: 1px solid rgba(255,255,255,.05); }
.goku-pirate-panel__head small { display: block; margin-top: 3px; font-size: 9px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #6b7588; line-height: 1.35; }
.goku-pirate-cards { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 5px; padding: 8px; width: 100%; box-sizing: border-box; }
.goku-pirate-card { padding: 7px 8px; border-radius: 8px; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.05); font-size: 10px; min-width: 0; box-sizing: border-box; }
.goku-pirate-card__amt { color: #ffd166; font-weight: 800; font-size: 12px; line-height: 1.1; }
.goku-pirate-card__name { color: #dce4ef; font-size: 10px; line-height: 1.25; margin-top: 2px; }
.goku-pirate-feature { display: flex; gap: 10px; align-items: center; padding: 10px 12px; border-top: 1px solid rgba(255,255,255,.05); background: rgba(255,200,80,.03); }
.goku-pirate-feature img { width: 52px; height: 52px; border-radius: 8px; flex-shrink: 0; object-fit: cover; border: 1px solid rgba(255,200,80,.2); }
.goku-pirate-feature__body { flex: 1; min-width: 0; font-size: 10px; color: #b8c4d4; line-height: 1.4; }
.goku-pirate-feature__body b { color: #ffd166; font-size: 11px; }
.goku-pirate-feature__bonus { color: #9ee6a8; font-weight: 700; }
.goku-pirate-feature__hint { font-size: 9px; color: #8b95a8; margin-top: 3px; }
.goku-pirate-feature__owned { color: #9ee6a8; font-size: 10px; font-weight: 800; margin-top: 4px; }
.goku-pirate-result { margin: 0 0 10px; padding: 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); font-size: 11px; color: #dce4ef; line-height: 1.45; width: 100%; box-sizing: border-box; }
.goku-pirate-result b { color: #ffd166; }
.goku-pirate-result--win { border-color: rgba(116,214,128,.25); background: rgba(116,214,128,.06); }
.goku-pirate-result--wait { border-color: rgba(126,207,255,.2); }
.goku-pirate-result--lock { border-color: rgba(201,160,160,.2); }
.goku-pirate-result__sub { display: block; margin-top: 8px; font-size: 10px; color: #8b95a8; }
.goku-pirate-result__odds { display: block; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.06); font-size: 10px; color: #c9a0a0; line-height: 1.4; }

/* ----------------------------------------------------------
   SKR (skrynios / saugykla) — kita.php
   ---------------------------------------------------------- */
.skr-page { margin: 0; padding: 0 0 6px; color: #d6dce8; line-height: 1.45; }
.skr-page__intro { margin: 0 0 10px; padding: 8px 10px; border-radius: 9px; font-size: 11px; color: #a8b3c9; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); }
.skr-page__bonus { margin: 0 0 10px; padding: 8px 10px; border-radius: 9px; font-size: 12px; color: #ffd166; background: rgba(255,159,47,.1); border: 1px solid rgba(255,159,47,.25); }
.skr-result { margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; font-size: 12px; color: #dce4ef; background: rgba(74,168,90,.12); border: 1px solid rgba(116,214,128,.25); }
.skr-result--warn { background: rgba(255,120,80,.1); border-color: rgba(255,120,80,.28); color: #f0c9c0; }
.skr-open { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 0 0 12px; }
.skr-open__card { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 8px 10px; border-radius: 11px; text-decoration: none; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); box-shadow: 0 4px 14px rgba(0,0,0,.3); transition: border-color .15s; }
.skr-open__card:hover { border-color: rgba(255,159,47,.45); }
.skr-open__img { width: 44px; height: 44px; object-fit: contain; }
.skr-open__name { margin: 0; font-size: 12px; font-weight: 800; }
.skr-open__card--bronze .skr-open__name { color: #cd7f32; }
.skr-open__card--silver .skr-open__name { color: #c8d0dc; }
.skr-open__card--gold .skr-open__name { color: #ffd166; }
.skr-open__card--diamond .skr-open__name { color: #7ec8ff; }
.skr-open__count { font-size: 11px; color: #a8b3c9; }
.skr-open__count b { color: #9ee6a8; font-size: 13px; }
.skr-open__btn { font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #1a1208; padding: 5px 10px; border-radius: 6px; background: linear-gradient(180deg, #ffd166, #ff9f2f); }
.skr-info-fold { margin: 0; border-radius: 11px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg, rgba(30,38,54,.97), rgba(14,18,28,.99)); overflow: hidden; }
.skr-info-fold__summary { padding: 10px 12px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #d4a84f; cursor: pointer; list-style: none; }
.skr-info-fold__summary::-webkit-details-marker { display: none; }
.skr-info-fold__body { padding: 0 10px 10px; }
.skr-info__grid { display: grid; grid-template-columns: 1fr; gap: 8px; }
@media (min-width: 520px) { .skr-info__grid { grid-template-columns: 1fr 1fr; } }
.skr-info__card { padding: 9px 10px; border-radius: 9px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.2); }
.skr-info__card-head { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; }
.skr-info__card-img { width: 32px; height: 32px; object-fit: contain; }
.skr-info__card-name { margin: 0; font-size: 12px; font-weight: 800; }
.skr-info__card--bronze .skr-info__card-name { color: #cd7f32; }
.skr-info__card--silver .skr-info__card-name { color: #c8d0dc; }
.skr-info__card--gold .skr-info__card-name { color: #ffd166; }
.skr-info__card--diamond .skr-info__card-name { color: #7ec8ff; }
.skr-info__sub { margin: 6px 0 3px; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #8b95a8; }
.skr-info__list { margin: 0; padding: 0 0 0 14px; font-size: 10px; color: #b8c4d4; }
.skr-info__list li { margin: 0 0 2px; }
.skr-info__tags { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 4px; }
.skr-info__tags li { margin: 0; padding: 3px 6px; border-radius: 5px; font-size: 10px; color: #dce4ef; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.06); }
.skr-info__tags b { color: #9ee6a8; }
.skr-info__note { margin: 8px 0 0; padding: 7px 9px; border-radius: 7px; font-size: 10px; line-height: 1.4; color: #e8d9b0; background: rgba(255,159,47,.1); border: 1px solid rgba(255,159,47,.2); }
.skr-info__note a { color: #8eb8ff; }
.skr-info__maxkg { color: #01f9c6; font-weight: 700; }

/* ----------------------------------------------------------
   GYV (gyvūnai / kolekcionuojami veikejai) — kita.php
   ---------------------------------------------------------- */
.gyv-page { margin: 0; padding: 0 0 8px; color: #d6dce8; line-height: 1.4; }
.gyv-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 10px; }
.gyv-summary__box { padding: 10px; border-radius: 10px; text-align: center; background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); border: 1px solid rgba(255,255,255,.1); }
.gyv-summary__lbl { margin: 0 0 4px; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #8b95a8; }
.gyv-summary__val { margin: 0; font-size: 18px; font-weight: 800; color: #ffd166; }
.gyv-summary__val span { font-size: 11px; color: #a8b3c9; font-weight: 600; }
.gyv-case { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; text-decoration: none; color: inherit; background: linear-gradient(165deg, rgba(60,30,80,.55), rgba(20,14,32,.95)); border: 1px solid rgba(180,100,255,.25); }
.gyv-case:hover { border-color: rgba(180,100,255,.5); }
.gyv-case__txt { margin: 0; font-size: 12px; font-weight: 700; color: #d8b4fe; }
.gyv-case__cnt { margin: 0; font-size: 16px; font-weight: 800; color: #fff; }
.gyv-fold { margin: 0 0 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.22); overflow: hidden; }
.gyv-fold__sum { padding: 9px 12px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #a8b3c9; cursor: pointer; list-style: none; }
.gyv-fold__sum::-webkit-details-marker { display: none; }
.gyv-fold__body { padding: 0 12px 10px; font-size: 11px; color: #9aa6ba; line-height: 1.45; }
.gyv-fold__body b { color: #dce4ef; }
.gyv-acc { margin: 0 0 10px; }
.gyv-acc__title { margin: 0 0 6px; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #8b95a8; }
.gyv-acc__grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; }
@media (min-width: 520px) { .gyv-acc__grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.gyv-acc__item { padding: 7px 8px; border-radius: 8px; font-size: 10px; line-height: 1.35; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.07); }
.gyv-acc__item--ok { border-color: rgba(116,214,128,.25); background: rgba(74,168,90,.1); }
.gyv-acc__name { display: block; font-weight: 800; color: #ffb347; margin: 0 0 2px; }
.gyv-acc__stat { color: #b8c4d4; }
.gyv-acc__stat b { color: #ffd166; }
.gyv-acc__miss { color: #f08080; }
.gyv-acc__miss a { color: #8eb8ff; }
.gyv-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 0; }
@media (min-width: 520px) { .gyv-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.gyv-card { padding: 9px; border-radius: 11px; background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); border: 1px solid rgba(255,255,255,.1); min-width: 0; }
.gyv-card--found { border-color: rgba(116,214,128,.22); }
.gyv-card__head { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; }
.gyv-card__img { width: 44px; height: 44px; object-fit: contain; flex-shrink: 0; }
.gyv-card__meta { min-width: 0; flex: 1; }
.gyv-card__name { margin: 0; font-size: 12px; font-weight: 800; color: #ffd166; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gyv-card__badge { display: inline-block; margin-top: 2px; padding: 2px 6px; border-radius: 999px; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.gyv-card__badge--ok { color: #9ee6a8; background: rgba(74,168,90,.18); border: 1px solid rgba(116,214,128,.25); }
.gyv-card__badge--no { color: #f0a0a0; background: rgba(255,80,80,.12); border: 1px solid rgba(255,120,120,.2); }
.gyv-card__stats { margin: 0 0 6px; font-size: 10px; color: #b8c4d4; }
.gyv-card__stats b { color: #ffd166; }
.gyv-card__tags { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 4px; }
.gyv-card__tags li { margin: 0; padding: 2px 5px; border-radius: 5px; font-size: 9px; color: #c8d4e4; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.06); }
.gyv-card__more { margin-top: 6px; }
.gyv-card__more summary { font-size: 9px; font-weight: 700; color: #8eb8ff; cursor: pointer; list-style: none; }
.gyv-card__more summary::-webkit-details-marker { display: none; }
.gyv-card__more p { margin: 4px 0 0; font-size: 9px; color: #9aa6ba; line-height: 1.35; }

/* ----------------------------------------------------------
   PCASE (purpurinė dėžutė) — kita.php
   ---------------------------------------------------------- */
.pcase-page { margin: 0; padding: 0 0 8px; color: #d6dce8; line-height: 1.4; }
.pcase-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; background: linear-gradient(165deg, rgba(60,30,80,.55), rgba(20,14,32,.95)); border: 1px solid rgba(180,100,255,.25); }
.pcase-top__lbl { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #d8b4fe; }
.pcase-top__cnt { margin: 0; font-size: 22px; font-weight: 800; color: #fff; }
.pcase-open { display: block; width: 100%; margin: 0 0 10px; padding: 12px; border: 0; border-radius: 10px; font-size: 13px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #1a1208; cursor: pointer; background: linear-gradient(180deg, #ffd166, #ff9f2f); box-shadow: 0 4px 14px rgba(0,0,0,.25); }
.pcase-open:disabled { opacity: .45; cursor: not-allowed; filter: grayscale(.3); }
.pcase-open:hover:not(:disabled) { filter: brightness(1.05); }
.pcase-result { margin: 0 0 10px; padding: 10px 12px; border-radius: 10px; font-size: 12px; background: rgba(74,168,90,.12); border: 1px solid rgba(116,214,128,.25); color: #dce4ef; }
.pcase-result--warn { background: rgba(255,120,80,.1); border-color: rgba(255,120,80,.28); color: #f0c9c0; }
.pcase-result__item { margin: 0 0 6px; padding: 8px 10px; border-radius: 8px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.06); }
.pcase-result__item:last-child { margin-bottom: 0; }
.pcase-result__title { margin: 0 0 2px; font-size: 12px; font-weight: 800; color: #ffd166; }
.pcase-result__chance { margin: 0; font-size: 10px; color: #9aa6ba; }
.pcase-intro { margin: 0 0 10px; padding: 8px 10px; border-radius: 9px; font-size: 11px; color: #a8b3c9; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); }
.pcase-intro a { color: #8eb8ff; }
.pcase-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; margin: 0 0 10px; }
@media (min-width: 520px) { .pcase-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.pcase-card { padding: 8px; border-radius: 10px; text-align: center; background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); border: 1px solid rgba(255,255,255,.1); min-width: 0; }
.pcase-card--owned { border-color: rgba(116,214,128,.22); }
.pcase-card__img { width: 52px; height: 52px; object-fit: contain; margin: 0 auto 4px; display: block; }
.pcase-card__name { margin: 0 0 2px; font-size: 11px; font-weight: 800; color: #ffd166; }
.pcase-card__chance { margin: 0 0 4px; font-size: 10px; color: #9ee6a8; }
.pcase-card__stat { margin: 0; font-size: 9px; color: #8b95a8; }

/* ----------------------------------------------------------
   KIT (rinkiniai) — kita.php
   ---------------------------------------------------------- */
.kit-page { margin: 0; padding: 0 0 6px; color: #d6dce8; line-height: 1.45; }
.kit-page__intro { margin: 0 0 8px; padding: 8px 10px; border-radius: 9px; font-size: 10px; color: #a8b3c9; background: rgba(0,0,0,.2); border: 1px solid rgba(255,255,255,.08); }
.kit-flash { margin: 0 0 8px; padding: 9px 10px; border-radius: 9px; font-size: 11px; line-height: 1.45; }
.kit-flash--ok { color: #dce4ef; background: rgba(74,168,90,.12); border: 1px solid rgba(116,214,128,.25); }
.kit-flash--err { color: #ffb4a8; background: rgba(255,100,80,.1); border: 1px solid rgba(255,120,80,.25); }
.kit-empty { margin: 0 0 8px; padding: 10px; border-radius: 9px; font-size: 11px; text-align: center; color: #8b95a8; background: rgba(0,0,0,.18); border: 1px dashed rgba(255,255,255,.1); }
.kit-grid { display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0 0 8px; }
@media (min-width: 560px) { .kit-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
.kit-card { border-radius: 10px; border: 1px solid rgba(255,255,255,.08); background: linear-gradient(165deg, rgba(32,40,56,.98), rgba(14,18,28,.99)); overflow: hidden; }
.kit-card--off { opacity: .72; }
.kit-card__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 8px; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.06); }
.kit-card__name { margin: 0; font-size: 12px; font-weight: 800; }
.kit-card--nug .kit-card__name { color: #7ec8ff; }
.kit-card--vos .kit-card__name { color: #ffd166; }
.kit-card--pask .kit-card__name { color: #9ee6a8; }
.kit-card__lvl { font-size: 9px; font-weight: 800; padding: 2px 7px; border-radius: 999px; color: #dce4ef; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); }
.kit-card__how { margin: 0; padding: 6px 10px 0; font-size: 9px; color: #8b95a8; }
.kit-card__pet { margin: 4px 10px 0; font-size: 9px; font-weight: 700; color: #9ee6a8; }
.kit-card__prizes { display: flex; flex-wrap: wrap; gap: 4px; padding: 8px 10px; }
.kit-tag { font-size: 9px; font-weight: 700; padding: 3px 6px; border-radius: 6px; color: #dce4ef; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
.kit-tag b { color: #ffd166; }
.kit-card__foot { padding: 0 10px 10px; }
.kit-card__cd { font-size: 10px; color: #ffb4a8; }
.kit-card__cd b { color: #ffd166; }
.kit-card__btn { display: inline-block; padding: 6px 12px; border-radius: 7px; font-size: 10px; font-weight: 800; text-decoration: none !important; color: #1a1208 !important; background: linear-gradient(180deg, #ffe08a, #ff9f2f); border: 1px solid rgba(0,0,0,.25); text-shadow: none !important; box-shadow: 0 1px 4px rgba(0,0,0,.2); }
.kit-card__btn:hover { color: #0f0a04 !important; filter: brightness(1.05); }
.kit-card__lock { font-size: 10px; color: #6b7588; }
.kit-fold { margin: 0; border-radius: 9px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.16); overflow: hidden; }
.kit-fold summary { padding: 8px 10px; font-size: 10px; font-weight: 800; color: #8b95a8; cursor: pointer; list-style: none; }
.kit-fold summary::-webkit-details-marker { display: none; }
.kit-fold__body { padding: 0 10px 9px; font-size: 10px; color: #b8c4d4; line-height: 1.45; }
.kit-fold__body b { color: #ffd166; }

/* ----------------------------------------------------------
   ATS-HUB (misijų centras) — misijos.php
   ---------------------------------------------------------- */
.ats-hub { color: #d6dce8; line-height: 1.4; text-align: left; }
.ats-hub__head { display: flex; gap: 10px; align-items: center; margin: 0 0 8px; padding: 8px 9px; border-radius: 9px; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.06); }
.ats-hub__hero { flex: 0 0 80px; width: 80px; max-height: 88px; object-fit: contain; border-radius: 8px; border: 1px solid rgba(255,255,255,.08); }
.ats-hub__intro-wrap { flex: 1; min-width: 0; }
.ats-hub__intro-lead { margin: 0 0 6px; font-size: 11px; color: #c5cdd9; line-height: 1.35; }
.ats-hub__tip { margin: 0; font-size: 9px; color: #8b95a8; line-height: 1.35; }
.ats-hub__tip b { color: #a8b3c9; }
.ats-hub__mission-prize { margin: 0 0 8px; padding: 6px 8px; border-radius: 6px; font-size: 10px; color: #d6dce8; line-height: 1.35; background: rgba(255,209,102,.07); border: 1px solid rgba(255,209,102,.14); }
.ats-hub__scroll-reward-line { display: inline; }
.ats-hub__scroll-reward-line--bonus { color: #9ee6a8; }
.ats-hub__scroll-reward-tag { margin-left: 4px; font-size: 9px; font-weight: 700; color: #74d680; letter-spacing: .02em; }
@media (max-width: 380px) {
  .ats-hub__head { flex-direction: column; text-align: center; }
  .ats-hub__hero { flex: 0 0 auto; width: 100px; max-height: 76px; }
}
.ats-hub__mission { margin: 0 0 10px; padding: 9px 10px; border-radius: 9px; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.25); }
.ats-hub__mission-tag { display: inline-block; margin: 0; padding: 2px 8px; border-radius: 5px; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ats-hub__mission-tag--easy { color: #9ee6a8; background: rgba(116,214,128,.12); }
.ats-hub__mission-tag--medium { color: #ffd166; background: rgba(255,209,102,.12); }
.ats-hub__mission-tag--hard { color: #e8a8a0; background: rgba(255,120,80,.12); }
.ats-hub__mission-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px; margin: 0 0 6px; }
.ats-hub__mission-desc { margin: 0 0 8px; font-size: 12px; color: #e8eef5; line-height: 1.4; }
.ats-hub__mission-status { font-size: 10px; font-weight: 600; }
.ats-hub__mission-status--wait { color: #e8a8a0; }
.ats-hub__mission-status--ok { color: #9ee6a8; }
.ats-hub__actions { display: grid; grid-template-columns: 1fr auto; gap: 6px; align-items: stretch; }
.ats-hub__btn { display: flex; align-items: center; justify-content: center; padding: 9px 12px; border-radius: 8px; font-size: 11px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none !important; box-sizing: border-box; }
.ats-hub__btn--go { color: #1a1208 !important; background: linear-gradient(180deg, #ffe08a, #ff9f2f) !important; border: 1px solid rgba(0,0,0,.28); box-shadow: 0 2px 8px rgba(255,159,47,.3); }
.ats-hub__btn--locked { color: #8b95a8 !important; background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.12); cursor: not-allowed; pointer-events: none; }
.ats-hub__btn--skip { flex-direction: column; gap: 2px; min-width: 78px; padding: 8px 10px; color: #dce4ef !important; background: rgba(60,75,105,.5) !important; border: 1px solid rgba(130,160,210,.22); }
.ats-hub__btn--skip-sub { font-size: 10px; font-weight: 700; color: #ffd166; line-height: 1; }
@media (max-width: 400px) { .ats-hub__actions { grid-template-columns: 1fr; } }
.ats-hub__flash { margin: 0 0 8px; padding: 7px 9px; border-radius: 8px; font-size: 11px; color: #9ee6a8; background: rgba(116,214,128,.1); border: 1px solid rgba(116,214,128,.22); }
.ats-hub__flash--err { color: #e8a8a0; background: rgba(255,120,80,.1); border-color: rgba(255,120,80,.22); }
.ats-hub__scrolls { margin: 0 0 6px; padding: 9px 10px; border-radius: 9px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.2); }
.ats-hub__scrolls-title { margin: 0 0 8px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #d4a84f; }
.ats-hub__scroll-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; margin: 0; }
.ats-hub__scroll { padding: 8px 6px; border-radius: 8px; text-align: center; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.28); }
.ats-hub__scroll b { display: block; font-size: 11px; color: #e8eef5; }
.ats-hub__scroll span { display: block; margin: 2px 0 6px; font-size: 16px; font-weight: 800; color: #ffd166; }
.ats-hub__scroll--easy { border-color: rgba(116,214,128,.25); }
.ats-hub__scroll--medium { border-color: rgba(255,209,102,.25); }
.ats-hub__scroll--hard { border-color: rgba(255,120,80,.28); }
.ats-hub__scroll a { display: inline-block; padding: 5px 10px; border-radius: 6px; font-size: 10px; font-weight: 800; color: #1a1208 !important; text-decoration: none !important; background: linear-gradient(180deg, #ffd166, #ff9f2f); }
.ats-hub__scroll a.off { opacity: .45; pointer-events: none; }
.ats-hub__scroll-reward { margin: 6px 0 0; padding-top: 5px; border-top: 1px solid rgba(255,255,255,.06); font-size: 9px; line-height: 1.35; color: #8b95a8; }
.ats-hub__scroll--easy .ats-hub__scroll-reward { color: #9ab5a8; }
.ats-hub__scroll--medium .ats-hub__scroll-reward { color: #b5a888; }
.ats-hub__scroll--hard .ats-hub__scroll-reward { color: #b59a9a; }
@media (max-width: 360px) { .ats-hub__scroll-grid { grid-template-columns: 1fr; } }

/* ----------------------------------------------------------
   CAP-EV (event/renginys) — event.php
   ---------------------------------------------------------- */
.cap-ev { margin: 0; padding: 0 0 6px; color: #d6dce8; line-height: 1.4; text-align: left; }
.cap-ev__hero { display: block; max-width: 100%; max-height: 120px; margin: 0 auto 8px; border-radius: 8px; border: 1px solid rgba(255,255,255,.1); }
.cap-ev__top { margin: 0 0 8px; padding: 8px 10px; border-radius: 9px; text-align: center; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08); }
.cap-ev__intro { margin: 0 0 6px; font-size: 11px; color: #c5cdd9; line-height: 1.35; }
.cap-ev__intro b { color: #e8eef5; }
.cap-ev__top-where { margin: 0; padding: 5px 0 0; font-size: 10px; line-height: 1.45; color: #9aa5b8; border-top: 1px solid rgba(255,255,255,.06); }
.cap-ev__top-lbl { display: inline-block; margin-right: 4px; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #d4a84f; }
.cap-ev__top-where b { color: #dce4ef; }
.cap-ev__top-where a { color: #ffd166 !important; font-weight: 700; text-decoration: none; }
.cap-ev__top-where small { font-size: 9px; color: #7a8496; }
.cap-ev__top-tip { margin: 5px 0 0; font-size: 9px; color: #7a8496; line-height: 1.3; }
.cap-ev__panels { display: grid; grid-template-columns: 1fr; gap: 10px; }
@media (min-width: 560px) { .cap-ev__panels { grid-template-columns: 1fr 1.15fr; } }
.cap-ev__panel { padding: 10px 11px; border-radius: 11px; border: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg, rgba(30,38,54,.97), rgba(14,18,28,.99)); }
.cap-ev__title { margin: 0 0 8px; padding: 0 0 6px 10px; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #d4a84f; }
.cap-ev__lvl { font-size: 12px; color: #dce4ef; margin: 0 0 8px; }
.cap-ev__lvl b { color: #ffd166; }
.cap-ev__lvl small { display: block; margin-top: 4px; font-size: 10px; color: #8b95a8; }
.cap-ev__caps { display: flex; justify-content: center; gap: 8px; margin: 0 0 10px; }
.cap-ev__cap { flex: 1; max-width: 100px; padding: 8px 6px 7px; border-radius: 10px; text-align: center; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.28); }
.cap-ev__cap img { width: 34px; height: 34px; object-fit: contain; display: block; margin: 0 auto 3px; }
.cap-ev__cap-lbl { display: block; font-size: 9px; color: #8b95a8; text-transform: uppercase; letter-spacing: .05em; }
.cap-ev__cap-have { display: block; margin: 2px 0 5px; font-size: 18px; font-weight: 800; line-height: 1; color: #e8eef5; }
.cap-ev__cap-bar { height: 5px; margin: 0 0 5px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden; }
.cap-ev__cap-bar i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #6b8cff, #9ee6a8); }
.cap-ev__cap-req { display: block; font-size: 9px; line-height: 1.25; color: #a8b3c9; }
.cap-ev__cap--ok { border-color: rgba(116,214,128,.35); }
.cap-ev__cap--ok .cap-ev__cap-have { color: #9ee6a8; }
.cap-ev__cap--ok .cap-ev__cap-req { color: #9ee6a8; }
.cap-ev__cap--no { border-color: rgba(255,120,80,.28); }
.cap-ev__cap--no .cap-ev__cap-have { color: #ffd166; }
.cap-ev__cap--no .cap-ev__cap-req { color: #e8a8a0; }
.cap-ev__cap--no .cap-ev__cap-bar i { background: linear-gradient(90deg, #c45c4a, #e8a060); }
.cap-ev__claim { display: block; text-align: center; padding: 10px 14px; border-radius: 9px; font-size: 14px; font-weight: 800; text-decoration: none !important; border: 1px solid rgba(0,0,0,.28); box-shadow: 0 2px 10px rgba(255,159,47,.4); }
.cap-ev__claim--on { color: #1a1208 !important; text-shadow: 0 1px 0 rgba(255,255,255,.4); background: linear-gradient(180deg, #ffe08a, #ff9f2f) !important; }
.cap-ev__claim--on:hover { color: #0d0804 !important; text-shadow: 0 0 10px rgba(255,255,255,.5); }
.cap-ev__claim--off { pointer-events: none; color: #7a7060 !important; background: linear-gradient(180deg, #4a4438, #353028) !important; border-color: rgba(255,255,255,.06); box-shadow: none; opacity: .65; }
.cap-ev__claim-row { display: flex; flex-direction: column; gap: 6px; margin: 0 0 4px; }
.cap-ev__claim--bulk { font-size: 12px; padding: 9px 12px; background: linear-gradient(180deg, #9ee6a8, #5a9e62) !important; color: #0a1808 !important; box-shadow: 0 2px 10px rgba(116,214,128,.35); }
.cap-ev__hint { margin: 8px 0 0; font-size: 10px; color: #8b95a8; text-align: center; }
.cap-ev__ex-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.cap-ev__ex { padding: 8px; border-radius: 8px; border: 1px solid rgba(255,255,255,.07); background: rgba(0,0,0,.2); }
.cap-ev__ex-rate { margin: 0 0 6px; font-size: 10px; font-weight: 700; color: #c5cdd9; line-height: 1.3; }
.cap-ev__ex-rate .v { color: #b48cff; }
.cap-ev__ex-rate .r { color: #ff8a8a; }
.cap-ev__ex-rate .m { color: #7ec8ff; }
.cap-ev__ex form { margin: 0; display: flex; gap: 4px; align-items: center; }
.cap-ev__ex input[type=text] { flex: 1; min-width: 0; max-width: 72px; padding: 5px 6px; border-radius: 6px; border: 1px solid rgba(255,255,255,.15); background: rgba(0,0,0,.35); color: #fff; font-size: 12px; }
.cap-ev__ex input[type=submit] { padding: 5px 10px; border: 0; border-radius: 6px; font-size: 10px; font-weight: 800; color: #1a1208; cursor: pointer; background: linear-gradient(180deg, #ffd166, #ff9f2f); }
.cap-ev__ex-note { margin: 0 0 8px; padding: 6px 8px; border-radius: 7px; font-size: 10px; color: #e8d9b0; background: rgba(255,159,47,.08); border: 1px solid rgba(255,159,47,.18); }