@layer reset,global,ui,components,utilities;@layer reset{*{box-sizing:border-box}:where(:not(.rich-text *)){margin:0}ul:where(:not(.rich-text ul)){padding:0;list-style:none}body{margin:0}a{color:inherit}button{padding:0;background-color:transparent;border:none}button:not(:disabled){cursor:pointer}img{max-width:100%;height:auto}}@layer global{:root{--color-background: #000;--color-on-background: #fff;--color-surface: #111312;--color-on-surface: #fff;--color-primary: #ff79f2;--color-on-primary: #000;--t-function: ease;--t-duration: .2s;--t-default: var(--t-function) var(--t-duration);color-scheme:dark;background-color:var(--color-background)}body{min-width:360px;font-size:clamp(1rem,.9135rem + .3846vw,1.375rem);color:var(--color-on-background);font-family:FT System Blank,sans-serif;font-synthesis:none;font-weight:500;text-rendering:optimizeLegibility;line-height:1.2;letter-spacing:-.02em}#root{display:grid;grid-template-areas:"header" "content" "footer";grid-template-rows:auto 1fr auto;min-height:100dvh}.main{padding:clamp(3.75rem,3.1731rem + 2.5641vw,6.25rem) 0}.main__title{margin-bottom:clamp(5rem,4.7115rem + 1.2821vw,6.25rem);color:color-mix(in hsl,var(--color-on-background) 46%,transparent 54%);font-size:clamp(1.875rem,1.5865rem + 1.2821vw,3.125rem);line-height:1}.main__title span{display:block}.main__title span:not(:first-child){margin-top:clamp(1.75rem,1.6058rem + .641vw,2.375rem)}.main__title span:lang(ja){font-size:clamp(2.5rem,2.125rem + 1.6667vw,4.125rem)}}@layer ui{[class^=btn]{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.5625rem,.5192rem + .1923vw,.75rem);text-decoration:none}.btn-outlined,.btn-text{padding:8px clamp(.75rem,.6923rem + .2564vw,1rem);min-height:clamp(2.875rem,2.6731rem + .8974vw,3.75rem);border-radius:10px;transition:background-color var(--t-default)}:is(.btn-outlined,.btn-text):hover{background-color:color-mix(in hsl,currentColor 5%,transparent 95%)}.btn-outlined{border:1px solid currentColor}}@layer components{.footer{padding-bottom:clamp(1.25rem,.9615rem + 1.2821vw,2.5rem);grid-area:footer;text-align:center}.footer .lang-switcher{margin:24px 0}.footer__text{color:color-mix(in hsl,var(--color-on-background) 46%,transparent 64%);font-size:clamp(1.25rem,1.2212rem + .1282vw,1.375rem)}.footer__text span{display:block}.footer__text span:not(:first-child){margin-top:18px}.footer__text span:lang(ja){font-size:clamp(1.25rem,.9615rem + 1.2821vw,2.5rem)}.footer__social{margin-top:clamp(2.9375rem,3.7837rem + -.7051vw,3.625rem);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.75rem,.6923rem + .2564vw,1rem);gap:clamp(.625rem,.5385rem + .3846vw,1rem)}}@layer components{.header{grid-area:header}.header .container{padding-top:clamp(1.875rem,1.4423rem + 1.9231vw,3.75rem);display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px}.header__logo svg{display:block}.header__title{font-size:1.1em}@media not (min-width:992px){.header__title{display:none}}.header__button{margin-left:auto}}@layer components{.licenses{--gap: clamp(1.5rem, 1.1971rem + 1.3462vw, 2.8125rem);padding:clamp(1.25rem,.8894rem + 1.6026vw,2.8125rem);border:1px solid color-mix(in hsl,var(--color-surface) 97%,#fff 3%);border-radius:12px;background-color:var(--color-surface);color:var(--color-on-surface)}.licenses__header{display:flex;justify-content:space-between;gap:20px 40px}.licenses__title{color:color-mix(in hsl,var(--color-on-surface) 40%,transparent 60%);font-size:clamp(1.25rem,1.2212rem + .1282vw,1.375rem)}.licenses__title span{display:block}.licenses__title span:not(:first-child){margin-top:16px}.licenses__total{flex:0 0 auto;color:var(--color-primary);font-size:clamp(1.25rem,1.0192rem + 1.0256vw,2.25rem)}.licenses__list{margin-top:var(--gap);display:grid;grid-template-columns:repeat(var(--grid-type, auto-fit),minmax(min(400px,100%),1fr));gap:24px 30px}.licenses__description{margin-top:var(--gap);font-size:clamp(.875rem,.7596rem + .5128vw,1.375rem)}.licenses__description span{display:block}.licenses__description span:not(:first-child){margin-top:clamp(1.5rem,1.3846rem + .5128vw,2rem)}}@layer components{.licenses-card,.licenses-card__header{border-radius:8px}.licenses-card{padding:clamp(1rem,.9135rem + .3846vw,1.375rem);background-color:color-mix(in hsl,var(--color-surface) 97%,#fff 3%)}.licenses-card__header{aspect-ratio:549 / 323;background-color:color-mix(in hsl,var(--color-surface) 82%,#000 18%)}.licenses-card__header img{display:block;width:100%;height:100%;object-fit:contain}.licenses-card__body{margin-top:clamp(1.5rem,1.4135rem + .3846vw,1.875rem);text-align:center;line-height:1}.licenses-card__title{font-size:clamp(1.25rem,1.1923rem + .2564vw,1.5rem)}.licenses-card__title strong{font-weight:inherit;color:color-mix(in hsl,currentColor 50%,transparent 50%)}.licenses-card__quantity{margin-top:clamp(.25rem,.1346rem + .5128vw,.75rem);color:var(--color-primary);font-size:clamp(2.5rem,2.2692rem + 1.0256vw,3.5rem)}}@layer utilities{.container{margin-left:auto;margin-right:auto;max-width:clamp(20rem,-1.3462rem + 94.8718vw,112.5rem)}.rich-text *:first-child{margin-top:0}.rich-text *:last-child{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-noto-sans-jp{font-family:Noto Sans JP,sans-serif}.text-on-background,.text-on-surface{color:var(--color-on-background)}}.connect-button>div:has(button>div>div>div>div){--ck-connectbutton-background: color-mix(in hsl, var(--color-on-background) 5%, transparent 95%);--ck-connectbutton-color: var(--color-on-surface);--ck-connectbutton-border-radius: 40px}.connect-button>div:has(button>div>div>div>div) button>div{border:1px solid color-mix(in hsl,var(--color-on-background) 15%,transparent 85%)}.connect-button>div:not(:has(button>div>div>div>div)){--ck-connectbutton-background: var(--color-primary);--ck-connectbutton-hover-background: var(--color-primary);--ck-connectbutton-color: var(--color-on-primary);--ck-connectbutton-border-radius: 10px}.connect-button>div:not(:has(button>div>div>div>div)) button:hover>div{--hover-box-shadow: 0px 0px 84px 0px var(--color-primary)}.connect-button>div:not(:has(button>div>div>div>div)) button:active>div{--active-background: var(--color-primary)}