/* Новый экран кнопки «Создать» — веер карт (create2.js, флаг /me.create_v2) — Тёплая сцена */
body.cr2-open .bottom-nav { display: none !important; }
.cr2-ov { position: fixed; inset: 0; z-index: 460; background: rgba(10,4,6,.62); display: flex; align-items: flex-end; justify-content: center; }
.cr2-p { width: min(100%, 520px); max-height: calc(100% - 24px); overflow-y: auto; -webkit-overflow-scrolling: touch; border-radius: 24px 24px 0 0; padding: 10px 16px calc(22px + env(safe-area-inset-bottom)); box-sizing: border-box;
  background: radial-gradient(90% 40% at 50% 0%, rgba(242,196,109,.16), transparent 70%), linear-gradient(175deg, #3a0f18, #1a0b0f 55%, #110708);
  border-top: 1.5px solid rgba(242,196,109,.55); box-shadow: 0 -10px 40px rgba(0,0,0,.6); color: #fbf1de; }
.cr2-grab { width: 44px; height: 5px; border-radius: 3px; background: rgba(242,196,109,.45); margin: 0 auto 10px; }
.cr2-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.cr2-head h2 { flex: 1; margin: 0; font: 700 26px Georgia, "Times New Roman", serif; color: #fbf1de; }
.cr2-head h2 b { color: #f2c46d; font-weight: 700; }
.cr2-x { min-width: 48px; min-height: 48px; border: 0; background: none; color: #f2c46d; font-size: 26px; cursor: pointer; }
.cr2-sub { margin: -6px 0 14px; font-size: 15px; color: #cbb89c; }
.cr2-card { position: relative; display: block; width: 100%; border: 1.5px solid rgba(242,196,109,.38); border-radius: 18px; overflow: hidden; background: #1a0b0f; padding: 0; text-align: left; color: #fbf1de; font: inherit; cursor: pointer; }
.cr2-card:active { transform: scale(.98); }
.cr2-cov { display: block; width: 100%; object-fit: cover; background: #2a1014; }
.cr2-ic { display: flex; align-items: center; justify-content: center; font-size: 44px; background: radial-gradient(circle at 30% 30%, #7a2433, #2a0d13); }
.cr2-new { position: absolute; top: 8px; right: 8px; padding: 3px 9px; border-radius: 999px; background: #d8323f; color: #fff; font-size: 13px; font-weight: 800; line-height: 1.3; letter-spacing: .04em; box-shadow: 0 2px 8px rgba(0,0,0,.4); }
.cr2-hit { position: absolute; top: 10px; left: 10px; padding: 4px 11px; border-radius: 999px; background: linear-gradient(160deg, #f7d58c, #e2a94a); color: #2a1408; font-size: 14px; font-weight: 800; line-height: 1.3; }
.cr2-tx { display: block; padding: 9px 11px 11px; }
.cr2-t { display: block; font-size: 17px; font-weight: 800; line-height: 1.2; color: #fbf1de; }
.cr2-s { display: block; margin-top: 4px; font-size: 14px; line-height: 1.3; color: #cbb89c; }
.cr2-choice { display: flex; flex-direction: column; gap: 12px; }
.cr2-choice .cr2-cov { height: 120px; }
.cr2-more { display: block; margin: 12px auto 0; min-height: 48px; padding: 6px 16px; border: 0; background: none; color: #f2c46d; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }

/* Веер карт */
.cr2-ov.cr2-fanmode { align-items: stretch; background: radial-gradient(80% 45% at 50% 40%, rgba(242,196,109,.22), transparent 70%), radial-gradient(120% 60% at 50% 110%, rgba(122,36,51,.9), transparent 70%), linear-gradient(175deg, #3a0f18, #1a0b0f 60%, #110708); }
.cr2f { width: 100%; max-width: 560px; margin: 0 auto; display: flex; flex-direction: column; color: #fbf1de; padding-top: env(safe-area-inset-top); overflow: hidden; touch-action: pan-y; }
.cr2f .cr2-head { padding: 12px 12px 0 16px; margin: 0; }
.cr2f .cr2-head h2 { font-size: 28px; }
.cr2f-sub { margin: 2px 16px 0; font-size: 16px; color: #cbb89c; }
.cr2f-stage { position: relative; flex: 1; min-height: 400px; touch-action: none; user-select: none; -webkit-user-select: none; }
.cr2f-card { position: absolute; left: 50%; top: 50%; width: 212px; height: 350px; margin: -185px 0 0 -106px; border-radius: 22px; overflow: hidden;
  background: #1a0b0f; border: 2px solid rgba(242,196,109,.55); box-shadow: 0 18px 40px rgba(0,0,0,.55);
  transform-origin: 50% 125%; will-change: transform; transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .4s; cursor: pointer; display: flex; flex-direction: column; }
.cr2f-card.drag { transition: none; }
.cr2f-card.on { border-color: #f7d58c; box-shadow: 0 0 0 2px rgba(247,213,140,.35), 0 24px 50px rgba(0,0,0,.6), 0 0 40px rgba(242,196,109,.35); }
.cr2f-cov { display: block; width: 100%; height: 150px; object-fit: cover; flex: none; background: #2a1014; pointer-events: none; }
.cr2f-tx { flex: 1; display: flex; flex-direction: column; padding: 12px 14px 14px; transition: opacity .35s; }
.cr2f-t { font: 700 21px/1.15 Georgia, "Times New Roman", serif; color: #f7d58c; }
.cr2f-s { margin-top: 6px; font-size: 16px; line-height: 1.3; color: #fbf1de; }
.cr2f-go { margin-top: auto; min-height: 50px; border-radius: 15px; border: 0; background: linear-gradient(160deg, #f7d58c, #e2a94a); color: #2a1408; font: inherit; font-size: 18px; font-weight: 800; cursor: pointer; }
.cr2f-dim { position: absolute; inset: 0; background: #0d0405; pointer-events: none; opacity: 0; transition: opacity .4s; }
.cr2f-card .cr2-new { font-size: 14px; top: 10px; right: 10px; }
.cr2f-card .cr2-hit { font-size: 15px; }
.cr2f-arr { position: absolute; top: 50%; margin-top: -28px; width: 52px; height: 56px; border-radius: 16px; z-index: 60; border: 1.5px solid rgba(242,196,109,.6);
  background: rgba(26,11,15,.8); color: #f7d58c; font-size: 36px; line-height: 1; display: flex; align-items: center; justify-content: center; padding: 0 0 4px; cursor: pointer; }
.cr2f-arr:disabled { opacity: .3; }
.cr2f-l { left: 8px; } .cr2f-r { right: 8px; }
.cr2f-dots { display: flex; justify-content: center; flex-wrap: wrap; gap: 2px; padding: 4px 8px calc(16px + env(safe-area-inset-bottom)); }
.cr2f-dot { width: 32px; height: 32px; border: 0; background: none; display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; }
.cr2f-dot i { display: block; width: 9px; height: 9px; border-radius: 5px; background: rgba(242,196,109,.35); transition: width .3s, background .3s; }
.cr2f-dot.on i { width: 24px; background: #f2c46d; }
@media (prefers-reduced-motion: reduce) { .cr2f-card, .cr2f-tx, .cr2f-dim { transition: none; } }

/* Кнопка «⚡ Создать» внизу — мини-веер (create2.js navFan, флаг create_v2) */
#navCreate.nf { top: -16px; gap: 4px; }
#navCreate.nf > span { display: none !important; }
.nf-fan { position: relative; display: block; width: 74px; height: 60px; font-style: normal; pointer-events: none; }
.nf-c { position: absolute; left: 50%; bottom: 2px; display: block; width: 34px; height: 48px; margin-left: -17px; border-radius: 8px; overflow: hidden;
  border: 1.5px solid #f2c46d; background: #1a0b0f; box-shadow: 0 4px 10px rgba(0,0,0,.55);
  transform-origin: 50% 130%; transition: transform .26s cubic-bezier(.2,.8,.2,1); }
.nf-c img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nf-l { transform: rotate(-18deg) translateX(-4px); }
.nf-r { transform: rotate(18deg) translateX(4px); }
.nf-m { z-index: 2; width: 38px; height: 52px; margin-left: -19px; border-color: #f7d58c; box-shadow: 0 6px 16px rgba(242,196,109,.45), 0 0 0 1px rgba(247,213,140,.35); }
.nf-bolt { position: absolute; left: 50%; bottom: -3px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: -12px; border-radius: 50%;
  background: linear-gradient(160deg, #f7d58c, #e2a94a); color: #2a1408; font: 900 15px/1 system-ui, sans-serif; font-style: normal;
  box-shadow: 0 2px 6px rgba(0,0,0,.55), 0 0 0 1.5px #2a1408; transition: transform .26s; }
@keyframes nfL { 0%, 72%, 100% { transform: rotate(-18deg) translateX(-4px); } 84% { transform: rotate(-24deg) translateX(-6px) translateY(-1px); } }
@keyframes nfR { 0%, 72%, 100% { transform: rotate(18deg) translateX(4px); } 84% { transform: rotate(24deg) translateX(6px) translateY(-1px); } }
@keyframes nfM { 0%, 72%, 100% { transform: none; } 84% { transform: translateY(-2px); } }
.nf-breathe .nf-l { animation: nfL 5s ease-in-out infinite; }
.nf-breathe .nf-r { animation: nfR 5s ease-in-out infinite; }
.nf-breathe .nf-m { animation: nfM 5s ease-in-out infinite; }
.nf-open .nf-c { animation: none !important; }
.nf-open .nf-l { transform: rotate(-34deg) translateX(-8px) translateY(-6px); }
.nf-open .nf-r { transform: rotate(34deg) translateX(8px) translateY(-6px); }
.nf-open .nf-m { transform: translateY(-8px) scale(1.12); }
.nf-open .nf-bolt { transform: translateY(-8px); }
@media (prefers-reduced-motion: reduce) { .nf-breathe .nf-c { animation: none; } .nf-c, .nf-bolt { transition: none; } }

/* «Спячка» генерации (maint.js showSleep) — Тёплая сцена */
body.gs-open .bottom-nav { display: none !important; }
.gs-ov { position: fixed; inset: 0; z-index: 480; display: flex; align-items: center; justify-content: center; padding: 16px;
  background: radial-gradient(80% 45% at 50% 30%, rgba(242,196,109,.22), transparent 70%), radial-gradient(120% 60% at 50% 110%, rgba(122,36,51,.9), transparent 70%), linear-gradient(175deg, #3a0f18, #1a0b0f 60%, #110708); }
.gs-card { width: min(100%, 420px); padding: 26px 20px 18px; border-radius: 26px; text-align: center; color: #fbf1de;
  border: 1.5px solid rgba(242,196,109,.55); background: rgba(26,11,15,.6); box-shadow: 0 20px 50px rgba(0,0,0,.5), 0 0 40px rgba(242,196,109,.15); display: flex; flex-direction: column; gap: 14px; }
.gs-glow { font-size: 56px; line-height: 1; filter: drop-shadow(0 0 16px rgba(247,213,140,.7)); }
.gs-h { margin: 0; font: 700 28px/1.2 Georgia, "Times New Roman", serif; color: #f7d58c; }
.gs-p { margin: 0 0 4px; font-size: 18px; line-height: 1.45; color: #fbf1de; }
.gs-btn { min-height: 58px; border-radius: 18px; border: 0; font: inherit; font-size: 20px; font-weight: 800; cursor: pointer; }
.gs-games { background: linear-gradient(160deg, #f7d58c, #e2a94a); color: #2a1408; box-shadow: 0 8px 22px rgba(226,169,74,.35); }
.gs-feed { background: transparent; color: #f7d58c; border: 2px solid rgba(242,196,109,.7); }
.gs-x { min-height: 48px; border: 0; background: none; color: #cbb89c; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
.gs-btn:active { transform: scale(.98); }
.gs-srv { font-weight: 700; color: #f7d58c; }
.gs-bypass { align-self: center; min-height: 44px; padding: 4px 14px; border: 0; background: none; color: #a8987f; font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; }