/* 06.10 — обучение рейкбеку: подписи элементов, строки текста, новый игрок под покрывалом */
.tt-splash-lines p{margin:0 0 6px;color:#a6b0bb;font:400 var(--pd-type-label)/20px var(--cm-font-ui,'Golos Text',sans-serif);text-wrap:pretty}
.tt-splash-lines p:last-child{margin-bottom:0}
.tt-splash-lines b{color:#eef1f5;font-weight:700}
.tt-splash-legend p{display:flex;align-items:baseline;gap:9px;margin-bottom:8px}
.tt-splash-legend b{min-width:84px}
.tt-callout-num{display:inline-grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:#e8202f;color:#fff;font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);box-shadow:0 0 0 2px #0008,0 0 10px #e8202f80}
.tt-splash-legend .tt-callout-num{transform:translateY(-1px)}
.tt-callouts{position:absolute;inset:0;z-index:30;pointer-events:none}
.tt-callout{position:absolute;width:0;height:0;animation:tt-callout-in .5s cubic-bezier(.22,.9,.24,1) both}
.tt-callout>i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(232,32,47,.85),0 0 14px #fff}
.tt-callout>i:after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1.5px solid #fff;animation:tt-callout-ping 1.8s ease-out infinite}
.tt-callout>b{position:absolute;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 10px 5px 6px;border-radius:999px;background:rgba(10,12,15,.88);border:1px solid #ffffff3a;color:#fff;font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);letter-spacing:.02em;box-shadow:0 6px 16px #000a}
.tt-callout>b:not(:has(.tt-callout-num)){padding-left:10px}
.tt-callout[data-side=right]>b{left:16px;top:-13px}
.tt-callout[data-side=left]>b{right:16px;top:-13px}
.tt-callout[data-side=top]>b{left:50%;bottom:16px;transform:translateX(-50%)}
.tt-callout[data-side=bottom]>b{left:50%;top:16px;transform:translateX(-50%)}
@keyframes tt-callout-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes tt-callout-ping{0%{opacity:.9;transform:scale(.6)}100%{opacity:0;transform:scale(1.6)}}
.tt-intro-card{position:absolute;right:18px;top:10px;z-index:5;display:flex;align-items:center;gap:7px;padding:6px 10px 6px 6px;border-radius:12px;background:rgba(10,12,15,.88);border:1px solid #ffffff3a;color:#f0d7a2;font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);animation:tt-callout-in .5s .5s cubic-bezier(.22,.9,.24,1) both}
.tt-intro-card-face canvas{width:24px!important;height:34px!important;border-radius:3px;display:block}
.tt-splash-range{flex-direction:column;gap:2px;animation:tt-range-in .45s cubic-bezier(.22,.9,.24,1) both}
.tt-splash-range small{font:700 var(--pd-type-label)/20px var(--cm-font-display,'Play',sans-serif);color:#f0d7a2}
.tt-splash-range em{font:400 var(--pd-type-caption)/16px var(--cm-font-ui,sans-serif);font-style:normal;color:#8f99a4}
@keyframes tt-range-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.tt-splash-visual[data-visual=totems] .tt-showcase-statue{animation:tt-range-in .45s cubic-bezier(.22,.9,.24,1) both}
/* новый игрок: тотем под покрывалом, подпись в нише */
.tt-newplayer-note{position:absolute;left:12%;right:12%;top:7%;z-index:8;text-align:center;display:flex;flex-direction:column;gap:2px;pointer-events:none}
.tt-newplayer-note b{font:700 var(--pd-type-body)/24px var(--cm-font-display,'Play',sans-serif);color:#fff;text-shadow:0 2px 10px #000}
.tt-newplayer-note small{margin-top:5px;font:400 var(--pd-type-caption)/16px var(--cm-font-ui,sans-serif);color:#c6ced8;text-shadow:0 1px 6px #000}
.tt-showcase[data-empty="true"] .tt-state-drum{opacity:.35;filter:grayscale(1)}
.tt-demo-newplayer{display:block;margin:2px auto 0;background:none;border:0;color:#7d8792;font-size:var(--pd-type-caption);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:36px}
/* новый игрок: карта ещё не получена — «?», по нажатию переворачивается в первую карту */
.tt-summary-collectible[data-pending=true] .tt-summary-card-face{animation:tt-card-call 1.6s ease-in-out infinite}
.tt-summary-collectible[data-pending=true] .tt-summary-card-face canvas{filter:brightness(.25) saturate(0)}
.tt-card-q{position:absolute;inset:0;z-index:2;display:grid;place-items:center;font:700 var(--pd-type-submetric)/28px var(--cm-font-display,'Play',sans-serif);color:#f0d7a2;text-shadow:0 0 10px #f0bd60,0 0 22px #f0bd6080}
.tt-card-take{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);white-space:nowrap;padding:3px 8px;border-radius:999px;background:#e8202f;color:#fff;font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 0 12px #e8202f90}
@keyframes tt-card-call{0%,100%{box-shadow:0 2px 5px #0008,0 0 0 0 rgba(240,189,96,0)}50%{box-shadow:0 2px 5px #0008,0 0 16px 3px rgba(240,189,96,.65)}}
.tt-summary-collectible[data-flip=true] .tt-summary-card-face{animation:tt-card-flip 1.2s cubic-bezier(.3,.7,.2,1) both}
@keyframes tt-card-flip{0%{transform:rotate(-3deg) rotateY(0) scale(1)}35%{transform:rotate(0) rotateY(90deg) scale(1.25)}36%{transform:rotate(0) rotateY(-90deg) scale(1.25)}70%{transform:rotate(-3deg) rotateY(0) scale(1.3);box-shadow:0 0 26px 6px rgba(240,189,96,.8)}100%{transform:rotate(-3deg) rotateY(0) scale(1)}}
/* шапка обучения: метка «Обучение» + название, «Пропустить» кнопкой */
.tt-splash-top{padding:50px 20px 8px!important;min-height:88px!important}
.tt-tour-head{display:flex!important;align-items:center;gap:10px!important;letter-spacing:0!important}
.tt-tour-head i{font-style:normal;padding:5px 9px;border-radius:7px;background:rgba(232,32,47,.14);border:1px solid rgba(232,32,47,.55);color:#ff8f97;font:700 var(--pd-type-caption)/16px var(--cm-font-display,'Play',sans-serif);letter-spacing:.09em;text-transform:uppercase}
.tt-tour-head b{color:#eef1f5;font:700 var(--pd-type-label)/20px var(--cm-font-ui,'Golos Text',sans-serif);letter-spacing:0}
.tt-splash-top>button{min-height:34px!important;padding:0 14px!important;border:1px solid #ffffff26!important;border-radius:999px!important;background:rgba(255,255,255,.05)!important;color:#c3cbd4!important;font:400 var(--pd-type-caption)/16px var(--cm-font-ui,'Golos Text',sans-serif)!important}
/* заголовки слайдов чуть меньше */
.tt-splash-copy h2{font-size:var(--pd-type-submetric)!important;line-height:1.1!important}
/* карьера: в плитке профиля — раздачи в кэше и турниры вместо бонуса карты */
.career-profile-totals{grid-template-columns:1fr 1fr!important}
.career-profile-totals>span+span{padding-left:14px;border-left:1px solid #ffffff12}
.career-profile-totals em{display:block;font-style:normal;font-size:var(--pd-type-caption);color:#7f8b98;margin-top:2px}
/* Unassigned means noninteractive; keep the veil and placeholder legible. */
.tt-showcase[data-empty="true"] .tt-showcase-statue:disabled,
.tt-showcase[data-empty="true"] .tt-summary-rate:disabled{opacity:1;filter:none;cursor:default}
