@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Sora:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Cinzel:wght@500;600&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.relative{position:relative}.isolate{isolation:isolate}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:ThmanyahSans;src:url(/fonts/ThmanyahSans-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/fonts/ThmanyahSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/fonts/ThmanyahSans-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:ThmanyahSans;src:url(/fonts/ThmanyahSans-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:ThmanyahDisplay;src:url(/fonts/ThmanyahDisplay-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:ThmanyahDisplay;src:url(/fonts/ThmanyahDisplay-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--ocean:#043e50;--ocean-ink:#06303d;--ocean-abyss:#021e27;--ocean-700:#0a4f63;--golden:#c8ac6e;--copper:#c48063;--almond:#e9e3db;--offwhite:#f4eae7;--paper:#fbf7f4;--pitch:#18b57a;--pitch-deep:#0c8c5c;--flash:#ff6b4a;--amber:#ffc24b;--violet:#7b6cd6;--sky:#2fc6dd;--magenta:#f0508c;--turquoise:#2fc6dd;--grad-hero:linear-gradient(135deg, #043e50 0%, #06303d 50%, #021e27 100%);--grad-win:linear-gradient(120deg, var(--amber), var(--golden));--grad-pitch:linear-gradient(120deg, var(--pitch), var(--sky));--grad-flash:linear-gradient(120deg, var(--flash), var(--magenta));--ink:#15201f;--slate:#45565a;--grey:#8a9699;--line:#043e501a;--font-ar:"ThmanyahSans", "Tajawal", sans-serif;--font-ar-display:"ThmanyahDisplay", "ThmanyahSans", serif;--font-en:"Sora", sans-serif;--font-num:"Space Grotesk", "Sora", sans-serif;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:34px;--sh-sm:0 2px 8px #043e5012;--sh-md:0 14px 40px #043e501f;--sh-lg:0 30px 80px #021e2747;--sh-glow:0 8px 30px #18b57a59}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-ar);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}[dir=ltr] body,[dir=ltr]{font-family:var(--font-en)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#043e5026;border-radius:99px}#root{height:100%}.app{grid-template-columns:264px 1fr;height:100vh;display:grid}.side{background:var(--grad-hero);color:var(--offwhite);flex-direction:column;padding:22px 18px;display:flex;position:relative;overflow:hidden}.side:after{content:"";opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='46' viewBox='0 0 80 46'%3E%3Cg fill='none' stroke='%23E9E3DB' stroke-width='1.3'%3E%3Cpath d='M0 23 Q20 0 40 23 T80 23'/%3E%3Cpath d='M0 46 Q20 23 40 46 T80 46'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.brand{z-index:1;align-items:center;padding:6px 6px 24px;display:flex;position:relative}.lockup{align-items:center;display:flex}.lockup .lk-word{object-fit:contain;flex:none;width:auto;max-width:180px}.nav{z-index:1;flex-direction:column;gap:4px;margin-top:6px;display:flex;position:relative}.nav .item{color:#f4eae7b8;text-align:start;border-radius:14px;align-items:center;gap:13px;width:100%;padding:12px 14px;font-size:15px;font-weight:600;transition:all .18s;display:flex;position:relative}.nav .item svg{flex:none}.nav .item:hover{color:#fff;background:#ffffff12}.nav .item.on{color:#fff;background:#ffffff1a}.nav .item.on:before{content:"";background:var(--grad-pitch);inset-inline-start:0;border-radius:99px;width:4px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.nav .item .badge{font-family:var(--font-num);background:var(--flash);color:#fff;border-radius:99px;margin-inline-start:auto;padding:2px 8px;font-size:11px;font-weight:700}.side-foot{z-index:1;margin-top:auto;position:relative}.langbtn{width:100%;color:var(--offwhite);border:1px solid #e9e3db40;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-bottom:12px;padding:11px;font-size:14px;font-weight:700;transition:all .18s;display:flex}.langbtn:hover{background:#ffffff14}.me-card{background:#ffffff0f;border-radius:14px;align-items:center;gap:11px;padding:10px 12px;display:flex}.avatar{width:38px;height:38px;font-family:var(--font-num);color:#fff;border-radius:11px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.me-card .nm{color:#fff;font-size:13.5px;font-weight:700}.me-card .rk{color:var(--copper);font-size:11.5px}.main{background:var(--paper);padding:30px 38px 60px;position:relative;overflow-y:auto}.toprow{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.h-greet{color:var(--copper);letter-spacing:.02em;margin-bottom:4px;font-size:14px;font-weight:700}.h-title{font-family:var(--font-ar-display);color:var(--ocean);font-size:34px;font-weight:700;line-height:1.18}[dir=ltr] .h-title{font-family:var(--font-en);font-weight:800}.h-sub{color:var(--slate);margin-top:10px;font-size:15px}.statline{gap:12px;display:flex}.stat-pill{border:1px solid var(--line);box-shadow:var(--sh-sm);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:10px 16px;display:flex}.stat-pill .ic{color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.stat-pill .k{font-family:var(--font-num);color:var(--ocean);font-size:19px;font-weight:700;line-height:1}.stat-pill .l{color:var(--grey);font-size:11px}.sec{margin-top:34px}.sec-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sec-title{font-family:var(--font-ar-display);color:var(--ocean);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}[dir=ltr] .sec-title{font-family:var(--font-en)}.sec-title .dot{background:var(--grad-pitch);border-radius:99px;flex:none;width:9px;height:9px}.link{color:var(--copper);font-size:13.5px;font-weight:700}.cards{gap:16px;display:grid}.cards.g2{grid-template-columns:repeat(2,1fr)}.cards.g3{grid-template-columns:repeat(3,1fr)}.mcard{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;padding:18px;transition:all .2s;position:relative;overflow:hidden}.mcard:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.mcard .mhead{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mtag{color:var(--grey);font-size:11px;font-weight:600}.pill{font-family:var(--font-num);letter-spacing:.05em;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.pill.live{color:var(--pitch-deep);background:#18b57a24}.pill.live .blip{background:var(--pitch);border-radius:99px;width:7px;height:7px;animation:1s infinite blip}@keyframes blip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.pill.done{background:var(--almond);color:var(--slate)}.pill.open{color:var(--copper);background:#c4806324}.pill.lock{color:var(--slate);background:#8a969929}.teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.team{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.team .tn{color:var(--ink);font-size:13px;font-weight:700}.mid{flex-direction:column;align-items:center;gap:6px;min-width:84px;display:flex}.score{font-family:var(--font-num);color:var(--ocean);align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex}.vs{font-family:var(--font-num);color:var(--grey);font-size:15px;font-weight:700}.kick{color:var(--grey);font-size:11px}.minute{font-family:var(--font-num);color:var(--pitch-deep);font-size:12px;font-weight:700}.predrow{border-top:1px dashed var(--line);justify-content:center;align-items:center;gap:14px;margin-top:14px;padding-top:14px;display:flex}.stepper{align-items:center;gap:8px;display:flex}.stepper button{background:var(--offwhite);width:30px;height:30px;color:var(--ocean);border-radius:9px;place-items:center;font-size:18px;font-weight:700;transition:all .15s;display:grid}.stepper button:hover:not(:disabled){background:var(--golden);color:#fff}.stepper .val{font-family:var(--font-num);text-align:center;min-width:24px;color:var(--ocean);font-size:22px;font-weight:700}.savebtn{background:var(--grad-pitch);color:#fff;box-shadow:var(--sh-glow);border-radius:99px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .18s}.savebtn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.savebtn.is-saved{background:var(--almond);color:var(--pitch-deep);box-shadow:none}.predrow.locked{opacity:.55}.predrow.locked .stepper button,.savebtn:disabled{cursor:not-allowed}.savebtn:disabled{background:var(--almond);color:var(--grey);box-shadow:none;align-items:center;display:inline-flex}.predrow.locked .stepper button{color:var(--grey);background:#ede7e1}.predmeta{justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;display:flex}.predmeta .your{color:var(--slate)}.predmeta .pts{font-family:var(--font-num);color:#fff;border-radius:99px;padding:3px 10px;font-weight:700}.pts.win{background:var(--pitch)}.pts.half{background:var(--golden)}.pts.zero{background:var(--grey)}.lockbar{justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;font-weight:700;display:flex}.lockbar.is-open{color:var(--pitch-deep)}.lockbar.is-locked{color:var(--grey)}.lockbar .lk-dot{background:var(--pitch);border-radius:99px;width:8px;height:8px;box-shadow:0 0 0 3px #18b57a33}.lockbar .lk-hint{color:var(--grey);font-weight:600}.feat{background:var(--grad-hero);color:var(--offwhite);border:none}.feat .mtag,.feat .team .tn{color:#f4eae7d9}.feat .score,.feat .vs{color:#fff}.feat .flag{border-color:#ffffff80}.feat .stepper button{color:#fff;background:#ffffff1f}.feat .stepper .val{color:#fff}.feat .savebtn.is-saved{color:var(--offwhite);background:#ffffff26}.feat .lockbar.is-open{color:var(--turquoise)}.feat .lockbar.is-locked{color:#f4eae799}.feat .pill.lock{color:var(--offwhite);background:#ffffff24}.feat:before{content:"";inset-inline-end:-40px;background:radial-gradient(circle,#ffc24b4d,#0000 70%);width:160px;height:160px;position:absolute;top:-40px}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;margin-bottom:22px;display:grid}.pod{border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;box-shadow:var(--sh-sm);background:#fff;padding:18px;position:relative}.pod .crown{font-family:var(--font-num);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:grid;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pod.p1{border-color:var(--amber);transform:translateY(-14px);box-shadow:0 16px 40px #ffc24b40}.pod.p1 .crown{background:var(--grad-win)}.pod.p2 .crown{background:var(--grey)}.pod.p3 .crown{background:var(--copper)}.pod .avatar{width:56px;height:56px;margin:6px auto 10px;font-size:20px}.pod .pn{color:var(--ocean);font-size:15px;font-weight:700}.pod .pp{font-family:var(--font-num);color:var(--ocean);margin-top:6px;font-size:26px;font-weight:700}.pod .pd{color:var(--grey);font-size:11px}.btable{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;overflow:hidden}.brow{grid-template-columns:60px 1fr 90px 80px 70px;align-items:center;padding:13px 20px;display:grid}.brow+.brow{border-top:1px solid var(--line)}.brow.head{background:var(--offwhite);color:var(--grey);font-size:12px;font-weight:700}.brow.you{background:linear-gradient(90deg,#18b57a1a,#0000)}.brow .r{font-family:var(--font-num);color:var(--ocean);font-size:17px;font-weight:700}.brow .who{align-items:center;gap:11px;display:flex}.brow .who .nm{color:var(--ink);font-size:14.5px;font-weight:700}.brow .who .dp{color:var(--grey);font-size:11.5px}.brow .bp{font-family:var(--font-num);color:var(--ocean);font-size:16px;font-weight:700}.trend{font-family:var(--font-num);font-size:12px;font-weight:700}.trend.up{color:var(--pitch)}.trend.dn{color:var(--flash)}.trend.eq{color:var(--grey)}.dept{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;margin-bottom:12px;padding:16px 18px}.dept .dt{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dept .dt .nm{color:var(--ocean);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.dept .swatch{border-radius:5px;flex:none;width:14px;height:14px}.dept .dp{font-family:var(--font-num);color:var(--ocean);font-size:18px;font-weight:700}.bar{background:var(--offwhite);border-radius:99px;height:12px;overflow:hidden}.bar>span{border-radius:99px;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1);display:block}.dept .meta{color:var(--grey);gap:16px;margin-top:8px;font-size:12px;display:flex}.pgrid{grid-template-columns:320px 1fr;align-items:start;gap:22px;display:grid}.pcard{background:var(--grad-hero);color:var(--offwhite);border-radius:var(--r-xl);text-align:center;padding:26px;position:relative;overflow:hidden}.pcard:after{content:"";opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='46'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.2'%3E%3Cpath d='M0 23 Q20 0 40 23 T80 23'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.pcard .avatar{z-index:1;width:84px;height:84px;margin:0 auto 14px;font-size:30px;position:relative}.pcard .pn{font-family:var(--font-ar-display);z-index:1;font-size:24px;font-weight:700;position:relative}[dir=ltr] .pcard .pn{font-family:var(--font-en)}.pcard .pr{color:var(--copper);z-index:1;font-weight:700;position:relative}.pstats{z-index:1;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px;display:grid;position:relative}.pstat{background:#ffffff14;border-radius:14px;padding:12px}.pstat .v{font-family:var(--font-num);font-size:24px;font-weight:700}.pstat .l{color:#f4eae7b3;font-size:11px}.badges{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.badge-c{border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;box-shadow:var(--sh-sm);background:#fff;padding:18px;transition:all .2s}.badge-c:hover{box-shadow:var(--sh-md);transform:translateY(-3px)}.badge-c.locked{opacity:.5;filter:grayscale(.6)}.badge-ic{color:#fff;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 12px;display:grid}.badge-c .bn{color:var(--ocean);font-size:15px;font-weight:800}.badge-c .bd{color:var(--grey);margin-top:3px;font-size:12px}.prizes{grid-template-columns:1fr 1fr;gap:20px;display:grid}.prize{border-radius:var(--r-xl);color:#fff;flex-direction:column;justify-content:flex-end;min-height:240px;padding:30px;display:flex;position:relative;overflow:hidden}.prize.grand{background:var(--grad-win);color:var(--ocean-abyss)}.prize.weekly{background:var(--grad-pitch)}.prize .ribbon{top:22px;background:#ffffff40;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:700;position:absolute;inset-inline-start:30px}.prize .amt{font-family:var(--font-num);font-size:54px;font-weight:700;line-height:1}.prize .for{opacity:.9;margin-top:8px;font-size:15px}.prize .big-ic{opacity:.22;inset-inline-end:-20px;position:absolute;top:-10px}.admgrid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.admstat{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;padding:20px}.admstat .v{font-family:var(--font-num);color:var(--ocean);font-size:34px;font-weight:700}.admstat .l{color:var(--grey);font-size:13px}.admstat .spark{background:var(--offwhite);border-radius:99px;height:6px;margin-top:10px;overflow:hidden}.admstat .spark>span{height:100%;display:block}.atable{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;overflow:hidden}.arow{grid-template-columns:1fr 140px 80px 80px 130px;align-items:center;gap:10px;padding:13px 20px;display:grid}.arow+.arow{border-top:1px solid var(--line)}.arow.head{background:var(--offwhite);color:var(--grey);font-size:12px;font-weight:700}.arow .mt{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.miniflag{border:1.5px solid #fff;border-radius:50%;flex:none;width:22px;height:22px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0003}.pubbtn{background:var(--ocean);color:#fff;border-radius:99px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .15s}.pubbtn:hover{background:var(--ocean-ink)}.pubbtn.done{background:var(--almond);color:var(--pitch-deep)}.score-input{border:1px solid var(--line);text-align:center;width:52px;height:36px;font-family:var(--font-num);color:var(--ocean);background:#fff;border-radius:10px;outline:none;font-size:18px;font-weight:700}.score-input:focus{border-color:var(--pitch)}.feed{flex-direction:column;gap:12px;padding-bottom:18px;display:flex}.cmt{align-items:flex-start;gap:12px;display:flex}.cmt .avatar{flex:none;width:42px;height:42px}.cmt-body{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);background:#fff;flex:1;min-width:0;padding:14px 16px}.cmt-head{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.cmt-name{color:var(--ocean);white-space:nowrap;font-size:14.5px;font-weight:800}.cmt-dep{white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:700}.cmt-time{color:var(--grey);white-space:nowrap;margin-inline-start:auto;font-size:11.5px}.cmt-text{color:var(--ink);word-break:break-word;margin-top:8px;font-size:14.5px;line-height:1.6}.mention{color:#1466b8;background:#1466b81a;border-radius:5px;padding:0 3px;font-weight:700}.chiprow{scrollbar-width:thin;gap:8px;margin-bottom:4px;padding-bottom:14px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);color:var(--slate);box-shadow:var(--sh-sm);white-space:nowrap;background:#fff;border-radius:99px;flex:none;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--copper)}.chip.on{background:var(--ocean);color:#fff;border-color:var(--ocean)}.composer{background:linear-gradient(180deg, transparent, var(--paper) 22%);margin-top:8px;padding:14px 0 4px;position:sticky;bottom:0}.composer-row{align-items:center;gap:10px;display:flex}.composer-in{border:1px solid var(--line);min-width:0;height:48px;color:var(--ink);box-shadow:var(--sh-sm);background:#fff;border-radius:99px;outline:none;flex:1;padding:0 20px;font-family:inherit;font-size:14.5px;transition:all .15s}.composer-in:focus{border-color:var(--pitch);box-shadow:0 0 0 3px #18b57a24}.composer-send{background:var(--grad-pitch);color:#fff;width:48px;height:48px;box-shadow:var(--sh-glow);border-radius:50%;flex:none;place-items:center;transition:all .15s;display:grid}.composer-send:hover{filter:brightness(1.05);transform:translateY(-1px)}[dir=rtl] .composer-send svg{transform:scaleX(-1)}.auth-wrap{background:var(--grad-hero);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-box{border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--sh-lg);background:#fff;padding:36px}.auth-logo{text-align:center;margin-bottom:28px}.auth-tabs{background:var(--offwhite);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.auth-tab{color:var(--grey);border-radius:10px;padding:10px;font-size:14px;font-weight:700;transition:all .15s}.auth-tab.on{color:var(--ocean);box-shadow:var(--sh-sm);background:#fff}.auth-field{margin-bottom:16px}.auth-field label{color:var(--slate);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.auth-field input{border:1px solid var(--line);width:100%;height:48px;color:var(--ink);background:#fff;border-radius:14px;outline:none;padding:0 16px;font-size:15px;transition:all .15s}.auth-field input:focus{border-color:var(--pitch);box-shadow:0 0 0 3px #18b57a24}.auth-btn{background:var(--grad-pitch);color:#fff;width:100%;height:52px;box-shadow:var(--sh-glow);border-radius:14px;margin-top:8px;font-size:16px;font-weight:700;transition:all .15s}.auth-btn:hover{filter:brightness(1.05)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-err{color:var(--flash);text-align:center;margin-top:10px;font-size:13px}.setup-wrap{background:var(--grad-hero);place-items:center;min-height:100vh;padding:24px;display:grid}.setup-box{border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:var(--sh-lg);background:#fff;padding:36px}.setup-title{font-family:var(--font-ar-display);color:var(--ocean);margin-bottom:6px;font-size:26px;font-weight:700}.setup-sub{color:var(--slate);margin-bottom:28px;font-size:14px}.dept-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.dept-btn{border:2px solid var(--line);text-align:center;cursor:pointer;color:var(--ink);background:#fff;border-radius:14px;padding:14px;font-size:14px;font-weight:700;transition:all .18s}.dept-btn:hover{border-color:var(--ocean)}.dept-btn.on{border-color:var(--pitch);color:var(--ocean);background:#18b57a0f}.confetti{pointer-events:none;z-index:90;position:fixed;inset:0}.confetti i{opacity:0;width:9px;height:14px;animation:1.3s ease-out forwards fall;position:absolute}@keyframes fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(70vh)rotate(540deg)}}.toast{background:var(--ocean);color:#fff;box-shadow:var(--sh-lg);opacity:0;z-index:95;pointer-events:none;bottom:26px;border-radius:99px;align-items:center;gap:10px;padding:13px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:fixed;inset-inline-start:50%;transform:translate(-50%)translateY(20px)}[dir=rtl] .toast{transform:translate(50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}[dir=rtl] .toast.show{transform:translate(50%)translateY(0)}.filter-bar{scrollbar-width:none;gap:8px;margin-bottom:8px;padding-bottom:12px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{cursor:pointer;border:1.5px solid var(--line);color:var(--slate);background:#fff;border-radius:99px;flex:none;padding:7px 16px;font-size:13px;font-weight:700;transition:all .15s}.filter-chip:hover{border-color:var(--copper)}.filter-chip.on{background:var(--ocean);color:#fff;border-color:var(--ocean)}.fade{animation:.35s both fade}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-enter{animation:.22s both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mob-header{display:none}.mob-lang-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:99px;flex:none;padding:6px 14px;font-size:13px;font-weight:700;transition:all .15s}.mob-lang-btn:hover{background:#fff3}.btm-bar{display:none}.pred-label{text-align:center;color:var(--slate);margin:10px 0 4px;font-size:13px;font-weight:700}.mob-pred,.vs-mob{display:none}.lb-tabs{scrollbar-width:none;gap:6px;margin-bottom:20px;display:flex;overflow-x:auto}.lb-tabs::-webkit-scrollbar{display:none}.lb-tab{border:1.5px solid var(--line);color:var(--slate);cursor:pointer;background:#fff;border-radius:99px;flex:none;padding:9px 18px;font-size:13.5px;font-weight:700;transition:all .15s}.lb-tab:hover{border-color:var(--copper)}.lb-tab.on{background:var(--ocean);color:#fff;border-color:var(--ocean)}.group-header{background:var(--offwhite);border:1px solid var(--line);border-bottom:none;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.group-header-name{font-family:var(--font-ar-display);color:var(--ocean);font-size:16px;font-weight:700}.group-header-pts{font-family:var(--font-num);color:var(--copper);font-size:14px;font-weight:700}.group-header+.btable{border-radius:0 0 var(--r-lg) var(--r-lg)}.mobnav{display:none}.empty{text-align:center;color:var(--grey);padding:40px;font-size:18px}.spinner{border:3px solid var(--line);border-top-color:var(--pitch);border-radius:50%;width:40px;height:40px;margin:60px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=767px){body{font-size:16px;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex}.side{display:none}.mob-header{background:var(--grad-hero);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:16px 16px 0;padding-bottom:calc(72px + env(safe-area-inset-bottom));flex:1;overflow:hidden auto}.h-title{font-size:26px}.h-sub{font-size:16px}.h-greet{font-size:14px}.sec-title{font-size:18px}.cards.g2,.cards.g3,.pgrid,.prizes,.admgrid{grid-template-columns:1fr}.arow{grid-template-columns:1fr 90px 54px 54px 90px;font-size:13px}.podium{grid-template-columns:repeat(3,1fr);gap:8px}.brow{grid-template-columns:44px 1fr 70px 60px 0}.toprow{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.statline{scrollbar-width:none;padding-bottom:4px;overflow-x:auto}.statline::-webkit-scrollbar{display:none}*{max-width:100%}.filter-bar,.chiprow{overflow-x:auto}.nav .item,.btm-tab,.auth-btn,.savebtn,.pubbtn,.stepper button,.chip,.filter-chip{min-height:48px}.stepper button{border-radius:12px;width:48px;height:48px;font-size:24px}.stepper .val{min-width:36px;font-size:28px}.savebtn{padding:14px 20px;font-size:15px}.mcard{border-radius:20px;padding:16px}.mcard:hover{box-shadow:var(--sh-sm);transform:none}.score{font-size:34px}.team .tn{font-size:14px}.predrow{gap:10px}.desk-pred,.vs,.kick{display:none}.vs-mob{-webkit-user-select:none;user-select:none;font-size:22px;line-height:1;display:inline}.mob-pred{border-top:1px dashed var(--line);flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;display:flex}.mob-confirm{text-align:center;padding:4px 0 2px}.mob-confirm-check{color:var(--pitch);margin-bottom:6px;font-size:15px;font-weight:700;display:block}.mob-confirm-score{font-family:var(--font-num);color:#043e50;justify-content:center;align-items:center;gap:10px;font-size:34px;font-weight:700;display:flex}.mob-score-row{justify-content:center;align-items:center;gap:16px;display:flex}.mob-stepper{align-items:center;gap:10px;display:flex}.mob-stepper button{width:36px;height:36px;color:var(--ocean);background:#f0ece8;border-radius:10px;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;transition:all .15s;display:grid}.mob-stepper button:active:not(:disabled){background:var(--golden);color:#fff}.mob-stepper button:disabled{opacity:.4;cursor:not-allowed}.mob-score-val{font-family:var(--font-num);color:#043e50;text-align:center;min-width:26px;font-size:24px;font-weight:700}.mob-colon{font-family:var(--font-num);color:#043e50;font-size:26px;font-weight:700}.mob-colon-mid{font-family:var(--font-num);color:var(--grey);flex-shrink:0;font-size:22px;font-weight:700}.mob-save-btn{background:var(--grad-pitch);color:#fff;width:100%;box-shadow:var(--sh-glow);cursor:pointer;border:none;border-radius:14px;padding:14px;font-family:inherit;font-size:16px;font-weight:700;transition:all .15s}.mob-save-btn:disabled{opacity:.55;cursor:not-allowed}.mob-save-btn.is-saved{color:#043e50;box-shadow:none;background:#fff;border:2px solid #043e50}.feat .vs-mob{color:#f4eae7e6}.feat .mob-stepper button{color:#fff;background:#ffffff26}.feat .mob-score-val,.feat .mob-colon{color:#fff}.feat .mob-colon-mid{color:#ffffff80}.feat .mob-confirm-score{color:var(--offwhite)}.feat .mob-confirm-check{color:var(--turquoise)}.feat .pred-label{color:#f4eae7bf}.feat .mob-save-btn.is-saved{color:#fff;background:#ffffff26;border-color:#ffffff59}.lockbar{display:flex}.auth-box{padding:28px 22px}.auth-field input{height:52px;font-size:16px}.auth-btn{height:56px;font-size:17px}.composer-in{height:52px;font-size:16px}.btm-bar{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);z-index:50;background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #043e5014}.btm-tab{color:var(--grey);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:8px 4px;font-size:11px;font-weight:700;transition:color .15s;display:flex}.btm-tab.on{color:var(--ocean)}.btm-tab.on .btm-icon svg{stroke:var(--pitch)}.btm-icon{justify-content:center;align-items:center;display:flex;position:relative}.btm-badge{background:var(--flash);color:#fff;text-align:center;top:-5px;border-radius:99px;min-width:18px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.4;position:absolute;inset-inline-end:-8px}.btm-label{font-size:10px}.toast{bottom:calc(72px + env(safe-area-inset-bottom))}[dir=rtl] .toast.show{transform:translate(50%)translateY(0)}.pod{padding:12px 8px}.pod .pp{font-size:20px}.pod .pn{font-size:13px}.feat:before{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}