:root{--fb-primary:#5b21b6;--fb-secondary:#7c3aed;--fb-accent:#e9d5ff;--fb-electric:#a855f7;--fb-bg:#050208;--fb-surface:#100716;--fb-text:#fff;--fb-muted:#b9acc5;--fb-pitch-a:#2e1647;--fb-pitch-b:#100719}*{box-sizing:border-box}html{background:#050208}body.fb-page{margin:0;min-height:100vh;color:var(--fb-text);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 16% 0,rgba(116,56,165,.22),transparent 30%),linear-gradient(180deg,#07040b,#030204 78%);overflow-x:hidden}.fb-shell{width:min(1360px,100%);margin:auto;padding:0 18px 58px}.fb-topbar{height:64px;display:flex;align-items:center;justify-content:space-between}.fb-brand{font-size:13px;font-weight:950;letter-spacing:.1em}.fb-brand:before{content:"FL";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;margin-right:9px;background:linear-gradient(135deg,#fff,#dbc1f3);color:#240b32;font-size:10px}.fb-home{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;background:rgba(255,255,255,.025)}
.fb-studio{position:relative;border:1px solid rgba(219,193,242,.2);border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(20,14,29,.96),rgba(8,5,12,.98));box-shadow:0 38px 110px rgba(0,0,0,.45),0 0 80px rgba(106,46,155,.08)}.fb-studio:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 28% -15%,rgba(150,74,210,.13),transparent 31%);z-index:0}.fb-studio>*{position:relative;z-index:1}.fb-studio.is-complete{box-shadow:0 38px 110px rgba(0,0,0,.45),0 0 80px rgba(148,76,207,.13)}
.fb-studio-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.fb-title-wrap{display:flex;align-items:flex-start;gap:16px;min-width:0}.fb-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#8d49c7,#2b123e);border:1px solid rgba(235,213,255,.28);font-weight:950;font-size:11px;box-shadow:0 0 28px rgba(145,74,202,.18)}.fb-kicker{font-size:8px;letter-spacing:.16em;color:#bfa6d3;font-weight:950;margin-bottom:5px}.fb-studio-head h1{margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(24px,3vw,38px);line-height:1;letter-spacing:-.045em}.fb-studio-head p{margin:8px 0 0;color:var(--fb-muted);font-size:12px}.fb-live{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;justify-items:end;white-space:nowrap}.fb-live-dot{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#c3ffd0;box-shadow:0 0 0 5px rgba(165,255,184,.06),0 0 13px rgba(165,255,184,.4)}.fb-live strong{font-size:12px}.fb-live small{font-size:7px;letter-spacing:.09em;color:var(--fb-muted)}
.fb-formation-strip{padding:15px 30px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.fb-strip-label{font-size:8px;font-weight:950;letter-spacing:.14em;color:var(--fb-muted);margin-bottom:9px}.fb-formations{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.fb-formations::-webkit-scrollbar{display:none}.fb-formation-btn{flex:0 0 auto;min-width:74px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.025);color:#c8bdcf;padding:9px 12px;font-size:10px;font-weight:950;cursor:pointer;transition:.18s ease}.fb-formation-btn:hover{background:rgba(255,255,255,.055);color:#fff}.fb-formation-btn.is-active{background:linear-gradient(180deg,#6e2cad,#4d1978);border-color:rgba(215,177,245,.34);color:#fff;box-shadow:0 0 20px rgba(126,50,184,.2)}
.fb-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:650px}.fb-stage{padding:18px 20px 20px;border-right:1px solid rgba(255,255,255,.07)}.fb-stage-head{height:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.fb-stage-head strong{font-size:11px;padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.fb-stage-head span{font-size:7px;letter-spacing:.13em;color:var(--fb-muted);font-weight:900}.fb-pitch-wrap{height:calc(100% - 36px);min-height:560px;display:grid;place-items:center}.fb-pitch{position:relative;width:100%;height:100%;min-height:560px;max-height:650px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 48% 35%,rgba(184,114,231,.13),transparent 30%),linear-gradient(180deg,var(--fb-pitch-a),var(--fb-pitch-b));box-shadow:inset 0 0 90px rgba(0,0,0,.32),0 15px 45px rgba(0,0,0,.28);border:1px solid rgba(210,177,232,.15)}.fb-pitch-light{position:absolute;inset:-20%;background:radial-gradient(ellipse at 50% 50%,rgba(139,67,188,.13),transparent 45%);animation:fbAmbient 8s ease-in-out infinite alternate;pointer-events:none}.fb-pitch-noise{position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 9%,transparent 9%,transparent 18%);pointer-events:none}.fb-pitch:before{content:"";position:absolute;inset:5%;border:1px solid rgba(225,203,240,.3)}.fb-pitch:after{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:rgba(225,203,240,.3)}.fb-center-circle{position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;border:1px solid rgba(225,203,240,.3);border-radius:50%;transform:translate(-50%,-50%)}.fb-center-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:rgba(225,203,240,.42);transform:translate(-50%,-50%)}.fb-box{position:absolute;left:32%;width:36%;height:13%;border:1px solid rgba(225,203,240,.3)}.fb-box.top{top:5%;border-top:0}.fb-box.bottom{bottom:5%;border-bottom:0}.fb-goal{position:absolute;left:43%;width:14%;height:2.5%;border:1px solid rgba(225,203,240,.22)}.fb-goal.top{top:5%;border-top:0}.fb-goal.bottom{bottom:5%;border-bottom:0}
.fb-slot{position:absolute;transform:translate(-50%,-50%);z-index:4;width:76px;border:0;background:transparent;color:#fff;padding:0;text-align:center;cursor:pointer;transition:left .38s cubic-bezier(.22,.8,.2,1),top .38s cubic-bezier(.22,.8,.2,1),transform .16s ease,filter .18s ease;animation:fbSlotIn .28s ease}.fb-slot:hover{filter:brightness(1.08)}.fb-slot:active{transform:translate(-50%,-50%) scale(.95)}.fb-slot.is-selected .fb-slot-card{box-shadow:0 0 0 3px rgba(196,139,241,.17),0 0 34px rgba(167,88,223,.42)}.fb-slot-card{position:relative;width:60px;height:60px;margin:auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#6f2fa1,#1a1024);border:1px solid rgba(214,179,241,.48);box-shadow:0 10px 19px rgba(0,0,0,.3),0 3px 9px rgba(0,0,0,.22),0 0 22px rgba(137,62,190,.16)}.fb-slot-card:before{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.13);border-radius:50%;z-index:2;pointer-events:none}.fb-slot-card img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(var(--fb-img-scale,1.08));transform-origin:50% 20%}.fb-player-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(218,177,246,.35),transparent 65%)}.fb-slot-card.empty{overflow:visible;background:rgba(14,8,20,.5);border:1px dashed rgba(233,216,246,.5);box-shadow:0 8px 18px rgba(0,0,0,.2)}.fb-slot-card.empty:before{border-style:dashed;border-color:rgba(255,255,255,.12)}.fb-plus{font-size:27px;font-weight:300;color:#ddd0e7;line-height:1}.fb-shirt{position:absolute;right:0;bottom:0;z-index:3;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#251030;font-size:7px;font-weight:950;border:1px solid rgba(255,255,255,.8)}.fb-slot-name{display:block;width:76px;margin-top:5px;padding:3px 4px;border-radius:6px;background:rgba(5,2,8,.72);font-size:8px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-slot-name.empty-label{background:transparent;color:#b8a9c3;letter-spacing:.08em;font-size:7px}.fb-slot-role{display:block;font-size:6px;color:#c5a7db;margin-top:2px;font-weight:900;letter-spacing:.05em}
.fb-roster-panel{padding:19px 17px 15px;background:linear-gradient(180deg,rgba(17,11,24,.9),rgba(8,5,12,.9));min-width:0}.fb-roster-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.fb-roster-head small{display:block;color:#bda4d0;font-size:7px;letter-spacing:.14em;font-weight:950}.fb-roster-head h2{margin:4px 0 0;font-family:Arial Black,Arial,sans-serif;font-size:15px;line-height:1.05;letter-spacing:-.02em}.fb-clear-slot{display:none;border:1px solid rgba(255,106,126,.16);background:rgba(255,70,95,.055);color:#ffc0c9;border-radius:9px;padding:7px 8px;font-size:7px;font-weight:950}.fb-roster-tools{border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:10px}.fb-roster-search{width:100%;border:1px solid rgba(255,255,255,.09);background:#08050b;color:#fff;border-radius:10px;padding:9px 10px;font-size:10px;outline:none}.fb-roster-search:focus{border-color:rgba(177,113,221,.45)}.fb-role-filters{display:flex;gap:5px;margin-top:8px}.fb-role-btn{flex:1;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#bfb1c9;border-radius:8px;padding:7px 3px;font-size:7px;font-weight:950;cursor:pointer}.fb-role-btn.is-active{background:#54207e;color:#fff;border-color:#7640a2}.fb-player-list{height:500px;overflow-y:auto;padding:6px 2px 0 0;scrollbar-width:thin;scrollbar-color:#4c315e transparent}.fb-player{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 16px;align-items:center;gap:9px;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:#fff;padding:8px 2px;cursor:pointer}.fb-player:hover{background:rgba(255,255,255,.025)}.fb-player.fit-3{background:linear-gradient(90deg,rgba(91,31,137,.1),transparent)}.fb-player-photo{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#6f2fa1,#1a1024);border:1px solid rgba(214,179,241,.38);box-shadow:0 6px 14px rgba(0,0,0,.26)}.fb-player-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(var(--fb-img-scale,1.06));transform-origin:50% 20%}.fb-player-photo b{position:absolute;right:0;bottom:0;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#251030;font-size:6px;font-weight:950}.fb-player-copy{min-width:0}.fb-player-copy strong{display:block;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-player-copy em{display:block;color:#94869e;font-style:normal;font-size:7px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-fit{display:block;color:#b890d5;font-size:6px;letter-spacing:.1em;font-weight:950;margin-bottom:3px}.fb-player.fit-0 .fb-fit{color:#c98994}.fb-player-arrow{color:#6f6178;font-size:18px}.fb-note{padding:18px 4px;color:#9f91a9;font-size:9px;line-height:1.5}
.fb-studio-footer{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:22px;padding:18px 30px;border-top:1px solid rgba(255,255,255,.07);background:rgba(7,4,10,.72)}.fb-progress-block{display:grid;grid-template-columns:auto minmax(90px,260px);align-items:center;gap:15px}.fb-progress-copy strong{display:block;font-size:10px;letter-spacing:.08em}.fb-progress-copy span{display:block;color:#96899f;font-size:8px;margin-top:4px}.fb-progress-track{height:4px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}.fb-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#6c2a9d,#b879e6);border-radius:99px;transition:width .25s ease}.fb-footer-actions{display:flex;gap:8px}.fb-btn{border-radius:10px;padding:10px 15px;font-size:9px;font-weight:950;letter-spacing:.04em;cursor:pointer}.fb-btn.ghost{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#d9cedf}.fb-btn.primary{border:1px solid rgba(202,150,239,.22);background:linear-gradient(180deg,#742aab,#511875);color:#fff;min-width:124px}.fb-btn.primary b{font-size:14px;margin-left:9px}.fb-btn:disabled{opacity:.3;cursor:not-allowed}
.fb-picker{position:fixed;z-index:60;inset:0;display:none;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);align-items:flex-end}.fb-picker.is-open{display:flex}.fb-picker-card{width:100%;max-height:83vh;overflow:auto;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#17101f,#09060d);border:1px solid rgba(255,255,255,.12);border-bottom:0;padding:8px 13px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -25px 70px rgba(0,0,0,.45);animation:fbUp .2s ease}.fb-picker-grab{width:38px;height:4px;border-radius:99px;background:rgba(255,255,255,.18);margin:1px auto 13px}.fb-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.fb-picker-head small{color:#bfa0d7;font-size:7px;letter-spacing:.14em;font-weight:950}.fb-picker-head h2{margin:3px 0 0;font-family:Arial Black,Arial,sans-serif;font-size:20px}.fb-close{width:35px;height:35px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;font-size:18px}.fb-picker-tools{display:flex;gap:7px;margin:13px 0 9px}.fb-search{flex:1;min-width:0;border:1px solid rgba(255,255,255,.1);background:#08050b;color:#fff;border-radius:10px;padding:10px 11px;outline:none}.fb-toggle{max-width:116px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#fff;border-radius:10px;padding:8px;font-size:7px;font-weight:950}.fb-toggle.is-active{background:#5b2087}.fb-player-grid{display:grid;grid-template-columns:1fr;gap:2px}.fb-remove{width:100%;margin-top:10px;border:1px solid rgba(255,94,118,.17);background:rgba(255,72,98,.055);color:#ffc2ca;border-radius:10px;padding:10px;font-size:8px;font-weight:950}.fb-toast{position:fixed;z-index:80;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#fff;color:#210d2b;border-radius:999px;padding:9px 14px;font-size:10px;font-weight:950;transition:.2s;box-shadow:0 10px 35px rgba(0,0,0,.36)}.fb-toast.show{opacity:1;transform:translate(-50%,0)}.fb-loading{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.fb-loading strong{font-size:10px;letter-spacing:.12em}.fb-loading small{font-size:8px;color:#998ba3}.fb-loader-ball{width:28px;height:28px;border:2px solid rgba(255,255,255,.16);border-top-color:#fff;border-radius:50%;animation:fbSpin .7s linear infinite}.fb-error{padding:35px;text-align:center;color:#ffbcc6}
@keyframes fbSpin{to{transform:rotate(360deg)}}@keyframes fbUp{from{transform:translateY(18px);opacity:.5}to{transform:none;opacity:1}}@keyframes fbAmbient{from{transform:translate(-2%,-1%) scale(1)}to{transform:translate(2%,1%) scale(1.05)}}@keyframes fbSlotIn{from{opacity:.55;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:899px){.fb-shell{padding:0 10px 40px}.fb-topbar{height:56px}.fb-studio{border-radius:22px}.fb-studio-head{padding:18px 16px 14px}.fb-mark{width:36px;height:36px;border-radius:11px}.fb-kicker{font-size:7px}.fb-studio-head h1{font-size:24px}.fb-studio-head p{font-size:10px;line-height:1.35;max-width:470px}.fb-live{display:none}.fb-formation-strip{padding:12px 14px}.fb-formations{margin-right:-14px;padding-right:14px}.fb-formation-btn{min-width:70px;padding:8px 9px;font-size:9px}.fb-workspace{display:block;min-height:auto}.fb-stage{padding:12px;border-right:0}.fb-stage-head{height:24px;margin-bottom:6px}.fb-stage-head span{font-size:6px}.fb-pitch-wrap{height:auto;min-height:0}.fb-pitch{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:68/100;border-radius:15px}.fb-roster-panel{display:none}.fb-studio-footer{grid-template-columns:1fr;padding:13px 14px 15px;gap:11px}.fb-progress-block{grid-template-columns:auto 1fr;gap:11px}.fb-footer-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr}.fb-btn{padding:10px 7px;font-size:8px}.fb-btn.primary{min-width:0}.fb-slot{width:68px}.fb-slot-card{width:55px;height:55px}.fb-slot-name{width:68px;font-size:7.5px}.fb-slot-role{font-size:6px}.fb-plus{font-size:25px}}
@media(max-width:390px){.fb-shell{padding-left:6px;padding-right:6px}.fb-title-wrap{gap:10px}.fb-studio-head{padding-left:12px;padding-right:12px}.fb-mark{width:32px;height:32px}.fb-studio-head h1{font-size:21px}.fb-studio-head p{font-size:9px}.fb-formation-strip{padding-left:10px;padding-right:10px}.fb-stage{padding:8px}.fb-slot{width:61px}.fb-slot-card{width:49px;height:49px}.fb-slot-name{width:61px;font-size:7px}.fb-shirt{width:16px;height:16px;font-size:6px}.fb-plus{font-size:22px}.fb-stage-head span{display:none}.fb-studio-footer{padding:11px 10px 13px}.fb-progress-copy strong{font-size:9px}.fb-progress-copy span{font-size:7px}}