/* ===== SkyTime · Идеи игроков (static overlay, no Vite) ===== */
:root{
  --ik-blue:#3f9bff; --ik-blue2:#1f6fe0; --ik-cyan:#5fd0ff;
  --ik-panel:rgba(18,22,33,.72); --ik-panel2:rgba(26,31,44,.85);
  --ik-row:rgba(36,42,58,.7); --ik-line:rgba(255,255,255,.08);
  --ik-text:#eaf1fb; --ik-mut:#9aa6bd; --ik-red:#ff5f6d; --ik-green:#22c55e;
}

.ideas-page{padding:26px 0 60px;color:var(--ik-text);position:relative;z-index:0;}
.ideas-page a{color:inherit;text-decoration:none;}
/* затемняющая подложка поверх фоновой картинки сайта — для читаемости */
.ideas-page::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(1100px 560px at 50% -8%, rgba(63,155,255,.20), transparent 60%),
    radial-gradient(900px 500px at 90% 20%, rgba(124,58,237,.12), transparent 55%),
    linear-gradient(180deg, rgba(11,15,25,.86) 0%, rgba(9,12,20,.95) 100%);}

/* плашка про призы */
.ideas-prize{display:flex;align-items:center;gap:13px;margin-bottom:20px;padding:15px 20px;border-radius:16px;
  background:linear-gradient(120deg, rgba(255,196,64,.15), rgba(63,155,255,.10));border:1px solid rgba(255,196,64,.38);
  color:#ffe6ad;font-size:14.5px;line-height:1.55;}
.ideas-prize b{color:#fff;font-weight:800;}
.ideas-prize__ic{font-size:26px;flex-shrink:0;line-height:1;}

/* ---- header ---- */
.ideas-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:22px;}
.ideas-title{margin:0 0 6px;font-family:'Unbounded',sans-serif;font-size:34px;font-weight:800;
  background:linear-gradient(120deg,#eaf1fb,#7fd4ff 60%,#3f9bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.ideas-sub{margin:0;color:var(--ik-mut);font-size:15px;}
.ideas-head__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ideas-me{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:14px;color:#dbe6f7;
  background:rgba(255,255,255,.05);border:1px solid var(--ik-line);padding:7px 13px 7px 8px;border-radius:999px;}
.ideas-me img{width:28px;height:28px;border-radius:50%;object-fit:cover;}

/* ---- buttons ---- */
.idea-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  font-size:14.5px;font-weight:700;padding:11px 20px;border-radius:13px;border:1px solid transparent;
  transition:transform .15s,box-shadow .15s,filter .15s,background .2s;white-space:nowrap;}
.idea-btn--primary{background:linear-gradient(135deg,var(--ik-blue),var(--ik-blue2));color:#fff;box-shadow:0 12px 30px rgba(63,155,255,.35);}
.idea-btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(63,155,255,.5);filter:brightness(1.06);}
.idea-btn--ghost{background:rgba(255,255,255,.05);border-color:var(--ik-line);color:#cdd9ee;}
.idea-btn--ghost:hover{background:rgba(255,255,255,.1);}
.idea-btn--vk{background:#2787F5;color:#fff;}
.idea-btn--vk:hover{filter:brightness(1.08);}
.idea-btn--tg{background:#34AADF;color:#fff;}
.idea-btn--tg:hover{filter:brightness(1.08);}
.idea-btn--muted{background:rgba(255,255,255,.04);border-color:var(--ik-line);color:var(--ik-mut);cursor:not-allowed;}
.idea-btn svg{width:22px;height:22px;border-radius:6px;flex-shrink:0;}

/* ---- tabs ---- */
.ideas-tabs{display:flex;gap:8px;margin-bottom:20px;}
.ideas-tab{padding:9px 20px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--ik-line);
  color:var(--ik-mut);font-weight:700;font-size:14px;}
.ideas-tab.is-active{background:linear-gradient(135deg,var(--ik-blue),var(--ik-blue2));color:#fff;border-color:transparent;}

/* ---- idea card ---- */
.idea-card{display:flex;gap:16px;align-items:flex-start;padding:18px;margin-bottom:14px;
  background:var(--ik-panel2);border:1px solid var(--ik-line);border-radius:18px;backdrop-filter:blur(12px);
  transition:transform .18s,border-color .18s;}
.idea-card:hover{transform:translateY(-2px);border-color:rgba(63,155,255,.4);}
.idea-vote{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:66px;flex-shrink:0;}
.idea-vote__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:11px;font-size:14px;font-weight:800;
  background:rgba(255,255,255,.04);border:1px solid var(--ik-line);color:var(--ik-mut);cursor:pointer;transition:.15s;}
.idea-vote__btn .ic{font-size:15px;line-height:1;}
.idea-vote__btn.up{color:#8ff0b5;border-color:rgba(34,197,94,.32);}
.idea-vote__btn.up:hover{background:rgba(34,197,94,.15);color:#c7ffdd;}
.idea-vote__btn.up.is-on{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;box-shadow:0 6px 16px rgba(34,197,94,.4);}
.idea-vote__btn.down{color:#ff9ba2;border-color:rgba(239,68,68,.32);}
.idea-vote__btn.down:hover{background:rgba(239,68,68,.15);color:#ffc7cc;}
.idea-vote__btn.down.is-on{color:#fff;background:linear-gradient(135deg,#ff5f6d,#e11d2b);border-color:transparent;box-shadow:0 6px 16px rgba(239,68,68,.4);}
.idea-card__body{flex:1;min-width:0;}
.idea-card__title{display:inline-block;font-size:18px;font-weight:700;margin-bottom:6px;color:var(--ik-text);}
.idea-card__title:hover{color:var(--ik-cyan);}
.idea-pin{font-size:14px;}
.idea-card__excerpt{margin:0 0 10px;color:var(--ik-mut);font-size:14px;line-height:1.55;}
.idea-card__meta{display:flex;align-items:center;gap:8px;color:#7d8aa5;font-size:13px;}
.idea-ava{width:22px;height:22px;border-radius:6px;object-fit:cover;}
.idea-dot{opacity:.5;}
.idea-card__comments{margin-left:auto;display:inline-flex;align-items:center;gap:4px;}
.idea-card__cover{width:132px;height:88px;border-radius:12px;overflow:hidden;flex-shrink:0;}
.idea-card__cover img{width:100%;height:100%;object-fit:cover;}
.ideas-empty{padding:50px 20px;text-align:center;color:var(--ik-mut);background:var(--ik-panel);border:1px solid var(--ik-line);border-radius:18px;}
.ideas-empty a{color:var(--ik-blue);}

/* ---- pager (Laravel) ---- */
.ideas-pager{margin-top:24px;}
.ideas-pager nav{display:flex;justify-content:center;}
.ideas-pager svg{width:18px;height:18px;}
.ideas-pager .pagination{display:flex;gap:6px;list-style:none;padding:0;margin:0;flex-wrap:wrap;align-items:center;}
.ideas-pager .page-item .page-link,.ideas-pager .pagination a,.ideas-pager .pagination span{
  display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid var(--ik-line);color:#cdd9ee;font-weight:600;}
.ideas-pager .page-item.active .page-link,.ideas-pager .pagination .active span{background:var(--ik-blue2);color:#fff;border-color:transparent;}
.ideas-pager .page-item.disabled .page-link{opacity:.4;}

/* ---- auth pages ---- */
.idea-auth{max-width:520px;margin:20px auto;padding:34px 30px;text-align:center;
  background:var(--ik-panel2);border:1px solid var(--ik-line);border-radius:22px;backdrop-filter:blur(14px);}
.idea-auth__title{margin:0 0 10px;font-family:'Unbounded',sans-serif;font-size:26px;font-weight:800;}
.idea-auth__sub{margin:0 0 22px;color:var(--ik-mut);font-size:15px;line-height:1.6;}
.idea-auth__btns{display:flex;flex-direction:column;gap:12px;align-items:stretch;}
.idea-auth__btns .idea-btn,.idea-auth__btns form{width:100%;}
.idea-auth__btns form button{width:100%;}
.idea-auth__back{display:inline-block;margin-top:18px;color:var(--ik-mut);font-size:14px;}
.idea-auth__back:hover{color:var(--ik-cyan);}
.idea-alert{padding:11px 15px;border-radius:12px;font-size:14px;margin-bottom:16px;text-align:left;}
.idea-alert--err{background:rgba(255,95,109,.12);border:1px solid rgba(255,95,109,.4);color:#ffb4ba;}
.idea-alert--ok{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);color:#a7f3c0;}
.idea-nick-form{display:flex;flex-direction:column;gap:12px;}
.idea-input,.idea-textarea{width:100%;padding:13px 15px;border-radius:13px;background:rgba(12,15,23,.6);
  border:1px solid var(--ik-line);color:var(--ik-text);font-size:15px;font-family:inherit;}
.idea-input:focus,.idea-textarea:focus{outline:none;border-color:var(--ik-blue);}
.idea-textarea{min-height:150px;resize:vertical;}

/* ---- new idea form ---- */
.idea-new{max-width:720px;margin:0 auto;}
.idea-new .idea-field{margin-bottom:18px;}
.idea-new label{display:block;font-weight:700;margin-bottom:8px;font-size:14.5px;}
.idea-drop{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;cursor:pointer;
  border:1.5px dashed rgba(255,255,255,.18);border-radius:14px;padding:22px;color:var(--ik-mut);transition:.15s;}
.idea-drop:hover{border-color:var(--ik-blue);color:var(--ik-text);}
.idea-previews{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.idea-previews img{width:92px;height:70px;object-fit:cover;border-radius:10px;}
.idea-count{color:var(--ik-mut);font-size:13px;margin-top:6px;}

/* ---- idea page ---- */
.idea-back{display:inline-flex;align-items:center;gap:6px;color:var(--ik-mut);margin-bottom:16px;font-weight:600;}
.idea-back:hover{color:var(--ik-cyan);}
.idea-full__head{display:flex;gap:18px;align-items:flex-start;margin-bottom:16px;}
.idea-full__title{margin:0 0 10px;font-family:'Unbounded',sans-serif;font-size:27px;font-weight:800;line-height:1.15;}
.idea-full__meta{display:flex;align-items:center;gap:8px;color:var(--ik-mut);font-size:14px;flex-wrap:wrap;}
.idea-full__meta img{width:26px;height:26px;border-radius:7px;object-fit:cover;}
.idea-full__body{font-size:16px;line-height:1.75;color:#d6e0f0;white-space:pre-wrap;word-wrap:break-word;margin:16px 0;}
.idea-badge-hidden{color:var(--ik-red);font-size:14px;font-weight:700;}
.idea-gallery{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0;}
.idea-gallery img{width:170px;height:118px;object-fit:cover;border-radius:12px;cursor:pointer;border:1px solid var(--ik-line);transition:.15s;}
.idea-gallery img:hover{border-color:var(--ik-blue);transform:scale(1.02);}

/* ---- comments ---- */
.idea-comments{margin-top:34px;}
.idea-comments__h{font-size:20px;font-weight:800;margin-bottom:18px;}
.idea-comment{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--ik-line);}
.idea-comment.is-hidden{opacity:.55;}
.idea-comment__ava{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0;}
.idea-comment__main{flex:1;min-width:0;}
.idea-comment__head{display:flex;align-items:center;gap:8px;font-size:13px;color:#7d8aa5;margin-bottom:5px;flex-wrap:wrap;}
.idea-comment__author{font-weight:700;color:var(--ik-text);font-size:14px;}
.idea-comment__body{font-size:15px;line-height:1.6;color:#d6e0f0;white-space:pre-wrap;word-wrap:break-word;}
.idea-comment__vote{display:flex;align-items:center;gap:6px;margin-top:9px;}
.idea-comment__vote button{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;padding:5px 12px;border-radius:9px;
  background:rgba(255,255,255,.04);border:1px solid var(--ik-line);cursor:pointer;transition:.15s;}
.idea-comment__vote .up{color:#8ff0b5;border-color:rgba(34,197,94,.28);}
.idea-comment__vote .up:hover{background:rgba(34,197,94,.15);color:#c7ffdd;}
.idea-comment__vote .up.is-on{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;}
.idea-comment__vote .down{color:#ff9ba2;border-color:rgba(239,68,68,.28);}
.idea-comment__vote .down:hover{background:rgba(239,68,68,.15);color:#ffc7cc;}
.idea-comment__vote .down.is-on{color:#fff;background:linear-gradient(135deg,#ff5f6d,#e11d2b);border-color:transparent;}
.idea-cform{margin-top:24px;}
.idea-cform__row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap;}
.idea-hint{color:#7d8aa5;font-size:13px;}

/* ---- lightbox ---- */
.idea-lightbox{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:30px;background:rgba(5,8,14,.9);cursor:zoom-out;}
.idea-lightbox.is-open{display:grid;}
.idea-lightbox img{max-width:92vw;max-height:88vh;border-radius:14px;}

/* ---- toast ---- */
.idea-toasts{position:fixed;right:20px;bottom:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;}
.idea-toast{padding:13px 18px;border-radius:13px;font-weight:600;font-size:14px;max-width:340px;backdrop-filter:blur(14px);
  box-shadow:0 12px 34px rgba(0,0,0,.45);animation:idea-toast-in .25s ease;}
.idea-toast--ok{background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.45);color:#bbf7d0;}
.idea-toast--err{background:rgba(255,95,109,.16);border:1px solid rgba(255,95,109,.45);color:#ffc0c6;}
@keyframes idea-toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* ---- admin ---- */
.idea-admin{padding:26px 0 60px;}
.idea-admin__h{font-family:'Unbounded',sans-serif;font-size:26px;font-weight:800;margin:0 0 18px;}
.idea-admin__card{background:var(--ik-panel2);border:1px solid var(--ik-line);border-radius:18px;padding:18px;margin-bottom:22px;overflow-x:auto;}
.idea-admin__card h2{margin:0 0 14px;font-size:18px;}
.idea-table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px;}
.idea-table th,.idea-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--ik-line);vertical-align:top;}
.idea-table th{color:var(--ik-mut);font-weight:700;}
.idea-table .idea-btn{padding:6px 12px;font-size:12.5px;border-radius:9px;}
.idea-btn--danger{background:rgba(255,95,109,.16);border:1px solid rgba(255,95,109,.4);color:#ffb4ba;}
.idea-btn--danger:hover{background:rgba(255,95,109,.28);}
.idea-tag-ban{color:var(--ik-red);font-weight:700;font-size:12px;}

/* ---- бейджи идей ---- */
.ik-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;
  font-size:12px;font-weight:800;line-height:1.4;white-space:nowrap;vertical-align:middle;margin-left:6px;
  border:1px solid transparent;}
.ik-badge--lg{font-size:13.5px;padding:5px 14px;margin-left:0;}
.ik-badge--blue{background:rgba(63,155,255,.15);border-color:rgba(63,155,255,.45);color:#9fcbff;}
.ik-badge--green{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.45);color:#9df0bb;}
.ik-badge--amber{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.45);color:#ffd58a;}
.ik-badge--teal{background:rgba(45,212,191,.15);border-color:rgba(45,212,191,.45);color:#9df3e7;}
.ik-badge--gold{background:linear-gradient(120deg,rgba(255,196,64,.22),rgba(255,140,0,.12));border-color:rgba(255,196,64,.55);color:#ffe1a0;
  box-shadow:0 0 14px rgba(255,196,64,.25);}
.ik-badge--red{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.45);color:#ffb0b6;}
.ik-badge--purple{background:rgba(168,85,247,.16);border-color:rgba(168,85,247,.5);color:#dcb6ff;}
.ik-badge-select{padding:6px 9px;border-radius:9px;background:rgba(12,15,23,.7);border:1px solid var(--ik-line);
  color:var(--ik-text);font-size:12.5px;max-width:190px;cursor:pointer;}
.ik-badge-select:focus{outline:none;border-color:var(--ik-blue);}

/* ---- ответ администрации ---- */
.ik-badge--reply{background:rgba(63,155,255,.14);border-color:rgba(63,155,255,.5);color:#a9d1ff;}
.ik-reply{margin:18px 0;padding:16px 18px;border-radius:16px;position:relative;
  background:linear-gradient(120deg,rgba(63,155,255,.14),rgba(124,58,237,.08));
  border:1px solid rgba(63,155,255,.5);box-shadow:0 8px 28px rgba(63,155,255,.15);}
.ik-reply__head{display:flex;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap;}
.ik-reply__shield{font-size:18px;line-height:1;}
.ik-reply__title{font-weight:800;font-size:15px;color:#bcd9ff;letter-spacing:.02em;}
.ik-reply__date{color:var(--ik-mut);font-size:12.5px;margin-left:auto;}
.ik-reply__body{font-size:15px;line-height:1.65;color:#e6eefb;white-space:pre-wrap;word-wrap:break-word;}
.ik-reply-form{margin:16px 0;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.03);border:1px dashed rgba(63,155,255,.35);}
.ik-reply-form__label{display:block;font-weight:700;font-size:13.5px;color:#9fc4f5;margin-bottom:8px;}

/* ---- кликабельная карточка ---- */
.idea-card.is-clickable{cursor:pointer;}
.idea-card__views{display:inline-flex;align-items:center;gap:4px;}

/* ---- бейдж непрочитанных на плашке игрока ---- */
.ideas-me{position:relative;transition:border-color .15s,background .15s;}
.ideas-me:hover{border-color:rgba(63,155,255,.45);background:rgba(63,155,255,.10);}
.ideas-me__badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;margin-left:2px;
  border-radius:999px;background:linear-gradient(135deg,#ff5f6d,#e11d2b);color:#fff;font-size:11.5px;font-weight:800;
  box-shadow:0 4px 10px rgba(239,68,68,.45);}

/* ---- пагинация ---- */
.ik-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:26px;flex-wrap:wrap;}
.ik-pager__btn{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;
  background:var(--ik-panel2);border:1px solid var(--ik-line);color:#cdd9ee;font-weight:700;font-size:15px;
  transition:transform .15s,border-color .15s,background .15s;}
a.ik-pager__btn:hover{transform:translateY(-2px);border-color:rgba(63,155,255,.5);background:rgba(63,155,255,.12);color:#fff;}
.ik-pager__btn.is-active{background:linear-gradient(135deg,var(--ik-blue),var(--ik-blue2));border-color:transparent;color:#fff;
  box-shadow:0 8px 20px rgba(63,155,255,.4);}
.ik-pager__btn.is-disabled{opacity:.35;cursor:default;}
.ik-pager__dots{color:var(--ik-mut);font-weight:700;padding:0 2px;}

/* ---- профиль ---- */
.ik-profile{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:22px;padding:22px 24px;
  background:var(--ik-panel2);border:1px solid var(--ik-line);border-radius:18px;backdrop-filter:blur(12px);}
.ik-profile__ava{width:72px;height:72px;border-radius:16px;object-fit:cover;border:2px solid rgba(63,155,255,.4);}
.ik-profile__info{min-width:0;}
.ik-profile__name{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:800;}
.ik-profile__sub{color:var(--ik-mut);font-size:13.5px;margin-top:4px;}
.ik-profile__stats{display:flex;gap:12px;margin-left:auto;flex-wrap:wrap;}
.ik-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:12px 14px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px solid var(--ik-line);}
.ik-stat b{font-size:20px;font-weight:800;color:#fff;}
.ik-stat span{font-size:12px;color:var(--ik-mut);text-align:center;}
.ik-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
@media(max-width:900px){.ik-profile-grid{grid-template-columns:1fr;}.ik-profile__stats{margin-left:0;width:100%;}}

/* ---- строка «моя идея» ---- */
.ik-myidea{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 4px;border-top:1px solid var(--ik-line);transition:background .15s;}
.ik-myidea:first-of-type{border-top:0;}
.ik-myidea:hover{background:rgba(255,255,255,.04);border-radius:10px;}
.ik-myidea__title{font-weight:700;font-size:14.5px;min-width:0;}
.ik-myidea__meta{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--ik-mut);flex-shrink:0;flex-wrap:wrap;}
.ik-up{color:#8ff0b5;}
.ik-down{color:#ff9ba2;}
.ik-date{opacity:.7;}

/* ---- уведомления ---- */
.ik-notif{display:flex;gap:11px;align-items:flex-start;padding:11px 8px;border-top:1px solid var(--ik-line);border-radius:10px;transition:background .15s;}
.ik-notif:first-of-type{border-top:0;}
.ik-notif:hover{background:rgba(255,255,255,.04);}
.ik-notif.is-new{background:rgba(63,155,255,.10);border:1px solid rgba(63,155,255,.28);margin-bottom:4px;}
.ik-notif__ic{font-size:17px;flex-shrink:0;line-height:1.3;}
.ik-notif__text{font-size:13.5px;line-height:1.5;color:#d6e0f0;}
.ik-notif__text b{color:#fff;}
.ik-notif__text em{display:block;font-style:normal;color:var(--ik-mut);font-size:12px;margin-top:2px;}

@media(max-width:640px){
  .idea-card__cover{display:none;}
  .ideas-title{font-size:26px;}
  .idea-full__head{flex-direction:row;}
  .ik-profile{padding:18px;}
}