html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#16110d}body{background:#16110d;margin:0}.pf{--bg:#16110d;--surface:#211913;--surface2:#2b2119;--line:#3b2e24;--text:#f7efe6;--muted:#bfae9c;--accent:#ff8a3d;--accent2:#ffc46b;--warn:#ff5a4e;--on:#1a120c;--glow:#ff8a3d4d;background:var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,system-ui,sans-serif;position:relative;overflow-x:clip}.pf *,.pf :before,.pf :after{box-sizing:border-box}.pf a{color:inherit;text-decoration:none}.pf a:hover{opacity:.85}.pf button,.pf input{font:inherit}.pf button:focus-visible,.pf a:focus-visible,.pf input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pf ::selection{background:var(--accent);color:var(--on)}.pf-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pf-display{font-family:Syne,sans-serif;font-weight:800}.pf-h2{letter-spacing:-.02em;margin:0;font-family:Syne,sans-serif;font-size:clamp(34px,5.4vw + 12px,72px);font-weight:800;line-height:.95}.pf-h2-sm{margin:0;font-family:Syne,sans-serif;font-size:clamp(36px,4.4vw,56px);font-weight:800;line-height:.98}.pf-card{background:var(--surface);border:1px solid var(--line)}.pf-chip{border:1.5px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.pf-tag{background:var(--surface2);border-radius:8px;padding:5px 11px;font-size:13px;font-weight:700}.pf-big{color:var(--accent);font-family:Syne,sans-serif;font-weight:800;display:block}.pf-btn{cursor:pointer;white-space:nowrap;border-radius:14px;font-weight:700;text-decoration:none;display:inline-block}.pf-btn-accent{background:var(--accent);color:var(--on);border:0;font-weight:800}.pf-btn-ghost{border:1.5px solid var(--line);background:var(--surface);color:var(--text)}.pf-btn-line{border:1.5px solid var(--line);color:var(--text);background:0 0}.pf-input{border:1.5px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:12px;padding:13px 15px;font-size:16px}.pf-grid2{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));align-items:center;gap:clamp(32px,4vw,56px);display:grid}.pf-sec{scroll-margin-top:96px}.pf-h1{font-size:clamp(56px,6.8vw,98px)}@media (width<=900px){.pf-h1{font-size:clamp(56px,12vw,120px)}}.pf-gate{font-size:clamp(11px,2.8vw,14px)!important}.pf-ptable{grid-template-rows:repeat(5,auto) 14px auto;grid-template-columns:repeat(18,minmax(0,1fr));gap:5px;display:grid}.pf-pinfo{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-area:1/3/4/13;min-width:0;padding:16px 20px}.pf-el{aspect-ratio:1/1.12;cursor:pointer;min-width:0;font:inherit;color:var(--text);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 3px;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .3s,background-color .25s,box-shadow .25s;display:flex;position:relative}.pf-el-n{opacity:.7;font-size:9px;font-weight:700;position:absolute;top:4px;left:6px}.pf-el-s{font-family:Syne,sans-serif;font-size:clamp(15px,1.45vw,21px);font-weight:800;line-height:1}.pf-el-name{text-overflow:ellipsis;white-space:nowrap;opacity:.85;max-width:100%;font-size:9.5px;font-weight:600;overflow:hidden}@media (hover:hover){.pf-el:hover{z-index:2;transform:translateY(-3px)scale(1.1)}}.pf-flabel{color:var(--muted);grid-area:7/1/auto/4;align-self:center;font-size:13px;font-weight:700}.pf-mixgrid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:20px;margin-top:28px;display:grid}.pf-flaskcard{min-height:320px}.pf-flask{width:min(220px,100%);height:auto;overflow:visible}@media (width<=640px){.pf-mixgrid{grid-template-columns:1fr}.pf-flaskcard{min-height:0;padding:20px!important}.pf-flask{width:120px}}@media (width<=1060px){.pf-ptable{grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(66px,1fr))}.pf-ptable>*{grid-area:auto!important}.pf-pinfo{z-index:3;order:-1;position:sticky;top:84px;box-shadow:0 18px 40px -22px #000c;grid-column:1/-1!important}.pf-flabel{margin-top:10px;grid-column:1/-1!important}}@media (width<=720px){.pf-pinfo{top:12px}}.pf-bub{fill:#fff9;transform-box:fill-box;animation:2.6s ease-in infinite bub}@keyframes bub{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-120px)}}@keyframes pfPopA{0%{transform:none}35%{transform:scale(1.12)rotate(-4deg)}70%{transform:scale(.96)rotate(2deg)}to{transform:none}}@keyframes pfPopB{0%{transform:none}35%{transform:scale(1.12)rotate(-4deg)}70%{transform:scale(.96)rotate(2deg)}to{transform:none}}@keyframes pfShakeA{0%,to{transform:none}20%{transform:translate(-9px)rotate(-4deg)}40%{transform:translate(9px)rotate(4deg)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes pfShakeB{0%,to{transform:none}20%{transform:translate(-9px)rotate(-4deg)}40%{transform:translate(9px)rotate(4deg)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.pf-spark{background:var(--accent2);pointer-events:none;opacity:0;border-radius:50%;width:12px;height:12px;margin:-6px;position:absolute;top:46%;left:50%}.pf-s1{animation:.9s ease-out both s1}.pf-s2{background:var(--accent);animation:.9s ease-out 50ms both s2}.pf-s3{animation:.9s ease-out .1s both s3}.pf-s4{background:var(--accent);animation:.9s ease-out 50ms both s4}.pf-s5{animation:.9s ease-out both s5}.pf-s6{background:var(--text);animation:.9s ease-out .1s both s6}@keyframes s1{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-120px,-110px)scale(.4)}}@keyframes s2{0%{opacity:1;transform:none}to{opacity:0;transform:translate(130px,-90px)scale(.4)}}@keyframes s3{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-150px,20px)scale(.4)}}@keyframes s4{0%{opacity:1;transform:none}to{opacity:0;transform:translate(150px,40px)scale(.4)}}@keyframes s5{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-40px,-150px)scale(.4)}}@keyframes s6{0%{opacity:1;transform:none}to{opacity:0;transform:translate(60px,-160px)scale(.4)}}.pf-brow{transition:transform .3s cubic-bezier(.2,.8,.2,1)}@media (hover:hover){.pf-doodle:hover .pf-brow{transform:translateY(-6px)}}.pf-ln{animation:1.6s cubic-bezier(.4,0,.2,1) both draw,.8s both fillIn}.pf-a{animation-delay:.2s,1.2s}.pf-b{animation-delay:.6s,1.5s}.pf-c{animation-delay:1s,1.8s}.pf-blink{transform-box:fill-box;transform-origin:50%;animation:5s 3s infinite blink}.pf-twinkle{animation:1.8s ease-in-out infinite twinkle}.pf-stack{isolation:isolate;position:relative}.pf-ghost{z-index:-1;white-space:nowrap;pointer-events:none;letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px var(--line);will-change:transform;font-family:Syne,sans-serif;font-size:clamp(110px,17vw,300px);font-weight:800;line-height:1;position:absolute;top:12px;left:-2vw}.pf-tile{isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;position:relative}.pf-tile:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%), var(--glow), #0000 62%);transition:opacity .35s;position:absolute;inset:0}@media (hover:hover){.pf-tile:hover{box-shadow:0 30px 70px -34px var(--glow);border-color:var(--accent)!important}.pf-tile:hover:before{opacity:1}}.pf-mag{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.pf-rv-on .pf-rv{opacity:0;transition:opacity 1.1s cubic-bezier(.2,.8,.2,1),transform 1.1s cubic-bezier(.2,.8,.2,1);transform:translateY(54px)}.pf-rv-on .pf-rv.pf-in{opacity:1;transform:none}.pf-island{z-index:60;background:var(--bg);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);border:1px solid var(--line);border-radius:26px;flex-direction:column;width:min(600px,100vw - 24px);transition:width .6s cubic-bezier(.2,.9,.2,1),border-radius .6s cubic-bezier(.2,.9,.2,1);display:flex;position:fixed;top:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 60px -24px #000000b3}.pf-island.is-open{border-radius:30px;width:min(760px,100vw - 24px)}.pf-island.is-ping{width:min(680px,100vw - 24px)}.pf-island-links{grid-template-columns:repeat(auto-fill,minmax(min(140px,100%),1fr));gap:8px;display:grid}.pf-island-body{overscroll-behavior:contain;max-height:min(72vh,640px);overflow-y:auto}@media (width<=720px){.pf-island{flex-direction:column-reverse;top:auto;bottom:12px}.pf-hide-sm{display:none!important}.pf-footer{padding-bottom:120px!important}}@media (width<=600px){.pf-sec,.pf-pad{padding-left:20px!important;padding-right:20px!important}.pf-tilepad{padding:22px!important}}.pf-curtain{z-index:90;background:var(--accent);color:var(--on);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:1.45s cubic-bezier(.7,0,.2,1) both curtain;display:flex;position:fixed;inset:0;transform:translateY(-101%)}@keyframes curtain{0%,48%{transform:none}to{transform:translateY(-101%)}}.pf-cursor{display:none}@media (hover:hover) and (pointer:fine){.pf-cursor{z-index:95;border:1.5px solid var(--accent);pointer-events:none;opacity:0;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:width .25s,height .25s,margin .25s,background-color .25s,opacity .25s;display:block;position:fixed;top:0;left:0}.pf-cursor.is-on{opacity:1}.pf-cursor.is-hot{background-color:var(--glow);width:66px;height:66px;margin:-33px 0 0 -33px}}.pf-globe-stage{perspective:1400px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:440px;height:440px;position:relative}.pf-globe-stage:active{cursor:grabbing}@media (width<=560px){.pf-globe-stage{transform-origin:top;margin-bottom:-110px;transform:scale(.74)}}@media (width<=380px){.pf-globe-stage{margin-bottom:-155px;transform:scale(.64)}}@media (width>=1800px){.pf{zoom:1.15}}@media (width>=2200px){.pf{zoom:1.4}}@media (width>=2800px){.pf{zoom:1.8}}@media (width>=3600px){.pf{zoom:2.3}}@keyframes reveal{0%{transform:translateY(105%)}to{transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ticker{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-1.3em)}50%,70%{transform:translateY(-2.6em)}75%,95%{transform:translateY(-3.9em)}to{transform:translateY(-5.2em)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--glow)}50%{box-shadow:0 0 0 9px #0000}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeRev{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes run{0%{left:0%}to{left:calc(100% - 14px)}}@keyframes runStop{0%{left:0%}42%{left:calc(50% - 7px);transform:none}47%{transform:translate(-5px)}52%{transform:translate(5px)}57%,to{left:calc(50% - 7px);transform:none}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes blip{0%,to{opacity:0;transform:scale(.4)}10%{opacity:1;transform:scale(1)}45%{opacity:0;transform:scale(1.6)}}@keyframes wave{0%,to{transform:scaleY(.22)}50%{transform:scaleY(1)}}@keyframes podIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes popA{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes popB{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}@keyframes shimmer{0%,to{opacity:.3}50%{opacity:.75}}@keyframes ping{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hit{0%{box-shadow:0 0 0 0 var(--warn)}to{box-shadow:0 0 0 18px #0000}}@keyframes draw{0%{stroke-dasharray:1200;stroke-dashoffset:1200px}to{stroke-dasharray:1200;stroke-dashoffset:0}}@keyframes fillIn{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.08)}}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.15}}@keyframes dots{0%,20%{opacity:.2}50%{opacity:1}to{opacity:.2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pf *,.pf :before,.pf :after{transition:none!important;animation:none!important}}
