@font-face{font-family:Geist;src:url('/fonts/geist-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Space;src:url('/fonts/space-grotesk-latin-wght-normal.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:Mono;src:url('/fonts/geist-mono-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}

:root{color-scheme:dark;--font-body:Geist,sans-serif;--font-mono:Mono,monospace;background:#05080c;color:#f3fcff}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}a:hover{color:#75d6e5}a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #a879ff;outline-offset:4px}button{font:inherit;cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}img{-webkit-user-drag:none}
main{width:min(920px,calc(100% - 48px));margin:auto;padding:64px 0 130px;text-align:center}.eyebrow{font:600 11px/1.5 Mono,monospace;letter-spacing:.16em;text-transform:uppercase;color:#55c5d8;margin:0 0 14px}h1{font:500 clamp(32px,4vw,48px)/1.08 Space,sans-serif;letter-spacing:-.045em;margin:0 0 22px}p{font-size:16px;line-height:1.7;color:#94a9b1;margin:0}.about-identity{margin:0 auto 28px}.intro{font-size:17px}.about-origin{display:flex;flex-direction:column;gap:16px;align-items:center;border-top:1px solid #8174ff30;border-bottom:1px solid #8174ff30;padding:24px 0}.about-origin .eyebrow{margin-bottom:8px}.origin-mark{display:block;width:120px}.origin-mark img{display:block;width:100%;height:auto}.about-details{margin:0 auto}.about-details details{border-bottom:1px solid #8174ff30}.about-details summary{display:flex;justify-content:center;align-items:center;position:relative;list-style:none;cursor:pointer;padding:20px 32px;font:500 21px/1.3 Space,sans-serif;letter-spacing:-.025em}.about-details summary::-webkit-details-marker{display:none}.about-details summary span{position:absolute;right:4px;color:#55c5d8}.about-details details[open] summary span{transform:rotate(45deg)}.about-details details>p{width:100%;padding:0 16px 22px;margin:0;line-height:1.7}.about-back{position:fixed;top:12px;left:12px;z-index:40;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #55c5d855;background:#080d17;box-shadow:0 0 12px #8174ff22;color:#55c5d8}
@media(max-width:640px){main{width:calc(100% - 32px);padding-top:76px}p,.intro{font-size:15px}.about-details summary{font-size:20px}.about-details details>p{padding-inline:0}.about-origin{padding-block:20px}.origin-mark{width:108px}}
.social-icon{display:grid;place-items:center;border-radius:50%;padding:0}.social-links{display:flex}.language-switcher summary{list-style:none;display:grid;place-items:center;border-radius:50%;cursor:pointer}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher nav{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;min-width:140px}.language-switcher nav a{padding:8px}.language-switcher nav a[aria-current=page]{color:#b18aff}.footer-defs{width:0;height:0}.footer-coming-soon{display:none}.common-footer button.social-icon--store{padding:0}.common-footer.site-footer{background:linear-gradient(transparent,#05080cf2 35%);padding-top:24px}

.common-footer.site-footer{position:fixed;z-index:30;inset:auto 0 max(10px,env(safe-area-inset-bottom));transform:none;display:flex;align-items:center;justify-content:center;width:100%;padding:5px 9px;border:0;background:transparent;pointer-events:none}
.common-footer .footer-links{display:flex;align-items:center;gap:10px;pointer-events:auto}
.common-footer .language-switcher{position:absolute;inset:5px max(10px,env(safe-area-inset-right)) auto auto;z-index:auto;margin:0;transform:none;pointer-events:auto}
.common-footer .language-switcher summary,.common-footer .social-icon{width:44px;height:44px;border:1px solid transparent;background:linear-gradient(#080d17,#080d17) padding-box,linear-gradient(135deg,#64eaffaa,#568dff99 38%,#a879ffaa 70%,#e38bff99) border-box;color:#99dfff;box-shadow:-2px -1px 9px #41d9ed20,2px 2px 9px #a879ff2b,inset 0 0 12px #568dff14}
.common-footer .social-links{display:flex;gap:10px;align-items:center}
.common-footer .social-icon--store{width:52px;height:52px;box-shadow:-2px -1px 12px #41d9ed38,2px 2px 12px #a879ff40,inset 0 0 16px #568dff22}
.common-footer .social-icon--store svg{width:23px;height:23px}
.common-footer .social-icon svg{stroke:url(#footer-gradient)}
.common-footer .social-icon__dot{fill:#a879ff}
.common-footer .language-switcher nav{position:absolute;bottom:calc(100% + 14px);top:auto;left:auto;right:0;max-height:min(60svh,360px);overflow-y:auto;background:#111421;border:1px solid #8b73b966}
.common-footer .footer-defs{position:absolute;pointer-events:none}
.common-footer :is(a,summary):focus-visible{outline:2px solid #c8a2e2;outline-offset:3px}
.common-footer [data-locale-label]{background:linear-gradient(135deg,#64eaff,#568dff 40%,#b18aff 75%,#e38bff);background-clip:text;color:transparent}
.common-footer .footer-flyka{display:flex;position:absolute;left:max(12px,env(safe-area-inset-left));bottom:9px;width:64px;height:44px;align-items:center;pointer-events:auto}
.footer-flyka img{display:block;width:100%;height:auto}
.common-footer:is([data-chapter=feel],[data-store-notice=true]) .footer-coming-soon{display:block;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;font-size:11px;line-height:16px;color:#b8c9e4}
.common-footer .language-switcher{top:auto;bottom:9px}
.common-footer.site-footer{opacity:1;visibility:visible;transition:opacity 220ms ease-out,visibility 0s}
.common-footer.site-footer[data-scrolling=true]{opacity:0;visibility:hidden;transition:opacity 80ms ease-out,visibility 0s 80ms}
.common-footer[data-scrolling=true] *{pointer-events:none}
.common-footer button.social-icon--store{padding:0;font:inherit;cursor:pointer}
.common-footer button.social-icon--store:focus-visible{outline:2px solid #a879ff;outline-offset:4px}
.common-footer[data-store-notice=true] .footer-coming-soon{background:linear-gradient(110deg,#64eaff,#568dff 38%,#b18aff 72%,#e38bff);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 5px #568dff88) drop-shadow(0 0 9px #a879ff66)}
.common-footer[data-store-notice=true] .social-icon--store{box-shadow:-2px -1px 14px #64eaff66,2px 2px 16px #a879ff77,inset 0 0 16px #568dff33}
.common-footer button.social-icon--store:hover{transform:none}
.common-footer.site-footer{background:linear-gradient(transparent,#05080cf2 35%)}.common-footer[data-store-notice=true] .footer-coming-soon{display:block;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);margin:0;white-space:nowrap;font-size:11px;line-height:16px}.common-footer .language-switcher summary{font-size:12px}.common-footer .footer-flyka{width:64px}

/* About is a fixed screen; its disclosures share the space above the footer. */
html:has(.about-page){height:100%;overflow:hidden;overscroll-behavior:none}
.about-page{height:100dvh;overflow:hidden;overscroll-behavior:none;overflow-anchor:none}
.about-page main{padding-bottom:0;padding-top:clamp(20px,5vh,64px)}
@media(max-height:900px){
 .about-page main{padding-top:56px}
 .about-identity{margin-bottom:16px}
 h1{margin-bottom:12px}
 .about-origin{padding-block:14px;gap:10px}
 .origin-mark{width:100px}

 .about-details summary{padding-block:12px}
 .about-details details>p{padding-bottom:12px}
}
@media(max-height:780px){
 .about-page main{padding-top:16px}
 .about-identity>.eyebrow{margin-bottom:8px}
 h1{font-size:clamp(28px,4vw,40px);margin-bottom:8px}
 .about-identity{margin-bottom:10px}
 .about-origin{padding-block:8px;gap:6px}
 .about-origin .eyebrow{margin-bottom:4px}
 .origin-mark{width:80px}

 .about-details summary{font-size:19px;padding-block:9px}
 p,.intro,.about-details details>p{line-height:1.5}
 .about-details details>p{padding-bottom:8px}
 .about-back{width:32px;height:32px;top:8px;left:8px}
}
@media(max-height:620px) and (max-width:640px){
 .about-page main{width:calc(100% - 40px);padding-top:12px}
 .about-identity>.eyebrow{margin-bottom:4px}
 h1{font-size:26px;margin-bottom:6px}
 .about-origin{flex-direction:row;justify-content:center;gap:12px}
 .origin-mark{width:64px;flex-shrink:0}
 .about-origin .eyebrow{font-size:9px}
 p,.intro{font-size:14px}
 .about-details summary{font-size:18px;padding-block:5px}
 .about-origin{padding-block:5px}
 .about-identity{margin-bottom:6px}

}
@media(max-height:540px) and (min-width:641px){
 .about-page main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);column-gap:32px;align-content:center;height:calc(100dvh - 96px);padding-top:12px}
 .about-identity{grid-column:1;margin:0 0 10px}
 .about-origin{grid-column:1;border-bottom:0;padding-block:10px;gap:6px}
 .about-details{grid-column:2;grid-row:1 / 3;align-self:center;margin:0}
 h1{font-size:28px}
 p,.intro{font-size:14px}
 .about-details summary{font-size:18px;padding-block:8px}
 .origin-mark{width:72px}
}

.about-page,.about-page *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
