.sprite{position:absolute}.brand{border-radius:14px;flex:none;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{width:40px;height:40px;transition:transform .5s var(--pop)}.brand:hover .brand-mark{transform:rotate(-12deg)scale(1.08)}.brand-word{font:1000 1.62rem/1 var(--f-d);letter-spacing:-.03em}.brand-word,.wi{position:relative}.wi{display:inline-block}.wi:after{content:"";background:var(--em);border:.055em solid var(--ink);border-radius:.05em;width:.25em;height:.25em;margin-left:-.125em;position:absolute;top:-.02em;left:50%;transform:rotate(45deg)}.brand:hover .wi:after{animation:gemhop .6s var(--pop)}@keyframes gemhop{40%{transform:translateY(-.22em)rotate(225deg)}to{transform:rotate(405deg)}}@media (width<=420px){.brand-mark{width:34px;height:34px}.brand-word{font-size:1.36rem}}.hdr{z-index:50;padding-inline:var(--pad);margin-top:12px;position:sticky;top:12px}.hdr-bar{max-width:var(--max);background:var(--paper);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .3s var(--out);border-radius:26px;align-items:center;gap:clamp(10px,1.6vw,22px);margin-inline:auto;padding:8px 8px 8px 14px;display:flex;position:relative}.nav{margin-left:auto}.nav ul{gap:4px;display:flex}.nav a{font:800 1.02rem/1 var(--f-d);transition:transform .25s var(--pop);border-radius:12px;padding:10px 14px;text-decoration:none;display:block;position:relative}.nav a:before{content:"";background:var(--hl,var(--sun));border:2px solid var(--ink);z-index:-1;opacity:0;transition:transform .3s var(--pop),opacity .2s;border-radius:10px;position:absolute;inset:4px 2px;transform:scale(.6)rotate(-4deg)}.nav a{isolation:isolate}.nav a.is-active:before,.nav a:hover:before{opacity:1;transform:scale(1)rotate(-2deg)}.nav li:nth-child(2) a{--hl:var(--sky-2)}.nav li:nth-child(3) a{--hl:var(--pink-2)}.nav li:nth-child(4) a{--hl:var(--em-l)}.nav li:nth-child(5) a{--hl:var(--coral-2)}.btn--play{--face:var(--em);--depth:5px;border-radius:16px;flex:none;min-height:50px;padding:.6em 1.2em}.btn--play svg{width:18px;height:18px}.menu-btn{--face:var(--sun);--depth:5px;border-radius:16px;flex:none;justify-content:center;align-items:center;width:50px;height:50px;display:none}.burger{gap:5px;width:22px;display:grid}.burger i{background:var(--ink);height:3.5px;transition:transform .3s var(--pop),opacity .2s;border-radius:2px;display:block}.hdr.is-open .burger i:first-child{transform:translateY(8.5px)rotate(45deg)}.hdr.is-open .burger i:nth-child(2){opacity:0}.hdr.is-open .burger i:nth-child(3){transform:translateY(-8.5px)rotate(-45deg)}@media (width<=1100px){.menu-btn{display:inline-flex}.nav{order:3;margin-left:0}.btn--play{margin-left:auto}.js .nav{background:var(--paper);border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);visibility:hidden;opacity:0;transform-origin:50% 0;transition:opacity .2s,transform .3s var(--pop),visibility 0s .3s;border-radius:26px;padding:10px;position:absolute;top:calc(100% + 14px);left:0;right:0;transform:translateY(-10px)scale(.97)}.js .hdr.is-open .nav{visibility:visible;opacity:1;transition:opacity .2s,transform .35s var(--pop),visibility 0s;transform:none}.nav ul{flex-direction:column;gap:4px}.nav a{border-radius:16px;align-items:center;gap:14px;padding:15px 16px;font-size:1.3rem;display:flex}.nav a:after{content:"";background:var(--hl,var(--sun));border:2.5px solid var(--ink);border-radius:3px;width:14px;height:14px;margin-left:auto;transform:rotate(45deg)}.nav a:before{inset:0}html:not(.js) .nav{flex-basis:100%;order:5}html:not(.js) .hdr-bar{flex-wrap:wrap}html:not(.js) .menu-btn{display:none}}@media (width<=420px){.hdr-bar{gap:8px;padding:6px 6px 6px 10px}.btn--play{min-height:46px;padding:.5em .9em;font-size:1rem}.btn--play svg{display:none}.menu-btn{width:46px;height:46px}}.ftr{color:var(--cream);background:var(--deep);margin-top:clamp(60px,8vw,110px);position:relative}.ground{border-top:3px solid var(--ink);height:96px;image-rendering:pixelated;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20height%3D%2296%22%20shape-rendering%3D%22crispEdges%22%3E%3Cpath%20fill%3D%22%23d6884a%22%20d%3D%22M0%200h64v96H0z%22%2F%3E%3Cpath%20fill%3D%22%2366e0a0%22%20d%3D%22M0%200h64v14H0z%22%2F%3E%3Cpath%20fill%3D%22%2348cc88%22%20d%3D%22M0%2014h10v6h10v-6h8v8h10v-8h12v5h14v-5%22%2F%3E%3Cpath%20fill%3D%22%2348cc88%22%20d%3D%22M0%2014h10v6H0zM28%2014h10v8H28zM50%2014h14v5H50z%22%2F%3E%3Cpath%20fill%3D%22%23bd6e33%22%20d%3D%22M8%2032h6v6H8zM40%2028h6v6h-6zM24%2044h6v6h-6zM54%2040h6v6h-6z%22%2F%3E%3Cpath%20fill%3D%22%23a89fc7%22%20d%3D%22M0%2056h64v40H0z%22%2F%3E%3Cpath%20fill%3D%22%23d6884a%22%20d%3D%22M0%2056h12v6H0zM30%2056h16v6H30z%22%2F%3E%3Cpath%20fill%3D%22%238f86b3%22%20d%3D%22M14%2068h8v6h-8zM44%2076h8v6h-8z%22%2F%3E%3Cpath%20fill%3D%22%23675f86%22%20d%3D%22M0%2084h64v12H0z%22%2F%3E%3Cpath%20fill%3D%22%23a89fc7%22%20d%3D%22M20%2084h12v6H20zM52%2084h12v5H52z%22%2F%3E%3C%2Fsvg%3E) 0 0/64px 96px repeat-x}.ftr-body{background-image:radial-gradient(#1dc98380 1.6px,#0000 2px),radial-gradient(#ffffff0d 2px,#0000 2.5px);background-position:30px 40px,0 0;background-size:190px 170px,46px 46px;padding:clamp(48px,6vw,72px) 0 34px;position:relative}.ftr-grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.8fr));gap:36px;display:grid}.ftr .brand{color:var(--cream)}.ftr .brand-word{font-size:1.9rem}.ftr .wi:after{border-color:var(--cream)}.ftr-about{color:#b8cec2;max-width:34ch;margin-top:18px}.ftr-ip{font:900 1.02rem var(--f-d);color:var(--cream);border:2.5px dashed #fff6e366;border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:8px 14px 7px;display:inline-flex}.ftr h2{font:900 1.05rem var(--f-d);color:var(--em);margin-bottom:16px}.ftr-links{gap:10px;display:grid}.ftr-links a{color:var(--cream);border-radius:6px;font-weight:500;text-decoration:none}.ftr-links a:hover{text-underline-offset:4px;color:#fff;text-decoration:underline;text-decoration-thickness:2px}.ftr :focus-visible{outline-color:var(--cream)}.ftr-bottom{color:#b8cec2;border-top:2.5px dashed #fff6e338;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-top:48px;padding-top:24px;font-size:.92rem;display:flex}.ftr-bottom p:first-child{color:var(--cream);font-weight:600}@media (width<=960px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr-brand{grid-column:1/-1}}@media (width<=640px){.ftr-grid{gap:30px 20px}}.toast{z-index:95;opacity:0;background:var(--ink);max-width:calc(100% - 32px);color:var(--cream);font:800 .98rem/1.3 var(--f-d);text-align:center;pointer-events:none;transition:opacity .25s,translate .4s var(--pop);border-radius:14px;padding:12px 18px;position:fixed;bottom:24px;left:50%;translate:-50% 24px;box-shadow:0 6px #13261e40}.toast.on{opacity:1;translate:-50%}