https://tanktrouble.org/_next/static/chunks/0zcibk9u_yy94.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,19591,e=>{"use strict";var t=e.i(43476),a=e.i(71645);e.i(25254);var n=e.i(86172);e.s(["default",0,function(e){let{slug:r,comments:s,gameName:l}=e,[i,o]=(0,a.useState)([]),[d,c]=(0,a.useState)(""),[h,x]=(0,a.useState)(""),[u,m]=(0,a.useState)(0),[p,g]=(0,a.useState)(""),[b,f]=(0,a.useState)("idle"),[v,w]=(0,a.useState)("");async function j(e){if(e.preventDefault(),"sending"!==b&&!(h.trim().length<4)){f("sending"),w("");try{let e=await fetch(n.SITE.ugcApi,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({action:"comment",slug:r,author:d,body:h,rating:u||void 0,website:p})}),t=await e.json();if(!t.ok)throw Error(t.error||"Could not post that.");o(e=>[...e,{author:t.author??"Player",body:h.trim(),rating:u||null,date:new Date().toISOString()}]),x(""),m(0),f("done")}catch(e){w(e instanceof Error?e.message:"Could not post that."),f("idle")}}}let k=[...s,...i],y=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 ${l}`:`Played ${l}?`}),k.length>0&&(0,t.jsx)("ul",{className:"space-y-2.5",children:k.map((e,a)=>(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(a=>(0,t.jsx)("span",{children:y(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:j,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:d,onChange:e=>c(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:()=>m(e===u?0:e),"aria-label":`${e} out of 5`,"aria-pressed":u===e,className:"inline-grid h-6 w-6 place-items-center transition-transform hover:scale-125",children:y(e<=u)},e))})]})]}),(0,t.jsx)("textarea",{value:h,onChange:e=>x(e.target.value),maxLength:1200,rows:3,placeholder:`Something useful about ${l}…`,"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:p,onChange:e=>g(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"===b||h.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"===b?"Posting…":"Post comment"}),"done"===b&&(0,t.jsx)("span",{className:"text-[12.5px] text-muted",children:"Posted — everyone else sees it at the next page rebuild."}),v&&(0,t.jsx)("span",{className:"text-[12.5px] font-semibold text-marker",children:v})]})]})]})}])},41061,e=>{"use strict";var t=e.i(43476),a=e.i(71645),n=e.i(25254),r=e.i(86172);function s(e){let{title:n,poster:r,visible:s}=e,[l,i]=(0,a.useState)(!s);return((0,a.useEffect)(()=>

1{if(s)return void i(!1);let e=setTimeout(()=>i(!0),450);return()=>clearTimeout(e)},[s]),l)?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] ${s?"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 ",n,"…"]})]})}let l=[["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 i(e){let{slug:n,title:s,buttonClassName:i,iconSize:o=17}=e,[d,c]=(0,a.useState)(!1),[h,x]=(0,a.useState)("not_loading"),[u,m]=(0,a.useState)(""),[p,g]=(0,a.useState)("idle"),b=(0,a.useRef)(null);(0,a.useEffect)(()=>{if(!d)return;let e=e=>{b.current&&!b.current.contains(e.target)&&c(!1)},t=e=>"Escape"===e.key&&c(!1);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[d]);let f=async()=>{if("sending"!==p){g("sending");try{let e=await fetch(r.SITE.reportApi,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({slug:n,game_name:s,source:r.SITE.domain,page_url:window.location.href,reason:h,note:(u.trim()?u.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:()=>c(e=>!e),"aria-label":"Report a problem with this game",title:"Report a problem","aria-expanded":d,className:i,children:(0,t.jsx)("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:d?"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"})})}),d&&(0,t.jsx)("div",{role:"dialog","aria-label":`Report a problem with ${s}`,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:()=>c(!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 ",s,"?"]}),(0,t.jsx)("div",{className:"flex flex-wrap gap-1.5",children:l.map(e=>{let[a,n]=e;return(0,t.jsx)("button",{type:"button",onClick:()=>x(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:n},a)})}),(0,t.jsx)("textarea",{value:u,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:f,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:l,title:o,poster:d,posterBlur:c,slug:h,tally:x,portrait:u=!1}=e,[m,p]=(0,a.useState)(!1),[g,b]=(0,a.useState)(!1),[f,v]=(0,a.useState)(!1),[w,j]=(0,a.useState)(0),[k,y]=(0,a.useState)(!1),N=(0,a.useRef)(null),S="rated.",[C,$]=(0,a.useState)(x);(0,a.useEffect)(()=>{try{let e=localStorage.getItem(S+h);e&&j(Number(e))}catch{}},[h]);let T=(0,a.useCallback)(e=>{j(e);try{localStorage.setItem(S+h,String(e))}catch{}fetch(r.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]),L=(0,a.useCallback)(()=>{p(!0)},[]),E=(0,a.useCallback)(()=>{let e=N.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),y(!0),setTimeout(()=>y(!1),1800))}catch{}},[o]);return(0,t.jsxs)("div",{className:f?"mx-auto w-full max-w-none":"w-full",children:[(0,t.jsx)("div",{ref:N,className:`relative w-full overflow-hidden rounded-t-card border-2 border-ink bg-paper sm:aspect-video ${u?"aspect-[3/4]":"aspect-[4/3]"}`,children:m?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("iframe",{src:l,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)(s,{title:o,poster:d,visible:!g})]}):(0,t.jsxs)("button",{type:"button",onClick:L,"aria-label":`Play ${o}`,className:"group absolute inset-0 flex h-full w-full flex-col items-center justify-center",children:[d&&(0,t.jsx)("span",{"aria-hidden":!0,

1className:"absolute inset-0 scale-110 bg-cover bg-center opacity-30 blur-2xl",style:{backgroundImage:`url(${c??d})`}}),(0,t.jsx)("span",{"aria-hidden":!0,className:"absolute inset-0 bg-paper/75"}),d&&(0,t.jsx)("img",{src:d,alt:"",srcSet:(0,n.thumbSmall)(d)?`${(0,n.thumbSmall)(d)} 160w, ${d} 320w`:void 0,sizes:"(max-width: 639px) 80px, 112px",width:112,height:112,fetchPriority:"high",className:"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:"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:"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 ",o]})]})}),(0,t.jsxs)("div",{className:"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 ${o}`,children:[[1,2,3,4,5].map(e=>(0,t.jsx)("button",{type:"button",onClick:()=>T(e),"aria-label":`${e} star${e>1?"s":""}`,className:`grid h-6 w-6 place-items-center transition-colors ${e<=(w||Math.round(C?.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:C?.count?`${C.value.toFixed(1)} \xb7 ${C.count.toLocaleString("en-GB")} vote${1===C.count?"":"s"}`:w?"Thanks!":"Rate this game"})]}),(0,t.jsxs)("div",{className:"ml-auto flex items-center gap-1",children:[(0,t.jsx)(i,{slug:h,title:o,buttonClassName:"rounded-md p-1.5 text-muted transition-colors hover:bg-raise hover:text-ink",iconSize:16}),(0,t.jsx)("button",{type:"button",onClick:P,"aria-label":"Share",className:"rounded-md p-1.5 text-muted transition-colors hover:bg-raise hover:text-ink",children:k?(0,t.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5","aria-hidden":!0,children:(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:()=>v(e=>!e),"aria-label":"Wide — theatre mode","aria-pressed":f,className:`rounded-md p-1.5 transition-colors hover:bg-raise hover:text-ink ${f?"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:E,"aria-label":"Fullscreen",className:"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"})})})]})]})]})}],41061)}]);