https://soccerrandom.co/_next/static/chunks/0zwl8omjztdk1.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,61471,e=>{"use strict";var t=e.i(43476),a=e.i(71645);e.i(43890);var r=e.i(55069);e.s(["default",0,function(e){let{slug:s,comments:n,gameName:i}=e,[l,o]=(0,a.useState)(n),[c,d]=(0,a.useState)(""),[h,u]=(0,a.useState)(""),[x,m]=(0,a.useState)(0),[p,g]=(0,a.useState)(!1),[b,w]=(0,a.useState)(""),[v,f]=(0,a.useTransition)(),j=e=>(0,t.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"currentColor",className:e?"text-accent":"text-white/20","aria-hidden":!0,children:(0,t.jsx)("path",{d:"m12 17.3-6.2 3.6 1.6-7L2 9.2l7.1-.6L12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7z"})});return(0,t.jsxs)("section",{className:"mt-8",children:[(0,t.jsxs)("h2",{className:"mb-4 text-[20px] font-bold text-ink",children:["Player tips & comments (",l.length,")"]}),l.length>0&&(0,t.jsx)("ul",{className:"space-y-2.5",children:l.map((e,a)=>(0,t.jsxs)("li",{className:"rounded-2xl bg-card/70 p-4 backdrop-blur-sm border border-white/[0.04]",children:[(0,t.jsxs)("div",{className:"flex flex-wrap items-center gap-x-2.5 gap-y-1",children:[(0,t.jsx)("span",{className:"text-[13px] font-semibold text-ink",children:e.author}),e.rating&&(0,t.jsx)("span",{className:"flex","aria-label":`Rated ${e.rating} out of 5`,children:[1,2,3,4,5].map(a=>(0,t.jsx)("span",{children:j(a<=e.rating)},a))}),(0,t.jsx)("time",{dateTime:e.date,className:"text-[11px] text-muted",children:new Date(e.date).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"})})]}),(0,t.jsx)("p",{className:"mt-1.5 text-[14px] leading-relaxed text-ink/85",children:e.body})]},`${e.date}-${a}`))}),(0,t.jsxs)("form",{onSubmit:e=>{e.preventDefault(),w("");let t=h.trim();if(!t)return void w("Please write a short comment.");let a=c.trim()||"Player",n={author:a,date:new Date().toISOString(),body:t,rating:x||null};f(async()=>{try{let e=await fetch(r.SITE.ugcApi,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"comment",slug:s,author:a,body:t,rating:x||void 0})}),i=await e.json();i?.ok?(o(e=>[n,...e]),u(""),m(0),g(!0),setTimeout(()=>g(!1),4e3)):w(i?.error||"Could not post comment. Try again.")}catch{w("Network error. Try again later.")}})},className:"mt-4 rounded-2xl bg-card/85 p-5 shadow-lg backdrop-blur-sm border border-white/[0.04]",children:[(0,t.jsx)("p",{className:"text-[16px] font-semibold leading-tight text-ink",children:"Leave a tip, a high score, or what beat you. No links, no account."}),(0,t.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-3",children:[(0,t.jsx)("input",{value:c,onChange:e=>d(e.target.value),maxLength:24,placeholder:"Name (optional)","aria-label":"Your name",className:"h-9 min-w-0 flex-1 rounded-xl bg-paper/90 px-3 text-sm text-ink outline-none ring-1 ring-white/10 focus:ring-accent/50 placeholder:text-muted"}),(0,t.jsxs)("span",{className:"flex items-center gap-1.5",children:[(0,t.jsx)("span",{className:"text-[11px] uppercase tracking-wide text-muted",children:"Rate"}),(0,t.jsx)("span",{className:"flex",children:[1,2,3,4,5].map(e=>(0,t.jsx)("button",{type:"button",onClick:()=>m(e===x?0:e),"aria-label":`${e} star${e>1?"s":""}`,className:"grid h-7 w-7 place-items-center transition-colors hover:text-accent",children:j(e<=x)},e))})]})]}),(0,t.jsx)("textarea",{value:h,onChange:e=>u(e.target.value),maxLength:400,rows:3,placeholder:`Share your tip for ${i}...`,"aria-label":"Comment body",className:"mt-3 w-full resize-y rounded-xl bg-paper/90 p-3 text-sm text-ink outline-none ring-1 ring-white/10 focus:ring-accent/50 placeholder:text-muted"}),b&&(0,t.jsx)("p",{className:"mt-2 text-xs text-rose-400",children:b}),p&&(0,t.jsx)("p",{className:"mt-2 text-xs text-emerald-400",children:"Thanks! Your comment was posted."}),(0,t.jsxs)("div",{className:"mt-3 flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-xs text-muted",children:"Be helpful and keep it civil."}),(0,t.jsx)("button",{type:"submit",disabled:v,className:"rounded-xl bg-accent px-5 py-2 text-[14px] font-semibold leading-tight text-white shadow-glow transition-all hover:scale-[1.02] disabled:opacity-40 disabled:hover:scale-100 cursor-pointer",children:v?"Posting...":"Post comment"})]})]})]})}])},21610,e=>{"use strict";var t=e.i(43476),a=e.i(71645),r=e.i(43890),s=e.i(55069);function n(e){let{title:r,poster:s,visible:n}=e,[i,l]=(0,a.useState)(!n);return((0,a.useEffect)(()=>

1{if(n)return void l(!1);let e=setTimeout(()=>l(!0),450);return()=>clearTimeout(e)},[n]),i)?null:(0,t.jsxs)("div",{"aria-hidden":!0,className:`skel-wrap pointer-events-none absolute inset-0 z-10 flex flex-col items-center justify-center gap-[4%] bg-[#0e1117] transition-opacity duration-[400ms] ${n?"opacity-100":"opacity-0"}`,children:[(0,t.jsx)("div",{className:"skel h-[5%] max-h-[22px] w-[36%] max-w-[220px] rounded-full"}),(0,t.jsx)("div",{className:"skel relative grid h-[40%] max-h-[260px] w-[60%] max-w-[400px] place-items-center rounded-[14px] sm:rounded-[20px]",children:s&&(0,t.jsx)("img",{src:s,alt:"",width:80,height:80,className:"h-14 w-14 rounded-[12px] opacity-35 sm:h-20 sm:w-20"})}),(0,t.jsxs)("div",{className:"flex w-[60%] max-w-[400px] justify-center gap-[3%]",children:[(0,t.jsx)("div",{className:"skel h-[9px] w-[32%] rounded-full sm:h-[11px]"}),(0,t.jsx)("div",{className:"skel h-[9px] w-[20%] rounded-full sm:h-[11px]"})]}),(0,t.jsxs)("p",{className:"flex items-center gap-2 text-[12px] font-medium text-white/60 sm:text-[13px]",children:[(0,t.jsx)("span",{className:"skel-spin inline-block h-3.5 w-3.5 rounded-full border-2 border-white/25 border-t-white/80"}),"Loading ",r,"…"]})]})}let i=[["not_loading","Won't load"],["blank_screen","Black / blank screen"],["broken_controls","Controls do not work"],["wrong_game","Wrong game"],["slow","Too slow / laggy"],["other","Something else"]];function l(e){let{slug:r,title:n,buttonClassName:l,iconSize:o=17}=e,[c,d]=(0,a.useState)(!1),[h,u]=(0,a.useState)("not_loading"),[x,m]=(0,a.useState)(""),[p,g]=(0,a.useState)("idle"),b=(0,a.useRef)(null);(0,a.useEffect)(()=>{if(!c)return;let e=e=>{b.current&&!b.current.contains(e.target)&&d(!1)},t=e=>"Escape"===e.key&&d(!1);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[c]);let w=async()=>{if("sending"!==p){g("sending");try{let e=await fetch(s.SITE.reportApi,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slug:r,game_name:n,source:s.SITE.domain,page_url:window.location.href,reason:h,note:(x.trim()?x.trim().slice(0,500)+" · ":"")+"UA: "+navigator.userAgent.

1slice(0,200)})}),t=await e.json().catch(()=>null);g(t?.ok?"sent":"error")}catch{g("error")}}};return(0,t.jsxs)("div",{ref:b,className:"relative",children:[(0,t.jsx)("button",{type:"button",onClick:()=>d(e=>!e),"aria-label":"Report a problem with this game",title:"Report a problem","aria-expanded":c,className:l,children:(0,t.jsx)("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:c?"currentColor":"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M4 22V4a1 1 0 0 1 1-1h11l-1 4 1 4H5"})})}),c&&(0,t.jsx)("div",{role:"dialog","aria-label":`Report a problem with ${n}`,className:"report-pop absolute bottom-full right-0 z-30 mb-2 w-[min(300px,calc(100vw-32px))] rounded-xl border border-line bg-card p-3 text-left shadow-xl",children:"sent"===p?(0,t.jsxs)("div",{className:"py-1 text-[13px] leading-snug text-ink",children:[(0,t.jsx)("p",{className:"font-semibold",children:"Thanks — report sent."}),(0,t.jsx)("p",{className:"mt-1 text-muted",children:"We check every report and fix or replace the game."}),(0,t.jsx)("button",{type:"button",onClick:()=>d(!1),className:"mt-3 rounded-lg bg-raise px-3 py-1.5 text-[12px] font-semibold text-ink",children:"Close"})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("p",{className:"mb-2 text-[13px] font-semibold leading-snug text-ink",children:["What is wrong with ",n,"?"]}),(0,t.jsx)("div",{className:"flex flex-wrap gap-1.5",children:i.map(e=>{let[a,r]=e;return(0,t.jsx)("button",{type:"button",onClick:()=>u(a),"aria-pressed":h===a,className:`rounded-full border px-2.5 py-1 text-[12px] font-medium leading-none transition-colors ${h===a?"border-accent bg-accent text-white":"border-line bg-raise text-muted hover:text-ink"}`,children:r},a)})}),(0,t.jsx)("textarea",{value:x,onChange:e=>m(e.target.value),maxLength:500,rows:2,placeholder:"Anything else? (optional)",className:"mt-2 w-full resize-none rounded-lg border border-line bg-paper px-2.5 py-1.5 text-[13px] text-ink placeholder:text-muted focus:border-accent focus:outline-none"}),(0,t.jsxs)("div",{className:"mt-2 flex items-center justify-between gap-2",children:[(0,t.jsx)("span",{className:"text-[11px] text-muted",children:"error"===p?"Could not send — try again in a minute.":"Sends the page URL and your browser."}),(0,t.jsx)("button",{type:"button",onClick:w,disabled:"sending"===p,className:"shrink-0 rounded-lg bg-accent px-3 py-1.5 text-[12px] font-bold text-white transition-opacity disabled:opacity-60",children:"sending"===p?"Sending…":"Send report"})]})]})})]})}e.s(["default",0,function(e){let{src:i,title:o,poster:c,posterBlur:d,slug:h,tally:u,portrait:x=!1}=e,[m,p]=(0,a.useState)(!1),[g,b]=(0,a.useState)(!1),[w,v]=(0,a.useState)(!1),[f,j]=(0,a.useState)(!1),[y,k]=(0,a.useState)(0),[N,S]=(0,a.useState)(!1),C=(0,a.useRef)(null),L="rated.",[T,$]=(0,a.useState)(u);(0,a.useEffect)(()=>{try{let e=localStorage.getItem(L+h);e&&k(Number(e))}catch{}},[h]),(0,a.useEffect)(()=>(w?(document.body.classList.add("theater-active"),C.current&&C.current.scrollIntoView({behavior:"smooth",block:"start"})):document.body.classList.remove("theater-active"),()=>{document.body.classList.remove("theater-active")}),[w]),(0,a.useEffect)(()=>{let e=e=>{"Escape"===e.key&&(j(!1),v(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[]);let E=(0,a.useCallback)(e=>{k(e);try{localStorage.setItem(L+h,String(e))}catch{}fetch(s.SITE.ugcApi,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"vote",slug:h,rating:e})}).then(e=>e.json()).then(e=>{e?.ok&&e.count&&$({value:e.avg,count:e.count})}).catch(()=>{})},[h]),B=(0,a.useCallback)(()=>{p(!0)},[]),M=(0,a.useCallback)(()=>{let e=C.current;if(!e)return;let t=e.requestFullscreen||e.webkitRequestFullscreen;t&&Promise.resolve(t.call(e)).catch(()=>{})},[]),P=(0,a.useCallback)(async()=>{let e=window.location.href;try{navigator.share?await navigator.share({title:o,url:e}):(await navigator.clipboard.writeText(e),S(!0),setTimeout(()=>S(!1),1800))}catch{}},[o]);return(0,t.jsxs)(t.Fragment,{children:[f&&(0,t.jsx)("div",{onClick:()=>j(!1),className:"fixed inset-0 z-40 cursor-pointer bg-black/95 backdrop-blur-md transition-opacity duration-300","aria-label":"Lights are off. Click anyw

1here or press Escape to turn on.",title:"Click anywhere to turn on lights (Esc)",children:(0,t.jsxs)("div",{className:"absolute right-4 top-4 flex items-center gap-2 rounded-full bg-white/10 px-4 py-2 text-xs font-semibold text-white/90 shadow-xl backdrop-blur transition-all hover:bg-white/20",children:[(0,t.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"currentColor",children:(0,t.jsx)("path",{d:"M12 2a7 7 0 0 0-7 7c0 2.38 1.19 4.47 3 5.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26c1.81-1.27 3-3.36 3-5.74a7 7 0 0 0-7-7M9 21a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-1H9z"})}),(0,t.jsx)("span",{children:"Turn lights on (Esc)"})]})}),(0,t.jsxs)("div",{className:`relative transition-all duration-300 ${f?"z-50 shadow-[0_0_80px_rgba(0,0,0,0.9)] ring-1 ring-accent/40 rounded-2xl":""}`,children:[(0,t.jsx)("div",{ref:C,className:`theater-player-frame relative w-full overflow-hidden rounded-t-2xl bg-black shadow-2xl transition-all duration-300 sm:aspect-video ${x?"aspect-[3/4]":"aspect-[4/3]"}`,children:m?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("iframe",{src:i,title:o,className:"absolute inset-0 h-full w-full border-0",allow:"fullscreen; autoplay; pointer-lock; gamepad; clipboard-write",allowFullScreen:!0,loading:"eager",onLoad:()=>b(!0)}),(0,t.jsx)(n,{title:o,poster:c,visible:!g})]}):(0,t.jsxs)("button",{type:"button",onClick:B,"aria-label":`Play ${o}`,className:"group absolute inset-0 flex h-full w-full flex-col items-center justify-center cursor-pointer",children:[c&&(0,t.jsx)("span",{"aria-hidden":!0,className:"absolute inset-0 scale-110 bg-cover bg-center opacity-35 blur-2xl transition-opacity duration-300 group-hover:opacity-45",style:{backgroundImage:`url(${d??c})`}}),(0,t.jsx)("span",{"aria-hidden":!0,className:"absolute inset-0 bg-[#0b0c10]/75 backdrop-blur-[2px]"}),c&&(0,t.jsx)("img",{src:c,alt:"",srcSet:(0,r.thumbSmall)(c)?`${(0,r.thumbSmall)(c)} 160w, ${c} 320w`:void 0,sizes:"(max-width: 639px) 80px, 112px",width:112,height:112,fetchPriority:"high",className:"relative h-20 w-20 rounded-2xl object-cover shadow-2xl transition-transform duration-300 group-hover:scale-105 sm:h-28 sm:w-28"}),(0,t.jsx)("span",{className:"relative mt-4 flex h-13 w-13 items-center justify-center rounded-full bg-white/10 text-white backdrop-blur-md transition-all duration-300 group-hover:scale-110 group-hover:bg-accent group-hover:text-white shadow-glow",children:(0,t.jsx)("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M8 5v14l11-7z"})})}),(0,t.jsxs)("span",{className:"relative mt-3.5 rounded-xl bg-accent px-6 py-2 text-[16px] font-bold leading-tight text-white shadow-glow transition-transform duration-200 group-hover:scale-105",children:["Play ",o]})]})}),(0,t.jsxs)("div",{className:"flex items-center gap-3 rounded-b-2xl bg-card/90 px-3.5 py-2.5 backdrop-blur-sm",children:[(0,t.jsxs)("div",{className:"flex items-center gap-0.5",role:"group","aria-label":`Rate ${o}`,children:[[1,2,3,4,5].map(e=>(0,t.jsx)("button",{type:"button",onClick:()=>E(e),"aria-label":`${e} star${e>1?"s":""}`,className:`grid h-6 w-6 place-items-center transition-colors ${e<=(y||Math.round(T?.value??0))?"text-accent":"text-white/20 hover:text-white/60"}`,children:(0,t.jsx)("svg",{width:"15",height:"15",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:(0,t.jsx)("path",{d:"m12 17.3-6.2 3.6 1.6-7L2 9.2l7.1-.6L12 2l2.9 6.6 7.1.6-5.4 4.7 1.6 7z"})})},e)),(0,t.jsx)("span",{className:"ml-2 whitespace-nowrap text-[13px] font-medium leading-none text-muted",children:T?.count?`${T.value.toFixed(1)} \xb7 ${T.count.toLocaleString("en-GB")} vote${1===T.count?"":"s"}`:y?"Thanks!":"Rate"})]}),(0,t.jsxs)("div",{className:"ml-auto flex items-center gap-1.5",children:[(0,t.jsx)(l,{slug:h,title:o,buttonClassName:"rounded-lg p-1.5 text-muted transition-colors hover:bg-raise hover:text-ink"}),(0,t.jsx)("button",{type:"button",onClick:P,"aria-label":"Share",title:"Share",className:"rounded-lg p-1.5 text-muted transition-colors hover:bg-raise hover:text-ink",children:N?(0,t.jsx)("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5","aria-hidden":!0,

1children:(0,t.jsx)("polyline",{points:"20 6 9 17 4 12"})}):(0,t.jsxs)("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[(0,t.jsx)("circle",{cx:"18",cy:"5",r:"3"}),(0,t.jsx)("circle",{cx:"6",cy:"12",r:"3"}),(0,t.jsx)("circle",{cx:"18",cy:"19",r:"3"}),(0,t.jsx)("path",{d:"M8.6 13.5l6.8 4M15.4 6.5l-6.8 4"})]})}),(0,t.jsx)("button",{type:"button",onClick:()=>j(e=>!e),"aria-label":f?"Turn on lights":"Lights off (cinema mode)",title:f?"Turn on lights":"Lights off (cinema mode)","aria-pressed":f,className:`rounded-lg p-1.5 transition-all ${f?"bg-raise text-accent shadow-sm":"text-muted hover:bg-raise hover:text-ink"}`,children:(0,t.jsxs)("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:f?"currentColor":"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,t.jsx)("path",{d:"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"}),(0,t.jsx)("path",{d:"M9 18h6"}),(0,t.jsx)("path",{d:"M10 22h4"})]})}),(0,t.jsx)("button",{type:"button",onClick:()=>v(e=>!e),"aria-label":w?"Default view":"Theater mode (wide)",title:w?"Default view":"Theater mode (wide)","aria-pressed":w,className:`rounded-lg p-1.5 transition-all ${w?"bg-raise text-accent shadow-glow":"text-muted hover:bg-raise hover:text-ink"}`,children:(0,t.jsxs)("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,t.jsx)("rect",{x:"2",y:"5",width:"20",height:"14",rx:"2"}),(0,t.jsx)("path",{d:"M2 9h20"})]})}),(0,t.jsx)("button",{type:"button",onClick:M,"aria-label":"Fullscreen",title:"Fullscreen",className:"rounded-lg p-1.5 text-muted transition-colors hover:bg-raise hover:text-ink",children:(0,t.jsx)("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M8 3H5a2 2 0 0 0-2 2v3M16 3h3a2 2 0 0 1 2 2v3M8 21H5a2 2 0 0 1-2-2v-3M16 21h3a2 2 0 0 0 2-2v-3"})})})]})]})]})]})}],21610)}]);