https://copterroyale.org/_next/static/chunks/1ugyey2w89zq-.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,87757,e=>{"use strict";var t=e.i(43476),n=e.i(71645);e.i(86264);var a=e.i(70384);e.s(["default",0,function(e){let{slug:r,comments:i,gameName:s}=e,[o,l]=(0,n.useState)([]),[c,d]=(0,n.useState)(""),[u,h]=(0,n.useState)(""),[m,p]=(0,n.useState)(0),[x,f]=(0,n.useState)(""),[g,b]=(0,n.useState)("idle"),[w,v]=(0,n.useState)("");async function y(e){if(e.preventDefault(),"sending"!==g&&!(u.trim().length<4)){b("sending"),v("");try{let e=await fetch(a.SITE.ugcApi,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"comment",slug:r,author:c,body:u,rating:m||void 0,website:x})}),t=await e.json();if(!t.ok)throw Error(t.error||"Could not post that.");l(e=>[...e,{author:t.author??"Player",body:u.trim(),rating:m||null,date:new Date().toISOString()}]),h(""),p(0),b("done")}catch(e){v(e instanceof Error?e.message:"Could not post that."),b("idle")}}}let k=[...i,...o],j=e=>(0,t.jsx)("svg",{width:"13",height:"13",viewBox:"0 0 24 24",className:e?"text-accent":"text-line",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"})});return(0,t.jsxs)("section",{className:"mt-10",id:"comments",children:[(0,t.jsx)("h2",{className:"rule-hand mb-4 inline-block font-hand text-[22px] text-ink",children:k.length>0?`What players say about ${s}`:`Played ${s}?`}),k.length>0&&(0,t.jsx)("ul",{className:"space-y-2.5",children:k.map((e,n)=>(0,t.jsxs)("li",{className:"rounded-card border-2 border-ink bg-card p-3.5",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(n=>(0,t.jsx)("span",{children:j(n<=e.rating)},n))}),(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}-${n}`))}),(0,t.jsxs)("form",{onSubmit:y,className:"mt-3 rounded-card border-2 border-ink bg-card p-4 shadow-sketch",children:[(0,t.jsx)("p",{className:"font-hand text-[19px] 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-lg border-2 border-ink bg-paper px-3 text-sm text-ink outline-none 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:()=>p(e===m?0:e),"aria-label":`${e} out of 5`,"aria-pressed":m===e,className:"inline-grid h-6 w-6 place-items-center transition-transform hover:scale-125",children:j(e<=m)},e))})]})]}),(0,t.jsx)("textarea",{value:u,onChange:e=>h(e.target.value),maxLength:1200,rows:3,placeholder:`Something useful about ${s}…`,"aria-label":"Your comment",className:"mt-3 w-full resize-y rounded-lg border-2 border-ink bg-paper p-3 text-sm text-ink outline-none placeholder:text-muted"}),(0,t.jsx)("div",{"aria-hidden":"true",className:"absolute left-[-9999px] h-0 w-0 overflow-hidden",children:(0,t.jsxs)("label",{children:["Website",(0,t.jsx)("input",{tabIndex:-1,autoComplete:"off",value:x,onChange:e=>f(e.target.value)})]})}),(0,t.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-3",children:[(0,t.jsx)("button",{type:"submit",disabled:"sending"===g||u.trim().length<4,className:"rounded-lg border-2 border-ink bg-accent px-4 py-1.5 font-hand text-[18px] leading-tight text-ink shadow-sketch-sm transition-transform hover:-translate-y-[1px] disabled:opacity-40 disabled:shadow-none",children:"sending"===g?"Posting…":"Post comment"}),"done"===g&&(0,t.jsx)("span",{className:"text-[12.5px] text-muted",children:"Posted — everyone else sees it at the next page rebuild."}),w&&(0,t.jsx)("span",{className:"text-[12.5px] font-semibold text-marker",children:w})]})]})]})}])},40053,e=>{"use strict";var t=e.i(43476),n=e.i(71645),a=e.i(74080);function r(e){if(!e)return;let t=document.querySelector(".theater-player-frame"),n=t?.getBoundingClientRect().top??0;(n<0||n>.25*window.innerHeight)&&t?.scrollIntoView({behavior:"smooth",block:"start"})}let i=null;function s(e,t){let n=document.body;if(!function(){let e=document.querySelector(".theater-player-frame"),t=e?.closest(".theater-grid, .stage-cols")?.firstElementChild;if(!e||!t||"DIV"!==t.tagName||!t.contains(e))return;let n=Array.from(t.children),a=n.findIndex(t=>t===e||t.contains(e));

1n.forEach((t,n)=>{let r=["c1"];a>=0&&n<=a&&r.push("span"),n===a&&t!==e&&r.push("card");let i=r.join(" ");t.dataset.w3w!==i&&(t.dataset.w3w=i)})}(),(i??n.classList.contains("theater-active"))===t)return void e();let s=()=>{(0,a.flushSync)(e),n.classList.toggle("theater-active",t)},o=document;if(!o.startViewTransition||window.matchMedia("(prefers-reduced-motion: reduce)").matches){s(),r(t);return}let l=function(){let e=document.querySelector(".theater-player-frame");if(!e)return[];let t=e;for(;t?.parentElement&&!t.parentElement.matches(".theater-grid, .stage-cols");)t=t.parentElement;let n=e;t?.parentElement&&(n=Array.from(t.children).find(t=>t.contains(e))??e);let a=document.querySelector(".theater-grid > aside, .stage-cols > aside");return a?[n,a]:[n]}();l.forEach((e,t)=>e.style.viewTransitionName=t?"w3-rail":"w3-player"),i=t;let c=o.startViewTransition(s);c.ready?.catch(()=>{}),c.finished.catch(()=>{}).finally(()=>{i=null,l.forEach(e=>e.style.viewTransitionName=""),r(t)})}let o="w3fs-close",l=`
2.w3fs-pseudo{position:fixed!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;min-width:0!important;min-height:0!important;aspect-ratio:auto!important;border-radius:0!important;margin:0!important;padding:0!important;border:0!important;transform:none!important;z-index:2147483647!important;background:#000!important}
3.w3fs-native{aspect-ratio:auto!important;border-radius:0!important;background:#000!important}
4.w3fs-pseudo>iframe,.w3fs-native>iframe{width:100%!important;height:100%!important;max-height:none!important}
5html.w3fs-lock,html.w3fs-lock body{overflow:hidden!important;overscroll-behavior:none!important}
6html.w3fs-lock ins.adsbygoogle[data-anchor-status],html.w3fs-lock ins.adsbygoogle[data-anchor-shown],html.w3fs-lock .adsbygoogle-noablate[data-anchor-status]{display:none!important}
7.w3fs-close{position:absolute;z-index:2147483647;top:max(8px,env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px));left:auto;width:38px;height:38px;margin:0;padding:0;box-sizing:border-box;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.3);opacity:.85;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;animation:w3fs-dim .4s ease 3s forwards}
8.w3fs-close.w3fs-fixed{position:fixed}
9.w3fs-close:active,.w3fs-close:focus-visible{opacity:1;animation:none;cursor:grabbing}
10.w3fs-close svg{width:18px;height:18px;display:block}
11@keyframes w3fs-dim{to{opacity:.4}}
12`,c=null;function d(){if(window.__w3fsGlue)try{document.dispatchEvent(new Event("fullscreenchange"))}catch{}}function u(e,t,n,a){let r=e.style.getPropertyValue(t),i=e.style.getPropertyPriority(t);e.style.setProperty(t,n,"important"),a.push(()=>r?e.style.setProperty(t,r,i):e.style.removeProperty(t))}function h(){return document.fullscreenElement||document.webkitFullscreenElement||null}function m(e,t,n){e.classList.add(t);let a=new MutationObserver(()=>{e.classList.contains(t)||e.classList.add(t)});a.observe(e,{attributes:!0,attributeFilter:["class"]}),n.push(()=>{a.disconnect(),e.classList.remove(t)})}function p(){let e=c;if(e){c=null;try{var t=e.box;t.style.visibility="hidden";let n=()=>requestAnimationFrame(()=>requestAnimationFrame(()=>{t.style.visibility=""}));if(h()){let e=()=>{h()||(document.removeEventListener("fullscreenchange",e),document.removeEventListener("webkitfullscreenchange",e),n())};document.addEventListener("fullscreenchange",e),document.addEventListener("webkitfullscreenchange",e),setTimeout(()=>{"hidden"!==t.style.visibility||h()||n()},1500)}else n()}catch{}e.undo.reverse().forEach(e=>{try{e()}catch{}}),e.btn?.remove(),e.onChange?.(!1),"pseudo"===e.mode&&d()}}function x(e,t,n){!function(){if(document.getElementById("w3fs-css"))return;let e=document.createElement("style");e.id="w3fs-css",e.textContent=l,document.head.appendChild(e)}();let a=[],r={box:e,mode:t,btn:null,undo:a,onChange:n.onChange};if(c=r,"native"===t){m(e,"w3fs-native",a);let t=()=>{h()||c!==r||p()};document.addEventListener("fullscreenchange",t),document.addEventListener("webkitfullscreenchange",t),a.push(()=>{document.removeEventListener("fullscreenchange",t),document.removeEventListener("webkitfullscreenchange",t)})}else{for(let t=e.parentElement;t&&t!==document.documentElement;t=t.parentElement){let e=getComputedStyle(t);"none"!==e.transform&&u(t,"transform","none",a),e.translate&&"none"!==e.translate&&u(t,"translate","none",a),e.scale&&"none"!==e.scale&&u(t,"scale","none",a),"none"!==e.filter&&u(t,"filter","none",a),e.backdropFilter&&"none"!==e.backdropFilter&&u(t,"backdrop-filter","none",a),e.webkitBackdropFilter&&"none"!==e.webkitBackdropFilter&&u(t,"-webkit-backdrop-filter","none",a),"none"!==e.perspective&&u(t,"perspective","none",a),e.contain&&"none"!==e.contain&&u(t,"contain","none",a),e.containerType&&"normal"!==e.containerType&&u(t,"container-type","normal",a),e.willChange&&/transform|filter|perspective/.test(e.willChange)&&u(t,"will-change","auto",a),"static"!==e.position&&"auto"!==e.zIndex&&u(t,"z-index","2147483647",a)}m(e,"w3fs-pseudo",a),m(document.documentElement,"w3fs-lock",a),history.pushState({...history.state||{},w3fs:1},"");let t=()=>{c===r&&p()},n=e=>{"Escape"===e.key&&g()};addEventListener("popstate",t),addEventListener("keydown",n),a.push(()=>{removeEventListener("popstate",t),removeEventListener("keydown",n)})}("pseudo"===t||"IFRAME"!==e.tagName)&&(r.btn=function(e){let t=document.createElement("button");t.type="button",t.className="w3fs-close",t.setAttribute("aria-label","Exit fullscreen (drag to move)"),t.title="Exit fullscreen — drag to move",t.innerHTML='<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true"><path d="M6 6l12 12M18 6L6 18"/></svg>';let n="IFRAME"!==e.tagName;n||t.classList.add("w3fs-fixed");let a=e=>{e&&(t.style.left=100*e.fx+(n?"%":"vw"),t.style.top=100*e.fy+(n?"%":"vh"),t.style.right="auto")};try{a(JSON.parse(localStorage.getItem(o)||"null"))}catch{}let r=null,i=!1,s=null;t.addEventListener("pointerdown",e=>{r={id:e.pointerId,sx:e.clientX,sy:e.clientY,moved:!1};try{t.setPointerCapture(e.pointerId)}catch{}}),t.addEventListener("pointermove",i=>{if(!r||r.id!==i.pointerId||!r.moved&&6>Math.hypot(i.clientX-r.sx,i.clientY-r.sy))return;r.moved=!0;let o=n?e.getBoundingClientRect():{left:0,top:0,width:innerWidth,height:innerHeight},l=t.offsetWidth,c=Math.min(Math.max(i.clientX-o.left-l/2,4),o.width-l-4),d=Math.min(Math.max(i.clientY-o.top-l/2,4),o.height-l-4);a(s={fx:c/o.width,fy:d/o.height})});let l=e=>{if(r&&r.id===e.pointerId){if(r.moved){i=!0;

12try{s&&localStorage.setItem(o,JSON.stringify(s))}catch{}}r=null}};return t.addEventListener("pointerup",l),t.addEventListener("pointercancel",l),t.addEventListener("click",e=>{if(e.preventDefault(),e.stopPropagation(),i){i=!1;return}g()}),(n?e:document.body).appendChild(t),t}(e));let i="IFRAME"===e.tagName?e:e.querySelector("iframe");try{i?.focus()}catch{}n.onChange?.(!0),"pseudo"===t&&d()}function f(e){let t,n,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!e||c)return;let r=e.requestFullscreen||e.webkitRequestFullscreen,i=!navigator.userActivation||navigator.userActivation.isActive;if(!1!==a.native&&i&&(t=document,n=Element.prototype,(t.fullscreenEnabled||t.webkitFullscreenEnabled)&&(n.requestFullscreen||n.webkitRequestFullscreen)&&!n.requestFullscreen?.__w3fs)&&r)try{let t=r.call(e);x(e,"native",a),t&&"function"==typeof t.then&&t.catch(()=>{c&&c.box===e&&"native"===c.mode&&p(),x(e,"pseudo",a)});return}catch{}x(e,"pseudo",a)}function g(){let e=c;if(e)if("native"===e.mode){let e=document;try{e.fullscreenElement?e.exitFullscreen().catch(()=>{}):e.webkitFullscreenElement&&e.webkitExitFullscreen?.()}catch{}p()}else history.state&&history.state.w3fs?history.back():p()}var b=e.i(86264),w=e.i(70384);function v(e){let{title:a,poster:r,visible:i}=e,[s,o]=(0,n.useState)(!i);return((0,n.useEffect)(()=>{if(i)return void o(!1);let e=setTimeout(()=>o(!0),450);return()=>clearTimeout(e)},[i]),s)?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] ${i?"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:r&&(0,t.jsx)("img",{src:r,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 ",a,"…"]})]})}let y=[["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 k(e){let{slug:a,title:r,buttonClassName:i,iconSize:s=17}

12=e,[o,l]=(0,n.useState)(!1),[c,d]=(0,n.useState)("not_loading"),[u,h]=(0,n.useState)(""),[m,p]=(0,n.useState)("idle"),x=(0,n.useRef)(null);(0,n.useEffect)(()=>{if(!o)return;let e=e=>{x.current&&!x.current.contains(e.target)&&l(!1)},t=e=>"Escape"===e.key&&l(!1);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[o]);let f=async()=>{if("sending"!==m){p("sending");try{let e=await fetch(w.SITE.reportApi,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slug:a,game_name:r,source:w.SITE.domain,page_url:window.location.href,reason:c,note:(u.trim()?u.trim().slice(0,500)+" · ":"")+"UA: "+navigator.userAgent.slice(0,200)})}),t=await e.json().catch(()=>null);p(t?.ok?"sent":"error")}catch{p("error")}}};return(0,t.jsxs)("div",{ref:x,className:"relative",children:[(0,t.jsx)("button",{type:"button",onClick:()=>l(e=>!e),"aria-label":"Report a problem with this game","data-tip":o?void 0:"Report a problem","aria-expanded":o,className:i,children:(0,t.jsx)("svg",{width:s,height:s,viewBox:"0 0 24 24",fill:o?"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"})})}),o&&(0,t.jsx)("div",{role:"dialog","aria-label":`Report a problem with ${r}`,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"===m?(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:()=>l(!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 ",r,"?"]}),(0,t.jsx)("div",{className:"flex flex-wrap gap-1.5",children:y.map(e=>{let[n,a]=e;return(0,t.jsx)("button",{type:"button",onClick:()=>d(n),"aria-pressed":c===n,className:`rounded-full border px-2.5 py-1 text-[12px] font-medium leading-none transition-colors ${c===n?"border-accent bg-accent text-white":"border-line bg-raise text-muted hover:text-ink"}`,children:a},n)})}),(0,t.jsx)("textarea",{value:u,onChange:e=>h(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"===m?"Could not send — try again in a minute.":"Sends the page URL and your browser."}),(0,t.jsx)("button",{type:"button",onClick:f,disabled:"sending"===m,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"===m?"Sending…":"Send report"})]})]})})]})}e.s(["default",0,function(e){let{src:a,title:r,poster:i,posterBlur:o,slug:l,tally:c,portrait:d=!1}=e,[u,h]=(0,n.useState)(!1),[m,p]=(0,n.useState)(!1),[x,g]=(0,n.useState)(!1),[y,j]=(0,n.useState)(0),[N,E]=(0,n.useState)(!1),S=(0,n.useRef)(null);(0,n.useEffect)(()=>(document.body.classList.toggle("theater-active",x),()=>document.body.classList.remove("theater-active")),[x]),(0,n.useEffect)(()=>{let e=e=>{"Escape"===e.key&&s(()=>g(!1),!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[]);

12let C="rated.",[L,T]=(0,n.useState)(c);(0,n.useEffect)(()=>{try{let e=localStorage.getItem(C+l);e&&j(Number(e))}catch{}},[l]);let F=(0,n.useCallback)(e=>{j(e);try{localStorage.setItem(C+l,String(e))}catch{}fetch(w.SITE.ugcApi,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"vote",slug:l,rating:e})}).then(e=>e.json()).then(e=>{e?.ok&&e.count&&T({value:e.avg,count:e.count})}).catch(()=>{})},[l]),M=(0,n.useCallback)(()=>{h(!0),window.matchMedia&&window.matchMedia("(pointer: coarse)").matches&&820>=Math.min(screen.width,screen.height)&&S.current&&f(S.current)},[]),I=(0,n.useCallback)(()=>{S.current&&f(S.current)},[]),$=(0,n.useCallback)(async()=>{let e=window.location.href;try{navigator.share?await navigator.share({title:r,url:e}):(await navigator.clipboard.writeText(e),E(!0),setTimeout(()=>E(!1),1800))}catch{}},[r]);return(0,t.jsxs)("div",{className:x?"mx-auto w-full max-w-none":"w-full",children:[(0,t.jsx)("div",{className:`s-frame theater-player-frame relative w-full overflow-hidden rounded-t-card border-2 border-ink bg-paper sm:aspect-video ${d?"aspect-[3/4]":"aspect-[4/3]"}`,children:(0,t.jsx)("div",{ref:S,className:"absolute inset-0 overflow-hidden",children:u?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("iframe",{src:a,title:r,className:"absolute inset-0 h-full w-full border-0",allow:"fullscreen; autoplay; pointer-lock; gamepad; clipboard-write",allowFullScreen:!0,loading:"eager",onLoad:()=>p(!0)}),(0,t.jsx)(v,{title:r,poster:i,visible:!m})]}):(0,t.jsxs)("button",{type:"button",onClick:M,"aria-label":`Play ${r}`,className:"group absolute inset-0 flex h-full w-full flex-col items-center justify-center",children:[i&&(0,t.jsx)("span",{"aria-hidden":!0,className:"absolute inset-0 scale-110 bg-cover bg-center opacity-30 blur-2xl",style:{backgroundImage:`url(${o??i})`}}),(0,t.jsx)("span",{"aria-hidden":!0,className:"absolute inset-0 bg-paper/75"}),i&&(0,t.jsx)("img",{src:i,alt:"",srcSet:(0,b.thumbSmall)(i)?`${(0,b.thumbSmall)(i)} 160w, ${i} 320w`:void 0,sizes:"(max-width: 639px) 80px, 112px",width:112,height:112,fetchPriority:"high",className:"s-poster relative h-20 w-20 rounded-2xl border-2 border-ink object-cover shadow-sketch sm:h-28 sm:w-28"}),(0,t.jsx)("span",{className:"s-playicon relative mt-4 flex h-12 w-12 items-center justify-center rounded-full border-2 border-ink bg-card text-ink transition-transform group-hover:scale-110",children:(0,t.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M8 5v14l11-7z"})})}),(0,t.jsxs)("span",{className:"s-cta relative mt-3 rounded-lg border-2 border-ink bg-accent px-4 py-1 font-hand text-[19px] leading-tight text-ink shadow-sketch-sm",children:["Play ",r]})]})})}),(0,t.jsxs)("div",{className:"s-bar flex items-center gap-3 rounded-b-card border-2 border-t-0 border-ink bg-card px-3 py-2",children:[(0,t.jsxs)("div",{className:"flex items-center gap-0.5",role:"group","aria-label":`Rate ${r}`,children:[[1,2,3,4,5].map(e=>(0,t.jsx)("button",{type:"button",onClick:()=>F(e),"aria-label":`${e} star${e>1?"s":""}`,className:`s-star grid h-6 w-6 place-items-center transition-colors ${e<=(y||Math.round(L?.value??0))?"text-accent":"text-line hover:text-muted"}`,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 font-hand text-[15px] leading-none text-muted",children:L?.count?`${L.value.toFixed(1)} \xb7 ${L.count.toLocaleString("en-GB")} vote${1===L.count?"":"s"}`:y?"Thanks!":"Rate this game"})]}),(0,t.jsxs)("div",{className:"ml-auto flex items-center gap-1",children:[(0,t.jsx)(k,{slug:l,title:r,buttonClassName:"s-barbtn rounded-md p-1.5 text-muted transition-colors hover:bg-raise hover:text-ink",iconSize:16}),(0,t.jsx)("button",{type:"button",onClick:$,"aria-label":"Share","data-tip":N?"Link copied!":"Share",className:"s-barbtn rounded-md p-1.5 text-muted transition-colors hover:bg-raise hover:text-ink",children:N?(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5","aria-hidden":!0,

12children:(0,t.jsx)("polyline",{points:"20 6 9 17 4 12"})}):(0,t.jsxs)("svg",{width:"16",height:"16",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:()=>s(()=>g(!x),!x),"data-wide":"","aria-label":"Wide — theatre mode","data-tip":x?"Exit wide mode (Esc)":"Wide mode","aria-pressed":x,className:`s-barbtn rounded-md p-1.5 transition-colors hover:bg-raise hover:text-ink ${x?"text-accent":"text-muted"}`,children:(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:(0,t.jsx)("rect",{x:"2",y:"6",width:"20",height:"12",rx:"2"})})}),(0,t.jsx)("button",{type:"button",onClick:I,"aria-label":"Fullscreen","data-tip":"Fullscreen",className:"s-barbtn rounded-md p-1.5 text-muted transition-colors hover:bg-raise hover:text-ink",children:(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","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"})})})]})]})]})}],40053)}]);