/* Помочь другу — ловля купюров (п.19 списка владельца 28.09.2026).
   Все классы с префиксом ff-: не пересекаются с игровыми CSS. Поле влезает
   в ширину диалога (390px), купюры 44×44+ (тач-зона Apple), кнопка ≥48px. */

.ff-score{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;font:700 13px Manrope,system-ui,sans-serif;color:#e8dfc8}
.ff-score b{font-size:15px;color:#c5f477}
.ff-score b:last-child{color:#ff9c75}
.ff-round{font:700 11px 'Space Mono',monospace;color:#a9bea7;letter-spacing:.06em}

.ff-field{position:relative;width:100%;height:260px;max-height: 46vh;max-height: 46svh;border:1px solid #4a5f52;border-radius:12px;background:linear-gradient(180deg,#101913,#17231d);overflow:hidden;touch-action:manipulation}

/* Купюра: 44×44 минимум, лёгкий наклон и полоска «времени жизни» */
.ff-note{position:absolute;width:46px;height:46px;padding:0;display:grid;place-items:center;gap:1px;border:2px solid #d4af37;border-radius:8px;background:#e8dfc8;color:#17231d;font:800 9px/1.1 Manrope,system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 10px #0009;z-index:2;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,opacity .18s ease}
.ff-note .ff-cash{pointer-events:none;transform:rotate(-8deg);font-weight:900}
.ff-note .ff-lock{position:absolute;top:-9px;right:-9px;width:22px;height:22px;display:grid;place-items:center;background:#17231d;border:1px solid #d4af37;border-radius:50%;font-size:12px;line-height:1}
.ff-note .ff-ttl{position:absolute;left:3px;right:3px;bottom:3px;height:3px;border-radius:2px;background:#c5f477;transform-origin:left center;animation:ff-ttl linear forwards;pointer-events:none}
.ff-note.ff-hit1{transform:rotate(-6deg);border-color:#ff9c75;background:#f4ecd8}
.ff-note.ff-hit2{transform:rotate(7deg) scale(1.04);border-color:#ff7398;background:#f8e3c8}
.ff-note.ff-gone{opacity:0;transform:scale(.5);pointer-events:none}
.ff-note:active{transform:scale(.92)}

@keyframes ff-ttl{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* Мини-раввин: inline SVG 40×52, движется по полю */
.ff-rabbi{position:absolute;width:40px;height:52px;margin:-26px 0 0 -20px;pointer-events:none;z-index:3;filter:drop-shadow(0 3px 4px #000a);will-change:left,top}
.ff-rabbi-svg{display:block}

/* Мини-экран результата */
.ff-continue{min-height:48px;padding:12px 22px;border:1px solid #6a866f;border-radius:10px;background:#c5f477;color:#182216;font:800 15px Manrope,system-ui,sans-serif;cursor:pointer}
.ff-continue:hover{filter:brightness(1.05)}

/* Мобильный: 390px — поле чуть ниже, купюры не мельчают */
@media (max-width:430px){
 .ff-field{height:224px}
 .ff-note{width:44px;height:44px}
 .ff-rabbi{width:36px;height:47px;margin:-23px 0 0 -18px}
}

/* Доступность: меньше движения — убираем плавность и полоску времени */
@media (prefers-reduced-motion:reduce){
 .ff-note{transition:none}
 .ff-note .ff-ttl{animation:none;display:none}
}