https://comic-fuz.com/_next/static/chunks/pages/webview/puella_magi_madoka_magica-53ba96ac7a6f5f09.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3444],{20231:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/webview/puella_magi_madoka_magica",function(){return a(47225)}])},35497:function(e,t,a){"use strict";a.d(t,{BM:function(){return g},IN:function(){return n}});var n,r=a(47568),i=a(51438),o=a(28668),c=a(26042),s=a(25892),l=a(71418),u=a(20414),m=a(66613),d=((0,s.Z)(Error),(0,s.Z)(Error),(0,s.Z)(Error),(0,s.Z)(Error),function(e){(0,o.Z)(a,e);var t=(0,l.Z)(a);function a(){return(0,i.Z)(this,a),t.apply(this,arguments)}return a}((0,s.Z)(Error)));!function(e){e.BANNER_CLICK="/log/v1/banner_click",e.ITEM_SHOP_HISTORY_CLICK="/log/v1/item_shop_history_click",e.ITEM_SHOP_MISSIONS_CLICK="/log/v1/item_shop_missions_click",e.ITEM_SHOP_WEB_SECTION_CLICK="/log/v1/item_shop_web_section_click",e.ITEM_SHOP_BILLING_ITEM_CLICK="/log/v1/item_shop_billingItem_click",e.SCRATCH_RECOMMEND_MANGA_CLICK="/log/v1/scratch_recommend_manga_click",e.PUELLA_MAGI_MADOKA_MAGICA_RECOMMEND_MANGA_CLICK="/log/v1/puella_magi_madoka_magica_recommend_manga_click"}(n||(n={}));var _="https://api.comic-fuz.com";function g(e,t){var a=function(e,t){switch(e){case n.BANNER_CLICK:return{path:e,body:m.v1.BannerClickRequest.encode((0,c.Z)({deviceInfo:{deviceType:m.v1.DeviceInfo.DeviceType.BROWSER}},t)).finish(),method:"POST"};case n.ITEM_SHOP_HISTORY_CLICK:return{path:e,body:m.v1.ItemShopHistoryClickRequest.encode({deviceInfo:{deviceType:m.v1.DeviceInfo.DeviceType.BROWSER}}).finish(),method:"POST"};case n.ITEM_SHOP_MISSIONS_CLICK:return{path:e,body:m.v1.ItemShopMissionsClickRequest.encode((0,c.Z)({deviceInfo:{deviceType:m.v1.DeviceInfo.DeviceType.BROWSER}},t)).finish(),method:"POST"};case n.ITEM_SHOP_WEB_SECTION_CLICK:return{path:e,body:m.v1.ItemShopWebSectionClickRequest.encode((0,c.Z)({deviceInfo:{deviceType:m.v1.DeviceInfo.DeviceType.BROWSER}},t)).finish(),method:"POST"};case n.ITEM_SHOP_BILLING_ITEM_CLICK:return{path:e,body:m.v1.ItemShopBillingItemClickRequest.encode((0,c.Z)({deviceInfo:{deviceType:m.v1.DeviceInfo.DeviceType.BROWSER}},t)).finish(),method:"POST"};case n.SCRATCH_RECOMMEND_MANGA_CLICK:case n.PUELLA_MAGI_MADOKA_MAGICA_RECOMMEND_MANGA_CLICK:return{path:e,body:m.v1.PuellaMagiMadokaMagicaRecommendMangaClickRequest.encode((0,c.Z)({deviceInfo:{deviceType:m.v1.DeviceInfo.DeviceType.BROWSER}},t)).finish(),method:"POST"}}}(e,t);return function(e){return h.apply(this,arguments)}(a)}function h(){return(h=(0,r.Z)((function(e){return(0,u.__generator)(this,(function(t){if(!e)throw new d;return[2,fetch("".concat(_).concat(e.path),{credentials:"include",method:e.method,body:e.body}).then((function(e){return null}))]}))}))).apply(this,arguments)}},58007:function(e,t,a){"use strict";a.d(t,{Z:function(){return i}});var n=a(59091),r=a(17080);function i(e){try{var t=new URL(e);switch(t.protocol){case"http:":case"https:":default:return e;case"krr:":var a=e.split("/")[3].split("?")[0],i=t.searchParams;switch(a){case"manga":var o=i.get("id"),c=i.get("chapter_id"),s=i.get("open_chapter_id");return s?(0,r.iw)(s):c?(0,r.M0)(o,c):(0,r.nT)(o);case"book_issue":var l=i.get("id");return(0,r.P7)(l);case"magazine_issue":var u=i.get("id");return(0,r.U$)(u);case"special":var m=i.get("id");return(0,r.lh)(m);case"subscription":return r.xz;case"tag":var d=i.get("id");return"book"===i.get("tab")?(0,r.oL)(d,1):(0,r.oL)(d,0);case"browser":var _=i.get("url");return decodeURIComponent(_);case"webview":var g=i.get("url"),h=decodeURIComponent(g),p=new URL(h),f=p.origin;if("https://comic-fuz.com"==f||"https://api.comic-fuz.com"==f){var v=p.pathname.replace(/^\/webview\/v\d+/,"").replace(/^\/webview(?=\/|$)/,"");return"".concat("https://comic-fuz.com","/webview").concat(v).concat(p.search).concat(p.hash)}return decodeURIComponent(g);case"contact":return n.cA;case"reward_wall":var k=i.get("url");return k.length<1?r.bf:decodeURIComponent(k);case"item_shop":return r.Zg;case"manga_viewer":var b=i.get("id");return(0,r.iw)(b)}return e}}catch(y){return e}}},59091:function(e,t,a){"use strict";a.d(t,{DM:function(){return v},Dy:function(){return s},GN:function(){return l},G_:function(){return m},Hv:function(){return h},LV:function(){return c},TJ:function(){return f},Uy:function(){return g},VL:function(){return r},YS:function(){return _},cA:function(){return d},fl:function(){return u},gg:function(){return n},sn:function(){return o},vp:function(){return i},wZ:function(){return p}});var n="/webview/faq",r="/webview/info",i="".concat("https://api.comic-fuz.com","/webview/v1/info"),o="/webview/rule",c="https://houbunsha.co.jp/privacy.html",s="/webview/copyright",l="".concat("https://api.comic-fuz.com","/webview/v1/account/admin"),u="/webview/settlement_law",m="/webview/transaction_law",d="/webview/contact_us",_="".concat("https://api.comic-fuz.com","/webview/v1/contact_us"),g="/webview/subscription_note_browser",h="/webview/withdraw",p="".concat("https://api.comic-fuz.com","/webview/v1/account/withdraw"),f="".concat("https://comic-fuz.com","/events/campaign/bring/index.html"),v=function(e){return"".concat("https://api.comic-fuz.com","/webview/v1/").concat(e)}},1045:function(e,t,a){var n=a(83454),r=a(67294);function i(e){return e&&"object"===typeof e&&"default"in e?e:{default:e}}var o=i(r);function c(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}var s="undefined"!==typeof n&&n.env&&!0,l=function(e){return"[object String]"===Object.prototype.toString.call(e)},u=function(){var e,t,a,n=function(e){var t=void 0===e?{}:e,a=t.name,n=void 0===a?"stylesheet":a,r=t.optimizeForSpeed,i=void 0===r?s:r;m(l(n),"`name` must be a string"),this._name=n,this._deletedRulePlaceholder="#"+n+"-deleted-rule____{}",m("boolean"===typeof i,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=i,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var o=document.querySelector('meta[property="csp-nonce"]');this._nonce=o?o.getAttribute("content"):null},r=n.prototype;return r.setOptimizeForSpeed=function(e){m("boolean"===typeof e,"`setOptimizeForSpeed` accepts a boolean"),m(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},r.isOptimizeForSpeed=function(){return this._optimizeForSpeed},r.inject=function(){var e=this;if(m(!this._injected,"sheet already injected"),this._injected=!0,this._optimizeForSpeed)return this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.get

1Sheet(),void(this._optimizeForSpeed||(s||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0));this._serverSheet={cssRules:[],insertRule:function(t,a){return"number"===typeof a?e._serverSheet.cssRules[a]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),a},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},r.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},r.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},r.insertRule=function(e,t){if(m(l(e),"`insertRule` accepts only strings"),this._optimizeForSpeed){var a=this.getSheet();"number"!==typeof t&&(t=a.cssRules.length);try{a.insertRule(e,t)}catch(r){return s||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var n=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,n))}return this._rulesCount++},r.replaceRule=function(e,t){if(this._optimizeForSpeed){var a=this.getSheet();if(t.trim()||(t=this._deletedRulePlaceholder),!a.cssRules[e])return e;a.deleteRule(e);try{a.insertRule(t,e)}catch(r){s||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),a.insertRule(this._deletedRulePlaceholder,e)}}else{var n=this._tags[e];m(n,"old rule at index `"+e+"` not found"),n.textContent=t}return e},r.deleteRule=function(e){if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];m(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},r.flush=function(){this._injected=!1,this._rulesCount=0,this._tags.forEac

1h((function(e){return e&&e.parentNode.removeChild(e)})),this._tags=[]},r.cssRules=function(){var e=this;return this._tags.reduce((function(t,a){return a?t=t.concat(Array.prototype.map.call(e.getSheetForTag(a).cssRules,(function(t){return t.cssText===e._deletedRulePlaceholder?null:t}))):t.push(null),t}),[])},r.makeStyleTag=function(e,t,a){t&&m(l(t),"makeStyleTag accepts only strings as second parameter");var n=document.createElement("style");this._nonce&&n.setAttribute("nonce",this._nonce),n.type="text/css",n.setAttribute("data-"+e,""),t&&n.appendChild(document.createTextNode(t));var r=document.head||document.getElementsByTagName("head")[0];return a?r.insertBefore(n,a):r.appendChild(n),n},e=n,(t=[{key:"length",get:function(){return this._rulesCount}}])&&c(e.prototype,t),a&&c(e,a),n}();function m(e,t){if(!e)throw new Error("StyleSheet: "+t+".")}var d=function(e){for(var t=5381,a=e.length;a;)t=33*t^e.charCodeAt(--a);return t>>>0},_={};function g(e,t){if(!t)return"jsx-"+e;var a=String(t),n=e+a;return _[n]||(_[n]="jsx-"+d(e+"-"+a)),_[n]}function h(e,t){var a=e+t;return _[a]||(_[a]=t.replace(/__jsx-style-dynamic-selector/g,e)),_[a]}var p=function(){var e=function(e){var t=void 0===e?{}:e,a=t.styleSheet,n=void 0===a?null:a,r=t.optimizeForSpeed,i=void 0!==r&&r;this._sheet=n||new u({name:"styled-jsx",optimizeForSpeed:i}),this._sheet.inject(),n&&"boolean"===typeof i&&(this._sheet.setOptimizeForSpeed(i),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer||(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce((function(e,t){return e[t]=0,e}),{}));var a=this.getIdAndRules(e),n=a.styleId,r=a.rules;if(n in this._instancesCounts)this._instancesCounts[n]+=1;else{var i=r.map((function(e){return t._sheet.insertRule(e)})).filter((function(e){return-1!==e}));this._indices[n]=i,this._instancesCounts[n]=1}},t.remove=function(e){var t=this,a=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw new Error("StyleSheetRegistry: "+t+".")}(a in this._instancesCounts,"styleId: `"+a+"` not found"),this._instancesCounts[a]-=1,this._instancesCounts[a]<1){var n=this._fromServer&&this._fromServer[a];n?(n.parentNode.removeChild(n),delete this._fromServer[a]):(this._indices[a].forEach((function(e){return t._sheet.deleteRule(e)})),delete this._indices[a]),delete this._instancesCounts[a]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map((function(t){return[t,e._fromServer[t]]})):[],a=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map((function(t){return[t,e._indices[t].map((function(e){return a[e].cssText})).join(e._optimizeForSpeed?"":"\n")]})).filter((function(e){return Boolean(e[1])})))},t.styles=function(e){return function(e,t){return void 0===t&&(t={}),e.map((function(e){var a=e[0],n=e[1];return o.default.createElement("style",{id:"__"+a,key:"__"+a,nonce:t.nonce?t.nonce:void 0,dangerouslySetInnerHTML:{__html:n}})}))}(this.cssRules(),e)},t.getIdAndRules=function(e){var t=e.children,a=e.dynamic,n=e.id;if(a){var r=g(n,a);return{styleId:r,rules:Array.isArray(t)?t.map((function(e){return h(r,e)})):[h(r,t)]}}return{styleId:g(n),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce((function(e,t){return e[t.id.slice(2)]=t,e}),{})},e}();var f=r.createContext(null);function v(){return new p}function k(){return r.useContext(f)}f.displayName="StyleSheetContext";var b=o.default.useInsertionEffect||o.default.useLayoutEffect,y=v();function w(e){var t=y||k();return t?(b((function(){return t.add(e),function(){t.remove(e)}}),[e.id,String(e.dynamic)]),null):null}w.dynamic=function(e){return e.map((function(e){return g(e[0],e[1])})).join(" ")},t.style=w},60357:function(e,t,a){"use strict";e.exports=a(1045).style},47225:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return Ce},default:function(){return Te}});var n=a(85893),r=a(60357),i=a.n(r),o=a(9008),c=a.n(o),s=a(11163),l=a(67294),u=a(66613),m=a(35497),d=a(58007),_=a(46813),g=a(22167),h=a(26042),p=a(69396),f=a(828),v=function(e){return"".concat("/assets/webview/puella_magi_madoka_magica","/").concat(e)},k=function(e,t){return{fontSize:e,lineHeight:t}},b={pageTitle:"\u300c\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab\u300d\u304a\u3059\u3059\u3081\u4f5c\u54c1\u8a3a\u65ad\uff01",fontStylesheet:"https://fonts.googleapis.com/css2?family=Kaisei+Opti:wght@400;500;700&family=Noto+Sans+JP:wght@500&display=swap",homeUrl:"krr://dismiss",defaultCharacterId:"madoka",copy:{backHome:"\u4f5c\u54c1\u8a3a\u65ad\u30da\u30fc\u30b8\u3092\u9589\u3058\u308b",backPrevious:"\uff11\u3064\u524d\u306b\u623b\u308b",recommendationHome:"\u30db\u30fc\u30e0\u306b\u623b\u308b",readNow:"\u4eca\u3059\u3050\u8aad\u3093\u3067\u307f\u308b",retryDiagnosis:"\u3082\u3046\u4e00\u5ea6\u8a3a\u65ad\u3059\u308b",shareResult:"\u8a3a\u65ad\u7d50\u679c\u3092\u30b7\u30a7\u30a2",shareText:"\u300c\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab\u300d\u30aa\u30b9\u30b9\u30e1\u4f5c\u54c1\u8a3a\u65ad\uff01\n\u8cea\u554f\u306b\u7b54\u3048\u308b\u3060\u3051\u3067\u3001\u3042\u306a\u305f\u306b\u30d9\u30b9\u30c8\u306a\u30b9\u30d4\u30f3\u30aa\u30d5\u4f5c\u54c1\u304c\u308f\u304b\u308b\uff01\n\u3042\u306a\u305f\u3082\u8a3a\u65ad\u3057\u3066\u307f\u308b\uff1f #\u307e\u3069\u304b\u30de\u30ae\u30ab #COMICFUZ",shareXAria:"X\u3067\u8a3a\u65ad\u7d50\u679c\u3092\u30b7\u30a7\u30a2",shareLineAria:"LINE\u3067\u8a3a\u65ad\u7d50\u679c\u3092\u30b7\u30a7\u30a2",copyShareUrlAria:"\u8a3a\u65ad\u7d50\u679c\u306eURL\u3092\u30b3\u30d4\u30fc",copyShareUrlSuccess:"\u30ea\u30f3\u30af\u3092\u30b3\u30d4\u30fc\u3057\u307e\u3057\u305f",confirmCharacter:"\u3053\u306e\u30ad\u30e3\u30e9\u306b\u6c7a\u5b9a",selectorTitle:"\u30b9\u30ef\u30a4\u30d7\u3057\u3066\u30ad\u30e3\u30e9\u3092\u9078\u307c\u3046",selectorDesktopTitle:"\u5de6\u53f3\u30dc\u30bf\u30f3\u3092\u30bf\u30c3\u30d7\u3057\u3066\u30ad\u30e3\u30e9\u3092\u9078\u307c\u3046",selectorPrevAria:"\u524d\u306e\u30ad\u30e3\u30e9\u3078",selectorNextAria:"\u6b21\u306e\u30ad\u30e3\u30e9\u3078",selectCharacterAria:function(e){return"".concat(e,"\u3092\u9078\u629e")},readWorkAria:function(e){return"".concat(e.replace(/\n/g,""),"\u3092\u8aad\u3080")},recHeadingAlt:"\u3042\u306a\u305f\u306b\u304a\u3059\u3059\u3081\u306e\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab\u4f5c\u54c1",copyright:"\xa9Magica Quartet/Aniplex,Madoka Project"},assets:{recHeading:"rec_heading.svg",cardFrame:"card_frame.svg",recommendationBgTop:"bg_recommend_top.svg",recommendationBgBottom:"bg_recommend_bottom.svg",recommendationBgTopDesktopLeft:"bg_recommend_top_left_pc.svg",recommendationBgTopDesktopRight:"bg_recommend_top_right_pc.svg",recommendationBgBottomDesktopLeft:"bg_recommend_bottom_left_pc.svg",recommendationBgBottomDesktopRight:"bg_recommend_bottom_right_pc.svg",buttonArrow:"button_arrow.svg",backgroundOrnaments:"bg_ornaments.svg",backgroundOrnamentsDesktopLeft:"bg_ornaments_left_pc.svg",backgroundOrnamentsDesktopRight:"bg_ornaments_right_pc.svg",sparkle:"sparkle.svg",bubbleTail:"bubble_tail.svg",backLinkArrow:"back_link_arrow.svg",selectorArrowLeft:"selector_arrow_left.svg",selectorArrowRight:"selector_arrow_right.svg",scrollIndicator:"scroll_indicator.svg",selectionFrame:"selection_frame.svg",nameTagOrnamentLeft:"name_tag_ornament_left.svg",nameTagOrnamentRight:"name_tag_ornament_right.svg",shareX:"share_x.svg",shareLine:"share_line.svg",shareLink:"share_link.svg",shareTitleLeft:"share_title_left.svg",shareTitleRight:"share_title_right.svg"},gradientButtons:{q1Choice:{fontSize:18,lineHeight:1.2},q3Choice:{fontSize:17,lineHeight:1.2},confirm:{fontSize:18,lineHeight:1.1},read:{fontSize:18,lineHeight:1.1},retry:{fontSize:18,lineHeight:1.1}}

1,recommendationBackground:"linear-gradient(180deg, #fffbed 0%, #ffe7e7 100%)"};function y(e,t){return null!=t?"".concat(b.homeUrl,"/manga?id=").concat(e,"&open_chapter_id=").concat(t):"".concat(b.homeUrl,"/manga?id=").concat(e)}var w,x,S,j,I={background:"linear-gradient(155deg, #fffbed 0%, #ffe7e7 100%)",label:"#f98c60",question:"#ffe9e1",portrait:"linear-gradient(160deg, #fff6d8 0%, #ffd2b7 100%)"},N={bubble:{label:"\u30ad\u30e5\u30a5\u3079\u3048",questionNumber:"Q1",lines:["\u3084\u3042\u3002\u541b\u306f\u3082\u3046\u300e\u9b54\u6cd5\u5c11\u5973\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab\u300f\u306e\u3001\u307e\u3069\u304b\u305f\u3061\u304c\u8fbf\u3063\u305f\u904b\u547d\uff08\u672c\u7de8\uff09\u3092\u3059\u3079\u3066\u898b\u5c4a\u3051\u3066\u3044\u308b\u304b\u3044\uff1f"]},koma:{image:"koma/kyubey_q1.webp",alt:"\u30ad\u30e5\u30a5\u3079\u3048"},choices:[{text:["\u307e\u3060\u4f55\u3082\u77e5\u3089\u306a\u3044\u3093\u3060"],action:{type:"recommendation",recommendationId:"beginner"}},{text:["\u3059\u3079\u3066\u898b\u5c4a\u3051\u305f\u3088"],action:{type:"step",step:"characterSelect"}}],backLink:"home"},C={bubble:{label:"\u30ad\u30e5\u30a5\u3079\u3048",questionNumber:"Q2",lines:["\u541b\u306f\u7acb\u6d3e\u306a\u89b3\u6e2c\u8005\u3060\u306d\u3002\u305d\u308c\u3058\u3083\u3042\u3001\u6b21\u306b\u541b\u3092\u6848\u5185\u3059\u308b\u30ca\u30d3\u30b2\u30fc\u30bf\u30fc\u3092\u9078\u3093\u3067\u3088\uff01"]},koma:{image:"koma/kyubey_q2.webp",alt:"\u30ad\u30e5\u30a5\u3079\u3048"},backLink:"previous"},T="Q3",A="previous",B=[{id:"madoka",name:"\u9e7f\u76ee\u307e\u3069\u304b",theme:{background:"linear-gradient(155.199deg, #ffe8d4 0%, #ffd9dd 100%)",label:"#ff8290",question:"#ffe3d8",portrait:"linear-gradient(167.947deg, #ffe8d4 0%, #ffd9dd 100%)"},assets:{portrait:"chars_round/madoka_unselected.webp",koma:"koma/madoka.webp"},routeQuestion:["\u9b54\u6cd5\u5c11\u5973\u306e\u6226\u3044\u3063\u3066\u904e\u9177\u3060\u304b\u3089\u2026\u2026","\u305f\u307e\u306b\u306f\u30db\u30c3\u3068\u3059\u308b\u4e16\u754c\u306b\u884c\u3063\u3066\u307f\u306a\u3044\uff1f"],choices:[{text:["\u307f\u3093\u306a\u3068\u4e00\u7dd2\u306b","\u7b11\u3044\u5408\u3048\u308b\u4e16\u754c\u304c\u3044\u3044\u306a"],recommendationId:"madokaA"},{text:["\u7d75\u672c\u307f\u305f\u3044\u306b\u5c0f\u3055\u304f\u3066\u3001","\u512a\u3057\u3044\u4e16\u754c\u304c\u898b\u305f\u3044\u306a"],recommendationId:"madokaB"}]},{id:"homura",name:"\u6681\u7f8e\u307b\u3080\u3089",theme:{background:"linear-gradient(155.199deg, #f0d9ff 0%, #d4ddff 100%)",label:"#b87ed3",question:"#eadfff",portrait:"linear-gradient(167.947deg, #f0d9ff 0%, #d4ddff 100%)"},assets:{portrait:"chars_round/homura_unselected.webp",koma:"koma/homura.webp"},layout:{q3QuestionVariant:"tall"},routeQuestion:["\u2026\u2026\u79c1\u306e\u8a18\u9332\u3092\u898b\u305f\u3044\u3068\u3044\u3046\u306e\uff1f","\u305d\u308c\u304c\u771f\u9762\u76ee\u306a\u3082\u306e\u304b\u3001\u3075\u3056\u3051\u305f\u3082\u306e\u304b\u2026\u2026","\u9078\u3076\u306e\u306f\u3042\u306a\u305f\u3088\u3002"],choices:[{text:["\u904e\u9177\u306a\u904b\u547d\u3067\u3082\u3001\u8ae6\u3081\u306a\u3044","\u3042\u306a\u305f\u306e\u6226\u3044\u304c\u898b\u305f\u3044"],recommendationId:"homuraA"},{text:["\u6642\u9593\u3092\u5f04\u308a\u3059\u304e\u3066\u3001\u8ff7\u8d70\u3057\u3066","\u3044\u308b\u5e73\u884c\u4e16\u754c\u304c\u898b\u305f\u3044"],recommendationId:"homuraB"}]},{id:"mami",name:"\u5df4\u30de\u30df",theme:{background:"linear-gradient(155.199deg, #ffeccd 0%, #fffbb6 100%)",label:"#edad2f",question:"#fff1c9",portrait:"linear-gradient(167.947deg, #ffeccd 0%, #fffbb6 100%)"},assets:{portrait:"chars_round/mami_unselected.webp",koma:"koma/mami.webp"},routeQuestion:["\u3044\u3089\u3063\u3057\u3083\u3044\u3002\u4eca\u65e5\u306f\u3069\u3093\u306a\u6c17\u5206\u304b\u3057\u3089\uff1f","\u3042\u306a\u305f\u306e\u597d\u307f\u306b\u5408\u308f\u305b\u3066\u3001\u304a\u8336\u3092\u6df9\u308c\u308b\u308f\u306d\u3002"],choices:[{text:["\u9b54\u6cd5\u5c11\u5973\u3068\u3057\u3066\u306e\u3001","\u8a87\u308a\u9ad8\u304d\u6226\u3044\u306e\u8ecc\u8de1\u3092\u898b\u305b\u3066"],recommendationId:"mamiA"},{text:["\u6226\u3044\u3092\u5fd8\u308c\u3066\u3001\u7d05\u8336\u3092\u697d\u3057\u3080","\u3088\u3046\u306a\u65e5\u5e38\u304c\u898b\u305f\u3044"],recommendationId:"mamiB"}]},{id:"sayaka",name:"\u7f8e\u6a39\u3055\u3084\u304b",theme:{background:"linear-gradient(155.199deg, #dbfff5 0%, #c5f1ff 100%)",label:"#61b8cf",question:"#dff3ff",portrait:"linear-gradient(167.947deg, #dbfff5 0%, #c5f1ff 100%)"}

1,assets:{portrait:"chars_round/sayaka_unselected.webp",koma:"koma/sayaka.webp"},routeQuestion:["\u3042\u305f\u3057\u305f\u3061\u9b54\u6cd5\u5c11\u5973\u306e\u6d3b\u8e8d\u3001\u3082\u3063\u3068\u898b\u305f\u3044\u3088\u306d\uff01","\u3069\u3063\u3061\u306e\u6226\u3044\u3092\u5fdc\u63f4\u3057\u3066\u304f\u308c\u308b\uff1f"],choices:[{text:["\u6b74\u53f2\u306e\u82f1\u96c4\u3068\u304b\u3001","\u65b0\u3057\u3044\u753a\u3067\u306e\u6d3b\u5287\u304c\u898b\u305f\u3044\uff01"],recommendationId:"sayakaA"},{text:["\u96e3\u3057\u3044\u3053\u3068\u306f\u30ca\u30b7\uff01","\u3068\u306b\u304b\u304f\u7b11\u3048\u3066\u5143\u6c17\u304c\u51fa\u308b\u304a\u8a71\uff01"],recommendationId:"sayakaB",typography:(0,p.Z)((0,h.Z)({},k(15,1.2)),{letterSpacing:-.3})}]},{id:"kyoko",name:"\u4f50\u5009\u674f\u5b50",theme:{background:"linear-gradient(155.199deg, #ffc5c1 0%, #ffd2f7 100%)",label:"#dc4872",question:"#ffdfe4",portrait:"linear-gradient(167.947deg, #ffc5c1 0%, #ffd2f7 100%)"},assets:{portrait:"chars_round/kyoko_unselected.webp",koma:"koma/kyoko.webp"},layout:{q3QuestionVariant:"tall"},routeQuestion:["\u306a\u3093\u3060\u3001\u30b7\u30b1\u305f\u9762\u3057\u3066\u3093\u306a\u3002","\u306a\u3093\u304b\u9762\u767d\u3044\u3082\u3093\u63a2\u3057\u3066\u3093\u306e\u304b\uff1f\u3069\u3093\u306a\u523a\u6fc0\u304c\u6b32\u3057\u3044\u3093\u3060\uff1f"],choices:[{text:["\u81ea\u5206\u306e\u4fe1\u5ff5\u3092\u8cab\u304f\u3001","\u547d\u61f8\u3051\u306e\u71b1\u3044\u30d0\u30c8\u30eb\u304c\u898b\u3066\u3047\uff01"],recommendationId:"kyokoA",typography:k(16,1.2)},{text:["\u3068\u308a\u3042\u3048\u305a\u8179\u6e1b\u3063\u305f\uff01","\u7f8e\u5473\u3044\u30e1\u30b7\u3068\u8cd1\u3084\u304b\u306a\u30e4\u30c4\u3089\u304c\u3044\u3044\uff01"],recommendationId:"kyokoB",typography:k(14,1.2)}]},{id:"kyubey",name:"\u30ad\u30e5\u30a5\u3079\u3048",theme:(0,p.Z)((0,h.Z)({},I),{background:"linear-gradient(155.199deg, #fff6d8 0%, #ffd2b7 100%)",portrait:"linear-gradient(167.947deg, #fff6d8 0%, #ffd2b7 100%)"}),assets:{portrait:"chars_round/kyubey_unselected.webp",koma:"koma/kyubey.webp"},layout:{q3ContentVariant:"kyubey",komaFrameHeight:188},routeQuestion:["\u898b\u6edd\u539f\u306e\u30b7\u30b9\u30c6\u30e0\u306f\u307b\u3093\u306e\u4e00\u90e8\u3055\u3002","\u541b\u306f\u3001\u3069\u3093\u306a\u300e\u672a\u77e5\u306e\u4e8b\u8c61\u300f\u3092\u89b3\u6e2c\u3057\u3066\u307f\u305f\u3044\u3093\u3060\u3044\uff1f"],choices:[{text:["\u5225\u306e\u753a\u3067\u8d77\u304d\u3066\u3044\u308b\u3001","\u9b54\u6cd5\u5c11\u5973\u306e\u7570\u5e38\u306a\u4e8b\u4ef6\u3092\u77e5\u308a\u305f\u3044"],recommendationId:"kyubeyA",typography:k(14,1.2)},{text:["\u4eba\u9593\u306e\u6587\u5316\u306b\u5dfb\u304d\u8fbc\u307e\u308c\u305f\u3001","\u7406\u89e3\u4e0d\u80fd\u306a\u751f\u614b\u3092\u89b3\u5bdf\u3057\u305f\u3044"],recommendationId:"kyubeyB",typography:k(16,1.2)}]}],R={beginner:{works:[{mangaId:2499,title:"\u9b54\u6cd5\u5c11\u5973\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab\u3010\u65b0\u88c5\u5b8c\u5168\u7248\u3011",cover:"shinsoukanzen",urlScheme:y(2499,71741)},{mangaId:194,title:"\u5287\u5834\u7248 \u9b54\u6cd5\u5c11\u5973\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab\n[\u65b0\u7de8]\u53db\u9006\u306e\u7269\u8a9e",cover:"hangyaku",urlScheme:y(194,4778)}]},madokaA:{works:[{mangaId:202,title:"\u304b\u306a\u3081\u3051",cover:"kanameke",urlScheme:y(202,4363)},{mangaId:188,title:"\u307e\u3069\u304b\u2606\u3048\u3093\u304c\u308f",cover:"madoka_engawa",urlScheme:y(188,3130)}]},madokaB:{works:[{mangaId:190,title:"\u3075\u308f\u3063\u3068\u307e\u3069\u304b",cover:"fuwatto_madoka",urlScheme:y(190,4172)},{mangaId:185,title:"\u307d\u3080\u2606\u30de\u30ae",cover:"pomu_magi",urlScheme:y(185,4822)}]},homuraA:{works:[{mangaId:197,title:"\u9b54\u6cd5\u5c11\u5973\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab[\u9b54\u7363\u7de8]",cover:"majuuhen",urlScheme:y(197,4910)},{mangaId:200,title:"\u9b54\u6cd5\u5c11\u5973\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab \u307b\u3080\u3089\u30ea\u30d9\u30f3\u30b8\uff01",cover:"homura_revenge",urlScheme:y(200,4214)}]},homuraB:{works:[{mangaId:189,title:"\u9b54\u6cd5\u5c11\u5973\u307b\u3080\u3089\u2606\u305f\u3080\u3089 \uff5e\u5e73\u884c\u4e16\u754c\u304c\n\u3044\u3064\u3082\u5e73\u884c\u3067\u3042\u308b\u3068\u306f\u9650\u3089\u306a\u3044\u306e\u3060\u3002\uff5e",cover:"homura_tamura",urlScheme:y(189,4946)},{mangaId:192,title:"\u6681\u7f8e\u307b\u3080\u3089\u306f\u660e\u65e5\u304b\u3089\u9811\u5f35\u308b\uff01",cover:"homura_ganbaru",urlScheme:y(192,4095)}]},mamiA:{works:[{mangaId:1546,title:"\u30de\u30ae\u30a2\u30ec\u30b3\u30fc\u30c9\n\u9b54\u6cd5\u5c11\u5973\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab\u5916\u4f1d",cover:"magireco",urlScheme:y(1546,73761)},{mangaId:205,title:"\u9b54\u6cd5\u5c11\u5973\u304a\u308a\u3053\u2606\u30de\u30ae\u30ab",cover:"oriko",urlScheme:y(205,4441)}]},mamiB:{works:[{mangaId:191,title:"\u5df4\u30de\u30df\u306e\u5e73\u51e1\u306a\u65e5\u5e38",cover:"mami_heibon",urlScheme:y(191,4013)},{mangaId:203,title:"\u898b\u6edd\u539f\u2606\u30a2\u30f3\u30c1\u30de\u30c6\u30ea\u30a2\u30eb\u30ba",cover:"antimaterials",urlScheme:y(203,4331)}]},sayakaA:{works:[{mangaId:201,title:'\u9b54\u6cd5\u5c11\u5973\u305f\u308b\u3068\u2606\u30de\u30ae\u30ab\nThe Legend of "Jeanne d\u2019Arc"',cover:"tart",urlScheme:y(201,4273)},{mangaId:1546,title:"\u30de\u30ae\u30a2\u30ec\u30b3\u30fc\u30c9\n\u9b54\u6cd5\u5c11\u5973\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab\u5916\u4f1d",cover:"magireco",urlScheme:y(1546,73761)}]},sayakaB:{works:[{mangaId:187,title:"\u307f\u305f\u304d\u306f\u3089\u5e7c\u7a1a\u5712\u307e\u307b\u3046\u7d44",cover:"mitakihara_youchien",urlScheme:y(187,4834)},{mangaId:198,title:"\u9b54\u6cd5\u5c11\u5973\u90e8\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab",cover:"mahoushoubu",urlScheme:y(198,4120)}]},kyokoA:{works:[{mangaId:205,title:"\u9b54\u6cd5\u5c11\u5973\u304a\u308a\u3053\u2606\u30de\u30ae\u30ab",cover:"oriko",urlScheme:y(205,4441)},{mangaId:195,title:"\u9b54\u6cd5\u5c11\u5973\u307e\u3069\u304b\u2606\u30de\u30ae\u30ab\n\uff5eThe different story\uff5e",cover:"different_story",urlScheme:y(195,4745)}]},kyokoB:{works:[{mangaId:208,title:"\u30ab\u30d5\u30a7\u2606\u30b0\u30ea\u30fc\u30d5\u30b7\u30fc\u30c9\u3078\u3088\u3046\u3053\u305d\uff01",cover:"cafe_griefseed",urlScheme:y(208,4110)},{mangaId:207,title:"\u3059\u3066\u30de\uff01",cover:"sutema",urlScheme:y(207,4588)}]},kyubeyA:{works:[{mangaId:199,title:"\u9b54\u6cd5\u5c11\u5973\u304b\u305a\u307f\u2606\u30de\u30ae\u30ab\n\uff5eThe innocent malice\uff5e",cover:"kazumi",urlScheme:y(199,4234)},{mangaId:186,title:"\u9b54\u6cd5\u5c11\u5973\u3059\u305a\u306d\u2606\u30de\u30ae\u30ab",cover:"suzune",urlScheme:y(186,3980)}]},kyubeyB:{works:[{mangaId:193,title:"\u304a\u3044\u3067\u3088\uff01\u30de\u30ae\u30ab\u5802\u66f8\u5e97",cover:"magikad

1ou",urlScheme:y(193,4202)},{mangaId:188,title:"\u307e\u3069\u304b\u2606\u3048\u3093\u304c\u308f",cover:"madoka_engawa",urlScheme:y(188,3130)}]}},L={beginner:"ogp/beginner.png",madokaA:"ogp/madoka_a.png",madokaB:"ogp/madoka_b.png",homuraA:"ogp/homura_a.png",homuraB:"ogp/homura_b.png",mamiA:"ogp/mami_a.png",mamiB:"ogp/mami_b.png",sayakaA:"ogp/sayaka_a.png",sayakaB:"ogp/sayaka_b.png",kyokoA:"ogp/kyoko_a.png",kyokoB:"ogp/kyoko_b.png",kyubeyA:"ogp/kyubey_a.png",kyubeyB:"ogp/kyubey_b.png"},O={beginner:"a0",madokaA:"k7",madokaB:"m2",homuraA:"p9",homuraB:"q3",mamiA:"r1",mamiB:"s4",sayakaA:"t8",sayakaB:"u5",kyokoA:"v6",kyokoB:"w2",kyubeyA:"x1",kyubeyB:"y9"},M=(Object.fromEntries(Object.entries(O).map((function(e){var t=(0,f.Z)(e,2),a=t[0];return[t[1],a]}))),Object.keys(L),"".concat(null!==(x="https://comic-fuz.com")?x:"").concat(v("ogp.webp"))),P="/webview/puella_magi_madoka_magica",q=function(e){return"".concat(null!==(S="https://comic-fuz.com")?S:"").concat(P,"?").concat("r","=").concat(O[e])},E=a(34052),F=a.n(E);function D(e){var t=e.kind,a=e.label,r=e.onClick,i=null!==a&&void 0!==a?a:"home"===t?b.copy.backHome:b.copy.backPrevious;return(0,n.jsxs)("button",{type:"button",className:F().backLink,onClick:r,children:[(0,n.jsx)("span",{className:F().backLinkIconWrap,"aria-hidden":"true",children:(0,n.jsx)("img",{className:F().backLinkIcon,src:v(b.assets.backLinkArrow),alt:""})}),(0,n.jsx)("span",{className:F().backLinkLabel,children:i})]})}function z(){return(0,n.jsxs)("div",{className:F().ornamentLayer,"aria-hidden":"true",children:[(0,n.jsx)("img",{className:F().ornamentBg,src:v(b.assets.backgroundOrnaments),alt:""}),(0,n.jsx)("img",{className:"".concat(F().ornamentSide," ").concat(F().ornamentSideLeft),src:v(b.assets.backgroundOrnamentsDesktopLeft),alt:""}),(0,n.jsx)("img",{className:"".concat(F().ornamentSide," ").concat(F().ornamentSideRight),src:v(b.assets.backgroundOrnamentsDesktopRight),alt:""})]})}var H=104,U=124,Z=function(e,t){return t<=0?0:(e%t+t)%t},W=function(e,t,a){return Math.min(Math.max(e,t),a)},V=function(e,t){if(!Number.isFinite(e)||!Number.isFinite(t)||e===t)return null;if(t>e){var a=Math.floor(e)+1;return a<=t?a:null}var n=Math.ceil(e)-1;return n>=t?n:null},Q=function(e,t,a){return e+function(e,t,a){return a<=0?0:Z(e-t+a/2,a)-a/2}(t,e,a)},G=function(e){return Math.max(0,1-Math.abs(e))},K=function(e){var t=G(e);return(U+24*t)/U},X=function(e){return Math.round(Math.max(1,20-5*Math.abs(e)))},J=function(e,t){return t?function(e){var t=[-198,-62,106,242,412,582,718,886,1022],a=W(e,-4,4),n=Math.floor(a),r=Math.ceil(a),i=a-n,o=function(e){return t[e+4]};return{left:o(n)+(o(r)-o(n))*i-62,top:38-.5*G(e),scale:K(e),zIndex:X(e)}}(e):function(e){var t=13.76*e*Math.PI/180;return{left:268+451.6*Math.sin(t)-62,top:99.5+451.6*(1-Math.cos(t))-62,scale:K(e),zIndex:X(e)}}(e)},Y={q1Choice:F().gradientButtonQ1Choice,q3Choice:F().gradientButtonQ3Choice,confirm:F().gradientButtonConfirm,read:F().gradientButtonRead,retry:F().gradientButtonRetry};function $(e){var t=e.variant,a=e.lines,r=e.onClick,i=e.className,o=e.typography,c=e.desktop,s=void 0!==c&&c,l=null!==o&&void 0!==o?o:b.gradientButtons[t],u={q1Choice:24,q3Choice:Math.min(20,l.fontSize+3),confirm:24,read:20,retry:24},m=s?u[t]:l.fontSize;return(0,n.jsx)("button",{type:"button",className:[F().gradientButton,Y[t],i].filter(Boolean).join(" "),onClick:r,children:(0,n.jsxs)("span",{className:F().gradientButtonInner,children:[(0,n.jsx)("span",{className:F().gradientButtonText,style:{fontSize:m,lineHeight:l.lineHeight,letterSpacing:void 0!==l.letterSpacing?"".concat(l.letterSpacing,"px"):void 0},children:a.map((function(e,t){return(0,n.jsxs)("span",{className:F().gradientButtonLine,style:{lineHeight:l.lineHeight},children:[e,t<a.length-1&&(0,n.jsx)("br",{})]},"".concat(e,"-").concat(t))}))}),(0,n.jsx)("img",{className:F().gradientButtonArrow,src:v(b.assets.buttonArrow),alt:"","aria-hidden":"true"})]})})}function ee(e){var t,a=e.characters,r=e.selectedId,i=e.onSelect,o=e.onConfirm,c=e.desktop,s=void 0!==c&&c,u=a.findIndex((function(e){return e.id===r})),m=Math.max(u,0),d=(0,l.useState)({position:m,isInteracting:!1}),_=d[0],g=d[1],h=(0,l.useRef)(m),p=(0,l.useRef)(m),f=(0,l.useRef)(!1),k=(0,l.useRef)(!1),y=(0,l.useRef)("idle"),w=(0,l.useRef)(null),x=(0,l.useRef)(null),S=(0,l.useRef)(m),j=(0,l.useRef)(0),I=(0,l.useRef)(0),N=(0,l.useRef)(H),C=(0,l.useRef)({position:m,time:0}),T=(0,l.useRef)(!1),A=(0,l.useRef)(null),B=Z(Math.round(_.position),a.length),R=null!==(t=a[B])&&void 0!==t?t:a[0],L=(0,l.useMemo)((function(){if(0===a.length)return[];var e=Math.floor(_.position)-a.length,t=2*a.length+1;return Array.from({length:t},(function(t,n){var r=e+n,i=Z(r,a.length);return{slotIndex:r,characterIndex:i,character:a[i]}}))}),[a,_.position]),O=function(e){h.current=e},M=function(e,t){var a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];O(e);var n=a?V(p.current,e):null,r=null!==n&&void 0!==n?n:e;null!==n&&(f.current=!0),p.current=r,g((function(e){return e.position===r&&e.

1isInteracting===t?e:{position:r,isInteracting:t}}))},P=function(){null!==w.current&&(cancelAnimationFrame(w.current),w.current=null)},q=function(e){if(0!==a.length){var t=Z(Math.round(e),a.length);A.current=t,i(a[t].id)}},E=function(e,t){P();var n=function(e,t,a){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:H,r=e-t,i=a&&Math.abs(r*n)<=40?0:Math.round(r);return t+i}(e,S.current,t,N.current);y.current="idle",x.current=null,k.current=p.current!==n,M(n,!1);var r=Z(Math.round(n),a.length);n===S.current&&r===u||q(n)};(0,l.useEffect)((function(){f.current&&(f.current=!1,p.current!==h.current&&null===w.current&&(w.current=requestAnimationFrame((function(){w.current=null,M(h.current,"idle"!==y.current,!0)}))))}),[_.position]),(0,l.useEffect)((function(){if(!(u<0||0===a.length)){if(null!==A.current){if(A.current!==u)return;A.current=null}if("idle"===y.current)if(Z(Math.round(h.current),a.length)!==u){var e=Q(h.current,u,a.length);M(e,!1)}}}),[a.length,u]),(0,l.useEffect)((function(){return function(){P()}}),[]);var D=function(e){P(),y.current="idle",x.current=null,k.current=!1;var t=Math.round(h.current)+e;S.current=t,M(t,!1),q(t)},z=function(e){var t=x.current;if(null!==t&&"dragging"===y.current){Math.abs(t-e)>4&&(T.current=!0);var a=j.current-e;j.current=e;var n=h.current+a/N.current;O(n);var r=performance.now(),i=Math.max(r-C.current.time,1);I.current=(n-C.current.position)/i,C.current={position:n,time:r},null===w.current&&(w.current=requestAnimationFrame((function(){w.current=null,M(h.current,!0,!0)})))}},U=function(){null!==x.current&&(x.current=null,Math.abs(I.current)>=.006?function(e){P(),y.current="inertia";var t=W(e,-.035,.035),a=performance.now(),n=function(e){w.current=null;var r=Math.min(e-a,32);a=e;var i=h.current+t*r,o=8e-5*r;t=t>0?Math.max(0,t-o):Math.min(0,t+o),Math.abs(t)<=.0012?E(i,!1):(M(i,!0,!0),w.current=requestAnimationFrame(n))};w.current=requestAnimationFrame(n)}(I.current):E(h.current,!0))},G=function(e){e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.releasePointerCapture(e.pointerId),U()},K=function(e){e.target===e.currentTarget&&"transform"===e.propertyName&&k.current&&(k.current=!1)},X=function(e,t,a,r){var i=Math.abs(t)>=4,o=J(t,s);return(0,n.jsx)("button",{type:"button",className:"".concat(F().characterItem," ").concat(_.isInteracting?F().characterItemDragging:""),style:{transform:"translate3d(".concat(o.left,"px, ").concat(o.top,"px, 0) scale(").concat(o.scale,")"),zIndex:o.zIndex,pointerEvents:i?"none":void 0,"--portrait-bg":e.theme.portrait,"--label-color":e.theme.label},onClick:function(e){return function(e,t){if(T.current)e.stopPropagation();else{P(),y.current="idle",x.current=null;var a=t;S.current=a,M(a,!1),q(a)}}(e,r)},onMouseDown:function(e){return e.preventDefault()},onTransitionEnd:0===t?K:void 0,"aria-label":i?void 0:b.copy.selectCharacterAria(e.name),"aria-hidden":!!i||void 0,tabIndex:i?-1:void 0,children:(0,n.jsx)("span",{className:F().portraitFrame,children:(0,n.jsx)("img",{className:F().portraitImg,src:v(e.assets.portrait),alt:i?"":e.name})})},a)};return(0,n.jsxs)("div",{className:F().characterSelector,children:[(0,n.jsxs)("div",{className:F().selectorTitle,children:[s&&(0,n.jsx)("img",{className:"".concat(F().selectorTitleArrow," ").concat(F().selectorTitleArrowPrev),src:v(b.assets.selectorArrowLeft),alt:"","aria-hidden":"true"}),!s&&(0,n.jsx)("button",{type:"button",className:"".concat(F().selectorArrow," ").concat(F().selectorArrowPrev),"aria-label":b.copy.selectorPrevAria,onClick:function(){return D(-1)},children:(0,n.jsx)("img",{className:F().selectorArrowIcon,src:v(b.assets.selectorArrowLeft),alt:"","aria-hidden":"true"})}),(0,n.jsx)("p",{children:s?b.copy.selectorDesktopTitle:b.copy.selectorTitle}),s&&(0,n.jsx)("img",{className:F().selectorTitleArrow,src:v(b.assets.selectorArrowRight),alt:"","aria-hidden":"true"}),!s&&(0,n.jsx)("button",{type:"button",className:F().selectorArrow,"aria-label":b.copy.selectorNextAria,onClick:function(){return D(1)},children:(0,n.jsx)("img",{className:F().selectorArrowIcon,src:v(b.assets.selectorArrowRight),alt:"","aria-hidden":"true"})})]}),(0,n.jsxs)("div",{className:F().characterRail,onPointerDown:function(e){if("mouse"!==e.pointerType||0===e.button){var t=e.currentTarget.offsetWidth>0?e.currentTarget.getBoundingClientRect().width/e.currentTarget.offsetWidth:1;!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:H;P(),k.current=!1,y.current="dragging",x.current=e,S.current=Math.round(h.current),T.current=!1,j.current=e,I.current=0,N.current=t,C.current={position:h.current,time:performance.now()},M(h.current,!0)}(e.clientX,s?170*t:H)}},onPointerMove:function(e){null!==x.current&&Math.abs(x.current-e.clientX)>4&&!e.currentTarget.hasPointerCapture(e.pointerId)&&e.currentTarget.setPointerCapture(e.pointerId),z(e.clientX)},onPointerUp:G,onPointerCancel:G,children:[(0,n.jsx)("button",{type:"button",className:"".concat(F().characterRailArrow," ").concat(F().characterRailArrowPrev),"aria-label":b.copy.selectorPrevAria,onClick:function(){return D(-1)},onPointerDown:function(e){return e.stopPropagation()},children:(0,n.jsx)("img",{src:v(b.assets.selectorArrowLeft),alt:"","aria-hidden":"true"})}),(0,n.jsx)("button",{type:"button",className:"".concat(F().characterRailArrow," ").concat(F().characterRailArrowNext),"aria-label":b.copy.selectorNextAria,onClick:function(){return D(1)},onPointerDown:function(e){return e.stopPropagation()},children:(0,n.jsx)("img",{src:v(b.assets.selectorArrowRight),alt:"","aria-hidden":"true"})}),(0,n.jsx)("img",{className:F().selectionFrame,src:v(b.assets.selectionFrame),alt:"","aria-hidden":"true"}),L.map((function(e){var t=e.slotIndex,a=e.character,n=function(e,t){return e-t}(t,_.position);return X(a,n,"".concat(a.id,"-").concat(t),t)}))]}),(0,n.jsxs)("div",{className:F().characterNameTag,"aria-live":"polite",children:[(0,n.jsx)("img",{className:F().characterNameTagOrnament,src:v(b.assets.nameTagOrnamentLeft),alt:"","aria-hidden":"true"}),(0,n.jsx)("span",{className:F().characterNameTagLabel,children:null===R||void 0===R?void 0:R.name}),(0,n.jsx)("img",{className:"".concat(F().characterNameTagOrnament," ").concat(F().characterNameTagOrnamentRight),src:v(b.assets.nameTagOrnamentRight),alt:"","aria-hidden":"true"})]}),(0,n.jsx)($,{variant:"confirm",lines:[b.copy.confirmCharacter],onClick:o,className:F().characterConfirmButton,desktop:s})]})}function te(e){var t=e.children,a=e.variant;return(0,n.jsx)("div",{className:"choice"===a?F().choicePanelOuter:F().selectorPanelOuter,"data-flow-fit-boundary":!0,"data-flow-fit-boundary-tail":"52",children:(0,n.jsx)("div",{className:F().choicePanelMiddle,children:(0,n.jsx)("div",{className:"choice"===a?F().choicePanel:F().selectorPanel,children:t})})})}function ae(e){var t=e.buttonVariant,a=e.choices,r=e.desktop,i=void 0!==r&&r;return(0,n.jsx)(te,{variant:"choice",children:a.map((function(e,a){return(0,n.jsx)($,{variant:t,lines:e.lines,onClick:e.onClick,typography:e.typography,desktop:i},"".concat(e.lines.join("-"),"-").concat(a))}))})}function ne(){return(0,n.jsx)("footer",{className:F().copyrightBar,children:b.copy.copyright})}var re,ie=a(29815),oe="--flow-viewport-height",ce="--flow-safe-area-top",se="--flow-safe-area-bottom",le=l.useLayoutEffect,ue={scale:1,footerScale:1,logicalHeight:844,verticalOffset:0,ready:!1},me=function(){var e=window.navigator.userAgent;return/iP(hone|ad|od)/.test(e)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1},de=function(e){var t;return null!==(re=null===(t=e.match(/#[0-9a-f]{6}/i))||void 0===t?void 0:t[0])&&void 0!==re?re:"#ffffff"};function _e(e){var t=e.children,a=e.background,r=e.ornaments,i=e.footer,o=e.fitContent,c=void 0!==o&&o,s=e.layoutKey,u=e.desktop,m=void 0!==u&&u,d=null!=i,_=(0,l.useRef)(null),g=(0,l.useRef)(null),h=(0,l.useRef)(a),p=(0,l.useState)(ue),f=p[0],v=p[1],k=(0,l.useState)(a),b=k[0],y=k[1],w=(0,l.useState)(null),x=w[0],S=w[1],j=f.scale,I=f.footerScale,N=f.logicalHeight,C=f.verticalOffset,T=f.ready;return(0,l.useEffect)((function(){var e=de(a),t=document.documentElement.style,n=document.body.style,r=t.background,i=n.background,o=document.querySelector('meta[name="theme-color"]'),c=null===o||void 0===o?void 0:o.content;return t.background="#000",n.background="#000",null===o||void 0===o||o.setAttribute("content",e),function(){t.background=r,n.background=i,o&&null!=c&&(o.content=c)}}),[a]),le((function(){var e,t=_.current;if(t){var a=document.createElement("div");a.style.cssText=["position: fixed","left: 0","top: 0","width: 0","height: 0","padding-top: env(safe-area-inset-top, 0px)","padding-bottom: env(safe-area-inset-bottom, 0px)","visibility: hidden","pointer-events: none"].join(";"),document.body.appendChild(a);var n=function(){var e,t,n,r,i;!function(){var e=window.getComputedStyle(a),t=Math.ceil(parseFloat(e.paddingTop)||0),n=Math.ceil(parseFloat(e.paddingBottom)||

10);document.documentElement.style.setProperty(ce,"".concat(t,"px")),document.documentElement.style.setProperty(se,"".concat(n,"px"))}();var o=[window.innerHeight,null!==(i=null===(n=window.visualViewport)||void 0===n?void 0:n.height)&&void 0!==i?i:0,document.documentElement.clientHeight],c=(e=Math).max.apply(e,(0,ie.Z)(o)),s=window.screen.height;!m&&me()&&s>c&&s-c<160&&o.push(s);var l="IOS"===(null===(r=new URLSearchParams(window.location.search).get("device_type"))||void 0===r?void 0:r.toUpperCase()),u=me()&&!l&&window.visualViewport?Math.floor(window.visualViewport.height):Math.ceil((t=Math).max.apply(t,(0,ie.Z)(o)));u>0&&document.documentElement.style.setProperty(oe,"".concat(u,"px"))},r=function(e,t){if(e>0&&t>0){if(m){var a="recommendation"===s?928.2:861,n=Math.min(1,e/872,t/a);return void v({scale:n,footerScale:1,logicalHeight:t/n,verticalOffset:0,ready:!0})}var r,i=e/390,o=g.current,l=null===o||void 0===o?void 0:o.querySelector("[data-flow-fit-start]"),u=null===o||void 0===o?void 0:o.querySelector("[data-flow-fit-boundary]"),_=function(e){for(var t=0,a=e;a&&a!==o;)t+=a.offsetTop,a=a.offsetParent;return a===o?t:null},h=l?_(l):null,p=u?_(u):null,f=Number(null!==(r=null===u||void 0===u?void 0:u.dataset.flowFitBoundaryTail)&&void 0!==r?r:0),k=c&&null!=h&&null!=p&&u?p+u.offsetHeight+f-h:0,b=c&&d?37*i:0,y=Math.max(t-24,1),w=Math.max(y-b,1),x=k>0?Math.min(i,w/k):i;v({scale:x,footerScale:i,logicalHeight:t/x,verticalOffset:k>0&&null!=h?((t-b)/x-k)/2-h:0,ready:!0})}},i=new ResizeObserver((function(){var e=t.getBoundingClientRect(),a=e.width,n=e.height;r(a,n)}));i.observe(t);var o=function(){n();var e=t.getBoundingClientRect(),a=e.width,i=e.height;r(a,i)},l=0,u=[],h=function(){u.forEach((function(e){return window.clearTimeout(e)})),u=[]},p=function(){n(),l&&window.cancelAnimationFrame(l),h(),l=window.requestAnimationFrame((function(){l=0,o()})),u=[100,500].map((function(e){return window.setTimeout(o,e)}))},f=function(){"visible"===document.visibilityState&&p()};return p(),window.addEventListener("resize",p),window.addEventListener("pageshow",p),window.addEventListener("focus",p),null===(e=window.visualViewport)||void 0===e||e.addEventListener("resize",p),document.addEventListener("visibilitychange",f),function(){var e;i.disconnect(),l&&window.cancelAnimationFrame(l),h(),window.removeEventListener("resize",p),window.removeEventListener("pageshow",p),window.removeEventListener("focus",p),null===(e=window.visualViewport)||void 0===e||e.removeEventListener("resize",p),document.removeEventListener("visibilitychange",f),document.documentElement.style.removeProperty(oe),document.documentElement.style.removeProperty(ce),document.documentElement.style.removeProperty(se),a.remove()}}}),[m,c,d,s]),(0,l.useEffect)((function(){if(h.current!==a){S(h.current),y(a),h.current=a;var e=window.setTimeout((function(){S(null)}),360);return function(){return window.clearTimeout(e)}}}),[a]),(0,n.jsxs)("div",{className:"".concat(F().viewport," ").concat(m?F().viewportDesktop:""),style:{visibility:T?"visible":"hidden","--flow-footer-height":"".concat(d?(m?39:37)*I:0,"px")},children:[(0,n.jsx)("div",{className:F().viewportBackground,style:{background:b}}),x&&(0,n.jsx)("div",{className:"".concat(F().viewportBackground," ").concat(F().viewportBackgroundFadeOut),style:{background:x}},x),(0,n.jsxs)("div",{ref:_,className:F().aspectBox,children:[r,(0,n.jsx)("div",{ref:g,className:F().scaleWrapper,style:{"--flow-vertical-offset":"".concat(C,"px"),"--flow-scale":j,"--flow-footer-top":"".concat(N-(d?(m?39:37)*I/j:0)-C,"px"),transform:"scale(".concat(j,")"),height:N},children:t}),i&&(0,n.jsx)("div",{className:F().viewportFooter,style:{transform:"translateX(-50%) scale(".concat(I,")")},children:i})]})]})}function ge(e){if("character"in e){var t,a,r=e.character,i=null!==(a=null===(t=r.layout)||void 0===t?void 0:t.komaFrameHeight)&&void 0!==a?a:240;return(0,n.jsx)("img",{className:188===i?F().komaFrameImageShort:F().komaFrameImage,src:v(r.assets.koma),alt:r.name})}var o,c=e.koma,s=null!==(o=c.height)&&void 0!==o?o:240;return(0,n.jsx)("img",{className:188===s?F().komaFrameImageShort:F().komaFrameImage,src:v(c.image),alt:c.alt})}function he(e){var t=e.label,a=e.labelColor,r=e.questionNumber,i=e.questionColor,o=e.lines,c=e.typing,s=void 0!==c&&c,u=b.assets,m=(0,l.useMemo)((function(){return o.join("\n")}

1),[o]),d=(0,l.useState)(s?"":m),_=d[0],g=d[1];(0,l.useEffect)((function(){if(s){g("");var e=0,t=window.setInterval((function(){e+=1,g(m.slice(0,e)),e>=m.length&&window.clearInterval(t)}),50);return function(){return window.clearInterval(t)}}g(m)}),[m,s]);var h=function(e){return e.split("\n").map((function(e,t,a){return(0,n.jsxs)("span",{children:[e,t<a.length-1&&(0,n.jsx)("br",{})]},"".concat(t,"-").concat(e))}))};return(0,n.jsxs)("div",{className:F().questionWrap,children:[(0,n.jsxs)("div",{className:F().characterLabel,"data-flow-fit-start":!0,style:{backgroundColor:a},children:[(0,n.jsx)("img",{className:F().sparkle,src:v(u.sparkle),alt:"","aria-hidden":"true"}),(0,n.jsx)("span",{children:t}),(0,n.jsx)("img",{className:F().sparkle,src:v(u.sparkle),alt:"","aria-hidden":"true"})]}),(0,n.jsxs)("div",{className:F().questionBubble,children:[(0,n.jsx)("span",{className:F().questionMark,style:{color:i},children:r}),(0,n.jsxs)("div",{className:F().questionText,children:[(0,n.jsx)("p",{className:F().questionTextSizer,"aria-hidden":"true",children:h(m)}),(0,n.jsx)("p",{className:F().questionTextTyped,children:h(_)})]})]}),(0,n.jsx)("div",{className:F().bubbleTail,children:(0,n.jsx)("img",{src:v(u.bubbleTail),alt:"","aria-hidden":"true"})})]})}function pe(e){var t=e.desktop,a=void 0!==t&&t,r=a?[b.assets.recommendationBgTopDesktopLeft,b.assets.recommendationBgTopDesktopRight]:[b.assets.recommendationBgTop],i=a?[b.assets.recommendationBgBottomDesktopLeft,b.assets.recommendationBgBottomDesktopRight]:[b.assets.recommendationBgBottom];return(0,n.jsxs)("div",{className:F().recOrnamentLayer,"aria-hidden":"true",children:[(0,n.jsx)("div",{className:F().recOrnamentTop,children:r.map((function(e){return(0,n.jsx)("img",{src:v(e),alt:""},e)}))}),(0,n.jsx)("div",{className:F().recOrnamentBottom,children:i.map((function(e){return(0,n.jsx)("img",{src:v(e),alt:""},e)}))})]})}var fe=a(47568),ve=a(20414),ke=a(73935),be=function(e,t){t?window.location.href=function(e){return"krr://open/browser?url=".concat(encodeURIComponent(e))}(e):window.open(e,"_blank","noopener,noreferrer")},ye=function(){var e=(0,fe.Z)((function(e){var t,a;return(0,ve.__generator)(this,(function(n){switch(n.label){case 0:return navigator.clipboard&&window.isSecureContext?[4,navigator.clipboard.writeText(e)]:[3,2];case 1:return n.sent(),[2];case 2:(t=document.createElement("textarea")).value=e,t.style.position="fixed",t.style.opacity="0",document.body.appendChild(t),t.select(),a=!1;try{a=document.execCommand("copy")}finally{t.remove()}if(!a)throw new Error("Failed to copy share URL");return[2]}}))}));return function(t){return e.apply(this,arguments)}}();function we(e){var t=e.url,a=e.isAppWebView,r=b.copy,i=b.assets,o=encodeURIComponent(t),c=encodeURIComponent(r.shareText),s=(0,l.useState)(!1),u=s[0],m=s[1],d=(0,l.useState)(!1),_=d[0],g=d[1],h=(0,l.useRef)(null);(0,l.useEffect)((function(){return function(){h.current&&clearTimeout(h.current)}}),[]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:F().sharePanel,children:(0,n.jsxs)("div",{className:F().sharePanelInner,children:[(0,n.jsxs)("div",{className:F().sharePanelTitle,children:[(0,n.jsx)("img",{className:F().sharePanelTitleEdge,src:v(i.shareTitleLeft),alt:"","aria-hidden":"true"}),(0,n.jsx)("span",{className:F().sharePanelTitleLabel,children:r.shareResult}),(0,n.jsx)("img",{className:"".concat(F().sharePanelTitleEdge," ").concat(F().sharePanelTitleEdgeRight),src:v(i.shareTitleRight),alt:"","aria-hidden":"true"})]}),(0,n.jsxs)("div",{className:F().shareButtons,children:[(0,n.jsx)("button",{type:"button",className:"".concat(F().shareButton," ").concat(F().shareButtonX),onClick:function(){be("https://twitter.com/intent/tweet?text=".concat(c,"&url=").concat(o),a)},"aria-label":r.shareXAria,children:(0,n.jsx)("img",{src:v(i.shareX),alt:"","aria-hidden":"true"})}),(0,n.jsx)("button",{type:"button",className:"".concat(F().shareButton," ").concat(F().shareButtonLine),onClick:function(){be("https://social-plugins.line.me/lineit/share?url=".concat(o,"&text=").concat(c),a)},"aria-label":r.shareLineAria,children:(0,n.jsx)("img",{src:v(i.shareLine),alt:"","aria-hidden":"true"})}),(0,n.jsx)("button",{type:"button",className:"".concat(F().shareButton," ").concat(F().shareButtonLink),onClick:function(){ye(t).then((function(){m(!0),g(!0),h.current&&clearTimeout(h.current),h.current=setTimeout((function(){g(!1)}),2e3)})).catch((function(){}))},"aria-label":r.copyShareUrlAria,children:(0,n.jsx)("img",{src:v(i.shareLink),alt:"","aria-hidden":"true"})})]})]})}),u&&"undefined"!==typeof document&&(0,ke.createPortal)((0,n.jsx)("div",{className:"".concat(F().copyToast," ").concat(_?F().copyToastVisible:F().copyToastHidden),role:"status","aria-live":"polite","aria-hidden":!_,children:r.copyShareUrlSuccess}),document.body)]})}function xe(e){var t=e.screen,a=e.onRetry,r=e.onHome,i=e.onRead,o=e.shareUrl,c=e.isAppWebView,s=e.desktop,u=void 0!==s&&s,m=b.copy,d=b.assets,_=(0,l.useRef)(null),g=(0,l.useState)(!0),h=g[0],p=g[1],f=(0,l.useCallback)((function(){var e=_.current;if(e){var t=e.scrollHeight>e.clientHeight+2,a=e.scrollTop+e.clientHeight>=e.scrollHeight-2;p(t&&!a)}}),[]);return(0,l.useEffect)((function(){var e=_.current;if(e){f();var t=window.requestAnimationFrame(f);return e.addEventListener("scroll",f,{passive:!0}),window.addEventListener("resize",f),function(){window.cancelAnimationFrame(t),e.removeEventListener("scroll",f),window.removeEventListener("resize",f)}}}),[t,f]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{ref:_,className:F().recommendation,children:(0,n.jsxs)("div",{className:F().recBody,children:[(0,n.jsx)(pe,{desktop:u}),(0,n.jsxs)("div",{className:F().recScroll,children:[(0,n.jsx)("img",{className:F().recHeading,src:v(d.recHeading),alt:m.recHeadingAlt}),(0,n.jsx)("div",{className:F().recList,children:t.works.map((function(e,t){return(0,n.jsxs)(l.Fragment,{children:[(0,n.jsxs)("div",{className:F().workCard,children:[(0,n.jsxs)("div",{className:F().workCardBody,children:[(0,n.jsxs)("button",{type:"button",className:F().coverFrame,onClick:function(){return i(e)},"aria-label":m.readWorkAria(e.title),children:[(0,n.jsx)("img",{className:F().coverImage,src:v("covers/".concat(e.cover,".webp")),alt:e.title.replace(/\n/g,"")}),(0,n.jsx)("img",{className:F().coverFrameOrnament,src:v(d.cardFrame),alt:"","aria-hidden":"true"})]}),(0,n.jsx)("p",{className:F().workTitle,children:e.title.split("\n").map((function(e,t,a){return(0,n.jsxs)("span",{children:[e,t<a.length-1&&(0,n.jsx)("br",{})]},"".concat(e,"-").concat(t))}))})]}),(0,n.jsx)($,{variant:"read",lines:[m.readNow],onClick:function(){return i(e)},desktop:u})]}),(0,n.jsxs)("div",{className:F().recDivider,"aria-hidden":"true",children:[(0,n.jsxs)("span",{className:F().recDividerSide,children:[(0,n.jsx)("span",{className:F().recDividerLine}),(0,n.jsx)("span",{className:F().recDividerDot})]}),(0,n.jsx)("span",{className:F().recDividerSparkleSmall}),(0,n.jsx)("span",{className:F().recDividerSparkleLarge}),(0,n.jsx)("span",{className:F().recDividerSparkleSmall}),(0,n.jsxs)("span",{className:F().recDividerSide,children:[(0,n.jsx)("span",{className:F().recDividerDot}),(0,n.jsx)("span",{className:F().recDividerLine})]})]})]},"".concat(e.cover,"-").concat(t))}))})]}),(0,n.jsxs)("div",{className:F().recFooter,children:[(0,n.jsxs)("div",{className:F().recFooterActions,children:[(0,n.jsx)(we,{url:o,isAppWebView:c}),(0,n.jsx)($,{variant:"retry",lines:[m.retryDiagnosis],onClick:a,desktop:u})]}),(0,n.jsx)(D,{kind:"home",label:m.recommendationHome,onClick:r})]})]})}),(0,n.jsx)("div",{className:"".concat(F().scrollHint," ").concat(h?"":F().scrollHintHidden),"aria-hidden":"true",children:(0,n.jsx)("img",{src:v(d.scrollIndicator),alt:""})})]})}var Se=function(e){return Array.isArray(e)?e[0]:e},je=l.useLayoutEffect,Ie=function(e){var t=null===e||void 0===e?void 0:e.toUpperCase();return"IOS"===t?u.v1.DeviceInfo.DeviceType.IOS:"ANDROID"===t?u.v1.DeviceInfo.DeviceType.ANDROID:u.v1.DeviceInfo.DeviceType.BROWSER};function Ne(e){var t,a,r,o,u,h,p=e.sharedResultId,f=void 0===p?null:p,k=(0,s.useRouter)(),y=null===(t=(0,g.F)())||void 0===t?void 0:t.isMobile,x=(0,_.Z)(),S=(0,l.useState)(!1),O

1=S[0],E=S[1],H=!O||!(y||x),U=(0,l.useState)("q1"),Z=U[0],W=U[1],V=(0,l.useState)(b.defaultCharacterId),Q=V[0],G=V[1],K=(0,l.useState)("beginner"),X=K[0],J=K[1],Y=(u=f)?q(u):"".concat(null!==(j="https://comic-fuz.com")?j:"").concat(P),$=function(e){return e?{url:(t=e,"".concat(null!==(w="https://comic-fuz.com")?w:"").concat(v(L[t]))),type:"image/png"}:{url:M,type:"image/webp"};var t}(f);je((function(){E(!0)}),[]),(0,l.useEffect)((function(){var e=window.requestAnimationFrame((function(){B.forEach((function(e){var t=new Image;t.src=v(e.assets.portrait),"function"===typeof t.decode&&t.decode().catch((function(){}))}))}));return function(){return window.cancelAnimationFrame(e)}}),[]);var re=(0,l.useMemo)((function(){return null!==(h=B.find((function(e){return e.id===Q})))&&void 0!==h?h:B[0]}),[Q]),ie="q1"===Z?I:re.theme,oe="recommendation"===Z?b.recommendationBackground:ie.background,ce=de(oe),se=Se(k.query.device_type),le=function(e){var t=null===e||void 0===e?void 0:e.toUpperCase();return"IOS"!==t&&"ANDROID"!==t}(se),ue=function(e){J(e),W("recommendation")},me=function(){window.location.href=le?"/":b.homeUrl},pe=(0,l.useMemo)((function(){return{secret:Se(k.query.secret),osVer:Se(k.query.os_ver),appVer:Se(k.query.app_ver),deviceType:Ie(se)}}),[se,k.query.app_ver,k.query.os_ver,k.query.secret]);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(c(),{children:[(0,n.jsx)("title",{className:"jsx-c38a3625b5b79a89",children:b.pageTitle}),(0,n.jsx)("meta",{property:"og:title",content:b.pageTitle,className:"jsx-c38a3625b5b79a89"},"ogp_title"),(0,n.jsx)("meta",{property:"og:type",content:"website",className:"jsx-c38a3625b5b79a89"},"ogp_type"),(0,n.jsx)("meta",{property:"og:url",content:Y,className:"jsx-c38a3625b5b79a89"},"ogp_url"),(0,n.jsx)("meta",{property:"og:image",content:$.url,className:"jsx-c38a3625b5b79a89"},"ogp_image"),(0,n.jsx)("meta",{property:"og:image:type",content:$.type,className:"jsx-c38a3625b5b79a89"},"ogp_image_type"),(0,n.jsx)("meta",{property:"og:image:alt",content:b.pageTitle,className:"jsx-c38a3625b5b79a89"},"ogp_image_alt"),(0,n.jsx)("meta",{property:"og:site_name",content:"COMIC FUZ",className:"jsx-c38a3625b5b79a89"},"ogp_site_name"),(0,n.jsx)("meta",{name:"twitter:card",content:"summary_large_image",className:"jsx-c38a3625b5b79a89"},"twitter_card"),(0,n.jsx)("meta",{name:"twitter:title",content:b.pageTitle,className:"jsx-c38a3625b5b79a89"},"twitter_title"),(0,n.jsx)("meta",{name:"twitter:image",content:$.url,className:"jsx-c38a3625b5b79a89"},"twitter_image"),(0,n.jsx)("meta",{name:"twitter:image:alt",content:b.pageTitle,className:"jsx-c38a3625b5b79a89"},"twitter_image_alt"),(0,n.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover",className:"jsx-c38a3625b5b79a89"}),(0,n.jsx)("meta",{name:"theme-color",content:ce,className:"jsx-c38a3625b5b79a89"}),(0,n.jsx)("meta",{name:"apple-mobile-web-app-status-bar-style",content:"default",className:"jsx-c38a3625b5b79a89"}),(0,n.jsx)("link",{rel:"preconnect",href:"https://fonts.googleapis.com",className:"jsx-c38a3625b5b79a89"}),(0,n.jsx)("link",{rel:"preconnect",href:"https://fonts.gstatic.com",crossOrigin:"",className:"jsx-c38a3625b5b79a89"}),(0,n.jsx)("link",{href:b.fontStylesheet,rel:"stylesheet",className:"jsx-c38a3625b5b79a89"})]}),(0,n.jsx)(i(),{id:"c38a3625b5b79a89",children:"html,body,#__next{width:100%;height:var(--flow-viewport-height,100%);min-height:var(--flow-viewport-height,100%);overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}html,body{background-color:#000}"}),(0,n.jsx)(_e,{background:oe,ornaments:"recommendation"!==Z?(0,n.jsx)(z,{}):void 0,footer:(0,n.jsx)(ne,{}),fitContent:"recommendation"!==Z,layoutKey:Z,desktop:H,children:(0,n.jsxs)("main",{className:"jsx-c38a3625b5b79a89 "+([F().screen,"recommendation"!==Z?F().screenFit:"","characterSelect"===Z?F().characterSelectScreen:""].join(" ")||""),children:["q1"===Z&&(0,n.jsxs)("section",{className:"jsx-c38a3625b5b79a89 "+"".concat(F().flowContent," ").concat(F().q1Content),children:[(0,n.jsxs)("div",{className:"jsx-c38a3625b5b79a89 "+(F().questionBlock||""),children:[(0,n.jsx)(he,{label:N.bubble.label,labelColor:I.label,questionNumber:N.bubble.questionNumber,questionColor:I.question,typing:!0,lines:N.bubble.lines}),(0,n.jsx)("div",{className:"jsx-c38a3625b5b79a89 "+(F().komaImageWrap||""),children:(0,n.jsx)(ge,{koma:N.koma})})]}),(0,n.jsxs)("div",{className:"jsx-c38a3625b5b79a89 "+(F().actionBlock||""),children:[(0,n.jsx)(ae,{buttonVariant:"q1Choice",desktop:H,choices:N.choices.map((function(e){return{lines:e.text,typography:e.typography,onClick:function(){"recommendation"!==e.action.type?W(e.action.step):ue(e.action.recommendationId)}}}))}),(0,n.jsx)(D,{kind:N.backLink,onClick:me})]})]}),"characterSelect"===Z&&(0,n.jsxs)("section",{className:"jsx-c38a3625b5b79a89 "+"".concat(F().flowContent," ").concat(F().q2Content),children:[(0,n.jsxs)("div",{className:"jsx-c38a3625b5b79a89 "+(F().questionBlock||""),children:[(0,n.jsx)(he,{label:C.bubble.label,labelColor:I.label,questionNumber:C.bubble.questionNumber,questionColor:re.theme.question,typing:!0,lines:C.bubble.lines}),(0,n.jsx)("div",{className:"jsx-c38a3625b5b79a89 "+(F().komaImageWrap||""),children:(0,n.jsx)(ge,{koma:C.koma})})]}),(0,n.jsxs)("div",{className:"jsx-c38a3625b5b79a89 "+(F().actionBlock||""),children:[(0,n.jsx)(te,{variant:"selector",children:(0,n.jsx)(ee,{characters:B,selectedId:Q,onSelect:G,onConfirm:function(){return W("routeQuestion")},desktop:H})}),(0,n.jsx)(D,{kind:C.backLink,onClick:function(){return W("q1")}})]})]}

1),"routeQuestion"===Z&&(0,n.jsxs)("section",{className:"jsx-c38a3625b5b79a89 "+([F().flowContent,F().q3Content,"kyubey"===(null===(a=re.layout)||void 0===a?void 0:a.q3ContentVariant)?F().q3KyubeyContent:"","tall"===(null===(r=re.layout)||void 0===r?void 0:r.q3QuestionVariant)?F().q3TallQuestionContent:""].join(" ")||""),children:[(0,n.jsxs)("div",{className:"jsx-c38a3625b5b79a89 "+(F().questionBlock||""),children:[(0,n.jsx)(he,{label:re.name,labelColor:re.theme.label,questionNumber:T,questionColor:re.theme.question,typing:!0,lines:re.routeQuestion}),(0,n.jsx)("div",{className:"jsx-c38a3625b5b79a89 "+"".concat(F().komaImageWrap," ").concat(188===(null===(o=re.layout)||void 0===o?void 0:o.komaFrameHeight)?F().komaImageWrapShort:""),children:(0,n.jsx)(ge,{character:re})})]}),(0,n.jsxs)("div",{className:"jsx-c38a3625b5b79a89 "+(F().actionBlock||""),children:[(0,n.jsx)(ae,{buttonVariant:"q3Choice",desktop:H,choices:re.choices.map((function(e){return{lines:e.text,typography:e.typography,onClick:function(){return ue(e.recommendationId)}}}))}),(0,n.jsx)(D,{kind:A,onClick:function(){return W("characterSelect")}})]})]}),"recommendation"===Z&&(0,n.jsx)(xe,{screen:R[X],desktop:H,onRetry:function(){G(b.defaultCharacterId),W("q1")},onHome:me,onRead:function(e){(0,m.BM)(m.IN.PUELLA_MAGI_MADOKA_MAGICA_RECOMMEND_MANGA_CLICK,{deviceInfo:pe,mangaId:e.mangaId}),window.location.href=le?(0,d.Z)(e.urlScheme):e.urlScheme},shareUrl:q(X),isAppWebView:!le})]},Z)})]})}var Ce=!0;function Te(e){var t=e.sharedResultId;return(0,n.jsx)(Ne,{sharedResultId:t})}},17080:function(e,t,a){"use strict";a.d(t,{Cr:function(){return T},Em:function(){return L},FI:function(){return C},Hf:function(){return p},Lp:function(){return r},M0:function(){return k},O$:function(){return h},P7:function(){return b},Re:function(){return O},U$:function(){return y},YC:function(){return d},Yi:function(){return f},Yw:function(){return B},Zg:function(){return I},_X:function(){return i},au:function(){return n},bf:function(){return s},cP:function(){return M},d4:function(){return o},iw:function(){return l},jc:function(){return A},lh:function(){return w},mQ:function(){return m},n2:function(){return _},nT:function(){return v},oL:function(){return S},q9:function(){return N},rx:function(){return j},t1:function(){return R},wo:function(){return u},wt:function(){return g},xz:function(){return x},yL:function(){return c}});var n="/manga/ranking",r="/book/ranking",i=function(e){return"/yell/".concat(e)},o=function(e){return"/author/".concat(e)},c="/account/signup",s="/account/signin",l=function(e){return"/manga/viewer/".concat(e)},u=function(e){return"/book/viewer/".concat(e)},m=function(e){return"/magazine/viewer/".concat(e)},d=function(e){return"/manga/comment/".concat(e)},_=function(e){return"/manga/comment/".concat(e,"/post")},g=function(e){return"/book/comment/".concat(e)},h=function(e){return"/book/comment/".concat(e,"/post")},p=function(e){return"/magazine/comment/".concat(e)},f=function(e){return"/magazine/comment/".concat(e,"/post")},v=function(e){return"/manga/".concat(e)},k=function(e,t){return"/manga/".concat(e,"?targetChapterId=").concat(t)},b=function(e){return"/book/".concat(e)},y=function(e){return"/magazine/".concat(e)},w=function(e){return"/special/".concat(e)},x="/subscription",S=function(e,t){return"/manga/tag/".concat(e,"?currentTab=").concat(t)},j=function(e){return"/yell/bonus/".concat(e)},I="/item",N=function(e){return"/settlement/billingItem/".concat(e)},C=function(e){return"/settlement/subscriptionItem/".concat(e)},T=function(e){return"/settlement/".concat(e)},A=function(e){return"/settlement/change/".concat(e)},B="/book/bulkpurchase",R="/subscription/subscribed",L="/account/reset_password",O="/account/change_mail",M="/item"},46813:function(e,t,a){"use strict";a.d(t,{Z:function(){return o}});var n=a(828),r=a(67294),i=window.innerWidth<769;function o(){var e=(0,n.Z)(r.useState(i),2),t=e[0],a=e[1];return r.useEffect((function(){if(window){var e=function(){var e=window.innerWidth;a(e<769)};return window.addEventListener("resize",e),e(),function(){window.removeEventListener("resize",e)}}}),[]),t}},22167:function(e,t,a){"use strict";a.d(t,{F:function(){return r}});

1var n=a(67294),r=function(){var e=(0,n.useState)(),t=e[0],a=e[1];return(0,n.useEffect)((function(){var e=!1,t=!1,n=!1,r=navigator.userAgent;r.indexOf("iPhone")>0||r.indexOf("iPod")>0||r.indexOf("Android")>0&&r.indexOf("Mobile")>0?e=!0:r.indexOf("iPad")>0||r.indexOf("Android")>0?t=!0:n=!0,a({isMobile:e,isTablet:t,isDesktop:n})}),[]),t}},34052:function(e){e.exports={viewport:"puella_magi_madoka_magica_viewport__xawZf",viewportBackground:"puella_magi_madoka_magica_viewportBackground__fnmCR",viewportBackgroundFadeOut:"puella_magi_madoka_magica_viewportBackgroundFadeOut__ryASy",ornamentLayer:"puella_magi_madoka_magica_ornamentLayer__V0erU",ornamentBg:"puella_magi_madoka_magica_ornamentBg__GAUGv",ornamentSide:"puella_magi_madoka_magica_ornamentSide__4x29T",aspectBox:"puella_magi_madoka_magica_aspectBox__nJc7d",scaleWrapper:"puella_magi_madoka_magica_scaleWrapper__tAUCD",viewportFooter:"puella_magi_madoka_magica_viewportFooter__D4cJN",screen:"puella_magi_madoka_magica_screen__L2OlO",screenFit:"puella_magi_madoka_magica_screenFit__FMliY",flowContent:"puella_magi_madoka_magica_flowContent__31QiJ",actionBlock:"puella_magi_madoka_magica_actionBlock__lxAIx",backLink:"puella_magi_madoka_magica_backLink__8z2_U",characterSelectScreen:"puella_magi_madoka_magica_characterSelectScreen__NBIiC",copyrightBar:"puella_magi_madoka_magica_copyrightBar__R2vKj",q1Content:"puella_magi_madoka_magica_q1Content__32QvH",questionBlock:"puella_magi_madoka_magica_questionBlock__0dgfZ",q2Content:"puella_magi_madoka_magica_q2Content__9zySV",questionWrap:"puella_magi_madoka_magica_questionWrap__C7sUy",characterLabel:"puella_magi_madoka_magica_characterLabel__Y5k5Z",q3Content:"puella_magi_madoka_magica_q3Content__xDDGc",q3TallQuestionContent:"puella_magi_madoka_magica_q3TallQuestionContent__1rz3Y",q3KyubeyContent:"puella_magi_madoka_magica_q3KyubeyContent__4qtV_",sparkle:"puella_magi_madoka_magica_sparkle__0aAzV",questionBubble:"puella_magi_madoka_magica_questionBubble__SdqG5",questionText:"puella_magi_madoka_magica_questionText__il1S8",questionTextSizer:"puella_magi_madoka_magica_questionTextSizer__mbjU6",questionTextTyped:"puella_magi_madoka_magica_questionTextTyped__LNrAN",questionMark:"puella_magi_madoka_magica_questionMark__1wZkp",bubbleTail:"puella_magi_madoka_magica_bubbleTail__HJuU8",komaImageWrap:"puella_magi_madoka_magica_komaImageWrap__kaEEA",komaImageWrapShort:"puella_magi_madoka_magica_komaImageWrapShort__zO0Nk",komaFrameImage:"puella_magi_madoka_magica_komaFrameImage__PTLQu",komaFrameImageShort:"puella_magi_madoka_magica_komaFrameImageShort__8S2ZI",choicePanelOuter:"puella_magi_madoka_magica_choicePanelOuter__5U0lt",selectorPanelOuter:"puella_magi_madoka_magica_selectorPanelOuter__g_2sV",choicePanelMiddle:"puella_magi_madoka_magica_choicePanelMiddle__jX84L",choicePanel:"puella_magi_madoka_magica_choicePanel__dO1W8",selectorPanel:"puella_magi_madoka_magica_selectorPanel__6j_Np",gradientButton:"puella_magi_madoka_magica_gradientButton__gmtNv",gradientButtonQ1Choice:"puella_magi_madoka_magica_gradientButtonQ1Choice__tFCD9",gradientButtonQ3Choice:"puella_magi_madoka_magica_gradientButtonQ3Choice__FHbsB",gradientButtonConfirm:"puella_magi_madoka_magica_gradientButtonConfirm__MU6CQ",gradientButtonRetry:"puella_magi_madoka_magica_gradientButtonRetry___GBrc",gradientButtonRead:"puella_magi_madoka_magica_gradientButtonRead__5_C6J",characterConfirmButton:"puella_magi_madoka_magica_characterConfirmButton__00zPd",gradientButtonInner:"puella_magi_madoka_magica_gradientButtonInner__x6zE_",gradientButtonText:"puella_magi_madoka_magica_gradientButtonText__UmPaL",gradientButtonLine:"puella_magi_madoka_magica_gradientButtonLine__dvvTp",gradientButtonArrow:"puella_magi_madoka_magica_gradientButtonArrow__qrBti",backLinkIconWrap:"puella_magi_madoka_magica_backLinkIconWrap__0oIGf",backLinkIcon:"puella_magi_madoka_magica_backLinkIcon__9YwkS",backLinkLabel:"puella_magi_madoka_magica_backLinkLabel__G_KAf",characterSelector:"puella_magi_madoka_magica_characterSelector__AOipM",selectorTitle:"puella_magi_madoka_magica_selectorTitle__vzqbG",selectorArrow:"puella_magi_madoka_magica_selectorArrow__PBrsL",selectorArrowPrev:"puella_magi_madoka_magica_selectorArrowPrev__JX05l",selectorArrowIcon:"puella_magi_madoka_magica_selectorArrowIcon__MbPYW",selectorTitleArrow:"puella_magi_madoka_magica_selectorTitleArrow__mVmg1",selectorTitleArrowPrev:"puella_magi_madoka_magica_selectorTitleArrowPrev__Rk3jh",characterRail:"puella_magi_madoka_magica_characterRail__GHXfM",characterRailArrow:"puella_magi_madoka_magica_characterRailArrow__ZBIJV",characterItem:"puella_magi_madoka_magica_characterItem__GV3p1",characterItemDragging:"puella_magi_madoka_magica_characterItemDragging__KI8U1",selectionFrame:"puella_magi_madoka_magica_selectionFrame__il_fV",portraitFrame:"puella_magi_madoka_magica_portraitFrame__h14fm",portraitImg:"puella_magi_madoka_magica_portraitImg___fXlP",characterNameTag:"puella_magi_madoka_magica_characterNameTag__NpySk",characterNameTagOrnament:"puella_magi_madoka_magica_characterNameTagOrnament__cDaBX",characterNameTagOrnamentRight:"puella_magi_madoka_magica_characterNameTagOrnamentRight__gWlYS",characterNameTagLabel:"puella_magi_madoka_magica_characterNameTagLabel___P_hC",recBody:"puella_magi_madoka_magica_recBody__SMPV9",recOrnamentLayer:"puella_magi_madoka_magica_recOrnamentLayer___bTOw",recOrnamentTop:"puella_magi_madoka_magica_recOrnamentTop__s0Nkz",recOrnamentBottom:"puella_magi_madoka_magica_recOrnamentBottom__rIWHo",recommendation:"puella_magi_madoka_magica_recommendation__HdNnC",

1scrollHint:"puella_magi_madoka_magica_scrollHint__phrT2",scrollHintFloat:"puella_magi_madoka_magica_scrollHintFloat__Jc0H3",scrollHintHidden:"puella_magi_madoka_magica_scrollHintHidden__R0hAH",recScroll:"puella_magi_madoka_magica_recScroll__Nj_mJ",recHeading:"puella_magi_madoka_magica_recHeading__zcJFc",recList:"puella_magi_madoka_magica_recList__QCRHZ",recDivider:"puella_magi_madoka_magica_recDivider__bx7q_",recDividerSide:"puella_magi_madoka_magica_recDividerSide__cDUW6",recDividerLine:"puella_magi_madoka_magica_recDividerLine__aV14u",recDividerDot:"puella_magi_madoka_magica_recDividerDot__AoRdh",recDividerSparkleSmall:"puella_magi_madoka_magica_recDividerSparkleSmall__bQqBJ",recDividerSparkleLarge:"puella_magi_madoka_magica_recDividerSparkleLarge__x0ojk",workCard:"puella_magi_madoka_magica_workCard__tf8qT",workCardBody:"puella_magi_madoka_magica_workCardBody__ct1q0",coverFrame:"puella_magi_madoka_magica_coverFrame__Mm4z6",coverImage:"puella_magi_madoka_magica_coverImage__hlzHN",coverFrameOrnament:"puella_magi_madoka_magica_coverFrameOrnament__QdZhx",workTitle:"puella_magi_madoka_magica_workTitle__knm_u",sharePanel:"puella_magi_madoka_magica_sharePanel__IYbHZ",copyToast:"puella_magi_madoka_magica_copyToast__76oeZ",copyToastVisible:"puella_magi_madoka_magica_copyToastVisible__z9B7z",copyToastFadeIn:"puella_magi_madoka_magica_copyToastFadeIn__AtSB_",copyToastHidden:"puella_magi_madoka_magica_copyToastHidden__EBh6V",copyToastFadeOut:"puella_magi_madoka_magica_copyToastFadeOut__QPv8j",sharePanelInner:"puella_magi_madoka_magica_sharePanelInner__kBw3p",sharePanelTitle:"puella_magi_madoka_magica_sharePanelTitle__mEh9V",sharePanelTitleEdge:"puella_magi_madoka_magica_sharePanelTitleEdge__Tt1rs",sharePanelTitleEdgeRight:"puella_magi_madoka_magica_sharePanelTitleEdgeRight__ozi8F",sharePanelTitleLabel:"puella_magi_madoka_magica_sharePanelTitleLabel__PHNg6",shareButtons:"puella_magi_madoka_magica_shareButtons__dTJHx",shareButton:"puella_magi_madoka_magica_shareButton__lBOuu",shareButtonX:"puella_magi_madoka_magica_shareButtonX__ThOxy",shareButtonLine:"puella_magi_madoka_magica_shareButtonLine__GcOLf",shareButtonLink:"puella_magi_madoka_magica_shareButtonLink___67qX",recFooter:"puella_magi_madoka_magica_recFooter__IOUPO",recFooterActions:"puella_magi_madoka_magica_recFooterActions__OvtRA",viewportDesktop:"puella_magi_madoka_magica_viewportDesktop__p7cGH",ornamentSideLeft:"puella_magi_madoka_magica_ornamentSideLeft__m9Rz6",ornamentSideRight:"puella_magi_madoka_magica_ornamentSideRight__i0XO9",characterRailArrowPrev:"puella_magi_madoka_magica_characterRailArrowPrev__HFjM6",characterRailArrowNext:"puella_magi_madoka_magica_characterRailArrowNext__YgvFa"}},828:function(e,t,a){"use strict";a.d(t,{Z:function(){return i}});var n=a(13375);var r=a(91566);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||(0,n.Z)(e,t)||(0,r.Z)(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}},function(e){e.O(0,[9774,2888,179],(function(){return t=20231,e(e.s=t);var t}));var t=e.O();_N_E=t}]);