https://www.arkade.games/assets/GuideViewPage-CMKagkDJ.js

1import{u as A,r as w,j as e,L as p}from"./react-vendor-BeNhjqeV.js";import{H as B}from"./HomeRedirectCountdown-CW1FfqYM.js";import{$ as P,L as H,H as b,B as d,A as k,i as I,S as M,m as F,g as f,e as m,q as R,j as E,P as G}from"./index-BzPMbiYg.js";import{Footer as y}from"./Footer-BpDkWlMc.js";import{FinalCTASection as W}from"./FinalCTASection-BOIGFS_9.js";import{a as q}from"./use-brand-system-HZeJuVbw.js";import{R as D}from"./ReadFailureNotice-CtAgFpVY.js";import{a as O}from"./grid-tunnel-CjpVu65g.js";import C from"./purify.es-BnINGy_Y.js";import{C as V}from"./clock-DmVaMX50.js";import{L as J}from"./lightbulb-B6GuO96_.js";import"./supabase-CjalFBeo.js";import"./query-BbwQtxGU.js";import"./cherub-logo-CU-niPF_.js";import"./grid-sphere.poster-DuGTc9Cy.js";import"./armor-case-render-3-BaTG9gxZ.js";import"./LaserVideoModal-DIFYSWv8.js";/**
2 * @license lucide-react v0.462.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const K=P("ChartNoAxesColumn",[["line",{x1:"18",x2:"18",y1:"20",y2:"10",key:"1xfpm4"}],["line",{x1:"12",x2:"12",y1:"20",y2:"4",key:"be30l9"}],["line",{x1:"6",x2:"6",y1:"20",y2:"14",key:"1r4le6"}]]);function me(){const{slug:S}=A(),{guide:t,steps:c,loading:_,readError:j}=q(S||""),[n,L]=w.useState(0),[o,$]=w.useState(new Set),z=s=>{$(i=>{const r=new Set(i);return r.has(s)?r.delete(s):r.add(s),r})},h=s=>{s>=0&&s<c.length&&L(s)},N=c.length>0?Math.round(o.size/c.length*100):0,T=s=>{if(!s)return null;const i=s.split(`
7`),r=[];let l=[];const v=()=>{l.length!==0&&(r.push(e.jsx("ul",{className:"my-6 space-y-3 pl-1",children:l.map((g,u)=>e.jsxs("li",{className:"flex gap-3 text-foreground/90 text-base md:text-lg leading-[1.75]",children:[e.jsx("span",{className:"mt-2.5 h-2 w-2 shrink-0 rounded-full bg-accent"}),e.jsx("span",{dangerouslySetInnerHTML:{__html:C.sanitize(g)}})]},u))},`ul-${r.length}`)),l=[])};return i.forEach((g,u)=>{const x=g.replace(/\*\*(.*?)\*\*/g,'<strong class="text-foreground font-semibold">$1</strong>').replace(/\*(.*?)\*/g,'<em class="text-foreground/90">$1</em>').replace(/\[(.*?)\]\((.*?)\)/g,'<a href="$2" class="text-accent underline-offset-4 hover:underline" target="_blank" rel="noopener noreferrer">$1</a>');if(x.trim().startsWith("- ")){l.push(x.trim().slice(2));return}v(),x.trim()&&r.push(e.jsx("p",{className:"mb-5 text-lg md:text-xl leading-[1.8] text-foreground/90",dangerouslySetInnerHTML:{__html:C.sanitize(x)}},u))}),v(),r};if(_)return e.jsx("div",{className:"min-h-screen bg-background text-foreground flex items-center justify-center font-mono",children:e.jsx(H,{className:"w-8 h-8 animate-spin text-accent"})});if(j)return e.jsxs("div",{className:"min-h-screen bg-background text-foreground font-mono",children:[e.jsx(b,{}),e.jsx("main",{className:"pt-24 pb-16",children:e.jsxs("div",{className:"container mx-auto px-6 py-20 max-w-2xl",children:[e.jsx(D,{why:j,hint:"This is a failed read. The guide may well exist — we could not ask."}),e.jsx(d,{asChild:!0,className:"mt-6 bg-accent text-background hover:bg-accent/90",children:e.jsxs(p,{to:"/intel",children:[e.jsx(k,{className:"w-4 h-4 mr-2"}),"Back to Intel"]})})]})})]});if(!t)return e.jsxs("div",{className:"min-h-screen bg-background text-foreground font-mono",children:[e.jsx(b,{}),e.jsx("main",{className:"pt-24 pb-16",children:e.jsxs("div",{className:"container mx-auto px-6 text-center py-20",children:[e.jsx(I,{className:"w-16 h-16 mx-auto mb-4 text-accent/30"}),e.jsx("h1",{className:"text-2xl font-bold mb-4 text-accent",children:"Guide Not Found"}),e.jsx("p",{className:"text-accent/60 mb-4 text-sm",children:"This guide doesn't exist or hasn't been published yet."}),e.jsx("div",{className:"mb-6",children:e.jsx(B,{})}),e.jsx(d,{asChild:!0,className:"bg-accent text-background hover:bg-accent/90",children:e.jsxs(p,{to:"/intel",children:[e.jsx(k,{className:"w-4 h-4 mr-2"}),"Back to Intel"]})})]})}),e.jsx(y,{})]});const a=c[n];return e.jsxs("div",{className:"min-h-screen bg-background text-foreground font-mono",children:[e.jsx(M,{title:`${t.title} · Arkade Guides`,description:(t.description||`${t.title} — Arkade tactical guide.`).slice(0,160),canonical:`/guide/${t.slug||""}`,type:"article"}),e.jsx(b,{}),e.jsxs("div",{className:"fixed inset-0 pointer-events-none z-0",children:[e.jsx("div",{className:"absolute inset-0",style:{backgroundImage:`url(${O})`,backgroundSize:"cover",backgroundPosition:"center",opacity:.08,mixBlendMode:"screen"}}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-b from-background via-background/90 to-background"}),e.jsx("div",{className:"absolute inset-0 bg-tron-grid opacity-10"}),e.jsx("div",{className:"absolute top-1/4 left-1/4 w-8 h-8 border border-accent/20 rotate-45"}),e.jsx("div",{className:"absolute top-1/3 right-1/4 w-6 h-6 border border-accent/15 rotate-12"}),e.jsx("div",{className:"absolute bottom-1/3 left-1/3 w-4 h-4 border border-accent/10 -rotate-12"}),e.jsx(F.div,{className:"absolute top-1/4 right-1/3 w-2 h-2 bg-accent/30 rounded-full",animate:{scale:[1,1.5,1],opacity:[.3,.6,.3]},transition:{duration:2,repeat:1/0}})]}),e.jsxs("main",{className:"pt-24 pb-20 relative z-10",children:[e.jsx("section",{className:"py-4",children:e.jsx("div",{className:"container mx-auto px-6 lg:px-12",children:e.jsxs("div",{className:"flex items-center gap-2 text-xs font-mono text-accent/60",children:[e.jsx(p,{to:"/intel",className:"hover:text-accent transition-colors uppercase tracking-wider",children:"Intel"}),e.jsx("span",{className:"text-accent/30",children:"/"}),e.jsx("span",{className:"text-accent uppercase tracking-wider truncate",children:t.title})]})})}),e.jsx("section",{className:"pb-8 border-b border-accent/15",children:e.jsxs("div",{className:"container mx-auto px-6 lg:px-12",children:[e.jsxs("div",{className:"flex flex-col lg:flex-row gap-6 items-start",children:[t.cover_image_url&&e.jsx("div",{className:"w-full lg:w-56 aspect-[16/10] rounded-xl overflow-hidden border border-accent/20 shrink-0 shadow-lg",children:e.jsx("img",{src:t.cover_image_url,alt:t.title,className:"w-full h-full object-cover"})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap mb-3",children:[t.category&&e.jsx("span",{className:"px-2.5 py-1 rounded-md border border-accent/30 bg-accent/10 text-accent text-[11px] font-mono uppercase tracking-wider",children:t.category}),t.difficulty&&e.jsx("span",{className:"px-2.5 py-1 rounded-md border border-accent/20 text-[11px] font-mono uppercase tracking-wider text-accent/70",children:t.difficulty})]}),e.jsx("h1",{className:"text-3xl md:text-4xl lg:text-5xl font-black uppercase tracking-tight text-foreground mb-3 leading-[1.05]",children:t.title}),t.description&&e.jsx("p",{className:"text-base md:text-lg text-foreground

7/70 max-w-3xl mb-5 leading-relaxed font-sans",children:t.description}),e.jsxs("div",{className:"flex items-center gap-5 text-xs font-mono text-accent/70 flex-wrap",children:[t.estimated_time&&e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(V,{className:"w-3.5 h-3.5"}),t.estimated_time]}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx(K,{className:"w-3.5 h-3.5"}),c.length," steps"]}),e.jsxs("span",{className:"flex items-center gap-1.5 text-accent",children:[e.jsx(f,{className:"w-3.5 h-3.5"}),N,"% complete"]})]})]})]}),e.jsxs("div",{className:"mt-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-2 text-[10px] font-mono uppercase tracking-wider text-accent/50",children:[e.jsx("span",{children:"Progress"}),e.jsxs("span",{children:[o.size," / ",c.length]})]}),e.jsx("div",{className:"h-2 bg-accent/10 rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full bg-gradient-to-r from-accent/70 to-accent transition-all duration-500",style:{width:`${N}%`}})})]})]})}),e.jsx("section",{className:"py-10",children:e.jsx("div",{className:"container mx-auto px-6 lg:px-12",children:e.jsxs("div",{className:"grid lg:grid-cols-[280px,1fr] gap-8 lg:gap-10",children:[e.jsxs("aside",{className:"lg:sticky lg:top-24 lg:self-start",children:[e.jsx("h3",{className:"font-mono font-bold text-[11px] uppercase tracking-[0.2em] text-accent/60 mb-4 pb-3 border-b border-accent/15",children:"Steps Overview"}),e.jsx("ol",{className:"space-y-1.5",children:c.map((s,i)=>{const r=i===n,l=o.has(i);return e.jsx("li",{children:e.jsxs("button",{onClick:()=>h(i),className:m("w-full flex items-start gap-3 p-3 rounded-lg text-left transition-all group",r?"bg-accent/10 border border-accent/40 shadow-sm":"border border-transparent hover:border-accent/20 hover:bg-accent/5"),children:[e.jsx("div",{className:m("w-7 h-7 rounded-md flex items-center justify-center text-xs font-bold shrink-0 transition-colors mt-0.5",l||r?"bg-accent text-background":"bg-accent/10 text-accent/70 group-hover:bg-accent/20"),children:l?e.jsx(f,{className:"w-3.5 h-3.5",strokeWidth:3}):s.step_number}),e.jsx("span",{className:m("text-base leading-snug font-sans pt-1",r?"text-foreground font-semibold":l?"text-foreground/60":"text-foreground/80 group-hover:text-foreground"),children:s.title})]})},s.id)})})]}),a&&e.jsx("article",{className:"min-w-0",children:e.jsxs("div",{className:"p-6 md:p-10 rounded-2xl border border-accent/20 bg-card/40 backdrop-blur-md shadow-xl",children:[e.jsxs("div",{className:"flex items-center gap-2 text-[11px] font-mono uppercase tracking-[0.2em] text-accent/60 mb-4",children:[e.jsxs("span",{children:["Step ",a.step_number]}),e.jsx("span",{className:"text-accent/30",children:"/"}),e.jsx("span",{children:c.length})]}),e.jsxs("div",{className:"flex items-start gap-4 mb-8 pb-6 border-b border-accent/15",children:[e.jsx("div",{className:"w-14 h-14 rounded-xl bg-accent text-background flex items-center justify-center text-2xl font-black shrink-0 shadow-lg shadow-accent/20",children:a.step_number}),e.jsx("h2",{className:"text-2xl md:text-3xl lg:text-4xl font-black tracking-tight text-foreground leading-[1.1]",children:a.title})]}),a.image_url&&e.jsx("div",{className:"mb-8 rounded-xl overflow-hidden border border-accent/20 bg-accent/5",children:e.jsx("img",{src:a.image_url,alt:a.title,className:"w-full h-auto max-h-[480px] object-contain"})}),a.video_url&&e.jsx("div",{className:"mb-8 rounded-xl overflow-hidden border border-accent/20 aspect-video",children:e.jsx("iframe",{src:a.video_url,className:"w-full h-full",allowFullScreen:!0,title:a.title})}),e.jsx("div",{className:"font-sans max-w-3xl text-foreground/90",children:T(a.content)}),a.tip&&e.jsx("div",{className:"mt-8 p-5 rounded-xl border border-accent/30 bg-accent/5",children:e.jsxs("div",{className:"flex gap-3",children:[e.jsx("div",{className:"w-9 h-9 rounded-lg bg-accent/15 border border-accent/30 flex items-center justify-center shrink-0",children:e.jsx(J,{className:"w-4 h-4 text-accent"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("div",{className:"font-mono font-bold text-accent text-[11px] uppercase tracking-[0.2em] mb-1.5",children:"Pro Tip"}

7),e.jsx("p",{className:"text-lg font-sans text-foreground/90 leading-[1.7]",children:a.tip})]})]})}),e.jsxs("div",{className:"mt-10 pt-6 border-t border-accent/15 flex items-center justify-between gap-3 flex-wrap",children:[e.jsxs(d,{onClick:()=>z(n),variant:o.has(n)?"outline":"default",size:"lg",className:m("font-sans",o.has(n)?"border-accent/50 text-accent hover:bg-accent/10":"bg-accent text-background hover:bg-accent/90"),children:[e.jsx(f,{className:"w-4 h-4 mr-2",strokeWidth:3}),o.has(n)?"Completed":"Mark Complete"]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs(d,{variant:"outline",size:"lg",onClick:()=>h(n-1),disabled:n===0,className:"border-accent/30 text-foreground hover:bg-accent/10 font-sans",children:[e.jsx(R,{className:"w-4 h-4 mr-1"}),"Previous"]}),e.jsxs(d,{size:"lg",onClick:()=>h(n+1),disabled:n===c.length-1,className:"bg-accent text-background hover:bg-accent/90 font-sans",children:["Next Step",e.jsx(E,{className:"w-4 h-4 ml-1"})]})]})]})]})})]})})})]}),e.jsx(G,{}),e.jsx(W,{}),e.jsx(y,{})]})}export{me as default};