/* Plaivo 1006 — первые шаги, ежедневный блок, источники в статистике. Подключается последним. */

/* «Начни с этого» на главной */
.fs-start{margin:0 16px 22px;padding:16px;border-radius:22px;background:linear-gradient(150deg,#2a1d4a,#1a1530 70%);border:1px solid #b88cff3d;box-shadow:0 12px 30px #0006}
.fs-start-head h2{margin:0 0 4px;font:800 20px/1.2 var(--font-head);color:#fbf6ff;letter-spacing:-.3px}
.fs-start-head p{margin:0 0 12px;font-size:13px;line-height:1.4;color:#c7b8e6}
.fs-start-list{display:grid;gap:8px}
.fs-start-item{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 10px 8px 8px;border-radius:16px;border:1px solid #ffffff14;background:#ffffff0a;color:#f4efff;text-align:left;font:inherit;cursor:pointer;transition:transform .12s,background .12s}
.fs-start-item:active{transform:scale(.98);background:#ffffff14}
.fs-start-item:focus-visible{outline:2px solid #c9a4ff;outline-offset:2px}
.fs-start-icon{flex:none;width:44px!important;height:44px!important;border-radius:12px;object-fit:cover}
.fs-start-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fs-start-copy b{font-size:15px;font-weight:700;line-height:1.25}
.fs-start-copy small{font-size:12px;color:#bfb1da;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-start-cta{flex:none;min-width:72px;padding:9px 12px;border-radius:12px;background:linear-gradient(115deg,#9e43ff,#e534ed);color:#fff;font-size:13px;font-weight:700;text-align:center}
.fs-start-item.done .fs-start-cta{background:#ffffff14;color:#cfe9c9;font-weight:600}
.fs-newbie .ex-home-intro{margin-bottom:14px}

/* Приветствие: три строки игр вместо карусели */
.intro-menu .fs-welcome-list{display:grid;grid-template-columns:1fr;gap:8px;overflow:visible;scroll-snap-type:none;margin:0}
.intro-menu .fs-welcome-list button{flex:none;display:flex;flex-direction:row;align-items:center;gap:12px;min-height:62px;padding:9px 10px;text-align:left;border-radius:16px;border:1px solid #c6a7e533;background:linear-gradient(145deg,#b48bd11a,#2a19312e)}
.intro-menu .fs-welcome-list img{width:44px;height:44px;border-radius:12px;flex:none}
.fs-welcome-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.intro-menu .fs-welcome-list .fs-welcome-copy b{font-size:15px;min-height:0;text-align:left;color:#f5ecff;line-height:1.25}
.intro-menu .fs-welcome-list .fs-welcome-copy small{display:block;font-size:12px;color:#c4b2dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-welcome-play{flex:none;padding:9px 14px;border-radius:12px;background:linear-gradient(115deg,#9e43ff,#e534ed);color:#fff;font-size:13px;font-weight:700}
.intro-menu .fs-welcome h2{font-size:17px;margin-bottom:4px}
.intro-menu .fs-welcome>p{font-size:12px;margin-bottom:10px}
.intro-menu:has(.fs-welcome) .intro-world{height:clamp(96px,calc(var(--app-height,100dvh)*.17),150px)}
.intro-menu:has(.fs-welcome) .intro-heading{margin:12px 0 6px}
.intro-menu:has(.fs-welcome) .intro-footer .btn{background:#ffffff12;border:1px solid #ffffff24;color:#efe6ff;box-shadow:none}
@media(max-height:700px){.intro-menu:has(.fs-welcome) .intro-world{height:72px}.intro-menu:has(.fs-welcome) .intro-heading h1{font-size:22px}.intro-menu .fs-welcome-list button{min-height:54px;padding:6px 8px}}

/* Правила поверх игры */
.fs-tip{position:absolute;inset:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:16px 16px calc(var(--app-safe-bottom,0px) + 16px);background:#07051099;opacity:0;transition:opacity .2s}
.fs-tip.show{opacity:1}
.fs-tip-card{position:relative;width:100%;max-width:420px;padding:20px 18px 16px;border-radius:22px;background:linear-gradient(160deg,#2b2046,#17132a);border:1px solid #c7a2ff40;box-shadow:0 18px 40px #000a;color:#f6f1ff;transform:translateY(16px);transition:transform .22s ease-out}
.fs-tip.show .fs-tip-card{transform:none}
.fs-tip-icon{position:absolute;top:-22px;left:18px;width:48px!important;height:48px!important;border-radius:14px;box-shadow:0 6px 16px #0008}
.fs-tip-card small{display:block;margin:12px 0 2px;color:#cba8ff;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.fs-tip-card h3{margin:0 0 10px;font:800 20px/1.2 var(--font-head)}
.fs-tip-card ol{margin:0 0 14px;padding:0;list-style:none;counter-reset:fs;display:grid;gap:8px}
.fs-tip-card li{counter-increment:fs;display:flex;gap:10px;font-size:14px;line-height:1.4;color:#e8defa}
.fs-tip-card li::before{content:counter(fs);flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#8b5cff33;color:#e2ccff;font-size:12px;font-weight:800}
.fs-tip-card .btn{min-height:48px}
@media(min-height:640px){.fs-tip{align-items:center}}

/* После первой игры */
.fs-first{margin:0 0 14px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#3a1f5e,#24183d);border:1px solid #d9a6ff4d;text-align:center}
.fs-first-burst{font-size:34px;line-height:1;margin-bottom:6px}
.fs-first>b{display:block;font:800 20px/1.25 var(--font-head);color:#fff}
.fs-first-xp{display:inline-block;margin:8px 0 6px;padding:6px 14px;border-radius:999px;background:linear-gradient(115deg,#ffcf4a,#ff9d2e);color:#2b1700;font-weight:800;font-size:15px}
.fs-first>p{margin:4px 0 10px;font-size:13px;color:#d6c8ee;line-height:1.4}
.fs-first-next{display:grid;gap:8px;text-align:left}
.fs-first-next button{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 10px 6px 6px;border-radius:14px;border:1px solid #ffffff1c;background:#ffffff0d;color:#f4efff;font:inherit;cursor:pointer}
.fs-first-next span{display:flex;flex-direction:column;gap:2px;min-width:0}
.fs-first-next b{font-size:14px}.fs-first-next small{font-size:12px;color:#bfb1da}

/* Статистика: источники */
.st-src-wrap{overflow-x:auto}
.st-src{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.st-src th,.st-src td{padding:8px 6px;text-align:right;border-bottom:1px solid #ffffff12;white-space:nowrap}
.st-src th:first-child,.st-src td:first-child{text-align:left}
.st-src thead th{color:#bdb1df;font-weight:600;font-size:12px}
.st-src tbody th{font-weight:600}
.st-src td small{display:block;color:#a99cc9;font-size:11px}
.st-src tr.st-src-ad th{color:#ffd27a}

@media(prefers-reduced-motion:reduce){.fs-tip,.fs-tip-card,.fs-start-item{transition:none}}

/* Приветствие-объяснение: о чём Plaivo (много игр, друзья, знакомства, каждый день) */
.fs-w .intro-body{justify-content:flex-start;gap:0;padding-top:4px}
.fs-w-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 6px}
.fs-w-kicker{display:inline-block;margin-bottom:6px;padding:4px 10px;border-radius:999px;background:#a56bff2b;border:1px solid #c79bff40;color:#e3cbff;font-size:11px;font-weight:700;letter-spacing:.2px}
.fs-w-head h1{margin:0;font:800 clamp(26px,7.4vw,34px)/1.12 var(--font-head);letter-spacing:-.8px;color:#fbf6ff;outline:none}
.fs-w-mascot{flex:none;width:clamp(70px,22vw,104px);height:auto;filter:drop-shadow(0 10px 18px #2b0a5a99)}
.fs-w-sub{margin:0 0 14px;font-size:14px;line-height:1.45;color:#cbbfe0}
.fs-w-games h2{margin:0 0 8px;font-size:12px;font-weight:700;color:#bba9db;letter-spacing:.2px}
.intro-menu .fs-w-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -20px 14px;padding:2px 20px 4px}
.intro-menu .fs-w-strip::-webkit-scrollbar{display:none}
.intro-menu .fs-w-strip button{flex:0 0 68px;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:0;border:0;background:none;color:#efe5ff;scroll-snap-align:start}
.fs-w-icon{position:relative;display:block;width:60px;height:60px;border-radius:17px;overflow:hidden;box-shadow:0 6px 14px #0007,inset 0 0 0 1px #ffffff1f}
.fs-w-icon img{width:100%;height:100%;object-fit:cover;border-radius:0!important}
.fs-w-icon em{position:absolute;right:3px;bottom:3px;padding:1px 5px;border-radius:6px;background:#e0306f;color:#fff;font:800 9px/1.4 var(--font);font-style:normal}
.intro-menu .fs-w-strip b{display:block;width:100%;min-height:0;font-size:11px;font-weight:600;line-height:1.25;text-align:center;color:#e9ddfb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-w-rows{display:grid;gap:8px}
.fs-w-row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 12px 8px 8px;border-radius:16px;border:1px solid #ffffff14;background:linear-gradient(120deg,#ffffff0e,#ffffff05);color:#f5efff;text-align:left;font:inherit;cursor:pointer;transition:transform .12s,background .12s}
.fs-w-row:active{transform:scale(.985);background:#ffffff14}
.fs-w-row:focus-visible{outline:2px solid #c9a4ff;outline-offset:2px}
.fs-w-row .fs-w-art{flex:none;width:42px;height:42px}
.fs-w-row span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fs-w-row b{font-size:15px;font-weight:700;line-height:1.25}
.fs-w-row small{font-size:12px;line-height:1.35;color:#c2b4dc}
.fs-w-row>i{flex:none;font-style:normal;font-size:22px;color:#b99be0}
.fs-w-heart{border-color:#ff6fa83a;background:linear-gradient(120deg,#ff4f9a1c,#ffffff05)}
.fs-w .intro-footer .btn.btn-primary{min-height:54px}
@media(max-height:700px){.fs-w-head{margin-top:4px}.fs-w-mascot{width:64px}.fs-w-sub{margin-bottom:10px;font-size:13px}.fs-w-icon{width:52px;height:52px;border-radius:15px}.intro-menu .fs-w-strip button{flex-basis:60px}.fs-w-row{min-height:50px;padding:6px 10px 6px 6px}.fs-w-row .fs-w-art{width:36px;height:36px}.fs-w-row b{font-size:14px}.fs-w-row small{font-size:11px}.intro-menu .fs-w-strip{margin-bottom:10px}}
@media(prefers-reduced-motion:reduce){.fs-w-row{transition:none}}
.onb-welcome:has(.fs-w){background:linear-gradient(180deg,#0e0b1966 0%,#0e0b19cc 30%,#0e0b19f2 52%,#0e0b19 70%),url('assets/plumi/intro-world-v2.webp') center top/cover no-repeat,#0e0b19}
.fs-w-head h1,.fs-w-sub{text-shadow:0 2px 12px #0e0b19}
.intro-menu .fs-w-strip .fs-w-icon img{width:100%;height:100%;border-radius:0}
.intro-menu .fs-w-strip button{min-height:0!important;padding:0!important}
@media(max-height:700px){.fs-w-mascot{display:none}.fs-w-head h1{font-size:26px}.fs-w-head h1 br{display:none}.fs-w-kicker{margin-bottom:4px}.fs-w-rows{gap:6px}.fs-w .onb-brand img.intro-full-logo{height:26px}}
.fs-tip-open .consent{visibility:hidden}

/* Ежедневный блок: серия + цели + сундук */
.fs-day{margin:0 16px 22px;padding:16px;border-radius:22px;background:linear-gradient(140deg,#25213d,#191a30);border:1px solid #acc5f926;cursor:pointer;color:#f4f0ff}
.fs-day:focus-visible{outline:2px solid #c9a4ff;outline-offset:2px}
.fs-day.chest{border-color:#ffc94d66;box-shadow:0 0 0 1px #ffc94d22,0 10px 30px #ffb23a1f}
.fs-day-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.fs-day-head h2{margin:0;font:800 17px/1.25 var(--font-head)}
.fs-day-streak{flex:none;padding:5px 10px;border-radius:999px;background:#ff8a3d24;border:1px solid #ff9d4d40;color:#ffd0a6;font-size:12px;font-weight:700;white-space:nowrap}
.fs-day-streak.zero{background:#ffffff0d;border-color:#ffffff1a;color:#c9bfe0}
.fs-day-goals{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.fs-day-goal{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 10px 6px 6px;border-radius:12px;background:#ffffff08;font-size:13px}
.fs-day-mark{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#ffffff10;font-size:14px}
.fs-day-name{flex:1;min-width:0;line-height:1.3;color:#e9e2fb}
.fs-day-right{flex:none;font-weight:700;color:#cfc4ea;font-size:12px}
.fs-day-right small{color:#9fd8ff;font-weight:700}
.fs-day-goal.claimed{opacity:.6}.fs-day-goal.claimed .fs-day-mark{background:#3ccf8e33;color:#7ff0b8}
.fs-day-goal.claimed .fs-day-name{text-decoration:line-through;text-decoration-color:#ffffff40}
.fs-day-goal.ready{background:#ffc94d1a;box-shadow:inset 0 0 0 1px #ffc94d4d}.fs-day-goal.ready .fs-day-right{color:#ffd56b}
.fs-day-done{margin:0 0 12px;font-size:13px;color:#c9bfe0}
.fs-day-chest{display:flex;align-items:center;gap:10px;font-size:12px;color:#d9cff0}
.fs-day-chest b{flex:1;font-weight:700}
.fs-day-bar{flex:none;width:64px;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}
.fs-day-bar i{display:block;height:100%;background:linear-gradient(90deg,#9e43ff,#ffc94d)}
.fs-day-head h2{font-size:16px}
@media(max-width:380px){.fs-day-head{align-items:flex-start;flex-direction:column;gap:6px}}