:root{--fut-demo-bar:56px}
html,body,body.fut-blank-canvas,#fut-page-content{width:100%;min-height:100%;height:auto;margin:0!important;overflow:auto!important;background:#eef3f9}
body.fut-blank-canvas #fut-page-content{padding:0!important}
.fut-demo,.fut-demo *,.fut-demo *::before,.fut-demo *::after{box-sizing:border-box}
.fut-demo{min-height:100dvh;padding-top:var(--fut-demo-bar);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#eef3f9}
.fut-demo svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fut-demo-control{position:fixed;z-index:999999;top:0;right:0;left:0;height:var(--fut-demo-bar);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;color:#fff;background:#061c35;border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 7px 24px rgba(1,16,31,.2)}
.fut-demo-control>a{display:flex;min-width:0;align-items:center;gap:10px;color:#fff;text-decoration:none}.fut-demo-control>a img{width:38px;height:38px;object-fit:contain}.fut-demo-control>a span{display:flex;min-width:0;flex-direction:column}.fut-demo-control>a strong{font-size:12px;letter-spacing:.05em;text-transform:uppercase}.fut-demo-control>a small{margin-top:2px;overflow:hidden;color:#8fa8c0;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.fut-demo-control nav{display:flex;align-items:center;gap:3px}.fut-demo-control nav button{height:38px;padding:0 11px;display:flex;align-items:center;gap:7px;border:0;border-radius:999px;color:#a9bbcd;background:transparent;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.fut-demo-control nav button span{width:21px;height:21px;display:grid;place-items:center;border:1px solid #526a82;border-radius:50%;font-size:9px}.fut-demo-control nav button:hover,.fut-demo-control nav button.is-active{color:#fff;background:rgba(255,255,255,.1)}.fut-demo-control nav button.is-active span,.fut-demo-control nav button.is-done span{border-color:#f2cc38;color:#071c35;background:#f2cc38}
.fut-demo-reset{justify-self:end;height:38px;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;background:rgba(255,255,255,.06);font-size:10px;font-weight:850;cursor:pointer}.fut-demo-reset svg{width:17px;height:17px}
.fut-demo-scenes{min-height:calc(100dvh - var(--fut-demo-bar))}.fut-demo-scene{min-height:calc(100dvh - var(--fut-demo-bar));animation:fut-demo-in .34s ease both}.fut-demo-scene[hidden]{display:none!important}.fut-demo-scene .fut-field-home{min-height:calc(100dvh - var(--fut-demo-bar))}.fut-demo-scene .fut-player-shell,.fut-demo-scene .fut-player-workspace{min-height:calc(100dvh - var(--fut-demo-bar))}
.fut-demo-safe-note{position:absolute;z-index:8;top:92px;left:50%;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#dff9eb;background:rgba(2,28,20,.72);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;transform:translateX(-50%);backdrop-filter:blur(10px);white-space:nowrap}.fut-demo-safe-note span{color:#67df9d;font-size:12px}.fut-demo-safe-note.is-player{position:static;width:max-content;margin:0 auto 12px;transform:none;color:#14643e;background:#e8f8ef;border-color:#bce6ce}
.fut-demo-scene .fut-player-sidebar{top:var(--fut-demo-bar);height:calc(100dvh - var(--fut-demo-bar))}.fut-demo-scene .fut-player-workspace{padding-bottom:20px}.fut-demo-scene .fut-mobile-nav{top:var(--fut-demo-bar)}
.fut-demo-scene .fut-sidebar-nav a{cursor:default}.fut-demo-scene .fut-player-portal{padding-bottom:36px}.fut-demo-scene .fut-match-card{margin-top:0}.fut-demo-scene .fut-player-lineup[hidden]{display:none!important}
.fut-demo-referee{height:calc(100dvh - var(--fut-demo-bar));min-height:0;overflow:hidden}.fut-demo-referee .fut-ref-app{height:calc(100dvh - var(--fut-demo-bar))}.fut-demo-referee .fut-ref-sheet,.fut-demo-referee .fut-ref-finalize{top:var(--fut-demo-bar);height:calc(100dvh - var(--fut-demo-bar))}.fut-demo-referee .fut-ref-finalize{inset:var(--fut-demo-bar) 0 0}.fut-demo-referee [data-demo-ref-step][hidden],.fut-demo-referee [data-demo-sheet][hidden],.fut-demo-referee [data-demo-finalize][hidden]{display:none!important}.fut-demo-referee .fut-ref-player-photo{background:linear-gradient(145deg,#0b63b6,#073b78)}.fut-demo-referee [data-team=red] .fut-ref-player-photo{background:linear-gradient(145deg,#e43650,#9f132c)}
.fut-demo-referee .fut-ref-sheet ol{grid-auto-rows:minmax(54px,72px);align-content:start}.fut-demo-referee .fut-ref-sheet li button{border:0;color:#a9bed0;background:transparent;font-size:10px}.fut-demo-referee .fut-ref-toast{top:calc(var(--fut-demo-bar) + 14px)}
.fut-demo-result .fut-field-home{display:flex;flex-direction:column}.fut-demo-result-stage{position:relative;z-index:4;width:min(980px,calc(100% - 40px));margin:auto;padding:44px;display:grid;grid-template-columns:1fr .85fr;gap:32px;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:28px;color:#fff;background:rgba(2,24,19,.76);box-shadow:0 25px 70px rgba(0,0,0,.3);backdrop-filter:blur(14px)}.fut-demo-result-copy>span{color:#f2cc38;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.fut-demo-result-copy h1{margin:9px 0 12px;color:#fff;font-size:clamp(38px,6vw,74px);line-height:.95;letter-spacing:-.04em}.fut-demo-result-copy p{max-width:470px;margin:0;color:#c6d7d1;line-height:1.55}.fut-demo-result-stage .fut-latest-result{position:static!important;width:100%;margin:0!important;transform:none!important}.fut-demo-result-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.fut-demo-result-actions button{min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#fff;background:rgba(255,255,255,.1);font-weight:850;cursor:pointer}.fut-demo-result-actions button:last-child{border-color:#fff;color:#073b78;background:#fff}
.fut-demo-toast{position:fixed;z-index:1000000;right:20px;bottom:20px;max-width:calc(100% - 40px);padding:12px 18px;border-radius:999px;color:#fff;background:#108b55;box-shadow:0 12px 35px rgba(0,0,0,.25);font-size:12px;font-weight:850;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s ease}.fut-demo-toast.is-visible{opacity:1;transform:none}
@keyframes fut-demo-in{from{opacity:.5}to{opacity:1}}
@media(max-width:780px){
 :root{--fut-demo-bar:58px}
 .fut-demo-control{grid-template-columns:auto 1fr auto;padding:0 8px}.fut-demo-control>a{gap:0}.fut-demo-control>a img{width:34px;height:34px}.fut-demo-control>a span{display:none}.fut-demo-control nav{justify-content:center;gap:0}.fut-demo-control nav button{width:52px;padding:0;gap:2px;flex-direction:column;justify-content:center;border-radius:9px;font-size:7px;line-height:1}.fut-demo-control nav button span{width:19px;height:19px}.fut-demo-reset{width:36px;height:36px;padding:0;justify-content:center}.fut-demo-reset span{display:none}
 .fut-demo-safe-note{top:72px;max-width:calc(100% - 24px);font-size:7px}.fut-demo-scene .fut-field-header{padding-top:58px}.fut-demo-scene .fut-field-content{padding-top:104px}
 .fut-demo-scene .fut-player-sidebar{top:0;height:100dvh}.fut-demo-scene .fut-player-workspace{margin-left:0}.fut-demo-scene .fut-mobile-nav{top:58px}.fut-demo-scene .fut-player-portal{padding-top:86px}.fut-demo-safe-note.is-player{margin-bottom:8px}
 .fut-demo-referee .fut-ref-sheet{padding-top:7px}.fut-demo-referee .fut-ref-finalize{padding:12px}.fut-demo-referee .fut-ref-finalize-card{padding:24px 18px}
 .fut-demo-result .fut-field-header{padding-top:20px}.fut-demo-result-stage{width:calc(100% - 24px);margin:92px auto 24px;padding:26px 18px;grid-template-columns:1fr;gap:22px}.fut-demo-result-copy h1{font-size:44px}.fut-demo-result-stage .fut-latest-result{display:grid!important}.fut-demo-result-actions{grid-column:auto;display:grid}.fut-demo-result-actions button{width:100%}
 .fut-demo-toast{right:12px;bottom:12px;left:12px;max-width:none;text-align:center}
}
@media(max-width:390px){.fut-demo-control nav button{width:48px}.fut-demo-safe-note{font-size:6.5px}.fut-demo-result-copy h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.fut-demo-scene{animation:none}.fut-demo-toast{transition:none}}