@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-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}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.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}.uppercase{text-transform:uppercase}.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,)}.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,ease);transition-duration:var(--tw-duration,0s)}:root{--gold:#f5c518;--gold-dim:#c8991a;--pitch-dark:#0a1628;--card-bg:#111c2d;--card-border:#ffffff12;--correct:#52b788;--wrong:#e63946}*{box-sizing:border-box}html,body{background:var(--pitch-dark);color:#f8f9fa;-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:DM Sans,sans-serif}.font-bebas,.font-oswald{font-family:Oswald,sans-serif}.pitch-bg{background-color:#071a0e;position:relative}.pitch-bg:before{content:"";z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 500' preserveAspectRatio='xMidYMid slice'%3E%3C!-- Sky/ground gradient --%3E%3Cdefs%3E%3ClinearGradient id='fieldGrad' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23071a0e'/%3E%3Cstop offset='100%25' stop-color='%230d2e18'/%3E%3C/linearGradient%3E%3ClinearGradient id='stripe' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0%25' stop-color='%230a2412'/%3E%3Cstop offset='50%25' stop-color='%230d2e18'/%3E%3Cstop offset='100%25' stop-color='%230a2412'/%3E%3C/linearGradient%3E%3ClinearGradient id='trophyGold' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23f5c518' stop-opacity='0.18'/%3E%3Cstop offset='50%25' stop-color='%23e8a800' stop-opacity='0.12'/%3E%3Cstop offset='100%25' stop-color='%23c87800' stop-opacity='0.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Field background --%3E%3Crect width='800' height='500' fill='url(%23fieldGrad)'/%3E%3C!-- Mowing stripes --%3E%3Crect x='0' y='0' width='100' height='500' fill='%230a2412' opacity='0.5'/%3E%3Crect x='100' y='0' width='100' height='500' fill='%230d2e18' opacity='0.5'/%3E%3Crect x='200' y='0' width='100' height='500' fill='%230a2412' opacity='0.5'/%3E%3Crect x='300' y='0' width='100' height='500' fill='%230d2e18' opacity='0.5'/%3E%3Crect x='400' y='0' width='100' height='500' fill='%230a2412' opacity='0.5'/%3E%3Crect x='500' y='0' width='100' height='500' fill='%230d2e18' opacity='0.5'/%3E%3Crect x='600' y='0' width='100' height='500' fill='%230a2412' opacity='0.5'/%3E%3Crect x='700' y='0' width='100' height='500' fill='%230d2e18' opacity='0.5'/%3E%3C!-- Field outline --%3E%3Crect x='40' y='30' width='720' height='440' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3C!-- Halfway line --%3E%3Cline x1='400' y1='30' x2='400' y2='470' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3C!-- Centre circle --%3E%3Ccircle cx='400' cy='250' r='70' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3C!-- Centre spot --%3E%3Ccircle cx='400' cy='250' r='4' fill='rgba(255,255,255,0.18)'/%3E%3C!-- Left penalty area --%3E%3Crect x='40' y='150' width='130' height='200' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3C!-- Left goal area --%3E%3Crect x='40' y='195' width='50' height='110' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3C!-- Left penalty spot --%3E%3Ccircle cx='135' cy='250' r='3' fill='rgba(255,255,255,0.18)'/%3E%3C!-- Right penalty area --%3E%3Crect x='630' y='150' width='130' height='200' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3C!-- Right goal area --%3E%3Crect x='710' y='195' width='50' height='110' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3C!-- Right penalty spot --%3E%3Ccircle cx='665' cy='250' r='3' fill='rgba(255,255,255,0.18)'/%3E%3C!-- Left goal --%3E%3Crect x='20' y='210' width='22' height='80' fill='none' stroke='rgba(255,255,255,0.2)' stroke-width='2'/%3E%3C!-- Right goal --%3E%3Crect x='758' y='210' width='22' height='80' fill='none' stroke='rgba(255,255,255,0.2)' stroke-width='2'/%3E%3C!-- Corner arcs --%3E%3Cpath d='M40,42 A12,12 0 0,1 52,30' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3Cpath d='M748,30 A12,12 0 0,1 760,42' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3Cpath d='M40,458 A12,12 0 0,0 52,470' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3Cpath d='M748,470 A12,12 0 0,0 760,458' fill='none' stroke='rgba(255,255,255,0.12)' stroke-width='2'/%3E%3C!-- WORLD CUP TROPHY (centered, large, ghosted) --%3E%3Cg transform='translate(400,250)' opacity='0.13'%3E%3C!-- Base plate --%3E%3Crect x='-55' y='115' width='110' height='14' rx='4' fill='url(%23trophyGold)'/%3E%3Crect x='-40' y='100' width='80' height='18' rx='3' fill='url(%23trophyGold)'/%3E%3C!-- Stem --%3E%3Crect x='-12' y='55' width='24' height='48' rx='4' fill='url(%23trophyGold)'/%3E%3C!-- Body --%3E%3Cellipse cx='0' cy='30' rx='38' ry='28' fill='url(%23trophyGold)'/%3E%3Cellipse cx='0' cy='10' rx='30' ry='22' fill='url(%23trophyGold)'/%3E%3C!-- Cup bowl --%3E%3Cpath d='M-38,30 Q-45,-30 -22,-55 Q0,-70 22,-55 Q45,-30 38,30 Q20,45 0,48 Q-20,45 -38,30Z' fill='url(%23trophyGold)'/%3E%3C!-- Handles --%3E%3Cpath d='M-38,10 Q-70,-10 -60,-40 Q-50,-60 -30,-52' fill='none' stroke='%23f5c518' stroke-width='8' stroke-opacity='0.18' stroke-linecap='round'/%3E%3Cpath d='M38,10 Q70,-10 60,-40 Q50,-60 30,-52' fill='none' stroke='%23f5c518' stroke-width='8' stroke-opacity='0.18' stroke-linecap='round'/%3E%3C!-- Globe on top --%3E%3Ccircle cx='0' cy='-68' r='18' fill='url(%23trophyGold)'/%3E%3Cpath d='M-18,-68 Q0,-85 18,-68' fill='none' stroke='%23071a0e' stroke-width='1.5' stroke-opacity='0.4'/%3E%3Cpath d='M-18,-68 Q0,-51 18,-68' fill='none' stroke='%23071a0e' stroke-width='1.5' stroke-opacity='0.4'/%3E%3Cline x1='0' y1='-86' x2='0' y2='-50' stroke='%23071a0e' stroke-width='1.5' stroke-opacity='0.4'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-size:cover;position:fixed;inset:0}.pitch-bg>*{z-index:1;position:relative}.player-card-hover{transition:transform .2s,box-shadow .2s,border-color .2s}.player-card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #f5c5181f;border-color:#f5c51859!important}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stat-reveal{animation:.4s forwards countUp}@keyframes pulseCorrect{0%{box-shadow:0 0 #52b78880}70%{box-shadow:0 0 0 16px #52b78800}to{box-shadow:0 0 #52b78800}}.pulse-correct{animation:.6s pulseCorrect}@keyframes pulseWrong{0%{box-shadow:0 0 #e6394680}70%{box-shadow:0 0 0 16px #e6394600}to{box-shadow:0 0 #e6394600}}.pulse-wrong{animation:.6s pulseWrong}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.35s forwards slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.3s forwards fadeIn}@keyframes goldShimmer{0%{background-position:-200%}to{background-position:200%}}.gold-shimmer{background:linear-gradient(90deg, var(--gold) 0%, #fff8dc 50%, var(--gold) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite goldShimmer}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bounce-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn}@keyframes floatUp{0%{opacity:0;transform:translateY(6px)scale(.85)}20%{opacity:1;transform:translateY(0)scale(1.05)}75%{opacity:1;transform:translateY(-14px)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.95)}}.float-up{animation:1.1s cubic-bezier(.22,1,.36,1) forwards floatUp}@keyframes popScore{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.pop-score{animation:.35s popScore}.flip-card{perspective:700px}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.15,.2,1);position:relative}.flip-inner.flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flip-back{transform:rotateY(180deg)}@keyframes flameFlicker{0%,to{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.12)rotate(2deg)}}.flame{animation:.9s ease-in-out infinite flameFlicker;display:inline-block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@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-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}
