@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,800&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{font-family:Barlow Condensed,sans-serif;color:#fff;background:#020713;font-synthesis:none;--blue: #1763ff;--navy: #071c44;--gold: #f5ca52;--red: #d92045;--ice: #dff1ff}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#020713}button{font:inherit}#app{position:relative}#stage,#stage canvas{width:100%;height:100%;display:block}.stadium-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 47%,rgba(0,6,18,.34) 82%,rgba(0,4,15,.8) 100%)}.broadcast-bar{position:absolute;z-index:5;top:16px;left:50%;transform:translate(-50%);height:54px;display:flex;align-items:stretch;filter:drop-shadow(0 8px 22px rgba(0,0,0,.4))}.competition-mark{width:82px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#f5ca52;color:#071326;transform:skew(-8deg)}.competition-mark>*{transform:skew(8deg)}.competition-mark span{font:900 19px/1 Barlow Condensed;border:2px solid #071326;padding:2px}.competition-mark strong{font:800 11px/.83 Barlow Condensed;letter-spacing:.05em}.scoreboard{min-width:300px;display:flex;align-items:center;justify-content:center;background:#030b1ced;border-top:2px solid rgba(255,255,255,.15)}.scoreboard strong{min-width:92px;text-align:center;font-size:26px;font-weight:800}.team{width:92px;display:flex;align-items:center;gap:10px;justify-content:center;font:800 16px Barlow Condensed;letter-spacing:.08em}.team i{width:12px;height:22px;transform:skew(-8deg);background:var(--blue)}.team.home i{box-shadow:3px 0 #fff}.team.away i{background:var(--red);box-shadow:-3px 0 #2b2d39}.clock{min-width:76px;display:grid;place-items:center;background:#fff;color:#071326;font:800 20px IBM Plex Mono;transform:skew(-8deg)}.player-hud{position:absolute;z-index:5;left:22px;bottom:25px;width:250px;padding:12px 15px;background:linear-gradient(90deg,#030c1ff0,#030c1f8c);border-left:4px solid var(--blue)}.label{display:block;color:#8fb4e9;font:600 9px IBM Plex Mono;letter-spacing:.12em}.player-hud strong{display:block;margin-top:4px;font-size:20px;letter-spacing:.05em}.meter-wrap{margin-top:9px}.meter{height:5px;margin-top:5px;background:#ffffff29}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--blue),#71d5ff);transition:width .12s}.match-hud{position:absolute;z-index:5;bottom:24px;left:50%;transform:translate(-50%);text-align:center}.possession{display:inline-block;padding:6px 11px;background:#030c1fe0;border-bottom:2px solid var(--gold);font:700 13px Barlow Condensed;letter-spacing:.12em}.controls-hint{display:block;margin-top:8px;color:#ffffff8c;font:500 9px IBM Plex Mono;letter-spacing:.04em;text-shadow:0 2px 5px #000}.music-button{position:absolute;z-index:6;right:20px;bottom:24px;color:#fff;background:#030c1fd6;border:1px solid rgba(255,255,255,.25);padding:9px 13px;cursor:pointer;font:600 10px IBM Plex Mono}.music-button:hover,.music-button:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}.radar{position:absolute;z-index:5;right:20px;bottom:74px;width:96px;height:150px;opacity:0;transition:opacity .25s;pointer-events:none;border:1px solid rgba(255,255,255,.24);background:#020a18a8}.radar.visible{opacity:.92}.power-wrap{position:absolute;z-index:6;left:50%;bottom:76px;transform:translate(-50%,12px);opacity:0;transition:.15s;text-align:center}.power-wrap.visible{opacity:1;transform:translate(-50%)}.power-wrap span{color:var(--gold);font:700 10px IBM Plex Mono;letter-spacing:.1em}.power-meter{position:relative;width:190px;height:9px;margin-top:5px;padding:2px;border:1px solid rgba(255,255,255,.45);background:#0000007a}.power-meter:after{content:"";position:absolute;top:-2px;bottom:-2px;left:15%;width:2px;background:#ffffffd9}.power-meter i{display:block;width:0%;height:100%;background:linear-gradient(90deg,#f8e46a,#ff7a33)}.match-message{position:absolute;z-index:8;top:24%;left:50%;transform:translate(-50%,-15px) skew(-7deg);color:#071326;background:var(--gold);padding:9px 24px;opacity:0;font:900 23px Barlow Condensed;letter-spacing:.12em;box-shadow:8px 8px #00000038;transition:.25s;pointer-events:none}.match-message.visible{opacity:1;transform:translate(-50%) skew(-7deg)}.overlay{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 45%,#071e4685,#00040df0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s}.overlay.visible{opacity:1;visibility:visible;pointer-events:auto}.hero-card,.modal-card{position:relative;width:min(720px,96vw);padding:34px clamp(24px,5vw,58px) 27px;overflow:hidden;background:linear-gradient(145deg,#061839f7,#020919fa);border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 100px #0000008c;text-align:center}.hero-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(23,99,255,.18) 42% 56%,transparent 56%),repeating-linear-gradient(90deg,transparent 0 69px,rgba(255,255,255,.025) 70px)}.edition{position:absolute;top:0;right:0;padding:8px 13px;color:#071326;background:var(--gold);font:700 9px IBM Plex Mono;letter-spacing:.08em}.overline{position:relative;margin:0 0 8px;color:var(--gold);font:700 11px IBM Plex Mono;letter-spacing:.24em}h1{position:relative;margin:0;font:900 clamp(56px,9vw,96px)/.67 "Barlow Condensed";letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 6px 25px rgba(0,0,0,.45)}h1 em{color:transparent;font-style:italic;-webkit-text-stroke:2px #fff}.setup-block{position:relative;margin-top:24px}.setup-label{letter-spacing:.2em}.team-select{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:9px}.team-chip{display:grid;place-items:center;gap:3px;width:62px;padding:8px 0 6px;color:#fff;background:#ffffff0a;border:1px solid rgba(255,255,255,.16);cursor:pointer}.team-chip i{width:30px;height:36px;display:grid;place-items:center;clip-path:polygon(50% 0,95% 18%,82% 80%,50% 100%,18% 80%,5% 18%);background:var(--chip, var(--blue));font-style:normal;font-weight:900;font-size:15px}.team-chip span{font:600 9px IBM Plex Mono;letter-spacing:.06em}.team-chip:hover{border-color:#ffffff73}.team-chip.selected{border-color:var(--gold);background:#f5ca521f;box-shadow:0 0 0 1px var(--gold)}.team-tagline{position:relative;margin:9px 0 0;color:#9eb4d6;font:600 9px IBM Plex Mono;letter-spacing:.12em}.setup-row{position:relative;display:grid;grid-template-columns:1.7fr 1.2fr 1.1fr;gap:10px;margin:16px 0 18px}.pill-row{display:flex;gap:5px;margin-top:6px}.pill-row button{flex:1;padding:7px 2px;color:#c9d7ee;background:transparent;border:1px solid rgba(255,255,255,.22);cursor:pointer;font:700 11px Barlow Condensed;letter-spacing:.08em}.pill-row button:hover{border-color:#ffffff80}.pill-row button.selected{color:#071326;background:var(--gold);border-color:var(--gold);font-weight:800}.venue{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:20px;border-block:1px solid rgba(255,255,255,.14)}.venue span{padding:8px;color:#94a7c4;font:600 9px IBM Plex Mono;letter-spacing:.08em;border-right:1px solid rgba(255,255,255,.14)}.venue span:last-child{border:0}.primary,.secondary{position:relative;width:100%;min-height:54px;border:0;padding:0 18px;cursor:pointer;font-weight:900;font-size:17px;letter-spacing:.1em}.primary{display:flex;align-items:center;justify-content:space-between;color:#061328;background:var(--gold);box-shadow:8px 8px #f5ca5224}.primary small{font:600 9px IBM Plex Mono;opacity:.6}.primary:hover,.primary:focus-visible{filter:brightness(1.09);transform:translateY(-2px);outline:2px solid white;outline-offset:2px}.secondary{margin-top:10px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.25)}.secondary:hover,.secondary:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}.menu-controls,.music-credit{position:relative;margin:18px 0 0;color:#7d8da8;font:500 8px IBM Plex Mono;letter-spacing:.05em}.career-line{margin-top:14px;color:var(--gold);letter-spacing:.14em}.music-credit{margin-top:8px;color:#786f47;letter-spacing:.1em}.modal-card{width:min(500px,94vw)}.modal-card.compact h2,.result-card h2{margin:8px 0 26px;font-size:clamp(44px,8vw,76px);line-height:.85}.trophy{width:78px;height:78px;margin:17px auto 20px;display:grid;place-items:center;color:var(--gold);border:2px solid var(--gold);border-radius:50%;font-size:34px;box-shadow:0 0 40px #f5ca523d}.result-card{width:min(590px,94vw)}.result-card h2{margin-bottom:14px}.result-card>p:not(.overline){color:#9eb0c9}.final-score{margin:24px 0 14px;padding:13px;border-block:1px solid rgba(255,255,255,.16)}.match-stats{margin:0 auto 14px;max-width:340px}.match-stats div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:3px 0}.match-stats span{font:600 12px IBM Plex Mono}.match-stats span:first-child{text-align:right}.match-stats span:last-child{text-align:left}.match-stats b{min-width:110px;color:#8ca0bd;font:600 8px IBM Plex Mono;letter-spacing:.14em}.league-box{margin:0 auto 16px}.league-box table{width:100%;max-width:360px;margin:0 auto;border-collapse:collapse;font:600 10px IBM Plex Mono}.league-box th{padding:4px 5px;color:#8ca0bd;font-size:8px;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.2)}.league-box td{padding:4px 5px;text-align:center;border-bottom:1px solid rgba(255,255,255,.07)}.league-box tr.me td{color:var(--gold);background:#f5ca5214}.final-score span{display:block;color:#8092ad;font:600 9px IBM Plex Mono}.final-score strong{display:block;margin-top:5px;font-size:27px}.penalty-panel{position:absolute;z-index:6;top:84px;left:50%;transform:translate(-50%) translateY(-8px);min-width:430px;padding:9px 16px;opacity:0;background:#020919e6;border-bottom:2px solid var(--gold);text-align:center;transition:.2s;pointer-events:none}.penalty-panel.visible{opacity:1;transform:translate(-50%) translateY(0)}.penalty-panel span{color:var(--gold);font-size:12px;letter-spacing:.14em}.penalty-panel strong{display:block;margin:4px 0;font:700 15px IBM Plex Mono}.penalty-panel small{color:#8ca0bd;font:500 8px IBM Plex Mono}.touch-controls{display:none;position:absolute;z-index:9;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}.joystick,.touch-button,.touch-pause{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.joystick{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(17px,env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%;border:2px solid rgba(255,255,255,.34);background:radial-gradient(circle,#1763ff33,#030c1fb3);box-shadow:inset 0 0 24px #00000059,0 8px 24px #00000040}.joystick:before,.joystick:after{content:"";position:absolute;background:#ffffff1f}.joystick:before{width:1px;height:78%;left:50%;top:11%}.joystick:after{height:1px;width:78%;top:50%;left:11%}.joystick i{position:absolute;z-index:2;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(145deg,#4b8cff,#1051da);border:2px solid rgba(255,255,255,.72);box-shadow:0 5px 16px #00000073}.touch-actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(15px,env(safe-area-inset-bottom));width:270px;height:138px}.touch-button{position:absolute;display:grid;place-items:center;padding:0;color:#fff;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:#031029cc;box-shadow:0 6px 18px #00000052}.touch-button:active,.touch-button.active{transform:scale(.92);border-color:var(--gold);background:#1763ffd1}.touch-button strong{font:800 17px/1 Barlow Condensed}.touch-button span{font:700 6px/1 IBM Plex Mono;letter-spacing:.02em}.touch-button.utility{width:46px;height:46px}#touchSwitch{left:0;top:8px}#touchThrough{left:52px;top:0}#touchLob{left:104px;top:10px}#touchTackle{left:17px;top:61px}#touchSprint{left:70px;top:55px}.touch-button.pass{right:82px;bottom:5px;width:64px;height:64px;color:#fff;border:2px solid #9dc5ff;background:linear-gradient(145deg,#2875ff,#0d47b8)}.touch-button.pass strong{font-size:22px}.touch-button.shoot{right:0;bottom:2px;width:76px;height:76px;color:#061328;border:2px solid #fff1b9;background:linear-gradient(145deg,#ffe374,#e6a928)}.touch-button.shoot strong{font-size:25px}.touch-button.shoot span{max-width:60px}.touch-pause{position:absolute;top:max(76px,calc(env(safe-area-inset-top) + 66px));right:max(10px,env(safe-area-inset-right));width:38px;height:38px;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#030c1fb8;font:800 14px IBM Plex Mono}@media(max-width:900px),(hover:none)and (pointer:coarse){body{overscroll-behavior:none}.touch-controls.visible{display:block}.competition-mark{display:none}.broadcast-bar{top:max(7px,env(safe-area-inset-top))}.scoreboard{min-width:230px}.team{width:64px}.clock{min-width:66px;font-size:17px}.player-hud{left:max(8px,env(safe-area-inset-left));bottom:auto;top:max(74px,calc(env(safe-area-inset-top) + 66px));width:190px;padding:8px 10px}.player-hud strong{font-size:16px}.meter-wrap{margin-top:5px}.match-hud{top:max(74px,calc(env(safe-area-inset-top) + 66px));bottom:auto}.controls-hint{display:none}.music-button{right:max(10px,env(safe-area-inset-right));top:max(120px,calc(env(safe-area-inset-top) + 110px));bottom:auto;padding:7px 9px;font-size:8px}.radar{right:auto;left:50%;transform:translate(-50%);bottom:max(14px,env(safe-area-inset-bottom));width:72px;height:112px}.power-wrap{bottom:max(156px,calc(env(safe-area-inset-bottom) + 148px))}.power-meter{width:150px}.overlay{padding:12px}.hero-card,.modal-card{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;padding:26px 18px 18px}.hero-card{width:min(650px,calc(100vw - 24px))}.controls-line{margin-top:13px;font-size:0}.controls-line:after{content:"TOUCH JOYSTICK TO MOVE - BLUE PASS - GOLD SHOOT";font:500 8px IBM Plex Mono}.penalty-panel{min-width:min(92vw,430px);top:max(61px,calc(env(safe-area-inset-top) + 55px))}.penalty-panel small{font-size:0}.penalty-panel small:after{content:"MOVE JOYSTICK TO AIM - HOLD GOLD BUTTON FOR POWER";font:500 8px IBM Plex Mono}.penalty-panel[data-mode=keep] small:after{content:"MOVE JOYSTICK TO DIVE - SAVE THE PENALTY"}}@media(max-width:520px)and (orientation:portrait){.broadcast-bar{transform:translate(-50%) scale(.86);transform-origin:top center}.scoreboard{min-width:225px}.player-hud{top:62px;width:166px;transform:scale(.88);transform-origin:left top}.match-hud{top:66px;left:auto;right:8px;transform:none}.music-button{top:102px}.touch-pause{top:138px}h1{font-size:clamp(44px,16vw,68px)}.hero-card{padding-top:28px}.team-chip{width:52px}.team-chip i{width:26px;height:31px;font-size:12px}.setup-row{grid-template-columns:1fr;gap:8px;margin:13px 0 14px}.pill-row{margin-top:4px}.venue span{padding:7px 3px;font-size:7px}.joystick{width:104px;height:104px}.radar{left:50%;transform:translate(-50%);top:108px;bottom:auto;width:56px;height:88px}.touch-actions{transform:scale(.82);transform-origin:right bottom}.match-message{top:19%;max-width:90vw;white-space:nowrap;font-size:18px}}:root{--green: #0a6b3a;--green-2: #0f8a4b;--gold: #f5ca52;--ink: #06110b}html[dir=rtl] body{font-family:Alexandria,Zain,system-ui,sans-serif}#menu{display:none!important}.shell{position:fixed;inset:0;display:none;background:radial-gradient(120% 80% at 50% 0%,#0f8a4b,#06110b 70%);color:#fff;z-index:40;overflow:auto;-webkit-overflow-scrolling:touch}.shell.visible{display:block}.shell .screen{display:none;min-height:100%;padding:max(24px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom));max-width:520px;margin:0 auto;flex-direction:column;gap:14px;box-sizing:border-box}.shell .screen.visible{display:flex}.shell h1{font-family:Changa,Zain,sans-serif;font-weight:800;font-size:clamp(40px,11vw,64px);line-height:1.05;margin:0;color:var(--gold)}.shell h2{font-family:Changa,sans-serif;font-weight:700;font-size:clamp(24px,6.5vw,34px);margin:0;line-height:1.2}.shell .overline{font-size:13px;opacity:.75;margin:0}.shell .sub{font-size:16px;opacity:.92;margin:0;line-height:1.6}.shell .intro{font-family:Changa,sans-serif;font-size:20px;margin:4px 0 0;line-height:1.4;color:var(--gold)}.shell .hint{font-size:13px;opacity:.6;margin:0;text-align:center}.shell label{display:grid;gap:6px;font-size:14px}.shell input{font:inherit;font-size:18px;padding:12px 14px;border-radius:12px;border:1px solid #ffffff33;background:#ffffff14;color:#fff;width:100%;box-sizing:border-box}.shell input.shake{animation:shake .4s;border-color:#ff8a8a}@keyframes shake{25%{transform:translate(6px)}75%{transform:translate(-6px)}}.shell .primary,.shell .ghost{font:inherit;font-weight:700;font-size:18px;padding:16px;border-radius:14px;border:0;cursor:pointer;width:100%}.shell .primary{background:var(--gold);color:var(--ink)}.shell .ghost{background:transparent;color:#fff;border:1px solid #ffffff44}.shell .logo{width:min(240px,60vw);align-self:center}.shell .mascot{width:min(150px,36vw);align-self:center;margin-top:-10px}.slots{display:grid;gap:8px}.slot{display:grid;grid-template-columns:40px 56px 1fr auto;gap:8px;align-items:center;background:#ffffff12;border-radius:12px;padding:8px 10px}.slot.me{outline:2px solid var(--gold)}.slot em{font-style:normal;color:var(--gold);font-weight:800}.slot b{font-size:13px;opacity:.8;font-weight:500}.slot strong{font-family:Changa;font-size:18px}.slot input{padding:8px 10px;font-size:15px}.slot button{font:inherit;font-size:13px;padding:8px 10px;border-radius:10px;border:1px solid #ffffff44;background:transparent;color:#fff}.kit-row{display:flex;gap:8px}.kit-row button{flex:1;font:inherit;padding:10px;border-radius:10px;border:1px solid #ffffff44;background:transparent;color:#fff}.kit-row .selected{background:var(--gold);color:var(--ink);border-color:var(--gold)}.ksa{width:100%;max-height:200px}.ksa .land{fill:#ffffff10;stroke:var(--gold);stroke-width:2;stroke-linejoin:round}.ksa .route{stroke:#fff4;stroke-width:2;stroke-dasharray:6 6}.ksa .route.done{stroke:var(--gold);stroke-dasharray:none}.ksa .pin{fill:#fff5}.ksa .pin.done{fill:var(--green-2);stroke:#fff;stroke-width:2}.ksa .pin.now{fill:var(--gold);animation:pulse 1.2s infinite}@keyframes pulse{50%{r:13}}.stop-cards{display:grid;gap:8px}.stop{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:#ffffff12;opacity:.55}.stop.now{opacity:1;outline:2px solid var(--gold)}.stop.done{opacity:.85;background:#0f8a4b55}.stop em{font-style:normal;font-size:12px;color:var(--gold)}.stop b{font-family:Changa;font-size:22px;line-height:1.1}.stop span,.stop small{font-size:13px;opacity:.85}.wallet{display:flex;justify-content:space-between;font-weight:700;color:var(--gold)}.skyline{width:100%;height:90px;display:block}.skyline path{fill:#06110b}.opp{font-family:Changa;font-size:22px;margin:0}.opp i{font-style:normal;font-size:14px;opacity:.7;margin:0 8px}.bracket-wrap{overflow-x:auto;background:#06110b;border-radius:12px;padding:8px;min-height:200px}.trophy-big{font-size:96px;text-align:center;line-height:1;filter:drop-shadow(0 8px 24px #f5ca5288)}.tiers{display:grid;gap:10px}.tier{background:#ffffff12;border-radius:14px;padding:14px}.tier.diamond{outline:2px solid #7fd7ff}.tier h3{margin:0;font-family:Changa;font-size:22px}.tier em{color:var(--gold);font-style:normal}.tier ul{margin:8px 0 0;padding-inline-start:18px;font-size:14px;line-height:1.7}.err{color:#ff8a8a;font-size:13px;margin:0}.star-card{display:grid;gap:6px;background:linear-gradient(160deg,#0a6b3a,#06110b);border:1px solid #f5ca5288;border-radius:14px;padding:12px;text-align:center;margin:10px 0;direction:rtl;font-family:Alexandria,sans-serif}.star-card:empty{display:none}.star-card .label{font-size:12px;opacity:.8}.star-card strong{font-family:Changa;font-size:24px}.star-card em{color:var(--gold);font-style:normal}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stat-grid b{display:block;font-size:22px;color:var(--gold)}.stat-grid span{font-size:12px;opacity:.85}#stage,.broadcast-bar,.touch-controls,.radar{direction:ltr}.player-hud,.match-hud,.penalty-panel,.modal-card{direction:rtl}.match-message,.modal-card h2,.broadcast-bar strong,.player-hud strong,.possession,.result-card .final-score strong{font-family:Zain,Changa,sans-serif}.shell h1,.shell h2,.shell button,.shell .overline{text-transform:none;letter-spacing:0}.gracket{direction:ltr}.g_winner:before{content:"البطل"!important;font-family:Changa,sans-serif!important;font-size:12px!important;letter-spacing:0!important}.g_gracket h3,.g_round_label,.g_team-name{font-family:Changa,Zain,sans-serif!important;text-transform:none!important;letter-spacing:0!important}.g_gracket h3{direction:rtl}.g_gracket h3 .g_score{margin-left:0;margin-right:auto}.shell{overflow-x:hidden}.shell .screen{min-width:0;max-width:100vw}#bracket.bracket-wrap{display:block;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible;box-sizing:border-box}.shell .logo{clip-path:inset(0 0 39% 0);margin-bottom:calc(min(240px,60vw)/-5)}.shell{background-color:#06110b}.g_gracket{width:max-content;min-width:100%;background:linear-gradient(180deg,#0d1117,#1a1f2e);padding:80px 25px 25px;line-height:100%;position:relative;overflow:hidden;border-radius:0;box-shadow:inset 0 0 100px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.g_round{float:left;margin-right:85px;display:flex;flex-direction:column;gap:0}.g_round:last-child{margin-right:35px}.g_game{position:relative;margin-bottom:20px;display:flex;flex-direction:column;gap:3px}.g_gracket h3{margin:0;padding:14px 18px;font-size:14px;font-weight:700;color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:10px;letter-spacing:.02em;text-transform:uppercase;font-family:Roboto Condensed,-apple-system,sans-serif}.g_team{background:linear-gradient(90deg,#2a2f3a,#1f2430);border-radius:2px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff0d;transition:all .2s ease;border-left:4px solid #e74c3c;border-right:1px solid rgba(255,255,255,.05)}.g_team:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);pointer-events:none}.g_team:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease;pointer-events:none}.g_team:hover:after{left:100%}.g_team h3{color:#fff;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.g_game .g_team:nth-child(1){border-left-color:#e74c3c;background:linear-gradient(90deg,#2a2f3a,#1f2430)}.g_game .g_team:nth-child(2){border-left-color:#3498db;background:linear-gradient(90deg,#252a36,#1a1f2c)}.g_bye{background:linear-gradient(90deg,#2a2f3a80,#1f243080);border-left:4px dashed #6c757d!important;border-right:1px dashed rgba(255,255,255,.05);opacity:.6;cursor:default;pointer-events:none}.g_bye h3{color:#8b949e;font-style:italic;font-weight:600}.g_bye:before,.g_bye:after{display:none}.g_bye:hover{transform:none;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff0d}.g_team:hover{transform:translate(3px);box-shadow:0 3px 8px #0009,inset 0 1px #ffffff1a;border-right-color:#ffffff1a}.g_winner{background:linear-gradient(180deg,#1a1f2e,#0d1117);padding:20px;border-radius:2px;box-shadow:0 4px 20px #0009,inset 0 0 60px #ffd7001a;position:relative;border:2px solid #ffd700}.g_winner:before{content:"CHAMPION";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,gold,#ffed4e);color:#000;font-size:10px;font-weight:900;padding:4px 16px;letter-spacing:.1em;border-radius:2px;box-shadow:0 2px 8px #ffd70099;z-index:10}.g_winner:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 48%,rgba(255,215,0,.1) 49%,rgba(255,215,0,.1) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,215,0,.1) 49%,rgba(255,215,0,.1) 51%,transparent 52%);background-size:20px 20px;opacity:.3;pointer-events:none}.g_winner .g_team{background:linear-gradient(90deg,#1a1f2e,#252a36);border-left:6px solid #ffd700;border-right:2px solid #ffd700;box-shadow:0 0 20px #ffd7004d,0 2px 8px #0006;position:relative;z-index:2}.g_winner .g_team h3{color:gold;font-weight:900;font-size:16px;text-shadow:0 0 10px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.8)}.g_winner .g_team:hover{box-shadow:0 0 30px #ffd70099,0 4px 12px #0009;transform:translate(3px) scale(1.02)}.g_current{cursor:pointer;background:linear-gradient(90deg,#2a2f3a,#1f2430)!important;box-shadow:0 0 15px #ffd70099,0 2px 8px #0006!important;transform:translate(3px) scale(1.01)!important;border-left-color:gold!important;border-right:2px solid #ffd700!important}.g_current h3{color:gold!important}.g_round_label{position:absolute;top:25px;left:50%;transform:translate(-50%);font-weight:900;color:#fff;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.15em;background:linear-gradient(180deg,#e74c3c,#c0392b);padding:8px 24px;border-radius:0;box-shadow:0 3px 8px #0006,inset 0 1px #fff3;border:none;border-bottom:2px solid #a93226;white-space:nowrap;z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:Roboto Condensed,sans-serif}.g_seed{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;text-align:center;font-weight:900;font-size:12px;color:#fff;background:#0006;border-radius:2px;border:1px solid rgba(255,255,255,.15);flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:Roboto Condensed,monospace;letter-spacing:0}.g_winner .g_team .g_seed{background:#0009;border-color:gold;color:gold}.g_score{font-weight:900;font-size:20px;margin-left:auto;background:#00000080;padding:4px 14px;border-radius:2px;min-width:48px;text-align:center;display:inline-block;border:1px solid rgba(255,255,255,.1);flex-shrink:0;font-family:Roboto Condensed,monospace;text-shadow:0 0 5px currentColor,0 1px 2px rgba(0,0,0,.8);letter-spacing:.05em;box-shadow:inset 0 2px 4px #00000080}.g_score-empty{opacity:.4;font-size:16px;text-shadow:none}.g_winner .g_team .g_score{background:#000000b3;border-color:gold;color:gold;box-shadow:0 0 10px #ffd7004d,inset 0 2px 4px #00000080}.g_winner .g_team .g_score-empty{color:gold;opacity:.5}.g_team-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;letter-spacing:.02em}.g_canvas{pointer-events:none;opacity:.3;filter:drop-shadow(0 0 2px rgba(255,255,255,.1))}.g_spacer{flex-shrink:0}@media(max-width:768px){.g_gracket{padding:50px 12px 12px}.g_round{margin-right:50px}.g_gracket h3{font-size:13px;padding:12px 14px}.g_round_label{font-size:11px;padding:6px 14px;top:15px}.g_seed{min-width:28px;height:24px;font-size:11px;padding:0 8px}.g_team h3 small{font-size:14px;padding:3px 8px}.g_winner:before{font-size:24px;top:-10px;right:-10px}}@media(prefers-color-scheme:light){.g_gracket{background:linear-gradient(180deg,#1a1f2e,#252a36)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.g_team{animation:fadeInUp .3s ease backwards}.g_round:nth-child(1) .g_team{animation-delay:.03s}.g_round:nth-child(2) .g_team{animation-delay:.06s}.g_round:nth-child(3) .g_team{animation-delay:.09s}.g_round:nth-child(4) .g_team{animation-delay:.12s}.g_round:nth-child(5) .g_team{animation-delay:.15s}.gracket-error{padding:1.25rem;background:linear-gradient(135deg,#fed7d7,#feb2b2);border:2px solid #fc8181;border-radius:12px;color:#742a2a;font-weight:500;box-shadow:0 2px 8px #f5656533}
