/* V8 — premium news carousel, active countdown, rich messaging and impact quest */
.news-section{margin:22px 0 34px;padding:22px;border-radius:27px;border:1px solid #d9e9dc;background:linear-gradient(130deg,#f8fff9,#eff6ee 72%,#fffbe6);box-shadow:0 15px 40px rgba(11,55,32,.07)}
.news-section .row.spread{margin-bottom:14px;gap:15px;align-items:flex-start}
.news-feed{display:block!important;max-width:none!important}
.news-slider-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 14px}
.news-live{color:#1a613b;font-weight:900;font-size:.84rem;letter-spacing:.2px}
.news-slider-controls{display:flex;align-items:center;gap:10px}
.news-slider-controls .btn{padding:9px 12px;border-radius:14px}
.news-slider-controls #news-counter{font-variant-numeric:tabular-nums;font-size:.9rem;color:#57735f}
.news-slides{position:relative;min-height:220px;border:1px solid #e0e9d8;border-radius:23px;overflow:hidden;background:#fff;box-shadow:0 14px 26px rgba(22,65,37,.05)}
.news-slides .news-item{display:none!important;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:0;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-width:0}
.news-slides .news-item.is-active{display:grid!important;animation:news-in .35s ease both}
.news-slides .news-item:not(:has(.news-photo)){display:block!important}
.news-slides .news-item:not(.is-active){display:none!important}
.news-slides .news-content{padding:25px 26px;min-width:0}
.news-slides .news-content h3{color:#153f27;font-size:clamp(1.15rem,2.7vw,1.55rem);margin:10px 0}
.news-slides .news-content p{line-height:1.9;overflow-wrap:anywhere}
.news-slides .news-photo{height:100%;min-height:240px;border-radius:0!important;overflow:hidden;background:#173e2e}
.news-slides .news-photo img{width:100%;height:100%;object-fit:cover}
.news-dots{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:13px}
.news-dots button{height:9px;width:9px;background:#adbfaf;border:none;border-radius:20px;padding:0;cursor:pointer;transition:.3s}
.news-dots button.active{width:26px;background:#22824f}
.launch-card{background:linear-gradient(140deg,#0e3d2d,#176745);padding:16px 18px;margin-top:16px;border-radius:18px;color:#fff;box-shadow:0 12px 25px rgba(7,57,36,.15)}
.launch-card>strong{display:block;color:#fee7a2;font-size:.95rem;margin-bottom:12px}
.launch-digits{display:flex;gap:8px;flex-wrap:wrap}
.launch-digits>span{display:grid;gap:0;place-items:center;flex:1;min-width:65px;background:#ffffff17;border:1px solid #ffffff30;border-radius:12px;padding:9px 5px;font-weight:900;font-size:1.45rem;font-variant-numeric:tabular-nums}
.launch-digits small{font-size:.67rem;opacity:.85;font-weight:500}
.chat-panel{overflow:hidden;box-shadow:0 18px 45px rgba(10,58,31,.09)}
.v7-chat-log{background:radial-gradient(circle at 90% 10%,#e5f3e5 0%,transparent 38%),linear-gradient(160deg,#f1f9ed,#f9faf5);border:1px solid #dbe9dd;border-radius:20px;padding:16px!important}
.chat-bubble{max-width:min(86%,650px);border-radius:17px!important;box-shadow:0 7px 18px rgba(8,70,35,.05)!important;position:relative}
.chat-bubble.mine{background:linear-gradient(140deg,#e0f4dd,#f5fff1)!important}
.chat-bubble .chat-meta{gap:8px}
.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-quote{margin:6px 0 10px;padding:8px 10px;color:#346a50;background:#0c593010;border-inline-start:3px solid #3b9662;border-radius:6px;font-size:.83rem}
.chat-large-sticker{font-size:4rem;line-height:1.15;display:inline-block;filter:drop-shadow(0 4px 6px #17422f33);animation:sticker-pop .28s ease}
.chat-react-row{display:flex;gap:3px;flex-wrap:wrap;opacity:.82;margin:7px 0}
.chat-quick-react{font-size:1rem;border:1px solid #e1eddf;background:#ffffffad;border-radius:9px;cursor:pointer;padding:3px 5px;min-width:30px;transition:transform .18s}
.chat-quick-react:hover{transform:scale(1.14)}
.chat-reactions{display:flex;gap:3px;flex-wrap:wrap;margin-top:8px}
.chat-reactions span{background:#fff;border:1px solid #cee1cb;padding:1px 6px;border-radius:20px}
.chat-compose-rich{display:grid;grid-template-columns:1fr;gap:10px}
.chat-attachments{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.chat-attach{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b4d7bc;background:#f5fff7;border-radius:12px;min-width:45px;min-height:43px;cursor:pointer;font-size:1.2rem}
.chat-sticker-panel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;background:#f5fbf6;border:1px solid #d7ead7;border-radius:15px;padding:10px;margin:9px 0}
.sticker-tile{font-size:2rem;background:white;border:1px solid #e2ece3;border-radius:14px;cursor:pointer;min-height:56px;transition:transform .2s}
.sticker-tile:hover{transform:translateY(-4px) scale(1.07)}
.chat-upload-preview{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:10px;border:1px solid #d9e8d7;background:#eef9ed;border-radius:12px}
.chat-embedded img{max-width:260px;max-height:240px;border-radius:12px;object-fit:cover;cursor:zoom-in}
.chat-embedded audio{width:min(100%,290px);display:block;margin:6px 0}
.recording{background:#a82329!important;color:#fff!important;animation:record-pulse 1.2s infinite}
.impact-panel{background:linear-gradient(140deg,#0b3126,#176044)!important;color:white!important;border:1px solid #b8a65b!important}
.impact-panel h3,.impact-panel p,.impact-panel .game-head{color:white!important}
.impact-game{text-align:center;position:relative;overflow:hidden;border:1px solid #ffffff21;background:radial-gradient(circle at 40% 24%,#235d51 0%,#0e3529 70%);border-radius:24px;padding:22px 18px;min-height:360px;isolation:isolate}
.impact-stars{color:#f7da8b;letter-spacing:22px;opacity:.5;font-size:1.3rem}
.impact-progress{display:flex;gap:12px;align-items:center;justify-content:center;color:#ebdfa5;margin-bottom:16px;font-size:.9rem}
.impact-track{flex:1;max-width:250px;height:8px;border-radius:20px;background:#ffffff29;overflow:hidden}
.impact-track span{display:block;height:100%;background:#f7c95b;border-radius:20px;transition:width .3s}
.impact-orb{display:grid;place-items:center;width:90px;height:90px;border-radius:50%;font-size:3rem;margin:12px auto;background:radial-gradient(circle,#3d927a,#164936);box-shadow:0 0 0 9px #d7c97818,0 16px 30px #001e1c5c;animation:orbit 5s ease-in-out infinite}
.impact-game h3{color:#f1d98b!important;font-size:1.38rem;margin:10px 0!important}
.impact-story{font-size:1.02rem!important;max-width:540px;margin:10px auto 17px;line-height:1.9}
.impact-options{display:grid;gap:10px;max-width:620px;margin:0 auto 20px}
.impact-option{padding:13px;border:1px solid #d0bf7f72;border-radius:15px;background:#ffffff14;color:#fff;font-size:.96rem;cursor:pointer;transition:transform .25s,background .25s}
.impact-option:hover{transform:translateY(-3px);background:#e1c6762c}
.impact-meters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.impact-meters span{background:#ffffff14;border:1px solid #ffffff2a;border-radius:999px;padding:7px 12px;color:#f8e9bb;font-size:.8rem}
.impact-feedback{background:#0e754a80;border-radius:14px;padding:8px!important}
.impact-finale .hint{color:#dceac4!important}
@keyframes news-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbit{50%{transform:translateY(-6px)}}
@keyframes sticker-pop{from{transform:scale(.7)}to{transform:scale(1)}}
@keyframes record-pulse{50%{box-shadow:0 0 0 8px #e9536127}}
@media(max-width:720px){.news-section{padding:15px}.news-slides .news-item.is-active{display:flex!important;flex-direction:column}.news-slides .news-photo{min-height:160px;max-height:250px}.news-slides .news-content{padding:16px}.chat-sticker-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.chat-react-row{gap:1px}.chat-quick-react{min-width:28px}.impact-game{padding:18px 12px}.news-slider-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){.news-slides .news-item.is-active,.impact-orb,.chat-large-sticker,.recording{animation:none!important}}
