@layer reset,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;overflow-x:clip}body{min-width:320px}img{display:block;max-width:100%;height:auto}button,a{font:inherit}}@layer base{:root{--sky: oklch(91% .08 213);--sky-light: oklch(96% .045 213);--paper: oklch(97% .035 97);--ink: oklch(18% .075 285);--purple: oklch(34% .24 292);--purple-dark: oklch(24% .2 292);--mint: oklch(80% .19 163);--mint-dark: oklch(50% .15 165);--pink: oklch(70% .2 320);--yellow: oklch(86% .19 92);--white: oklch(100% 0 0);--shadow: 7px 7px 0 var(--ink);--border: 3px solid var(--ink);--font-display: "Arial Black", "Arial Rounded MT Bold", Impact, sans-serif;--font-body: "Trebuchet MS", Verdana, sans-serif;--font-hand: "Comic Sans MS", "Comic Sans", cursive;--font-mono: "Courier New", Courier, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1)}body{overflow-x:hidden;color:var(--ink);background-color:var(--sky);background-image:radial-gradient(circle at 12px 12px,color-mix(in oklch,var(--purple) 14%,transparent) 1.5px,transparent 1.7px);background-size:28px 28px;font-family:var(--font-body);line-height:1.55;text-rendering:optimizeLegibility}::selection{color:var(--white);background:var(--purple)}:is(a,button):focus-visible{outline:4px solid var(--yellow);outline-offset:4px}h1,h2,h3{font-family:var(--font-display);line-height:.92;text-wrap:balance}h2{font-size:clamp(2.8rem,7vw,6.8rem);letter-spacing:-.055em}p{text-wrap:pretty}}@layer components{.skip-link{position:fixed;z-index:100;inset:0 auto auto 1rem;padding:.75rem 1rem;color:var(--white);background:var(--ink);transform:translateY(-120%);transition:transform .16s var(--ease-out)}.skip-link:focus{transform:translateY(1rem)}.site-header{position:relative;z-index:20;width:min(100% - 2rem,1460px);min-height:72px;margin-inline:auto;padding-block:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:var(--border)}.brand{min-width:0;display:inline-flex;align-items:center;gap:.75rem;color:inherit;font-family:var(--font-display);font-size:clamp(.72rem,1.6vw,1rem);line-height:1;text-decoration:none}.brand img{width:44px;border:2px solid var(--ink);border-radius:50%}.nav-actions,.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.button{min-height:48px;padding:.8rem 1.15rem;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:var(--border);border-radius:0;color:var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-display);font-size:.85rem;line-height:1;text-align:center;text-decoration:none;cursor:pointer;transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out),background-color .14s ease}.button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.button-small{min-height:44px;padding:.65rem .9rem;font-size:.72rem}.button-primary{color:var(--ink);background:var(--yellow)}.button-paper{background:var(--paper)}.button-dark{color:var(--white);background:var(--purple)}.button-ghost{background:var(--mint)}.hero{width:min(100% - 2rem,1460px);min-height:calc(100dvh - 72px);margin-inline:auto;padding-block:clamp(3rem,7vw,7.5rem);display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(2.5rem,6vw,7rem)}.hero-copy{position:relative;z-index:2}.ticker{width:fit-content;margin-bottom:1.25rem;padding:.35rem .6rem;border:2px solid var(--ink);background:var(--mint);font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.08em}h1{font-size:clamp(4rem,7.2vw,8.25rem);letter-spacing:-.075em}h1 span{display:inline-block;color:var(--purple);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--mint)}.hero-subtitle{margin-block:1.75rem 2rem;font-family:var(--font-hand);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:700;line-height:1.18}.community-links{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.55rem 1.25rem;font-family:var(--font-mono);font-size:.78rem;font-weight:700}.community-links a{min-height:44px;display:inline-flex;align-items:center;color:var(--ink);text-decoration-thickness:2px;text-underline-offset:.28em;transition:color .14s ease}.magic-window{border:var(--border);background:var(--paper);box-shadow:12px 12px 0 var(--purple-dark);transform:rotate(1.4deg);animation:window-enter .7s var(--ease-out) both}.window-bar{min-height:44px;padding-inline:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:var(--border);background:var(--purple);color:var(--white);font-family:var(--font-mono);font-size:.78rem;font-weight:700}.window-controls{letter-spacing:.5em}.window-scene{position:relative;min-height:560px;overflow:hidden;display:grid;place-items:center;isolation:isolate;background-color:var(--sky-light);background-image:linear-gradient(90deg,color-mix(in oklch,var(--purple) 10%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in oklch,var(--purple) 10%,transparent) 1px,transparent 1px);background-size:30px 30px}.window-scene:before{content:"";position:absolute;inset:12% 8%;z-index:-1;border:3px dashed var(--purple);border-radius:50%;transform:rotate(-8deg)}.spell-caster{width:min(88%,570px);padding:0;border:0;display:block;color:inherit;background:transparent;cursor:crosshair}.spell-caster:focus-visible{outline:4px solid var(--yellow);outline-offset:-8px;border-radius:50%}.hero-wizard{width:100%;filter:drop-shadow(9px 12px 0 color-mix(in oklch,var(--purple) 24%,transparent));animation:wizard-float 4.8s ease-in-out infinite}.spell-burst{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.spell-particle{position:absolute;inset:34% auto auto 78%;color:var(--spell-color);font-size:clamp(1.4rem,3vw,2.5rem);line-height:1;opacity:0;-webkit-text-stroke:1px var(--ink);animation:spell-pop .72s var(--ease-out) var(--spell-delay) forwards}.speech-bubble{position:absolute;inset:9% auto auto 6%;padding:.8rem 1rem;border:2px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-hand);font-size:clamp(.88rem,1.5vw,1.1rem);line-height:1.1;transform:rotate(-5deg)}.status-box{position:absolute;inset:auto 1rem 1rem auto;padding:.45rem .65rem;border:2px solid var(--ink);background:var(--white);font-family:var(--font-mono);font-size:.72rem;font-weight:700}.status-dot{width:.65rem;height:.65rem;margin-right:.35rem;display:inline-block;border:1px solid var(--ink);border-radius:50%;background:var(--mint);animation:blink 1.4s steps(2,end) infinite}.spark{position:absolute;z-index:2;color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);font-size:clamp(2rem,5vw,4rem);animation:spark-spin 5s linear infinite}.spark-one{inset:18% 8% auto auto}.spark-two{inset:auto auto 15% 8%;color:var(--pink);animation-duration:7s}.spark-three{inset:45% auto auto 5%;color:var(--mint);animation-duration:6s}.spark-four{inset:auto 12% 24% auto;font-size:2rem;animation-duration:4s}.contract-marquee{overflow:hidden;border-block:var(--border);background:var(--yellow)}.marquee-track{width:max-content;padding-block:.8rem;display:flex;font-family:var(--font-mono);font-weight:700;animation:marquee 26s linear infinite}.marquee-track span{padding-inline-end:4rem}.section-shell{width:min(100% - 2rem,1280px);margin-inline:auto;padding-block:clamp(5rem,10vw,9rem)}.lore{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(3rem,9vw,9rem)}.art-frame{position:relative;padding:1.25rem;border:var(--border);background:var(--paper);box-shadow:var(--shadow);transform:rotate(-3deg)}.art-frame img{width:100%;aspect-ratio:609 / 677;object-fit:contain;background-color:var(--ink);background-image:radial-gradient(circle,color-mix(in oklch,var(--mint) 28%,transparent) 1px,transparent 1.5px);background-size:18px 18px}.tape{position:absolute;z-index:2;width:84px;height:24px;background:color-mix(in oklch,var(--yellow) 76%,transparent)}.tape-one{inset:-9px auto auto 12%;transform:rotate(-6deg)}.tape-two{inset:auto 8% -7px auto;transform:rotate(5deg)}.lore-copy{max-width:720px}.lore-copy h2{color:var(--purple);text-shadow:4px 4px 0 var(--mint)}.lore-copy>p{max-width:58ch;margin-top:1.5rem;font-size:clamp(1rem,1.6vw,1.25rem)}.cat-note{width:fit-content;margin-top:2rem;padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:.7rem;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--ink);font-family:var(--font-hand);font-weight:700;line-height:1.15;transform:rotate(2deg)}.summon{width:min(100% - 2rem,1460px);border-top:var(--border)}.summon h2,.summon>.section-subtitle{text-align:center}.section-subtitle{margin-top:1rem;font-family:var(--font-hand);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700}.spell-steps{margin-top:clamp(3rem,6vw,5rem);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;list-style:none}.spell-steps li{min-width:0;padding:clamp(1.5rem,3vw,2.5rem);border:var(--border);background:var(--paper);box-shadow:6px 6px 0 var(--ink)}.spell-steps li:nth-child(2){background:var(--mint);transform:translateY(2rem) rotate(1deg)}.spell-steps li:nth-child(3){background:var(--yellow);transform:rotate(-1deg)}.step-number{display:block;color:var(--purple);font-family:var(--font-display);font-size:3.4rem;line-height:1}.spell-steps h3{margin-top:2rem;font-size:clamp(1.5rem,2.4vw,2.3rem)}.spell-steps p{margin-top:1rem}.portal{width:min(100% - 2rem,1460px);padding-inline:clamp(1.5rem,5vw,5rem);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2.5rem,7vw,7rem);border:var(--border);background:var(--purple);color:var(--white);box-shadow:10px 10px 0 var(--ink)}.portal h2{color:var(--yellow)}.portal p{max-width:40ch;margin-top:1rem;font-family:var(--font-hand);font-size:1.25rem}.portal-actions{min-width:0;display:grid;gap:1rem}.contract-card{min-width:0;min-height:160px;padding:clamp(1.25rem,3vw,2rem);display:grid;gap:.8rem;border:var(--border);color:var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--yellow);text-align:left;cursor:pointer;transition:transform .14s var(--ease-out)}.contract-card:active{transform:scale(.985)}.contract-label,.copy-hint{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em}.contract-card code{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:clamp(.82rem,1.6vw,1.05rem);font-weight:700}.copy-hint{color:var(--purple)}.button-wide{width:100%}.disclaimer{max-width:980px;padding-block:clamp(4rem,8vw,7rem);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem}.disclaimer img{width:80px;border:2px solid var(--ink);border-radius:50%}.disclaimer h2{font-size:clamp(1.8rem,4vw,3.6rem)}.disclaimer p{margin-top:.75rem;font-size:.9rem}.site-footer{padding:1.5rem max(1rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));display:flex;justify-content:space-between;gap:1rem;border-top:var(--border);color:var(--white);background:var(--ink);font-family:var(--font-mono);font-size:.72rem}.toast{position:fixed;z-index:80;inset:auto 1rem max(1rem,env(safe-area-inset-bottom)) auto;max-width:calc(100% - 2rem);padding:1rem 1.2rem;border:var(--border);color:var(--ink);background:var(--mint);box-shadow:5px 5px 0 var(--ink);font-family:var(--font-display);font-size:.8rem;opacity:0;pointer-events:none;transform:translateY(130%);transition:transform .24s var(--ease-out),opacity .18s var(--ease-out)}.toast.is-visible{opacity:1;transform:translateY(0)}}@layer utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.contract-card:hover{transform:translateY(-3px)}.community-links a:hover{color:var(--purple)}}@keyframes window-enter{0%{opacity:0;transform:translateY(24px) rotate(1.4deg)}to{opacity:1;transform:translateY(0) rotate(1.4deg)}}@keyframes wizard-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes spark-spin{to{transform:rotate(1turn)}}@keyframes spell-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--spell-x)),calc(-50% + var(--spell-y))) scale(1.15) rotate(150deg)}}@keyframes blink{50%{opacity:.35}}@keyframes marquee{to{transform:translate(-50%)}}@media(max-width:900px){.hero,.lore,.portal{grid-template-columns:1fr}.hero{padding-top:3.5rem}.hero-copy{max-width:680px}.magic-window{width:min(100%,680px);margin-inline:auto}.spell-steps{grid-template-columns:1fr}.spell-steps li:nth-child(2),.spell-steps li:nth-child(3){transform:none}.portal{padding-block:4rem}}@media(max-width:620px){.site-header{width:min(100% - 1.25rem,1460px)}.brand span{max-width:15ch}.nav-actions .button-ghost{display:none}.button-small{padding-inline:.7rem}.hero,.section-shell{width:min(100% - 1.25rem,1460px)}.hero{min-height:auto;gap:3.5rem}h1{font-size:clamp(3.25rem,17vw,5.5rem)}h1 span{-webkit-text-stroke-width:1px;text-shadow:3px 3px 0 var(--mint)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.community-links{display:grid;grid-template-columns:1fr;gap:0}.window-scene{min-height:390px}.speech-bubble{inset:5% auto auto 4%}.lore{gap:4rem}.art-frame{margin-inline:.5rem;padding:.75rem}.portal{width:calc(100% - 1.25rem);padding-inline:1.25rem}.disclaimer{grid-template-columns:1fr}.site-footer{flex-direction:column}.toast{inset-inline:.75rem;width:auto;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.marquee-track{width:auto}.marquee-track span:nth-child(2){display:none}}@media(forced-colors:active){:is(.button,.magic-window,.spell-steps li,.portal,.contract-card,.art-frame){border:2px solid CanvasText;box-shadow:none}}}