:root{--gold:#FFC233;--red:#D7373F;--green:#12805C;--ink:#1D1D1D;--white:#FFFFFF;--ink-70:rgba(29,29,29,.78);--white-75:rgba(255,255,255,.8);--f:"Albert Sans",ui-sans-serif,sans-serif;--s1:1rem;--s2:clamp(1.4rem,1.1rem + 1.2vw,1.85rem);--s3:clamp(2rem,1.3rem + 3.4vw,3.3rem)}*{box-sizing:border-box}html{scrollbar-color:var(--ink) var(--gold);-webkit-text-size-adjust:100%}body{margin:0;font:400 var(--s1)/1.6 var(--f);color:var(--ink);background:var(--white);overflow-x:clip}::selection{background:var(--ink);color:var(--gold)}h1,h2,h3{font-weight:800;text-wrap:balance;margin:0}p,li,td,th,dd{text-wrap:pretty}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.band-dark :focus-visible,.foot :focus-visible,.bar :focus-visible{outline-color:var(--gold)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{width:min(100% - 2rem,1040px);margin-inline:auto}.story{background:var(--gold);padding:max(1rem,env(safe-area-inset-top)) 0 2rem}.grid{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.intro{display:flex;flex-direction:column;align-items:center;padding-bottom:1.25rem;max-width:34rem}.logo{display:block;width:72px;height:72px}.zegg{display:block;width:112px;height:96px;margin:.25rem 0 .25rem;cursor:grab;touch-action:pan-y}.zegg:active{cursor:grabbing}h1{font-size:var(--s3);line-height:1.08;letter-spacing:-.02em;max-width:15ch}h1 span{display:block}.lead{margin:.75rem 0 0;max-width:30ch}.lead-btn{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0 2rem;border-radius:999px;background:var(--red);color:var(--white);font-weight:800;font-size:var(--s1);text-decoration:none;transition:transform .12s cubic-bezier(.16,1,.3,1)}.lead-btn:active{transform:scale(.96)}@media (hover: hover){.lead-btn:hover{background:#B8242C}}.intro .lead-btn{margin-top:2.25rem}.under{margin:.6rem 0 0;font-size:var(--s1);color:var(--ink-70)}.fig{position:sticky;top:0;z-index:2;align-self:start;width:100%;display:flex;justify-content:center;background:var(--gold);padding:.25rem 0 .5rem}.fig svg{display:block;width:min(100%,42dvh,400px);height:auto}.steps{list-style:none;margin:0;padding:0;width:100%;max-width:30rem}.steps li{min-height:70dvh;padding:1rem 0 0;font-weight:800;font-size:var(--s2);line-height:1.3}.fig g.p{transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform-box:fill-box;transform-origin:center}.fig .bar-fill{transform-box:fill-box;transform-origin:left center;transition:transform .6s cubic-bezier(.16,1,.3,1)}.f-egg{opacity:0;transform:translateY(-16px)}.f-small{opacity:.45}.f-pen,.f-aura,.f-big,.l-creature,.l-aura,.l-size,.l-pen{opacity:1}[data-step="1"] .f-egg{opacity:1;transform:none}[data-step="1"] .f-small,[data-step="1"] .f-big,[data-step="1"] .f-aura,[data-step="1"] .f-pen,[data-step="1"] .l-creature,[data-step="1"] .l-aura,[data-step="1"] .l-size,[data-step="1"] .l-pen{opacity:0}[data-step="1"] .f-big{transform:scale(.5)}[data-step="1"] .bar-fill{transform:scaleX(.04)}[data-step="2"] .f-small,[data-step="2"] .l-creature{opacity:1}[data-step="2"] .f-big,[data-step="2"] .f-aura,[data-step="2"] .f-pen,[data-step="2"] .l-aura,[data-step="2"] .l-size,[data-step="2"] .l-pen{opacity:0}[data-step="2"] .f-big{transform:scale(.5)}[data-step="2"] .bar-fill{transform:scaleX(.22)}[data-step="3"] .f-pen,[data-step="3"] .l-pen{opacity:0}[data-step="3"] .f-pen{transform:translateY(16px)}[data-step="3"] .bar-fill{transform:scaleX(.82)}.sec{padding:3.5rem 0}.sec h2{font-size:var(--s2);line-height:1.2;margin:0 auto 1.5rem;max-width:22ch;text-align:center}.band-dark{background:var(--ink);color:var(--white)}.after ol{list-style:none;margin:0 auto;padding:0;max-width:34rem;position:relative}.after ol::before{content:"";position:absolute;left:1.5rem;top:1.5rem;bottom:1.5rem;width:2px;background:var(--ink)}.after li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;align-items:start;padding:0 0 1.5rem}.after li:last-child{padding-bottom:0}.num{position:relative;display:grid;place-items:center;width:3rem;height:3rem;border-radius:999px;border:2px solid var(--ink);background:var(--white);font-weight:800;font-size:var(--s2);line-height:1}.after li p{margin:.55rem 0 0;text-align:left}.flags{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);max-width:52rem;margin:0 auto}.tile{border:2px solid var(--white-75);border-radius:16px;padding:1.25rem}.tile h3{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:var(--s1);margin-bottom:.75rem}.tile svg{width:28px;height:28px;flex:none}.tile ul{list-style:none;margin:0;padding:0}.tile li{padding:.6rem 0;border-top:1px solid rgba(255,255,255,.3)}.tscroll{overflow-x:auto;max-width:52rem;margin:0 auto;border:2px solid var(--ink);border-radius:16px}table{border-collapse:separate;border-spacing:0;width:100%;min-width:34rem;text-align:left}caption{caption-side:top;text-align:center;padding:1rem 1rem 0;color:var(--ink-70)}th,td{padding:.85rem 1rem;vertical-align:top;border-top:1px solid rgba(29,29,29,.2)}thead th{border-top:0;font-size:var(--s1)}th[scope=row]{position:sticky;left:0;background:var(--white);font-weight:800;width:9.5rem}thead th:first-child{position:sticky;left:0;background:var(--white)}.us{border-left:2px solid var(--ink)}.ask{background:var(--gold);text-align:center;padding:4rem 0 4.5rem}.ask h2{font-size:var(--s3);line-height:1.08;letter-spacing:-.02em;max-width:14ch;margin:0 auto 2rem}.toc-tab{position:fixed;right:0;top:max(.5rem,env(safe-area-inset-top));z-index:6;min-width:44px;min-height:96px;padding:.5rem .6rem;border:2px solid var(--ink);border-right:0;border-radius:12px 0 0 12px;background:var(--white);color:var(--ink);font:800 .8125rem/1 var(--f);writing-mode:vertical-rl;cursor:pointer}.toc{position:fixed;top:0;right:0;bottom:0;z-index:7;width:min(80vw,300px);background:var(--white);border-left:2px solid var(--ink);padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem 1.25rem;transform:translateX(100%);visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s}.toc.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1)}.toc p{font-weight:800;margin:0 0 .75rem}.toc a{display:flex;align-items:center;min-height:44px;text-decoration:none;border-top:1px solid rgba(29,29,29,.2)}.toc button{margin-top:1rem;min-height:44px;padding:0 1.25rem;border:2px solid var(--ink);border-radius:999px;background:none;color:var(--ink);font:800 var(--s1) var(--f);cursor:pointer}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;padding:.5rem 1rem max(.5rem,env(safe-area-inset-bottom));background:var(--ink);transform:translateY(110%);visibility:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s}.bar.on{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1)}.foot{background:var(--ink);color:var(--white);text-align:center;padding:2.5rem 0 max(5.5rem,calc(env(safe-area-inset-bottom) + 5.5rem))}.endmark{display:block;width:24px;height:28px;margin:0 auto 1.75rem}.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem}.foot nav a{display:inline-flex;align-items:center;min-height:44px}.foot p{margin:1rem auto 0;max-width:40rem;color:var(--white-75)}@media (min-width: 720px){.flags{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.story{padding:2.5rem 0 3rem}.grid{grid-template-columns:minmax(0,440px) minmax(0,440px);justify-content:center;column-gap:4.5rem;align-items:start}.intro{grid-column:1;grid-row:1;padding-bottom:3rem}.logo{width:120px;height:120px}.steps{grid-column:1;grid-row:2}.steps li{display:flex;align-items:center;justify-content:center;padding:0}.fig{grid-column:2;grid-row:1 / span 2;top:calc(50dvh - 210px);padding:0;background:none}.fig svg{width:420px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}.fig g.p{transform:none !important}}html,body{max-width:100%;overflow-x:clip;}