https://udonarium-connect-base.netlify.app/_next/static/chunks/app…/games/%5Bslug%5D/page-ebba0ce227f7667a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[86],{1012:(e,r,t)=>{"use strict";t.d(r,{P:()=>s});var a=t(3389),l=t(2594);function s(e){(0,l.useEffect)(()=>{if(e)return setTimeout(()=>{for(let e of(0,a.YJ)(".c__article_body a"))e.setAttribute("target","_blank"),e.setAttribute("rel","noopener noreferrer")},500),()=>{}},[e])}},2355:(e,r,t)=>{"use strict";t.d(r,{o:()=>n,y4:()=>i});var a=t(8669);let l={xs:["px-6","py-2","text-xs","max-sm:px-5","max-sm:py-1.5","max-sm:text-xs"],sm:["px-8","py-3","text-sm","max-sm:px-6","max-sm:py-2","max-sm:text-xs"],md:["px-12","py-4","text-base","max-sm:px-10","max-sm:py-3","max-sm:text-sm"],lg:["px-16","py-5","text-lg","max-sm:px-12","max-sm:py-4","max-sm:text-base"]},s=function(e){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"white";if("solidPrimary"===e)return["bg-gradient-to-r","from-[var(--color-brand-gradient-start)]","to-[var(--color-brand-gradient-end)]","text-white","border-transparent","hover:shadow-[var(--elevation-3)]","duration-300"];if("solidSecondary"===e)if("white"===r)return["bg-white","text-[var(--color-brand-orange)]","border-2","border-white","hover:shadow-[var(--elevation-2)]","duration-300"];else return["bg-[var(--color-brand-orange)]","text-white","border-2","border-[var(--color-brand-orange)]","border-transparent","hover:shadow-[var(--elevation-2)]","duration-300"];if("outline"===e)if("white"===r)return["bg-transparent","text-[var(--color-brand-orange)]","border-2","border-[var(--color-brand-orange)]","hover:shadow-[var(--elevation-1)]","duration-300"];else return["bg-transparent","text-white","border-2","border-white","hover:shadow-[var(--elevation-1)]","duration-300"];if("text"===e)if("white"===r)return["underline","text-[var(--color-brand-orange)]","border-2","border-transparent","bg-transparent","hover:scale-105","duration-300"];else return["underline","text-white","border-2","border-transparent","bg-transparent","hover:scale-105","duration-300"];return["border-2","border-transparent","bg-transparent","hover:scale-105"]},n=e=>{let r={transition:"all 0.3s cubic-bezier(0.24, 1.8, 0.61, 1)"};if(!e)return r;let t="number"==typeof e?"".concat(e,"px"):e;return{...r,width:t,minWidth:"0","--tw-width-base":t,"--tw-width-sm":"calc(".concat(t," * 0.9)"),"--tw-width-xs":"calc(".concat(t," * 0.8)")}},i=function(e,r,t,n){let i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"white",o=arguments.length>5?arguments[5]:void 0;return(0,a.$)(["inline-flex","items-center","justify-center","font-bold","rounded-full","disabled:opacity-50","disabled:cursor-not-allowed",!n&&"hover:scale-103",n&&"pointer-events-none"],s(e,i),l[r],t?"truncate":"",o)}},3317:(e,r,t)=>{"use strict";t.d(r,{A:()=>o});var a=t(2010);t(2594);var l=t(9118),s=t(6570),n=t(4111),i=t(2355);let o=e=>{var r;let{size:t="md",width:o,colorScheme:c="white",className:d="",children:m,...x}=e,u=null!=(r="disabled"in e&&e.disabled||"loading"in e&&e.loading)&&r,h=(0,i.y4)("outline",t,o,u,c,d),p=(0,i.o)(o),v="link"===e.as&&"target"in e&&"_blank"===e.target;if("link"===e.as){let{as:r,size:t,width:s,colorScheme:i,className:o,href:c,disabled:d,onClick:x,target:u,rel:g,...b}=e;return(0,a.jsxs)(l.default,{href:c,disabled:d,onClick:x,target:u,rel:g,className:h,style:p,...b,children:[m,v&&(0,a.jsx)(n.pT,{className:"ml-1 h-4 w-4"})]})}let{as:g,size:b,width:f,colorScheme:j,className:w,type:N,loading:y,disabled:k,onClick:_,...A}=e;return(0,a.jsx)(s.A,{type:N,loading:y,disabled:k,onClick:_,className:h,style:p,...A,children:m})}},5849:(e,r,t)=>{"use strict";t.d(r,{A:()=>n});var a=t(2010),l=t(9118),s=t(4111);function n(e){let{href:r,children:t}=e;return(0,a.jsxs)(l.default,{href:r,target:"_blank",rel:"noopener noreferrer",className:"flex items-center justify-between bg-white px-6 py-4 max-md:px-4 max-md:py-3 max-md:text-sm rounded-[var(--radius-lg)] shadow-[var(--elevation-1)] hover:shadow-[var(--elevation-2)] transition-all group hover:scale-102 duration-300",children:[t,(0,a.jsx)(s.pT,{className:"w-5 h-5 text-[var(--color-brand-orange)]"})]})}},6570:(e,r,t)=>{"use strict";t.d(r,{A:()=>i});var a=t(2010),l=t(2594),s=t(9956);let n=l.forwardRef((e,r)=>{let{type:t="button",loading:l=!1,disabled:n=!1,children:i,defaultHover:o=!0,onClick:c,onMouseOver:d,onMouseOut:m,...x}=e,u=n||l;return(0,a.jsxs)("button",{ref:r,type:t,disabled:n||l,tabIndex:u?-1:void 0,onClick:c,onMouseOver:e=>{u||(0,s.Iv)(),d&&d(e)},onMouseOut:e=>{u||(0,s.Ru)(),m&&m(e)},style:{...x.style},...x,children:[l&&(0,a.jsxs)("svg",{className:"animate-spin -ml-1 mr-2 h-4 w-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,a.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,a.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}),i]})});n.displayName="HeadlessButton";let i=n},7816:(e,r,t)=>{"use strict";t.d(r,{default:()=>g});var a=t(2010),l=t(9118),s=t(2594),n=t(9382),i=t(8669),o=t(7161);t(5184);var c=t(4111);function d(e){let{images:r,gameTitle:t}

1=e,[l,d]=(0,s.useState)(0),m=(0,s.useRef)(null),x=(0,s.useId)().replace(/:/g,"-");(0,s.useEffect)(()=>{m.current&&m.current.destroy();let e=document.querySelectorAll(".luminous-gallery-item-".concat(x));return e.length>0&&(m.current=new o.z(e,{arrowNavigation:!0},{sourceAttribute:"data-luminous-src"})),()=>{m.current&&m.current.destroy()}},[r,t,x]);let u=e=>{e!==l&&d(e)};return(0,a.jsxs)("div",{className:"image-gallery space-y-4",children:[(0,a.jsxs)("div",{className:"relative aspect-video w-full bg-[#f3f3f3] rounded-lg overflow-hidden group",children:[r.map((e,r)=>(0,a.jsx)("button",{"data-luminous-src":e.url,className:(0,i.A)("luminous-gallery-item-".concat(x," absolute inset-0 w-full h-full cursor-zoom-in transition-opacity duration-300"),r===l?"opacity-100 z-10":"opacity-0 pointer-events-none z-0"),"aria-label":r===l?"画像を拡大表示":"画像 ".concat(r+1),children:(0,a.jsx)(n.default,{src:e.url,alt:"".concat(t," - 画像 ").concat(r+1),width:1920,height:1080,className:"object-contain pointer-events-none w-full h-full",priority:0===r})},r)),r.length>1&&(0,a.jsx)("button",{onClick:()=>{d(e=>0===e?r.length-1:e-1)},className:"absolute left-2 top-1/2 -translate-y-1/2 bg-black/60 hover:bg-black/80 text-white p-3 rounded-full transition-all duration-300 opacity-0 group-hover:opacity-100 hover:scale-110 z-20","aria-label":"前の画像",children:(0,a.jsx)(c.YJ,{size:20})}),r.length>1&&(0,a.jsx)("button",{onClick:()=>{d(e=>e===r.length-1?0:e+1)},className:"absolute right-2 top-1/2 -translate-y-1/2 bg-black/60 hover:bg-black/80 text-white p-3 rounded-full transition-all duration-300 opacity-0 group-hover:opacity-100 hover:scale-110 z-20","aria-label":"次の画像",children:(0,a.jsx)(c.vK,{size:20})}),(0,a.jsxs)("div",{className:"absolute bottom-3 right-3 bg-black/70 backdrop-blur-sm rounded-lg px-3 py-2 flex items-center gap-2 pointer-events-none z-20",children:[(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"text-white",children:[(0,a.jsx)("circle",{cx:"11",cy:"11",r:"8"}),(0,a.jsx)("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"}),(0,a.jsx)("line",{x1:"11",y1:"8",x2:"11",y2:"14"}),(0,a.jsx)("line",{x1:"8",y1:"11",x2:"14",y2:"11"})]}),(0,a.jsx)("span",{className:"text-white text-xs font-medium",children:"拡大"})]})]}),r.length>0&&(0,a.jsx)("div",{className:"flex gap-2 justify-center items-center",children:r.map((e,r)=>(0,a.jsx)("button",{onClick:()=>u(r),className:(0,i.A)("w-2 h-2 rounded-full transition-all duration-300",l===r?"bg-primary w-8":"bg-primary/40 hover:bg-primary/60"),"aria-label":"画像 ".concat(r+1," に移動")},r))}),r.length>0&&(0,a.jsx)("div",{className:"thumbnails-container",children:(0,a.jsx)("div",{className:"grid max-sm:grid-cols-4 grid-cols-5 gap-3",children:r.map((e,r)=>(0,a.jsx)("button",{onClick:()=>u(r),className:(0,i.A)("thumbnail-item relative rounded-md overflow-hidden transition-all duration-300","aspect-square w-full",l===r?"ring-3 ring-primary scale-105 brightness-100":"ring-3 ring-primary/0 brightness-60 hover:brightness-100 hover:ring-primary"),"aria-label":"画像 ".concat(r+1," のサムネイル"),children:(0,a.jsx)(n.default,{src:e.url,alt:"".concat(t," - サムネイル ").concat(r+1),width:200,height:200,className:"object-cover w-full h-full"})},r))})})]})}var m=t(5849),x=t(8492),u=t(8971),h=t(3317),p=t(1012),v=t(3389);function g(e){var r,t;let{game:n}=e,o=(0,u.sX)(n),g=null==(r=n.publishers)?void 0:r.map(e=>e.name).join(" / "),b=(0,u.r2)(n.playerCount.min,n.playerCount.max),f=(0,u.sH)(n.playTime.min,n.playTime.max);return(0,s.useEffect)(()=>{if(!n)return;let e=document.createElement("script");e.src="https://platform.twitter.com/widgets.js";let r=(0,v.qs)("#twitter_widget_wrapper");return null==r||r.appendChild(e),()=>{null==r||r.removeChild(e)}},[n]),(0,p.P)(n),(0,a.jsxs)("div",{className:"min-h-screen bg-[var(--color-background-primary)]",children:[(0,a.jsx)("div",{className:"bg-[var(--color-background-secondary)] border-b border-[var(--color-card-border)]",children:(0,a.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4",children:(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm text-[var(--color-primitive-neutral-600)]",children:[(0,a.jsx)(l.default,{href:"/",className:"hover:text-[var(--color-brand-orange)] transition-colors",children:"ホーム"}),(0,a.jsx)("span",{children:"/"}),(0,a.jsx)(l.default,{href:"/games",className:"hover:text-[var(--color-brand-orange)] transition-colors",children:"ゲーム一覧"}),(0,a.jsx)("span",{children:"/"}),(0,a.jsx)("span",{className:"text-[var(--color-primitive-neutral-900)] font-medium",children:n.title})]})})}),(0,a.jsxs)("div",{className:"max-w-7xl mx-auto px-4 max-sm:px-6 max-lg:px-8 pt-12 pb-22",children:[(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[(0,a.jsx)("div",{className:"space-y-8",children:(0,a.jsx)("div",{className:"relative",children:(0,a.jsx)(d,{images:n&&(null==(t=n.images)?void 0:t.length)?n.images:[{url:"https://placehold.jp/ff9966/ffffff/1280x720.png?text=No+Image"}],gameTitle:n.title})})}),(0,a.jsxs)("div",{className:"max-md:text-sm",children:[(0,u.nE)(n)&&(0,a.jsx)("div",{className:"bg-[var(--color-brand-pink)] text-white text-sm font-bold px-4 py-1 rounded-full inline-block mb-4",children:"NEW"}),(0,a.jsx)("h1",{className:"text-4xl max-md:text-3xl font-bold text-[var(--color-primitive-neutral-900)] mb-2",children:n.title}),(0,a.jsx)("p",{className:"text-lg max-md:text-base text-[var(--color-primitive-neutral-600)] mb-6",children:n.titleKana}),n.genres&&n.genres.length>0&&(0,a.jsx)("div",{className:"flex flex-wrap gap-2 mb-6",children:n.genres.map((e,r)=>{let t="string"==typeof e?e:e.id,l="string"==typeof e?e:e.name;return(0,a.jsx)("span",{className:"px-3 py-1 rounded-full bg-[var(--color-primitive-orange-50)] text-[var(--color-brand-orange)] text-sm font-medium",children:l},t||r)})}),(0,a.jsxs)("div",{className:"bg-[var(--color-background-secondary)] rounded-[var(--radius-lg)] p-6 mb-8",children:[(0,a.jsx)("h2",{className:"text-xl font-bold text-[var(--color-primitive-neutral-900)] mb-4",children:"ゲーム情報"}),(0,a.jsxs)("dl",{className:"space-y-3",children:[b&&(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsxs)("dt",{className:"flex items-center gap-2 text-[var(--color-primitive-neutral-600)] min-w-[120px]",children:[(0,a.jsx)(c.n_,{className:"w-5 h-5 text-[var(--color-brand-orange)]"}),"プレイ人数"]}),(0,a.jsx)("dd",{className:"font-medium text-[var(--color-primitive-neutral-900)]",children:b})]}),f&&(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsxs)("dt",{className:"flex items-center gap-2 text-[var(--color-primitive-neutral-600)] min-w-[120px]",children:[(0,a.jsx)(c.B6,{className:"w-5 h-5 text-[var(--color-brand-orange)]"}),"プレイ時間"]}),(0,a.jsx)("dd",{className:"font-medium text-[var(--color-primitive-neutral-900)]",children:f})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsxs)("dt",{className:"flex items-center gap-2 text-[var(--color-primitive-neutral-600)] min-w-[120px]",children:[(0,a.jsx)(c.R5,{className:"w-5 h-5 text-[var(--color-brand-orange)]"}),"プレイ感"]}),(0,a.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,a.jsxs)("div",{className:"flex justify-between items-center text-xs",children:[(0,a.jsx)("span",{className:"font-mplus font-medium text-gray-600",children:"←ライト"}),(0,a.jsx)("span",{className:"font-mplus font-medium text-gray-600",children:"じっくり→"})]}),(0,a.jsx)("div",{className:"flex gap-1 flex-1 max-w-[200px] pr-[0.1em]","aria-label":"じっくり度 ".concat(o," / 5"),

1children:[1,2,3,4,5].map(e=>{let r=e<=o,t="";return 1===e&&(t="bg-sky-200"),2===e&&(t="bg-lime-300"),3===e&&(t="bg-yellow-300"),4===e&&(t="bg-orange-300"),5===e&&(t="bg-red-300"),(0,a.jsx)("div",{className:(0,i.A)("h-2 min-w-[20px] w-[5vw] flex-1 rounded-xs transition-all duration-300",t,r?"":"bg-neutral-200!")},e)})})]})]}),n.releaseYear&&(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsxs)("dt",{className:"flex items-center gap-2 text-[var(--color-primitive-neutral-600)] min-w-[120px]",children:[(0,a.jsx)(c.CT,{className:"w-5 h-5 text-[var(--color-brand-orange)]"}),"発売年"]}),(0,a.jsxs)("dd",{className:"font-medium text-[var(--color-primitive-neutral-900)]",children:[n.releaseYear,"年"]})]}),g&&(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsxs)("dt",{className:"flex items-center gap-2 text-[var(--color-primitive-neutral-600)] min-w-[120px]",children:[(0,a.jsx)(c.g0,{className:"w-5 h-5 text-[var(--color-brand-orange)]"}),"制作元"]}),(0,a.jsx)("dd",{className:"font-medium text-[var(--color-primitive-neutral-900)]",children:g})]})]})]}),n.description&&(0,a.jsx)("div",{className:"c__article_body mb-8",dangerouslySetInnerHTML:{__html:n.description}}),(0,a.jsxs)("div",{className:"bg-gradient-to-r from-[var(--color-primitive-orange-50)] to-[var(--color-primitive-pink-50)] rounded-[var(--radius-lg)] p-6",children:[(0,a.jsx)("h2",{className:"text-xl font-bold text-[var(--color-primitive-neutral-900)] mb-4",children:"購入リンク"}),(0,a.jsxs)("div",{className:"space-y-3",children:[n.purchaseLinks&&n.purchaseLinks.length>0&&n.purchaseLinks.map((e,r)=>(0,a.jsx)(m.A,{href:e.url||"#",children:(0,a.jsxs)("div",{className:"font-bold text-[var(--color-primitive-neutral-900)] group-hover:text-[var(--color-brand-orange)] transition-all duration-300 mb-1 flex items-baseline justify-between w-full pr-4",children:[(0,a.jsx)("span",{className:"",children:e.name}),(0,u.$g)(e.price)&&(0,a.jsx)("span",{className:"ml-2 inline-block text-sm max-md:text-xs text-[#aaa]",children:(0,u.$g)(e.price)})]})},r)),!n.purchaseLinks||0===n.purchaseLinks.length&&(0,a.jsx)("p",{className:"text-[var(--color-primitive-neutral-500)]",children:"準備中！"})]})]}),n.relatedLinks&&n.relatedLinks.length>0&&(0,a.jsxs)("div",{className:"bg-[var(--color-background-secondary)] from-[var(--color-primitive-orange-50)] to-[var(--color-primitive-pink-50)] rounded-[var(--radius-lg)] p-6 mt-8",children:[(0,a.jsx)("h2",{className:"text-xl font-bold text-[var(--color-primitive-neutral-900)] mb-4",children:"関連リンク"}),(0,a.jsx)("div",{className:"space-y-3",children:n.relatedLinks.map((e,r)=>(0,a.jsx)(m.A,{href:e.url||"#",children:(0,a.jsx)("h3",{className:"font-bold text-[var(--color-primitive-neutral-900)] group-hover:text-[var(--color-brand-orange)] transition-all duration-300 mb-1",children:e.name})},r))})]}),(0,a.jsx)("div",{className:"mt-8",children:(0,a.jsxs)(x.A,{as:"link",href:n.twitterShareHref,target:"_blank",rel:"noopener noreferrer",className:"!bg-[#000] hover:!bg-[#1a1a1a] !text-white !from-[#000] !to-[#000]",children:[(0,a.jsx)("svg",{className:"w-5 h-5",fill:"currentColor",viewBox:"0 0 24 24",children:(0,a.jsx)("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"})}),(0,a.jsx)("span",{className:"pl-2",children:"このゲームをシェア"})]})})]})]}),(0,a.jsx)("div",{className:"mt-26 text-center",children:(0,a.jsxs)(h.A,{as:"link",href:"/games",children:[(0,a.jsx)(c.gF,{className:"w-5 h-5"}),"ゲーム一覧に戻る"]})})]})]})}},8280:(e,r,t)=>{Promise.resolve().then(t.bind(t,7816))},8492:(e,r,t)=>{"use strict";t.d(r,{A:()=>o});var a=t(2010);t(2594);var l=t(9118),s=t(6570),n=t(4111),i=t(2355);let o=e=>{let{size:r="md",width:t,colorScheme:o="white",className:c="",children:d,...m}=e,x="disabled"in e&&e.disabled||"loading"in e&&e.loading||!1,u=(0,i.y4)("solidPrimary",r,t,x,o,c),h=(0,i.o)(t),p="link"===e.as&&"target"in e&&"_blank"===e.target;if("link"===e.as){let{as:r,size:t,width:s,colorScheme:i,className:o,href:c,disabled:m,onClick:x,target:v,rel:g,...b}=e;return(0,a.jsxs)(l.default,{href:c,disabled:m,onClick:x,target:v,rel:g,className:u,style:h,...b,children:[d,p&&(0,a.jsx)(n.pT,{className:"ml-1 h-4 w-4"})]})}let{as:v,size:g,width:b,colorScheme:f,className:j,type:w,loading:N,disabled:y,onClick:k,..._}=e;return(0,a.jsx)(s.A,{type:w,loading:N,disabled:y,onClick:k,className:u,style:h,..._,children:d})}},8971:(e,r,t)=>{"use strict";t.d(r,{$g:()=>o,nE:()=>c,r2:()=>n,rs:()=>l,sH:()=>i,sX:()=>s});var a=t(2591);function l(e){var r,t;return(null==(t=e.images)||null==(r=t[0])?void 0:r.url)||"https://placehold.jp/ff9966/ffffff/800x450.png?text=No+Image"}function s(e){if(!e.difficulty||0===e.difficulty.length)return 1;let r=parseInt(e.difficulty[0]);return isNaN(r)?1:Math.min(Math.max(r,1),5)}function n(e,r){return e&&r?"".concat(e,"〜").concat(r,"人"):e?"".concat(e,"人"):r?"".concat(r,"人"):""}function i(e,r){return e&&r?"".concat(e,"〜").concat(r,"分"):e?"".concat(e,"分"):r?"".concat(r,"分"):""}function o(e){return null!=e&&e>

10?"￥".concat(e.toLocaleString("ja-JP")):0===e?"無料":""}function c(e){if(!e.publishedAt)return!1;let r=new Date(e.publishedAt);return(new Date().getTime()-r.getTime())/864e5<=a.N5}}},e=>{e.O(0,[359,701,513,210,485,428,336,111,613,408,977],()=>e(e.s=8280)),_N_E=e.O()}]);