/* The trajectory is the game: responsive real art, with a restrained field and controls. */
.bf-game .toy-scene{background:#c8e6e9;isolation:isolate;touch-action:none}
.bf-background{position:absolute;inset:0;background:#cee9ed;pointer-events:none}
.bf-background .sc{animation:none!important}.bf-background .sc *{animation:none!important}
.bf-field{position:absolute;inset:16% 0 0;overflow:hidden;touch-action:none}
.bf-grass{position:absolute;left:0;right:0;bottom:0;height:24%;background:#a6cba0;pointer-events:none}
.bf-actor{position:absolute;left:0;top:0;display:block;pointer-events:none;z-index:3}
.bf-actor>img{display:block;width:100%;height:100%;object-fit:contain}
.bf-friend{z-index:4}.bf-catch-zone{position:absolute;left:0;top:0;border:3px dashed #528160;border-radius:50%;background:#fff9;pointer-events:none;z-index:2}
.bf-ball{position:absolute;left:0;top:0;z-index:7;display:grid;place-items:center;width:clamp(44px,5vw,62px);height:clamp(44px,5vw,62px);padding:0;border:0;border-radius:50%;background:transparent;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;user-select:none}
.bf-ball:active{cursor:grabbing}.bf-ball>.art-img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 4px 3px #46634c38)}
.bf-ball:disabled{opacity:1}.bf-ball:focus-visible{outline:4px solid #4c7591;outline-offset:4px}
.bf-dot{position:absolute;left:0;top:0;width:7px;height:7px;border-radius:50%;background:#be7734;pointer-events:none;z-index:5}
.bf-reticle{position:absolute;left:0;top:0;width:32px;height:32px;border:3px solid #9c642d;border-radius:50%;pointer-events:none;z-index:5}
.bf-reticle::after{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#9c642d;translate:-50% -50%}
.bf-preview[hidden],.bf-reticle[hidden]{display:none}.bf-preview{position:absolute;inset:0;pointer-events:none}
.bf-hurdle{position:absolute;left:0;top:0;width:54px;height:100px;z-index:2;pointer-events:none}
.bf-hurdle::before,.bf-hurdle::after{content:'';position:absolute;top:0;bottom:0;width:22%;border-radius:6px;background:#b78c62}.bf-hurdle::before{left:4%}.bf-hurdle::after{right:4%}
.bf-hurdle>span{position:absolute;left:0;right:0;top:0;height:15px;border-radius:7px;background:#d2ac72;box-shadow:0 3px 4px #7c705a20}
.bf-hud{position:absolute;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:10px;z-index:10;pointer-events:none;color:#4f5947}
.bf-phase,.bf-score{background:#fffaf1;border-radius:16px;padding:7px 13px;font-size:18px;font-weight:750;line-height:1.2}
.bf-score{font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:7px}.bf-score .art-img{width:25px;height:25px;object-fit:contain}
.bf-help{position:absolute;left:12%;right:12%;top:13%;margin:0;text-align:center;color:#48644e;font-size:clamp(15px,3.8cqw,20px);line-height:1.2;pointer-events:none;z-index:3}
.bf-game .toy-footer{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 12px max(10px,env(safe-area-inset-bottom));background:#f1f1df}
.bf-loft{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:80px;height:72px;min-height:64px;flex:none;border:0;border-radius:16px;background:#fffcf4;color:#596b53;padding:7px;font-size:13px;line-height:1.1;touch-action:manipulation}
.bf-loft svg{width:43px;height:23px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.bf-loft[aria-pressed=true]{background:#5a8061;color:#fffaf0}.bf-loft:disabled{opacity:.6}
.bf-throw{display:flex;justify-content:center;align-items:center;gap:7px;min-width:106px;min-height:64px;padding:9px 13px;border:0;border-radius:18px;background:#f4c76c;color:#6b5029;font-size:17px;font-weight:800;touch-action:manipulation}
.bf-throw svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.bf-loft:focus-visible,.bf-throw:focus-visible{outline:4px solid #4c7591;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.bf-loft:hover,.bf-throw:hover{filter:brightness(1.04)}}
@media(max-width:359px){.bf-game .toy-footer{gap:7px;padding-inline:8px}.bf-loft{width:70px;min-height:60px}.bf-throw{min-width:102px;min-height:60px;font-size:16px;padding-inline:10px}.bf-hud{left:10px;right:10px}.bf-phase,.bf-score{font-size:16px;padding:7px 10px}}
@media(orientation:landscape) and (max-height:560px){.bf-game .toy-footer{padding-block:5px}.bf-loft,.bf-throw{min-height:48px}.bf-loft{flex-direction:row;width:108px}.bf-loft svg{width:30px}.bf-field{inset:15% 0 0}.bf-help{top:14%;font-size:15px}.bf-hud{top:7px}.bf-phase,.bf-score{font-size:15px;padding-block:4px}}
@media(prefers-reduced-motion:reduce){.bf-game *{animation:none!important;transition:none!important}}
/* Botões só com desenho (pedido da família): a palavra fica no nome acessível. */
.bf-loft>span,.bf-throw>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bf-throw svg{width:40px;height:40px}.bf-loft svg{width:44px;height:26px}