.ff-page{max-width:1280px;margin:auto;padding:25px 24px 40px}.ff-page .tool-intro{padding:22px 0!important}.ff-setup{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;background:#fff;border:1px solid #e1e6db;border-radius:20px;padding:30px}.ff-setup h2{font-size:19px;margin:0 0 18px}.ff-setup label{font-size:12px;line-height:1.8;color:#6c7965}.ff-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.ff-fields label{display:grid;gap:6px}.ff-setup select{padding:9px;width:100%}.ff-setup textarea{width:100%;resize:vertical;min-height:240px;padding:12px;line-height:1.8;font-size:12px}.ff-import{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.ff-import label{cursor:pointer;padding:8px 12px}.ff-import input{max-width:195px;font-size:10px}.ff-error{color:#ac5b48;font-size:12px;line-height:1.8;min-height:20px}.ff-team-input{display:flex;align-items:center;gap:12px;margin-bottom:13px}.ff-team-input>span{font-size:29px}.ff-team-input input{min-width:0;width:100%;padding:11px}.ff-timer-label{display:flex;gap:9px;align-items:center;margin:15px 0}.ff-rules{background:#f3f6eb;border:1px solid #e7eddd;border-radius:12px;padding:17px;font-size:12px;line-height:1.9;color:#6f8064;margin-bottom:20px}.ff-setup aside>.primary{width:100%}.ff-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.ff-top>div{display:flex;gap:12px}.ff-score{display:flex;align-items:center;justify-content:center;gap:20px;margin:20px 0}.ff-score>div{display:flex;align-items:center;gap:12px;padding:12px 20px;border:2px solid transparent;border-radius:13px;background:#ffffffb8;opacity:.7}.ff-score>div.active{border-color:#e6c757;opacity:1}.ff-score>div:last-child.active{border-color:#8db8d1}.ff-score span{font-size:29px}.ff-score strong{font-size:14px;max-width:160px;overflow-wrap:anywhere}.ff-score b{font-size:30px;color:#293746}.ff-score>small{font-size:11px;color:#8b9783}.ff-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.ff-field{position:relative;aspect-ratio:1.55;background:repeating-linear-gradient(90deg,#739b76 0%,#739b76 12.5%,#7ba37c 12.5%,#7ba37c 25%);border:8px solid #f6f6e9;border-radius:18px;box-shadow:0 0 0 1px #cfdbc8,0 7px 0 #dce5d5;isolation:isolate;overflow:hidden}.ff-lines,.ff-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.ff-path{z-index:2}.ff-path path{stroke:#ffe593;stroke-width:.5;stroke-dasharray:1 1;fill:none}.ff-player{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f7d86b;border:2px solid #fff9da;color:#504827;font-size:12px;font-weight:750;box-shadow:0 3px 2px #2d493b2b}.ff-player.team-1{background:#aed4e5;border-color:#e6f4fb;color:#2f5672}.ff-ball{position:absolute;transform:translate(-50%,-50%);font-size:29px;line-height:1;filter:drop-shadow(0 3px 2px #304f3944);z-index:5;pointer-events:none}.ff-goal{position:absolute;top:38%;height:24%;width:5%;background:repeating-linear-gradient(0deg,transparent 0 5px,#fff9 5px 6px),repeating-linear-gradient(90deg,transparent 0 5px,#fff9 5px 6px);border:2px solid #fff;border-radius:3px;z-index:1}.ff-goal-left{left:0}.ff-goal-right{right:0}.ff-destination{position:absolute;z-index:4;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:2px solid #fff3be;background:#f7d46a;color:#344130;font-size:17px;font-weight:750;box-shadow:0 3px 0 #3f674446;cursor:pointer}.ff-destination small{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);background:#fffce9;color:#456044;padding:4px 6px;border-radius:5px;font-size:10px;white-space:nowrap}.ff-destination.shot{width:32px;height:32px;background:#fff9dd}.ff-destination.shot small{top:auto;bottom:calc(100% + 4px)}.ff-possession{text-align:center;color:#738366;font-size:13px;margin:19px 0}.ff-question-panel{background:white;border:1px solid #e1e7dd;border-radius:17px;padding:21px;min-height:330px}.ff-question-top{display:flex;align-items:center;gap:9px;justify-content:space-between;font-size:11px;color:#8a977c}.ff-question-top button{padding:3px;font-size:10px}.ff-question-panel h2{font-size:25px;line-height:1.5;overflow-wrap:anywhere;margin:20px 0 8px;color:#2b3944}.ff-question-panel>p{font-size:11px;color:#8e9985}.ff-answers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.ff-answers button{min-height:62px;border:1px solid #dce4d7;border-radius:10px;background:#fafcf5;font-size:20px;font-weight:700;color:#304133;overflow-wrap:anywhere;padding:10px 6px}.ff-answers button:not(:disabled):hover{border-color:#b0c793;background:#f0f5e6}.ff-answers button:disabled{opacity:.6}.ff-welcome{text-align:center}.ff-welcome>span{font-size:43px}.ff-welcome p{color:#8a9780;font-size:12px;line-height:1.9}.ff-actions{display:grid;gap:9px;margin-top:21px}.ff-action{display:grid;text-align:left;gap:5px;padding:12px;border:1px solid #dce5d4;background:#f6f9ef;border-radius:9px;color:#425939}.ff-action strong{font-size:13px}.ff-action small{font-size:10px;color:#8d9981}.ff-action.ff-shoot{background:#fff4cc;border-color:#eed689}.ff-review{padding:15px;background:#f1f6e9;border:1px solid #dce9d1;border-radius:11px;margin-top:15px}.ff-review.incorrect{background:#fff3e9;border-color:#efdbc5}.ff-review>strong{font-size:13px;color:#678554}.ff-review.incorrect>strong{color:#ad7752}.ff-review p{font-size:24px;font-weight:750;line-height:1.8;margin:10px 0;overflow-wrap:anywhere}.ff-review p>span{display:block;font-size:16px;color:#839275;font-weight:400}.ff-review small{display:block;font-size:11px;color:#89967e}.ff-bottom{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:17px}.ff-bottom button{font-size:12px}.ff-victory{position:absolute;inset:0;background:#f8faedee;display:grid;place-content:center;justify-items:center;gap:15px;z-index:10;text-align:center;padding:18px}.ff-victory>span{font-size:54px;animation:ff-cheer .7s ease-in-out 3}.ff-victory h2{font-size:27px;color:#445936;margin:0;overflow-wrap:anywhere}@keyframes ff-cheer{50%{transform:translateY(-12px) rotate(-8deg)}}
@media(min-width:1500px){.ff-layout{grid-template-columns:minmax(0,1fr) 310px}}@media(max-width:900px){.ff-layout{grid-template-columns:minmax(0,1fr) 235px;gap:15px}.ff-question-panel{padding:16px}.ff-score{gap:12px}.ff-score>div{padding:9px 12px;gap:8px}.ff-page{padding:22px 18px}.ff-setup{gap:22px;padding:23px}}
@media(max-width:650px){.ff-page{padding:20px 13px 30px}.ff-setup{grid-template-columns:1fr;padding:20px}.ff-fields{gap:9px}.ff-score{gap:8px;margin:17px 0}.ff-score>div{padding:7px 8px;gap:6px;flex-wrap:wrap;justify-content:center;max-width:140px}.ff-score span{font-size:22px}.ff-score strong{font-size:11px}.ff-score b{font-size:24px}.ff-score>small{font-size:9px;white-space:nowrap}.ff-layout{grid-template-columns:1fr;gap:0}.ff-field{border-width:5px;border-radius:12px;aspect-ratio:1.3}.ff-player{width:23px;height:23px;font-size:10px;border-width:1px}.ff-ball{font-size:23px}.ff-destination{width:30px;height:30px;font-size:13px}.ff-destination small{font-size:8px;padding:3px 4px}.ff-destination.shot{width:25px;height:25px}.ff-top button{font-size:10px;padding:8px}.ff-possession{font-size:11px}.ff-question-panel{min-height:0;padding:20px}.ff-question-panel h2{font-size:23px}.ff-welcome>span{font-size:28px}.ff-welcome h2{margin-top:8px}.ff-actions{grid-template-columns:1fr 1fr}.ff-action strong{font-size:12px}.ff-action small{font-size:9px}.ff-answers button{font-size:22px;min-height:58px}.ff-bottom{gap:8px}.ff-bottom button{font-size:10px}.ff-victory h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ff-victory>span{animation:none}}body.no-motion .ff-victory>span{animation:none}
@media(min-width:651px){.ff-play{padding-top:16px}.ff-play .ff-score{margin:12px 0}.ff-play .ff-field{max-height:calc(100dvh - 310px)}.ff-play .ff-top button{min-height:32px;padding:7px 11px}}