[hideprofile][html]

<style>

/* ============================================================
   ON:AIR — МАГАЗИН / КАПСУЛЯТОР И ПРОКАЧКА
   Исходная структура сохранена: шапка, 5 вкладок,
   левый капсулятор, правая панель, широкая прокачка внизу.
   CSS изолирован: не изменяет другие темы и страницы.
   ============================================================ */
.oa-shop {
  /* 01 / ОСНОВНЫЕ ЦВЕТА И РАЗМЕРЫ — НАСТРОЙКА АМС */
  --outer-dark: #121a34;    /* внешняя синяя рамка */
  --outer-blue: #283a69;
  --cover-start: #283d78;   /* шапка / синий градиент */
  --cover-end: #5377b4;
  --paper: #f7f9ff;         /* основа светлой карточки */
  --sheet: #edf2fb;         /* подложки панелей */
  --panel: #ffffff;         /* карточки и коллекции */
  --ink: #273553;           /* тёмный текст */
  --muted: #687b9e;         /* подписи */
  --accent: #4b72b4;        /* заголовки / кнопки */
  --mint: #a7e1f1;          /* эквалайзер / неон */
  --line: #d7e3f4;          /* линии карточек */
  --scroll: #9ab1d4;        /* прокрутка */
  --shop-height: 445px;     /* ПОСТОЯННАЯ ВЫСОТА ПРАВОЙ ПАНЕЛИ */
  --chip-size: 132px;      /* РАЗМЕР КРУГЛЫХ ФИШЕК В КАТАЛОГЕ */

  box-sizing: border-box;
  width: min(900px, 100%);
  max-width: calc(100vw - 16px);
  margin: 22px auto;
  padding: 12px;
  border-radius: 30px;
  background: linear-gradient(130deg,var(--outer-dark),var(--outer-blue));
  font: 12px/1.45 'Trebuchet MS',Arial,sans-serif;
  color: var(--ink);
  box-shadow: 0 15px 35px rgba(21,31,58,.17);
}
.oa-shop,.oa-shop *,.oa-shop *::before,.oa-shop *::after {box-sizing:border-box}
.oa-shop h2,.oa-shop h3,.oa-shop h4,.oa-shop p {margin:0}
.oa-shop input[type="radio"] {position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.oa-shop-card {padding:20px;border-radius:24px;background:var(--paper);overflow:hidden}

/* 02 / ШАПКА — ОБЛОЖКА В СТИЛЕ ЛИЧНОЙ СТРАНИЦЫ */
.oa-shop-top {
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:17px 20px;margin-bottom:14px;border-radius:19px;color:#fff;
  background: radial-gradient(circle at 82% -10%,rgba(255,255,255,.17),transparent 30%),
    linear-gradient(115deg,var(--cover-start),var(--cover-end));
}
.oa-shop-top > div:first-child > span {display:block;font-size:10px;letter-spacing:2px;color:#c2ecff;text-transform:uppercase}
.oa-shop-top h2 {font-size:32px;line-height:1.06;font-weight:900;margin:4px 0 5px;color:#fff;text-transform:lowercase}
.oa-shop-top em {font-size:11px;line-height:1.35;letter-spacing:.7px;font-style:normal;color:#d9edff}
.oa-shop-coins {min-width:120px;flex:none;padding:9px 12px;border-radius:17px;background:rgba(255,255,255,.14);text-align:center}
.oa-shop-coins b {display:block;color:#a9e9f8;font-size:26px;line-height:1.1}
.oa-shop-coins span {font-size:10px;color:#eff7ff}

/* 03 / ПЯТЬ ВКЛАДОК — БЕЗ JAVASCRIPT */
.oa-shop-tabs {display:flex;gap:8px;margin-bottom:15px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.oa-shop-tabs label {flex:0 0 auto;cursor:pointer;padding:9px 13px;border-radius:999px;background:#e6ecf7;color:#4c638e;font-size:11px;font-weight:700;white-space:nowrap}
.oa-shop-tabs label:hover {background:#dce6f7}
#oa-shop-about:checked ~ .oa-shop-card .oa-shop-tabs label[for="oa-shop-about"],
#oa-shop-price:checked ~ .oa-shop-card .oa-shop-tabs label[for="oa-shop-price"],
#oa-shop-boys:checked ~ .oa-shop-card .oa-shop-tabs label[for="oa-shop-boys"],
#oa-shop-girls:checked ~ .oa-shop-card .oa-shop-tabs label[for="oa-shop-girls"],
#oa-shop-actors:checked ~ .oa-shop-card .oa-shop-tabs label[for="oa-shop-actors"] {
  background:linear-gradient(120deg,#304d86,#5f84be);color:#fff;
}

/* 04 / ЛЕВЫЙ КАПСУЛЯТОР И ПРАВЫЕ ВКЛАДКИ */
.oa-shop-body {display:grid;grid-template-columns:246px minmax(0,1fr);gap:15px;min-height:0;align-items:stretch}
.oa-vending {min-width:0;padding:10px;border-radius:23px;background:linear-gradient(145deg,#242c49,#11192f);color:#fff}
.oa-shop-display {height:100%;min-height:350px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:
  radial-gradient(circle at 88% 13%,rgba(161,218,242,.14),transparent 36%),rgba(255,255,255,.05)}
.oa-shop-live {display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.11);color:#fff;letter-spacing:1px;font-size:10px}
.oa-shop-live i {width:8px;height:8px;border-radius:50%;background:#a1e8f2;box-shadow:0 0 9px rgba(161,232,242,.55)}
.oa-shop-title {margin-top:26px}
.oa-shop-title span {display:block;font-size:10px;color:#a7c6e8;letter-spacing:1.5px;text-transform:uppercase}
.oa-shop-title b {display:block;margin:6px 0;font-size:27px;line-height:1.1;color:#fff;text-transform:lowercase}
.oa-shop-title em {font-style:normal;font-size:12px;color:#e0ebf8;line-height:1.4}
.oa-shop-equalizer {display:flex;align-items:end;justify-content:center;gap:7px;margin-top:39px;height:62px}
.oa-shop-equalizer i {display:block;width:11px;background:linear-gradient(#a5e6f5,#708fd7);border-radius:99px}
.oa-shop-equalizer i:nth-child(1){height:27px}.oa-shop-equalizer i:nth-child(2){height:52px}.oa-shop-equalizer i:nth-child(3){height:39px}.oa-shop-equalizer i:nth-child(4){height:62px}.oa-shop-equalizer i:nth-child(5){height:32px}
.oa-shop-tags {display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}
.oa-shop-tags span {padding:6px 9px;border-radius:99px;background:rgba(255,255,255,.10);font-size:9px;letter-spacing:.7px;color:#d4f2ff}

/* ФИКСИРОВАННАЯ ВЫСОТА СОДЕРЖИМОГО, СКРОЛЛ ТОЛЬКО ВНУТРИ */
.oa-shop-pages {height:var(--shop-height);min-width:0;min-height:0;overflow:hidden;padding:12px;border-radius:23px;background:var(--sheet)}
.oa-shop-page {display:none;height:100%;overflow-y:auto;overflow-x:hidden;min-width:0;min-height:0;padding:2px 7px 2px 1px;scrollbar-width:thin;scrollbar-color:var(--scroll) transparent}
#oa-shop-about:checked ~ .oa-shop-card .page-about,
#oa-shop-price:checked ~ .oa-shop-card .page-price,
#oa-shop-boys:checked ~ .oa-shop-card .page-boys,
#oa-shop-girls:checked ~ .oa-shop-card .page-girls,
#oa-shop-actors:checked ~ .oa-shop-card .page-actors {display:block}
.oa-shop-page::-webkit-scrollbar,.oa-product-chips::-webkit-scrollbar {width:6px;height:6px}
.oa-shop-page::-webkit-scrollbar-thumb,.oa-product-chips::-webkit-scrollbar-thumb {background:var(--scroll);border-radius:99px}

/* 05 / ПРАВИЛА И ПРИВЕТСТВИЕ */
.oa-concept-hero {padding:16px 17px;margin-bottom:12px;border-radius:18px;background:linear-gradient(120deg,#dce8fa,#fff)}
.oa-concept-hero h3 {margin-bottom:7px;color:#2f4b82;font-size:22px;line-height:1.1}
.oa-concept-hero p {font-size:12px;line-height:1.5;color:#536586}
.oa-concept-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.oa-concept-card {min-width:0;padding:15px;border-radius:17px;background:var(--panel);border:1px solid #e3ebf7}
.oa-concept-card h4 {font-size:14px;color:#334f80;margin-bottom:7px}
.oa-concept-card p {font-size:11px;color:#5f718e;line-height:1.5}

/* 06 / ПРАЙС И КАТАЛОГ ГРУПП — КАК В ОРИГИНАЛЕ */
.oa-price-simple,.oa-product-grid {display:grid;grid-template-columns:1fr;gap:12px}
.oa-price-bigcard {display:grid;grid-template-columns:50px minmax(0,1fr);gap:13px;padding:15px;border-radius:19px;background:var(--panel);border:1px solid #e2ebf7}
.oa-price-bigcard.rare {background:linear-gradient(115deg,#e0ecfa,#fff)}
.oa-price-icon {width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#dfebfb;color:#4b71aa;font-size:22px}
.oa-price-bigcard h3 {font-size:18px;color:#2d4e85}.oa-price-bigcard span {display:block;color:#5476b2;font-size:12px;font-weight:bold;margin:4px 0}
.oa-price-bigcard p {font-size:11px;color:#657798}
.oa-task-board {margin-top:12px;padding:15px;border-radius:19px;background:#fff}
.oa-task-board h4 {color:#314f81;font-size:15px;margin-bottom:6px}.oa-task-board p {color:#7b8cac;font-size:11px;margin-bottom:9px}
.oa-task-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.oa-task-list span {display:block;padding:9px 10px;border-radius:11px;color:#536783;background:#edf2fb;font-size:11px}
.oa-product {min-width:0;padding:14px 15px;border-radius:18px;background:var(--panel);border:1px solid #e1eaf7}
.oa-product-head {display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:12px}
.oa-product-head h3 {font-size:18px;line-height:1.2;color:#314e80}
.oa-product-head b {font-size:10px;padding:6px 8px;border-radius:99px;background:#e4edfa;color:#4a6daa;white-space:nowrap}
/* 06А / КРУПНЫЕ ФИШКИ И ПРОСТОЕ УВЕЛИЧЕНИЕ
   Размеры задаются одной переменной --chip-size.
   Открытие через HTML <details>, без JavaScript и SVG. */
.oa-product-chips {
  display:flex;
  gap:15px;
  padding:6px 0 18px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:var(--scroll) transparent;
}
.oa-chip {
  flex:0 0 var(--chip-size);
  width:var(--chip-size);
  height:var(--chip-size);
}
.oa-chip summary {
  display:block;
  list-style:none;
  cursor:pointer;
  outline-offset:4px;
}
.oa-chip summary::-webkit-details-marker { display:none; }
.oa-chip-image {
  display:flex;
  justify-content:center;
  align-items:flex-end;
  width:var(--chip-size);
  height:var(--chip-size);
  padding:0 5px 10px;
  border:4px solid #f6faff;
  border-radius:50%;
  background:#dce6f5 center / cover no-repeat;
  box-shadow:0 6px 14px rgba(27,51,92,.17);
}
.oa-chip-name {
  max-width:100%;
  padding:5px 9px;
  border-radius:18px;
  background:rgba(247,251,255,.91);
  color:#314969;
  font-size:11px;
  font-weight:bold;
  line-height:1.15;
  text-align:center;
}

/* ОТКРЫТОЕ ИЗОБРАЖЕНИЕ:
   Нажмите по большому изображению или по затемнению, чтобы закрыть. */
.oa-chip[open] > summary {
  position:fixed;
  z-index:999999;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(12,18,37,.78);
}
.oa-chip[open] .oa-chip-image {
  width:min(410px,78vw,75vh);
  height:min(410px,78vw,75vh);
  flex:none;
  padding-bottom:18px;
  border-width:6px;
  box-shadow:0 22px 50px rgba(0,0,0,.32);
}
.oa-chip[open] .oa-chip-name {
  font-size:15px;
  padding:8px 15px;
}
.oa-chip[open] > summary::after {
  content:"×";
  position:absolute;
  right:22px;
  top:18px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#ecf2fd;
  color:#243f72;
  font:26px/1 Arial,sans-serif;
  pointer-events:none;
}
/* 07 / ШИРОКИЙ БЛОК ПРОКАЧКИ — ПОД КАПСУЛЯТОРОМ И ВКЛАДКАМИ */
.oa-wide-upgrade {display:none;margin-top:15px}
#oa-shop-about:checked ~ .oa-shop-card .oa-wide-upgrade {display:block}
.oa-upgrade-board {padding:17px 18px;border-radius:22px;background:#e9f0fb;border:1px solid #d7e5f7}
.oa-upgrade-board h4 {color:#314e80;text-transform:lowercase;font-size:19px;line-height:1.2;margin:0 0 13px}
.oa-upgrade-list {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.oa-upgrade-level {min-width:0;padding:12px;border-radius:17px;background:#fff;border:1px solid #dce6f4}
.oa-upgrade-level b {display:block;text-align:center;font-size:12px;line-height:1.2;padding:9px 6px;border-radius:12px;color:#fff;background:linear-gradient(120deg,#2c4575,#547bb7)}
.oa-upgrade-level em {display:block;min-height:24px;margin:10px 0;padding:6px 2px;border-top:1px solid #e6edf7;border-bottom:1px solid #e6edf7;text-align:center;font:normal 10px/1.25 'Trebuchet MS',Arial,sans-serif;color:#50709e}
.oa-upgrade-level span {display:block;margin:6px 0;color:#536681;font-size:11px;line-height:1.35}
.oa-upgrade-level span::before {content:'• ';color:#5989c7}
.oa-upgrade-level small {display:block;margin:7px 0 0;color:#7a8da9;font-size:10px}
.oa-upgrade-level.alpha {grid-column:span 2;background:linear-gradient(130deg,#e2e9ff,#fff);border-color:#afc5e7}
.oa-upgrade-level.alpha b {background:linear-gradient(120deg,#192449,#537fba)}

/* 08 / АДАПТИВНОСТЬ И СТАБИЛЬНЫЙ СКРОЛЛ ВКЛАДОК */
@media(max-width:760px) {
  .oa-shop-card {padding:13px}
  .oa-shop-body {grid-template-columns:1fr;gap:12px}
  .oa-shop-display {min-height:150px;padding:13px;position:relative}
  .oa-vending {padding:8px}
  .oa-shop-title {margin-top:12px}
  .oa-shop-title b {font-size:22px}
  .oa-shop-equalizer {position:absolute;right:15px;bottom:11px;height:40px;margin:0}
  .oa-shop-equalizer i {max-height:40px}
  .oa-shop-tags {display:none}
  .oa-shop-pages {height:var(--shop-height)}
  .oa-upgrade-list {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:490px) {
  .oa-shop {padding:8px;margin:12px auto}
  .oa-shop-card {padding:11px}
  .oa-shop-top {padding:14px;gap:10px}
  .oa-shop-top h2 {font-size:25px}
  .oa-shop-top em {font-size:9px}
  .oa-shop-coins {min-width:76px;padding:7px}
  .oa-shop-coins b {font-size:20px}
  .oa-shop-coins span {font-size:8px}
  .oa-shop-tabs label {font-size:10px;padding:8px 10px}
  .oa-concept-grid,.oa-task-list {grid-template-columns:1fr}
  .oa-upgrade-list {grid-template-columns:1fr}
  .oa-upgrade-level.alpha {grid-column:auto}
  .oa-product-head {display:block}
  .oa-product-head b {display:inline-block;margin-top:7px}
  .oa-shop {--chip-size:106px} /* РАЗМЕР ФИШЕК НА ТЕЛЕФОНЕ */
  .oa-chip-name {font-size:10px;padding:4px 6px}
}

</style>

<div class="oa-shop">
<input checked="" id="oa-shop-about" name="oa-shop-tabs" type="radio"/>
<input id="oa-shop-price" name="oa-shop-tabs" type="radio"/>
<input id="oa-shop-boys" name="oa-shop-tabs" type="radio"/>
<input id="oa-shop-girls" name="oa-shop-tabs" type="radio"/>
<input id="oa-shop-actors" name="oa-shop-tabs" type="radio"/>
<div class="oa-shop-card">
<!-- ШАПКА: название, описание и подпись справа -->
<div class="oa-shop-top">
<div>
<span>
     ON:AIR
    </span>
<h2>
     магазин фишек
    </h2>
<em>
     открываем капсулу / собираем своих биасов
    </em>
</div>
<div class="oa-shop-coins">
<b>
     ♪
    </b>
<span>
     всех их соберём!
    </span>
</div>
</div>
<!-- ВКЛАДКИ: подписи можно менять, атрибуты for и id — не трогать -->
<div class="oa-shop-tabs">
<label for="oa-shop-about">
    фишки / прокач
   </label>
<label for="oa-shop-price">
    прайс
   </label>
<label for="oa-shop-boys">
    мальчики
   </label>
<label for="oa-shop-girls">
    девочки
   </label>
<label for="oa-shop-actors">
    все вместе
   </label>
</div>
<div class="oa-shop-body">
<div class="oa-vending">
<div class="oa-shop-display">
<div class="oa-shop-live">
<i>
</i>
<b>
       SHOP ON AIR
      </b>
</div>
<div class="oa-shop-title">
<span>
       random chip
      </span>
<b>
       капсулятор
      </b>
<em>
       кинул голоса — выбил фишку
      </em>
</div>
<div class="oa-shop-equalizer">
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
</div>
<div class="oa-shop-tags">
<span>
       basic
      </span>
<span>
       rare
      </span>
<span>
       drop
      </span>
</div>
</div>
</div>
<div class="oa-shop-pages">
<div class="oa-shop-page page-about">
<div class="oa-concept-hero">
<h3>
       что такое фишки?
      </h3>
<p>
       Фишки — коллекционные изображения персонажей, айдолов и актёров, которые выпадают через капсулятор. Их можно собирать по группам, хранить в личной коллекции и прокачивать. За повышения полного состава предусмотрены награды (условия уточняются АМС).
      </p>
</div>
<div class="oa-concept-grid">
<div class="oa-concept-card">
<h4>
        сколько уровней?
       </h4>
<p>
        Всего у фишки
        <b>
         6 обычных уровней (LV.1–LV.6)
        </b>
        . Для каждого повышения выбери одно задание из соответствующего списка. Можно закрывать несколько повышений подряд.
       </p>
</div>
<div class="oa-concept-card">
<h4>
        всё за голоса?
       </h4>
<p>
        Первую фишку за сутки можно приобрести за голоса; дополнительные попытки открываются за задания. Условия заданий уточняются АМС.
       </p>
</div>
<div class="oa-concept-card">
<h4>
        где менять?
       </h4>
<p>
        Если вдруг у вас есть повторки или вы просто хотите обменяться фишками - для этого есть специальная тема.
       </p>
</div>
<div class="oa-concept-card">
<h4>
        alpha-фишка
       </h4>
<p>
<b>
         ALPHA
        </b>
        — особый седьмой уровень, доступный только одной фишке группы после прокачки всего состава до LV.6. Выбранное свойство согласуется с АМС.
       </p>
</div>
</div>
</div>
<div class="oa-shop-page page-price">
<div class="oa-price-simple">
<div class="oa-price-bigcard">
<div class="oa-price-icon">
        ●
       </div>
<div>
<h3>
         рандомная
        </h3>
<span>
         250 голосов
        </span>
<p>
         Случайная фишка из капсулятора выбранной группы. Без легендарок.
        </p>
</div>
</div>
<div class="oa-price-bigcard rare">
<div class="oa-price-icon">
        ✦
       </div>
<div>
<h3>
         шанс редкой
        </h3>
<span>
         500 голосов + пак заданий
        </span>
<p>
         Увеличить свои шансы выбить легендарку.
        </p>
</div>
</div>
</div>
<div class="oa-task-board">
<h4>
       задания для возможного шанса получения легендарки
      </h4>
<p>
       сделать 3 из 5
      </p>
<div class="oa-task-list">
<span>
        написать игровой пост
       </span>
<span>
        оставить 15 реклам
       </span>
<span>
        оставить 30 сообщений за сутки
       </span>
<span>
        открыть пост / sns эпизод
       </span>
<span>
        пятое задание уточняется АМС
       </span>
</div>
</div>
</div>
<div class="oa-shop-page page-boys">
<div class="oa-product-grid">
<div class="oa-product">
<div class="oa-product-head">
<h3>
         Stray Kids
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Bang Chan</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Lee Know</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Changbin</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Hyunjin</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Han</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Felix</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Seungmin</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">I.N</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         Ateez
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Hongjoong</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Seonghwa</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Yunho</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Yeosang</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">San</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Mingi</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Wooyoung</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Jongho</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         Enhypen
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Jungwon</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Heeseung</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Jay</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Jake</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Sunghoon</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Sunoo</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Ni-ki</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         BTS
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Jungkook</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">V</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">RM</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Jimin</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Jin</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Suga</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">J-Hope</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         TXT
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Soobin</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Yeonjun</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Beomgyu</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Taehyun</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Huening Kai</span>
</span>
</summary>
</details>
</div>
</div>
</div>
</div>
<div class="oa-shop-page page-girls">
<div class="oa-product-grid">
<div class="oa-product">
<div class="oa-product-head">
<h3>
         aespa
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('https://upforme.ru/uploads/001c/b5/80/2/t343333.jpg');">
<span class="oa-chip-name">Karina</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Giselle</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Winter</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Ningning</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         BLACKPINK
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Jennie</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Lisa</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Jisoo</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Rose</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         IVE
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Yujin</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Gaeul</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Rei</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Wonyoung</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Liz</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Leeseo</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         NewJeans
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Minji</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Hanni</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Danielle</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Haerin</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Hyein</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         LE SSERAFIM
        </h3>
<b>
         group random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Sakura</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Chaewon</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Yunjin</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Kazuha</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">Eunchae</span>
</span>
</summary>
</details>
</div>
</div>
</div>
</div>
<div class="oa-shop-page page-actors">
<div class="oa-product-grid">
<div class="oa-product">
<div class="oa-product-head">
<h3>
         k-drama actors
        </h3>
<b>
         random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actor 01</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actor 02</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actor 03</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actor 04</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actor 05</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actor 06</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         k-drama actress
        </h3>
<b>
         random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actress 01</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actress 02</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actress 03</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actress 04</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actress 05</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">actress 06</span>
</span>
</summary>
</details>
</div>
</div>
<div class="oa-product">
<div class="oa-product-head">
<h3>
         thai
        </h3>
<b>
         random — 250 голосов
        </b>
</div>
<div class="oa-product-chips">
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">thai 01</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">thai 02</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">thai 03</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">thai 04</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">thai 05</span>
</span>
</summary>
</details>
<details class="oa-chip">
<summary title="Нажмите, чтобы увеличить фишку">
<span class="oa-chip-image" style="background-image:url('ССЫЛКА_НА_ФИШКУ');">
<span class="oa-chip-name">thai 06</span>
</span>
</summary>
</details>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ПРОКАЧКА: весь широкий блок как в оригинале. На первом табе. -->
<div class="oa-wide-upgrade">
<div class="oa-upgrade-board">
<h4>
     прокачка уровней
    </h4>
<div class="oa-upgrade-list">
<div class="oa-upgrade-level">
<b>
       LV.1 — predebut
      </b>
<em>
       награда: нет
      </em>
<span>
       получить фишку через капсулятор
      </span>
</div>
<div class="oa-upgrade-level">
<b>
       LV.2 — debut
      </b>
<em>
       награда: 1500 голосов (черновик)
      </em>
<span>
       оставить 10 сообщений за сутки
      </span>
<span>
       оставить 5 песен в плейлисте
      </span>
<span>
       поставить 30 лайков другим игрокам
      </span>
<span>
       поставить 15 «это интересно»
      </span>
</div>
<div class="oa-upgrade-level">
<b>
       LV.3 — spotlight
      </b>
<em>
       награда: 3000 голосов (черновик)
      </em>
<span>
       оставить 20 сообщений за сутки
      </span>
<span>
       поставить 50 лайков другим игрокам
      </span>
<span>
       поучаствовать в конкурсе
      </span>
<span>
       поставить 30 "это интересно"
      </span>
</div>
<div class="oa-upgrade-level">
<b>
       LV.4 — encore
      </b>
<em>
       награда: уточняется АМС
      </em>
<span>
       открыть игровой эпизод
      </span>
<span>
       написать 5 снс
      </span>
<span>
       три публикации в инстаграм
      </span>
<span>
       получить 50 лайков от других игроков
      </span>
</div>
<div class="oa-upgrade-level">
<b>
       LV.5 — idol
      </b>
<em>
       награда: уточняется АМС
      </em>
<span>
       написать пост
      </span>
<span>
       купить в магазине подарок другому игроку
      </span>
</div>
<div class="oa-upgrade-level">
<b>
       LV.6 — legend
      </b>
<em>
       награда: уточняется АМС
      </em>
<span>
       посчитать банк
      </span>
<span>
       оставить 15 реклам
      </span>
<span>
       поставить 50 «это интересно»
      </span>
<span>
       оставить 50 сообщений за сутки
      </span>
<span>
       сделать 3 публикации в Instagram
      </span>
</div>
<div class="oa-upgrade-level alpha">
<b>
       LV.7 — ALPHA ♛
      </b>
<em>
       награда: выбранное особое свойство
      </em>
<span>
       прокачать весь состав группы до LV.6
      </span>
<span>
       выбрать одну фишку группы для статуса ALPHA
      </span>
<span>
       согласовать особое свойство с АМС
      </span>
</div>
</div>
</div>
</div>
</div>
</div>

[/html][/hideprofile]