С НАСТУПАЮЩИМ НОВЫМ ГОДОМ!

Говорят, как встретишь - так его и проведёшь. Мы уверены: нет ничего лучше, чем встретить и провести его в кругу друзей и единомышленников. Это наш второй Новый год вместе, и мы хотим сделать его особенным, поэтому весь декабрь будем не просто выполнять задачки и получать подарки. Мы пошли дальше и создали целое окно в уютную квартиру в Найт-Сити, которое станет отражением наших общих праздничных фантазий.
Нас ждут игрушки, призы, наряды для Великой Нибблз и - самое главное - сердечные поздравления друг другу (игрокам от игроков или персонажам от персонажей).

Замечательный художник создал ингредиенты для волшебства, а мы их смешаем, чтобы получилось что-то особенное, наполненное частичками нашей души и благодарности друг другу за ещё один проведённый вместе год.

Готовы? Тогда вот, что мы придумали для вас в этом году, чтобы сделать наш Новый год незабываемым! Поехали!

ЁЛОЧКА

ВЫБРАТЬ СЛОТЫ

https://upforme.ru/uploads/001c/98/42/2/655545.jpg

https://upforme.ru/uploads/001c/98/42/2/653891.jpg

КАК ЭТО РАБОТАЕТ?

1. УКРАШАЕМ ЁЛКУ ИГРУШКАМИ
Эта неоновая красавица не засияет в полную силу без вашей помощи. Мы приготовили море чумовых игрушек и украшений, давайте добавим ей немного сверкающей индивидуальности!
[indent]- Каждый участник может повесить одну игрушку бесплатно! Под игрушкой прячется сюрприз: скорее всего, Кибер-Санта и его кибер-эльфы приготовили для каждого маленький приятный подарок.
[indent]- После того, как выбрали игрушку, выберите и укажите номер места, куда хотите её повесить.
[indent]- Хотите повесить больше игрушек? Каждая дополнительная будет стоить снежинок (где их достать в Найт-Сити, читайте ниже).

2. ГОЛОСУЕМ ЗА ПРАЗДНИЧНОЕ НАСТРОЕНИЕ
Какой праздник без уюта и атмосферы? За него у нас отвечают три категории, и именно вам решать, каким окажется в итоге вайб нашего торжества. Все как всегда в Найт Сити: чтобы ваш голос услышали, вам понадобится валюта - снежинки!
[indent]- Во что нарядим Нибблз? Выберите славной лысой кошке костюмчик, в котором она встретит Новый год! Для неё мы подготовили три великолепных варианта:
[indent][indent] 1. Уродливый свитер “Месть в тапки”. Ну не такой уж он и уродливый! Но, может быть, заставит Нибблз подумать о том, насколько хорошей была идея справлять нужду в раковину, а гостей - поумиляться котеночку в новогодних обновочках.
[indent][indent] 2. Purrr the fuck up, Samurai, we have biscuits to bake. Когда ты в душе - рокербой, но тебе приходится батрачить на фиксеров и заниматься фигней - пусть хотя бы кошка выглядит круто.
[indent][indent] 3. Fashion is my passion. Можно просто их иначе расписать - мягкая шерсть/крутая кожа/леопардовый глэм шкур (синтетических, конечно - натуральную себе позволить не может даже кошка).

[indent]- Что из выпивки поставим на стол? Лухари арманьяк, саке или шампанское?
[indent]- Чем ещё украсим нашу вечеринку? Стильный постер или коллекционный винил с ремиксами на PON PON SHIT, под который будем танцевать до утра? Поделитесь своими тайными желаниями. Мы слушаем, но не осуждаем.

Как голосовать?
1 голос = 15 снежинок, и голосовать можно бесконечно - за несколько вариантов или только за один, сколько угодно раз.

3. ДАРИМ ПОДАРКИ ПОД ЁЛОЧКУ
Каждый подарок под этой ёлкой - это поздравления ваших персонажей другим персонажам, добрые слова, пожелания удачного нового года, слова любви и готовности вместе взорвать башню Арасаки (опять).

Принять участие проще простого:
- За каждый игровой пост, написанный в декабре, можно положить под ёлку один подарок. Повторять можно пока не кончатся посты (потом придется писать новые и опять повторять).
- Нужно выбрать из предложенных вариантов обёртку, указать её номер в шаблоне и написать тёплое поздравление.
ВНИМАНИЕ! Не забывайте прятать поздравления под тегом "скрытого текста", чтобы получился сюрприз для получателя. Мы раскроем их в новогоднюю ночь в праздничном выпуске новостей.
- Упаковку коробки получатель подарка cможет использовать как фон профиля. Да, отправляя кому-то подарок, вы тут же дарите ему новый фон!

4. КАК ЗАРАБОТАТЬ СНЕЖИНКИ?
Снежинки - это специальная праздничная валюта, которой можно расплачиваться за украшения на ёлочку и вокруг неё. Чем больше снежинок вы соберёте, тем больше игрушек и украшений можно добавить. Заработать их проще простого:
[indent]- Каждое сообщение на форуме, написанное после 14 декабря, приносит вам +1 снежинку.
[indent]- Никаких ограничений по твинкам - общайтесь, делитесь настроением, музыкой, мемами... и увеличивайте количество снежинок на своём "счету"!

А ЧТО ДАЛЬШЕ?
...а 31 декабря мы подведём итоги праздника, раскроем поздравления из подарков и - самое главное - увидим, какой оказалась наша ёлочка и какая модная будет встречать Новый Год наша Нибблз.

И каждый участник, конечно же, получит особый сюрприз. Давайте подарим друг другу немного тепла, радости и веселья... и создадим свою атмосферу праздника и волшебства!

Код:
<!--HTML-->
<div class="cyberpunk-display">
   <div class="cyberpunk-container">

    <!-- Cyber Toys Section -->
    <div class="cyber-section">
      <div class="cyber-button i_active">Киберигрушки <i class="select-mark"></i></div>
      <div class="cyber-content-wrap" style="display: block;">
         <div class="cyber-description">Первую вешаем бесплатно, каждую следующую за столько снежинок, сколько подписано. Осторожно — игрушки хрупкие!</div>
        <div class="cyber-grid">
            <!-- Card 1 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-reg">5❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/629438.webp" alt="cyber-toy-1">
               </div>
               <div class="cyber-card-title">1: Militech</div>
            </div>

            <!-- Card 2 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/21322.webp" alt="cyber-toy-2">
               </div>
               <div class="cyber-card-title">2: Taste Japan</div>
            </div>

            <!-- Card 3 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-reg">5❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/793443.webp" alt="cyber-toy-3">
               </div>
               <div class="cyber-card-title">3: Santa Muerte</div>
            </div>

            <!-- Card 4 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-reg">5❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/880561.webp" alt="cyber-toy-4">
               </div>
               <div class="cyber-card-title">4: Arasaka Light</div>
            </div>

            <!-- Card 5 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-reg">5❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/406707.webp" alt="cyber-toy-5">
               </div>
               <div class="cyber-card-title">5: Welcome to NC</div>
            </div>

            <!-- Card 6 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-reg">5❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/754796.webp" alt="cyber-toy-6">
               </div>
               <div class="cyber-card-title">6: Glitter, Beach!</div>
            </div>

            <!-- Card 7 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-reg">5❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/529505.webp" alt="cyber-toy-7">
               </div>
               <div class="cyber-card-title">7: Burning Success</div>
            </div>

            <!-- Card 8 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-reg">5❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/40022.webp" alt="cyber-toy-8">
               </div>
               <div class="cyber-card-title">8: Kerry On</div>
            </div>

            <!-- Card 9 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/955053.webp" alt="cyber-toy-9">
               </div>
               <div class="cyber-card-title">9: Don’t Cry Tygers</div>
            </div>

            <!-- Card 10 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/636071.webp" alt="cyber-toy-10">
               </div>
               <div class="cyber-card-title">10: DeLuze</div>
            </div>

            <!-- Card 11 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/640147.webp" alt="cyber-toy-11">
               </div>
               <div class="cyber-card-title">11: Trauma 2 UR ❤️</div>
            </div>

            <!-- Card 12 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-reg">5❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/27745.webp" alt="cyber-toy-12">
               </div>
               <div class="cyber-card-title">12: Splash of Love</div>
            </div>

            <!-- Card 13 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/958430.webp" alt="cyber-toy-13">
               </div>
               <div class="cyber-card-title">13: Stick It In</div>
            </div>

            <!-- Card 14 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-reg">5❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/467899.webp" alt="cyber-toy-14">
               </div>
               <div class="cyber-card-title">14: Foreign Beauty</div>
            </div>

            <!-- Card 15 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/389246.webp" alt="cyber-toy-15">
               </div>
               <div class="cyber-card-title">15: Friend Like Me</div>
            </div>

            <!-- Card 16 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/745679.webp" alt="cyber-toy-16">
               </div>
               <div class="cyber-card-title">16: One shot, One kill</div>
            </div>

            <!-- Card 17 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/119644.webp" alt="cyber-toy-17">
               </div>
               <div class="cyber-card-title">17: Ready to Rrrumble!</div>
            </div>

            <!-- Card 18 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/13807.webp" alt="cyber-toy-18">
               </div>
               <div class="cyber-card-title">18: Knobby Spine</div>
            </div>

            <!-- Card 19 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/95737.webp" alt="cyber-toy-19">
               </div>
               <div class="cyber-card-title">19: Glistens</div>
            </div>

            <!-- Card 20 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/972087.webp" alt="cyber-toy-20">
               </div>
               <div class="cyber-card-title">20: Spirit of America</div>
            </div>

            <!-- Card 21 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/907558.webp" alt="cyber-toy-21">
               </div>
               <div class="cyber-card-title">21: Naughty U!</div>

            </div>
           
            <!-- Card 22 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/634609.webp" alt="cyber-toy-22">
               </div>
               <div class="cyber-card-title">22: Cardinally Awesome</div>
            </div>
    	
            <!-- Card 23 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/900682.webp" alt="cyber-toy-23">
               </div>
               <div class="cyber-card-title">23: Black Dog</div>
            </div>
    	
            <!-- Card 24 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/358340.webp" alt="cyber-toy-24">
               </div>
               <div class="cyber-card-title">24: Maneki Neko</div>
            </div>

            <!-- Card 25 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/298794.webp" alt="cyber-toy-25">
               </div>
               <div class="cyber-card-title">25: Little Outsider</div>
            </div>
    	
            <!-- Card 26 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/308712.webp" alt="cyber-toy-26">
               </div>
               <div class="cyber-card-title">26: Letz Danz @ Totentanz</div>
            </div>

            <!-- Card 27 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/410212.webp" alt="cyber-toy-27">
               </div>
               <div class="cyber-card-title">27: Nice Axe</div>
            </div>
    	
            <!-- Card 28 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/676596.webp" alt="cyber-toy-28">
               </div>
               <div class="cyber-card-title">28: BEFOREDEATH</div>
            </div>
    	
            <!-- Card 29 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/471549.webp" alt="cyber-toy-29">
               </div>
               <div class="cyber-card-title">29: North Pole</div>
            </div>
    	
            <!-- Card 30 -->
            <div class="cyber-card toy-card">
               <div class="price-tag price-iconic">10❄️</div> <!-- Ценник -->
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/612345.webp" alt="cyber-toy-23">
               </div>
               <div class="cyber-card-title">30: David: goes brrrr</div>
            </div>

          <!-- More cards go here -->
        </div>
      </div>


    <!-- Cyber Decorations Section -->
    <div class="cyber-section">
      <div class="cyber-button">Наряд для Нибблз <i class="select-mark"></i></div>
      <div class="cyber-content-wrap" style="display: none;">
                  <div class="cyber-description">Наряди ещё этих мягких кошачьих булок, да выпей же шампарадайса. Голосуем, во что наряжаем Нибблз!<br>
1 голос = 5 снежинок, можно повторять пока не кончатся силы (или снежинки — смотря что раньше).</div>
        <div class="cyber-grid">

      <!-- Card 1 -->
      <div class="cyber-card gift-card">
        <div class="cyber-image-wrapper">
          <img src="https://upforme.ru/uploads/001c/98/42/2/122949.webp" alt="Nibbles-1">
        </div>
        <div class="cyber-card-title">Уродливый свитер “Месть в тапки”</div>
      </div>

      <!-- Card 2 -->
      <div class="cyber-card gift-card">
        <div class="cyber-image-wrapper">
          <img src="https://upforme.ru/uploads/001c/98/42/2/889641.webp" alt="Nibbles-2">
        </div>
        <div class="cyber-card-title">Purrr the fuck up, Samurai</div>
      </div>

      <!-- Card 3 -->
      <div class="cyber-card gift-card">
        <div class="cyber-image-wrapper">
          <img src="https://upforme.ru/uploads/001c/98/42/2/534598.webp" alt="Nibbles-3">
        </div>
        <div class="cyber-card-title">Fashion is my passion</div>
      </div>
          <!-- More cards go here -->
        </div>
      </div>
    </div>

    <!-- Cyber Decorations Section -->
    <div class="cyber-section">
      <div class="cyber-button">Украшения для стола<i class="select-mark"></i></div>
      <div class="cyber-content-wrap" style="display: none;">
                  <div class="cyber-description">Наряди ещё этих мягких кошачьих булок, да выпей же шампарадайса. Голосуем, что пьем и чем украшаем дом!<br>
1 голос = 5 снежинок, можно повторять пока не кончатся силы (или снежинки — смотря что раньше).</div>
        <div class="cyber-grid">
           
            <!-- Card 1 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/314586.webp" alt="champaradise">
               </div>
               <div class="cyber-card-title">Шампарадайс</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Глотни заряд блаженства.</div>
            </div>

            <!-- Card 2 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/191350.webp" alt="сentzon-еotochtin">
               </div>
               <div class="cyber-card-title">Сенцон Тоточтин</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Текила, которой нет равных.</div>
            </div>

            <!-- Card 3 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/857309.webp" alt="ab-synth">
               </div>
               <div class="cyber-card-title">Аб-Синт</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Будь богемой.</div>
            </div>

            <!-- Card 4 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/846521.webp" alt="sake-utagawa">
               </div>
               <div class="cyber-card-title">Сакэ Утагава</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Идеальный подарок себе.</div>
            </div>

            <!-- Card 5 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/149402.webp" alt="romvlvs-gin">
               </div>
               <div class="cyber-card-title">Ромулус Джин</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Сделай глоток престижа.</div>
            </div>

            <!-- Card 6 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/760926.webp" alt="paul-night">
               </div>
               <div class="cyber-card-title">Пол Найт</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Любимый напиток художников и мечтателей.</div>
            </div>

            <!-- Card 7 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/875284.webp" alt="chateau-delen-2012">
               </div>
               <div class="cyber-card-title">Шато Делен 2012</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Всего 200 бутылок. Завладей своей.</div>
            </div>

            <!-- Card 8 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/368756.webp" alt="calavera-feliz">
               </div>
               <div class="cyber-card-title">Калавера Фелиз</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Фиеста? Калавера.</div>
            </div>

            <!-- Card 9 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/988568.webp" alt="baalbek-arak">
               </div>
               <div class="cyber-card-title">Баальбек Арак</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Мы запечатали жар пустынного солнца в бутылки.</div>
            </div>

            <!-- Card 10 -->
            <div class="cyber-card decor-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/716470.webp" alt="armagnac-massy">
               </div>
               <div class="cyber-card-title">Арманьяк Месси</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Не пей - наслаждайся им.</div>
            </div>
          <!-- More cards go here -->
        </div>
      </div>
    </div>

    <!-- Cyber Decorations Section -->
    <div class="cyber-section">
      <div class="cyber-button">Коробки из ИКЕА <i class="select-mark"></i></div>
      <div class="cyber-content-wrap" style="display: none;">
        <div class="cyber-description">Вы можете упаковать в них все, что хотите. Даже головы врагов! Вы... вы же не восприняли это как руководство к действию?</div>
        <div class="cyber-grid">
            <!-- Card 1 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/882397.webp" alt="gift-wrap-1">
               </div>
               <div class="cyber-card-title">1: Aneboda</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Квадратная. Сбалансированная. Классика.</div>
            </div>

            <!-- Card 3 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/192237.webp" alt="gift-wrap-2">
               </div>
               <div class="cyber-card-title">2: Bergsbo</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Для любителей классики, распробовавших элегантность.</div>
            </div>

            <!-- Card 4 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/799466.webp" alt="gift-wrap-3">
               </div>
               <div class="cyber-card-title">3: Dave</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Когда выпендреж - ваше все.</div>
            </div>

            <!-- Card 5 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/718754.webp" alt="gift-wrap-4">
               </div>
               <div class="cyber-card-title">4: Elsfjord</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Форма и содержание - соответствуют друг другу.</div>
            </div>

            <!-- Card 6 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/760043.webp" alt="gift-wrap-5">
               </div>
               <div class="cyber-card-title">5: Cirkel</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Да, может быть, не самая аккуратная упаковка, зато от души!</div>
            </div>

            <!-- Card 7 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/977520.webp" alt="gift-wrap-6">
               </div>
               <div class="cyber-card-title">6: Capita</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Совсем не подходит для заворачивания голов, перестаньте пытаться</div>
            </div>

            <!-- Card 7 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/764287.webp" alt="gift-wrap-7">
               </div>
               <div class="cyber-card-title">7: Pinje</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Не голова. Или не та. Или не всему.</div>
            </div>

            <!-- Card 7 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/788704.webp" alt="gift-wrap-8">
               </div>
               <div class="cyber-card-title">8: Bomull</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Для ценителей теплоты, уюта, хэндмейда и щепотки любви.</div>
            </div>

            <!-- Card 7 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/596202.webp" alt="gift-wrap-9">
               </div>
               <div class="cyber-card-title">9: Skrin</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Классика, но другая.</div>
            </div>

            <!-- Card 7 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/290411.webp" alt="gift-wrap-10">
               </div>
               <div class="cyber-card-title">10: Bladet</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Когда часы 12 бьют, а ты спешишь на праздник под тикающий таймер.</div>
            </div>

            <!-- Card 7 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/178922.webp" alt="gift-wrap-11">
               </div>
               <div class="cyber-card-title">11: MLTH Attityd</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">А это точно подарок??</div>
            </div>

            <!-- Card 7 -->
            <div class="cyber-card gift-card">
               <div class="cyber-image-wrapper">
                  <img src="https://upforme.ru/uploads/001c/98/42/2/612284.webp" alt="gift-wrap-12">
               </div>
               <div class="cyber-card-title">12: Behandla</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Когда размер не имеет значения</div>
            </div>
          <!-- More cards go here -->
        </div>
      </div>
    </div>

    <!-- Cyber Gifts Section -->
    <div class="cyber-section">
      <div class="cyber-button">Обёртки <i class="select-mark"></i></div>
      <div class="cyber-content-wrap" style="display: none;">
         <div class="cyber-description">Выбрали коробку? Теперь можно её красиво обернуть. Ну, или как получится.<br>
Не забудьте самое главное — написать под скрытым текстом, какое поздравление и кому вы в эту коробочку хотите положить. Пошлый Санта обещает передать все в лучшем виде.<br></div>
        <div class="cyber-grid cyber-gift-wrap">
           
                  <!-- Card 1 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/331657.png" alt="gift-wrap-1">
                     </div>
                     <div class="cyber-card-title">1: Thread of Thoughts</div>
                  </div>

                  <!-- Card 2 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/928253.png" alt="gift-wrap-2">
                     </div>
                     <div class="cyber-card-title">2: Mushroom is strong</div>
                  </div>

                  <!-- Card 3 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/277088.png" alt="gift-wrap-3">
                     </div>
                     <div class="cyber-card-title">3: I drew you a heart</div>
                  </div>

                  <!-- Card 4 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/231943.png" alt="gift-wrap-4">
                     </div>
                     <div class="cyber-card-title">4: Chooombatta!</div>
                  </div>

                  <!-- Card 5 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/725147.png" alt="gift-wrap-5">
                     </div>
                     <div class="cyber-card-title">5: Paper Spines</div>
                  </div>

                  <!-- Card 6 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/238980.png" alt="gift-wrap-6">
                     </div>
                     <div class="cyber-card-title">6: Africa Loco</div>
                  </div>

                  <!-- Card 7 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/10243.png" alt="gift-wrap-7">
                     </div>
                     <div class="cyber-card-title">7: I See Squares</div>
                  </div>

                  <!-- Card 8 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/906973.png" alt="gift-wrap-8">
                     </div>
                     <div class="cyber-card-title">8: Local Flavor</div>
                  </div>

                  <!-- Card 9 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/674472.png" alt="gift-wrap-9">
                     </div>
                     <div class="cyber-card-title">9: Trauma Postcard</div>
                  </div>

                  <!-- Card 10 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/203248.png" alt="gift-wrap-10">
                     </div>
                     <div class="cyber-card-title">10: Cyberspace Ocean</div>
                  </div>

                  <!-- Card 11 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/893306.png" alt="gift-wrap-11">
                     </div>
                     <div class="cyber-card-title">11: Nomad in Space</div>
                  </div>

                  <!-- Card 12 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/286136.png" alt="gift-wrap-12">
                     </div>
                     <div class="cyber-card-title">12: Night City Noir</div>
                  </div>

                  <!-- Card 13 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/614346.png" alt="gift-wrap-13">
                     </div>
                     <div class="cyber-card-title">13: It Will Work</div>
                  </div>

                  <!-- Card 14 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/374523.png" alt="gift-wrap-14">
                     </div>
                     <div class="cyber-card-title">14: Usual Monday</div>
                  </div>

                  <!-- Card 15 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/920551.png" alt="gift-wrap-15">
                     </div>
                     <div class="cyber-card-title">15: Wanna Be Pretty</div>
                  </div>

                  <!-- Card 16 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/142570.png" alt="gift-wrap-16">
                     </div>
                     <div class="cyber-card-title">16: One Shot Too Many</div>
                  </div>

                  <!-- Card 17 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/935133.png" alt="gift-wrap-17">
                     </div>
                     <div class="cyber-card-title">17: Migraine</div>
                  </div>

                  <!-- Card 18 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/226506.png" alt="gift-wrap-18">
                     </div>
                     <div class="cyber-card-title">18: Other’s Headache</div>
                  </div>

                  <!-- Card 19 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/46864.png" alt="gift-wrap-19">
                     </div>
                     <div class="cyber-card-title">19: Poke Your Noodles</div>
                  </div>

                  <!-- Card 20 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/501053.png" alt="gift-wrap-20">
                     </div>
                     <div class="cyber-card-title">20: I See Colours</div>
                  </div>

                  <!-- Card 21 -->
                  <div class="cyber-card gift-card">
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/742988.png" alt="gift-wrap-21">
                     </div>
                     <div class="cyber-card-title">21: Conspiracy Theory</div>
                  </div>

                  <!-- Card 22 -->
                  <div class="cyber-card gift-card">
<div class="price-tag price-iconic">15❄️</div>
                     <div class="cyber-image-wrapper">
                        <img src="https://upforme.ru/uploads/001c/98/42/2/751637.jpg" alt="gift-wrap-21">
                     </div>
                     <div class="cyber-card-title">22: Custom Service</div>
               <div class="cyber-expand-indicator"></div>
               <div class="cyber-card-description">Кастомная обёртка по вашему заказу.</div>
                  </div>
          <!-- More cards go here -->
        </div>
      </div>
    </div>
  </div>
</div>

<style>
/* ================================================
   [1] Global Variables
=============================================== */
.cyberpunk-display {
  --bg-card: rgba(19, 19, 22, 0.9); /* Dark background for cards */
  --bg-hover: rgba(32, 32, 45, 0.9); /* Subtle hover background */
   
  --color-text: #f5f5f5;
  --color-text-dim: rgba(255, 255, 255, 0.8);
   
  --accent-yellow: #F2E600; /* Cyberpunk yellow */
  --accent-magenta: #FF06B5; /* Magenta */
  --accent-cyan: #55E9EB; /* Turq */
  --accent-border: rgba(255, 248, 31, 0.5); /* Faint yellow border */
   
  --color-dark: #131316;
  --color-bglight: #20202D;
  --color-bglighter: #363642;
   
/* --- Rarity Colors --- */
  --price-common: #f9f9f9;
  --price-uncommon: #00806f;
  --price-rare: #174fa3;
  --price-epic: #7d0fae;
  --price-legendary: var(--accent-yellow);

/* --- Typography --- */
  --font-stack: 'Orbitron', 'Raleway', 'Roboto', monospace;
   
/* --- Spacing & Layout --- */
  --space-xs: 0.25rem;  /* ~4px */
  --space-sm: 0.5rem;   /* ~8px */
  --space-md: 1rem;     /* ~16px */
  --space-lg: 1.5rem;   /* ~24px */
   
/* --- Effects --- */
  --cp-clip: polygon(0% 0%, 90% 0%, 100% 10%, 100% 100%, 10% 100%, 0% 90%);
  --transition-fast: 0.2s ease;
  --transition-std: 0.3s ease;
}

/* ================================================
   [2] Reset and Base
=============================================== */
.cyberpunk-display * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.cyberpunk-display {
  font-family: var(--font-stack);
  color: var(--color-text);
  line-height: 1.1;
}

/* ================================================
   [3] Layout & Container
=============================================== */
.cyberpunk-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.cyber-section {
  margin-bottom: var(--space-xs);
}

/* ================================================
   [4] Typography & Titles
=============================================== */
.cyber-title {
font-size: 1.125rem; /* 18px */
  color: var(--accent-magenta);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: var(--space-md);
  border-bottom: 1px solid var(--accent-magenta);
  padding-bottom: var(--space-xs);
}

/* ================================================
   [5] Grid
=============================================== */
.cyber-grid {
  display: grid;
  /* Автоматическое заполнение: карточки не меньше 120px, но растягиваются если есть место */
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: var(--space-xs);
}

/* ================================================
   [6] Components: Card
=============================================== */
.cyber-card {
  position: relative;
  background: var(--bg-card);
  border: 1px solid var(--accent-border);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: transform var(--transition-std), background var(--transition-std);
  padding: 1px;
  clip-path: var(--cp-clip);
}

.cyber-card:hover {
  transform: translateY(-3px);
  background: var(--bg-hover);
  z-index: 5;
}

/* Ценник */
.price-tag {
  position: absolute; 
  top: 5px;
  left: 5px; 
  color: var(--color-dark);
  font-size: 0.7rem;
  font-weight: 800;
  padding: 2px 6px;
  clip-path: var(--cp-clip);
  z-index: 10;
  transition: opacity var(--transition-std), transform var(--transition-std);
}

.cyber-card:hover .price-tag {
  opacity: 0;
  transform: translateY(-10px);
}

/* Price Categories */
.price-cheap {
  background-color: #f9f9f9; /* белый для дешёвых товаров */
}
.price-reg {
  background-color: #00806f; /* Зеленый для нормисных товаров */
}
.price-med {
  background-color: #174fa3; /* блю для средних товаров */
}
.price-rare {
  background-color: #7d0fae; /* Фиолет для редких */
}
.price-iconic {
  background-color: var(--accent-yellow); /* Золото для иконик */
}

/* --- Card Content --- */

.cyber-card-title {
  font-size: 0.65rem;
  color: var(--accent-yellow);
  background: var(--color-dark);
  padding: var(--space-xs);
  width: 100%;
   flex-grow: 0;
   margin-top: auto;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  /* Гарантируем, что текст не будет слишком жирным */
  flex-shrink: 0; 
  z-index: 15; /* Чтобы был поверх картинки, если вдруг что */
}

.cyber-card:hover .cyber-card-title {
  color: var(--accent-magenta);
}

.cyber-card-description {
  position: absolute; 
  left: 0;
  width: 100%;
  bottom: 35px; /* Позиционируем прямо над тайтлом */
   
  background: rgba(19, 19, 22, 0.95);
  padding: 10px;
   
  opacity: 0;
  transform: translateY(10px); /* Легкий выезд снизу */
  transition: all 0.3s ease;

  z-index: 10; /* чтобы легко цеплялось мышкой */
  pointer-events: auto;
  user-select: text;
  cursor: text;

  font-size: 0.65rem;
  color: #ccc;
  text-align: center;
}

/* 1. Показываем, если навели на Тайтл */
.cyber-card-title:hover ~ .cyber-card-description,
/* 2. Показываем, если навели на Индикатор (треугольник) */
.cyber-expand-indicator:hover ~ .cyber-card-description,
/* 3. Оставляем видимым, если навели на само Описание */
.cyber-card-description:hover {
  opacity: 1;
  transform: translateY(0);
}

/* Цвет выделения текста на всём сайте */
::selection {
  background: var(--accent-magenta); /* Твой розовый цвет */
  color: #fff;
  text-shadow: none;
}

/* Expand indicator */
.cyber-expand-indicator {
  width: 0; 
  height: 0;
  margin: 3px auto;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--accent-yellow);
  transition: transform var(--transition-std);
}

.cyber-card:hover .cyber-expand-indicator {
  transform: rotate(180deg);
}

/* ================================================
   [7] Components: Images
=============================================== */

.cyber-image-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  flex: 1;      /* Растягивайся на всё свободное пространство */
  min-height: 0; /* чтобы картинка не выталкивала границы квадрата */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0; /* Убираем отступ снизу, чтобы плотнее сидело */
}

.cyber-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain; 
  padding: 2px;
  transition: transform var(--transition-std);
  will-change: transform;
}

.cyber-image-wrapper:hover img {
  transform: scale(1.1);
  filter: saturate(150%) brightness(110%);
}

.cyber-gift-wrap .cyber-image-wrapper img {
  object-fit: cover;
}

/* ================================================
   Сворачиваем разворачиваем
=============================================== */

.cyber-section {
   margin-bottom: 0px; /* Расстояние между секциями */
}

.cyber-button {
  width: 100%;
  cursor: pointer;
  background: var(--color-bglight);
  color: var(--accent-yellow);
  font-size: 0.875rem; /* 14px */
  text-transform: uppercase;
  padding: var(--space-sm);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  border-left: 2px solid transparent;
  transition: all var(--transition-fast);
}

.cyber-button:hover {
  background: var(--color-bglighter);
  color: var(--accent-magenta);
  border-left-color: 2px var(--accent-magenta);
}

.cyber-button.i_active {
  background: var(--color-bglight);
  color: var(--accent-cyan);
  border-bottom: 1px solid var(--accent-cyan);
}

/* Индикатор разворота */
.cyber-button .select-mark {
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--accent-yellow);
  transition: transform var(--transition-std);
}

.cyber-button.i_active .select-mark {
  transform: rotate(-180deg); 
}

/* Текст под кнопкой */
.cyber-description {
  font-size: 0.625rem; /* 10px */
  color: var(--color-text-dim);
  text-align: right;
  padding: var(--space-sm) var(--space-md);
  margin-bottom: var(--space-xs);
  background: var(--color-dark);
}

.cyber-content-wrap {
  display: none;
  background: var(--color-bglighter);
  padding: var(--space-sm);
}

.cyber-content-wrap.active {
    display: block; /* Класс для JS переключения */
}

/* ================================================
   [9] Responsive Styles
=============================================== */
@media (max-width: 768px) {
  .cyber-grid {
    /* На мобильных уменьшаем минимальный размер карточки */
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: var(--space-xs);
  }

.cyber-card-title {
  font-size: 0.55rem;
}
  
  .price-tag {
    font-size: 0.5rem;
    padding: 2px 4px;
  }
}
</style>

<script>
  document.querySelectorAll('.cyber-button').forEach(button => {
    button.addEventListener('click', () => {
      const content = button.nextElementSibling;

      // Сворачиваем все открытые секции
      document.querySelectorAll('.cyber-content-wrap').forEach(otherContent => {
        if (otherContent !== content) {
          otherContent.style.display = 'none';
          otherContent.previousElementSibling.classList.remove('i_active');
        }
      });

      // Переключаем текущую секцию
      if (content.style.display === 'block') {
        content.style.display = 'none';
        button.classList.remove('i_active');
      } else {
        content.style.display = 'block';
        button.classList.add('i_active');
      }
    });
  });
</script>

[hideprofile]

ЗАБРАТЬ ШАБЛОН

Код:
1. [b]1. Что:[/b] 
Фармим/тратим снежинки (сколько) или получаем айтем. 

Повесить Игрушку:
1 - игрушка
2 - место

Положить подарок:
Ссылка на пруф (пост)
Коробка:
Обертка: 
Поздоавление (под закрытый кат)

Если покупаем кастомную обёртку - прилагайте прямую ссылку на изображение, минимум 500х500 пикселей.
[b]2. Сумма:[/b]
Заработать:
заработанное количество снежинок + ещё заработанные снежинки = итоговая сумма
Потратить:
заработанное количество снежинок - стоимость покупки = итоговая сумма
[b]3. Пруфы:[/b]
Здесь ссылками посты или сообщения, если нужно

[hideprofile]