@font-face{font-family:Fredoka;src:url(/fonts/fredoka-var.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-var.woff2)format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}:root{--font-display:"Fredoka","Trebuchet MS",system-ui,"Segoe UI",sans-serif;--font-body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--night:#1c1838;--night2:#2a2552;--grid:#ffffff0b;--ink:#f3f0ff;--ink-soft:#b3abe2;--gold:#ffc23c;--magic:#c77dff;--teal:#41e0c9;--robe:#7a5cf0;--robe-edge:#5b3fd0;--hat:#463b9e;--skin:#a17c4e;--hair:#3f2e24;--rose:#ff8fb0;--coral:#ff6b5c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 75% -10%, #7a5cf038, transparent 60%), radial-gradient(900px 600px at 10% 110%, #41e0c91f, transparent 60%), repeating-linear-gradient(0deg, var(--grid) 0 1px, transparent 1px 46px), repeating-linear-gradient(90deg, var(--grid) 0 1px, transparent 1px 46px), var(--night);cursor:pointer;-webkit-font-smoothing:antialiased;overflow:hidden}.display,.big,.kicker{font-family:var(--font-display)}#stage{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scene{text-align:center;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3vh,38px);padding:4vmin;transition:opacity .45s;display:flex;position:absolute;inset:0}.scene.active{opacity:1;visibility:visible}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--magic);font-size:clamp(12px,1.7vw,18px);font-weight:600}.big{letter-spacing:-.01em;font-size:clamp(38px,8vw,110px);font-weight:700;line-height:1.03}.sub{color:var(--ink-soft);max-width:24ch;font-size:clamp(17px,2.7vw,32px);font-weight:700}.sub b{color:var(--ink)}.gold{color:var(--gold)}.magic{color:var(--magic)}.teal{color:var(--teal)}.accent{color:var(--coral)}.branch-wrap{aspect-ratio:1/1.1;width:clamp(170px,24vw,280px);animation:3.6s ease-in-out infinite bob;position:relative}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#branch{width:100%;height:100%;overflow:visible}.cheek{opacity:.9}#wand{transform-origin:140px 156px;transition:transform .4s}.s-cast #wand{transform:rotate(-14deg)}.castfx{opacity:0;transition:opacity .4s}.s-cast .castfx{opacity:1}.castfx text{animation:1.1s ease-in-out infinite twinkle}.castfx text:nth-child(2){animation-delay:.35s}.castfx text:nth-child(3){animation-delay:.7s}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.s-cast #wandstar{animation:.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}#wandstar{transform-box:fill-box;transform-origin:50%}#bsmile{transition:d .3s}.s-happy .branch-wrap{animation:1.6s ease-in-out infinite bob}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,4vw,60px);display:flex}.whoami-name{font-family:var(--font-display);font-size:clamp(26px,4.5vw,56px);font-weight:700}.whoami-role{color:var(--magic);font-size:clamp(17px,2.5vw,28px);font-weight:800}.tower{flex-direction:column;align-items:center;gap:8px;display:flex}.tower svg{width:clamp(110px,13vw,170px);height:clamp(110px,13vw,170px)}.tower .cap{font-family:var(--font-display);color:var(--gold);font-size:clamp(15px,1.9vw,22px);font-weight:600}.dots-arrow{font-family:var(--font-display);color:var(--ink-soft);letter-spacing:.1em;font-size:clamp(24px,4vw,44px);font-weight:700}.journey{flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(10px,2vw,28px);width:min(96vw,1100px);display:flex}.journey .branch-wrap{flex:none;align-self:flex-end;width:clamp(120px,15vw,200px)}.path{flex:auto;justify-content:space-around;align-items:flex-end;gap:clamp(8px,2vw,24px);min-width:0;min-height:clamp(96px,14vh,150px);padding:0 clamp(8px,2vw,28px);display:flex;position:relative}.path .ground{opacity:.5;background:linear-gradient(90deg,transparent 0,var(--ink-soft) 12%, var(--ink-soft) 88%,transparent 100%);border-radius:3px;height:4px;position:absolute;bottom:14px;left:0;right:0}.obstacle{z-index:1;opacity:0;flex-direction:column;align-items:center;gap:6px;padding-bottom:22px;transition:opacity .45s,transform .45s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:translateY(14px)scale(.9)}.obstacle .ob-ic{font-size:clamp(34px,5vw,60px);line-height:1}.obstacle .ob-lbl{font-family:var(--font-display);color:var(--ink);background:var(--night2);border:2px solid var(--robe);white-space:nowrap;border-radius:12px;padding:.35em .7em;font-size:clamp(13px,1.7vw,20px);font-weight:600;box-shadow:0 5px #00000040}.tower.far-tower{opacity:.9;flex:none;align-self:flex-end}.tower.far-tower svg{width:clamp(64px,8vw,104px);height:clamp(64px,8vw,104px)}.far-tower .cap{font-size:clamp(12px,1.5vw,18px)}.d-split .obstacle{opacity:1;transform:none}.d-split .ob2{transition-delay:.13s}.d-split .far-tower{opacity:1}.fork{flex-direction:column;align-items:center;gap:14px;display:flex}.ifnode{font-family:var(--font-display);background:var(--night2);border:2px solid var(--magic);border-radius:14px;padding:.6em 1.1em;font-size:clamp(18px,2.4vw,28px);font-weight:600;box-shadow:0 0 22px #c77dff40}.ifnode b{color:var(--magic)}.forkbranches{align-items:flex-start;gap:clamp(20px,5vw,70px);display:flex}.branchcol{border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .4s;display:flex}.blabel{font-family:var(--font-display);color:var(--ink-soft);font-size:clamp(14px,1.7vw,20px);font-weight:700}.blabel .y{color:var(--teal)}.blabel .n{color:var(--ink-soft)}.spellpill{font-family:var(--font-display);color:#fff;background:var(--robe);border-radius:12px;padding:.5em .9em;font-size:clamp(15px,1.9vw,22px);font-weight:600;box-shadow:0 5px #00000040}.spellpill.ghost{background:var(--night2);color:var(--ink-soft);box-shadow:none;border:2px dashed var(--ink-soft)}.if-a .branchcol.yes{border-color:var(--teal);background:#41e0c91a;box-shadow:0 0 26px #41e0c938}.if-a .branchcol.yes .spellpill{background:var(--teal);color:#0c2b27}.if-a .branchcol.no{opacity:.4}.crossed{opacity:0;font-family:var(--font-display);color:var(--teal);font-size:clamp(16px,2vw,24px);font-weight:700;transition:all .4s}.if-a .crossed{opacity:1}.fnwrap{flex-direction:column;align-items:center;gap:clamp(14px,3vh,30px);display:flex}.lamps{gap:clamp(20px,4vw,56px);display:flex}.lamp{filter:grayscale();opacity:.35;font-size:clamp(40px,6vw,72px);line-height:1;transition:opacity .5s,filter .5s}.fn-call .lamp{opacity:1;filter:none;text-shadow:0 0 22px #ffc23ccc}.fn-call .lamp:nth-child(2){transition-delay:.22s}.fn-call .lamp:nth-child(3){transition-delay:.44s}.spelldef{background:var(--night2);border:2px solid var(--gold);opacity:0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:.8em 1.2em;transition:all .45s;display:flex;transform:translateY(12px);box-shadow:0 0 26px #ffc23c2e}.fn-def .spelldef,.fn-call .spelldef{opacity:1;transform:none}.spelltitle{font-family:var(--font-display);font-size:clamp(17px,2.2vw,26px);font-weight:600}.spelltitle b{color:var(--gold)}.spellsteps{font-family:var(--font-display);color:var(--ink-soft);align-items:center;gap:.5em;font-size:clamp(14px,1.8vw,22px);font-weight:600;display:flex}.spellsteps span.s{background:var(--robe);color:#fff;border-radius:8px;padding:.25em .6em}.calls{opacity:0;gap:12px;transition:all .45s;display:flex}.fn-call .calls{opacity:1}.callpill{font-family:var(--font-display);color:#0c2b27;background:var(--teal);border-radius:10px;padding:.4em .8em;font-size:clamp(15px,1.9vw,22px);font-weight:700;box-shadow:0 4px #00000040}.rwcards{flex-wrap:wrap;justify-content:center;gap:clamp(14px,2.5vw,32px);display:flex}.rwcard{background:var(--night2);border:2px solid var(--robe);border-radius:18px;flex-direction:column;gap:8px;width:clamp(180px,21vw,250px);padding:clamp(16px,2.4vw,26px);display:flex;box-shadow:0 8px #00000040}.rwcard .ic{font-size:clamp(34px,5vw,52px)}.rwcard .t{font-family:var(--font-display);font-size:clamp(16px,2vw,22px);font-weight:600}.rwcard .d{color:var(--ink-soft);font-size:clamp(13px,1.5vw,17px);font-weight:700}.rwcard .d b{color:var(--magic)}.hero{border:3px solid var(--robe);background:var(--night2);border-radius:18px;max-width:min(72vw,820px);max-height:46vh;overflow:hidden;box-shadow:0 12px #00000047,0 0 40px #7a5cf040}.hero img{object-fit:cover;width:100%;height:100%;display:block}.hero.title-hero{max-width:min(82vw,960px);max-height:56vh}.hero.title-hero img{object-fit:contain}.gallery{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(18px,3vw,44px);display:flex}.shot{background:var(--night2);border:2px solid var(--robe);border-radius:18px;flex-direction:column;width:clamp(240px,32vw,420px);display:flex;overflow:hidden;box-shadow:0 10px #00000040}.shot img{object-fit:cover;width:100%;height:clamp(190px,32vh,320px);display:block}.shot.portrait img{object-position:center top}.shot figcaption{font-family:var(--font-display);color:var(--ink-soft);padding:.6em .8em;font-size:clamp(15px,1.9vw,22px);font-weight:600}.yt-ic{font-size:clamp(40px,7vw,84px);line-height:1}#confetti{pointer-events:none;opacity:0;transition:opacity .4s;position:fixed;inset:0;overflow:hidden}.s-happy #confetti{opacity:1}.confg{font-size:18px;animation:linear infinite fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(112vh)rotate(360deg)}}#dots{z-index:10;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.dot{background:#ffffff2e;border-radius:50%;width:9px;height:9px;transition:all .3s}.dot.on{background:var(--gold);transform:scale(1.25)}#hint{z-index:10;font-family:var(--font-display);color:var(--ink-soft);opacity:.7;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:18px;right:22px}.key{background:var(--night2);border-radius:6px;padding:2px 8px;font-size:13px}#wordmark{z-index:10;font-family:var(--font-display);color:var(--ink);opacity:0;align-items:center;gap:8px;font-size:18px;font-weight:700;transition:opacity .5s;display:flex;position:fixed;top:18px;left:22px}#wordmark.show{opacity:1}#wordmark .chip{font-size:18px}#notes{z-index:20;cursor:auto;text-align:left;max-height:44vh;color:var(--ink);border-top:2px solid var(--gold);opacity:0;visibility:hidden;background:linear-gradient(#0c0a1ae6,#0c0a1afa);padding:22px clamp(20px,5vw,80px) 28px;font-size:clamp(15px,1.9vw,21px);font-weight:600;line-height:1.5;transition:transform .35s,opacity .35s;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(100%);box-shadow:0 -18px 44px #00000080}#notes.show{opacity:1;visibility:visible;transform:none}#notes .nhdr{font-family:var(--font-display);color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55em;font-size:.8em;font-weight:700}#notes .cue{color:var(--teal);margin:.2em 0 .45em;font-weight:700}#notes b{color:var(--gold)}#notes i,#notes em{color:var(--ink-soft);font-style:italic}#notes hr{border:none;border-top:1px solid #ffffff26;margin:.7em 0}#notes ul{margin:.4em 0 0 1.2em}#notes li{color:var(--ink-soft);margin:.25em 0}@media (prefers-reduced-motion:reduce){*{animation:none!important}.scene{transition:opacity .2s}}