@font-face{font-family:Lilita One;src:url(/clashyard/fonts/LilitaOne-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/clashyard/fonts/Nunito-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--brand: #FFC02E;--brand-deep: #E8930B;--pitch: #2E7D43;--pitch-deep: #1B5E2E;--surface: #1E2530;--card: #29313F;--scrim: #0D1116;--ink: #F5F8FC;--ink-dim: #A7B2C4;--line: rgba(255,255,255,.09);--radius: 16px;--wrap: 1120px;--font-display: "Lilita One", system-ui, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ja: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", "Meiryo", sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-body);font-weight:700;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}html[lang=ja] body{font-family:var(--font-ja);font-weight:500;line-height:1.9}html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ja] .btn{font-family:var(--font-ja);font-weight:800;letter-spacing:.01em}html[lang=ja] .brand,html[lang=ja] .hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:.02em}html[lang=ja] p,html[lang=ja] li,html[lang=ja] .tagline,html[lang=ja] .section-sub,html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3{line-break:strict;overflow-wrap:anywhere;word-break:normal}html[lang=ja] .mythhero__kicker{font-size:.95rem;letter-spacing:.1em}html[lang=ja] .arch__role{font-size:.92rem;letter-spacing:.07em}html[lang=ja] .store__badge small{font-size:.78rem;letter-spacing:.07em}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}.wrap{width:min(100% - 2.5rem,var(--wrap));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-head{position:sticky;top:0;z-index:20;background:#0d1116c7;backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--line)}.site-head .wrap{display:flex;align-items:center;gap:1rem;padding:.7rem 0}.brand{display:flex;align-items:center;gap:.6rem;white-space:nowrap;font-family:var(--font-display);font-size:1.25rem;letter-spacing:.02em;color:var(--ink)}.brand:hover{text-decoration:none}.brand img{width:auto;height:38px;border-radius:0}.site-head nav{margin-left:auto;display:flex;align-items:center;gap:1.2rem;font-size:.92rem}.site-head nav a{color:var(--ink-dim)}.site-head nav a:hover,.site-head nav a[aria-current=page]{color:var(--ink);text-decoration:none}.x-link{display:inline-flex;align-items:center;color:var(--ink-dim)!important;padding:.2rem;border-radius:6px}.x-link:hover{color:var(--brand)!important}.lang-switch{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.28rem .8rem;font-size:.84rem;color:var(--ink)!important}.lang-switch:hover{border-color:var(--brand);text-decoration:none}.hero{position:relative;overflow:hidden;isolation:isolate;padding:clamp(3.5rem,11vw,8rem) 0 clamp(7rem,16vw,12rem);background:radial-gradient(1200px 500px at 50% -14%,rgba(255,192,46,.17),transparent 62%),linear-gradient(180deg,var(--surface) 0%,#161D26 100%)}.hero__pitch{position:absolute;inset:auto 0 -2px;height:58%;z-index:-1;pointer-events:none;background:repeating-linear-gradient(to top,rgba(255,255,255,.13) 0 2px,transparent 2px 14%),linear-gradient(180deg,var(--pitch) 0%,var(--pitch-deep) 100%);transform:perspective(560px) rotateX(64deg) translateY(var(--pitch-shift, 0px));transform-origin:bottom;opacity:.55;will-change:transform}.hero__glow{position:absolute;inset:auto 50% 12%;z-index:-1;width:min(70vw,620px);height:220px;transform:translate(50%);pointer-events:none;background:radial-gradient(closest-side,rgba(255,192,46,.22),transparent 72%);filter:blur(14px)}.hero--art{padding-top:clamp(2.5rem,8vw,5rem)}.hero__art{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero__art img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.9}.hero--art:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(58% 42% at 50% 46%,rgba(13,17,22,.78),transparent 72%),linear-gradient(180deg,#0d11169e,#0d11162e 26%,#161d26d1 78%,#161d26)}.hero--art .hero__pitch{opacity:.18}.hero .wrap{position:relative;text-align:center}.hero__logo{margin:0 auto .9rem;padding:0;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit;line-height:0}.hero__logo img{width:clamp(260px,56vw,520px);height:auto;margin-inline:auto;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55));animation:floaty 7s ease-in-out infinite}.store{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.9rem}.store__icon{width:66px;height:66px;border-radius:15px;box-shadow:0 10px 26px #00000080}.store__badges{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.store__badge{display:grid;gap:.1rem;text-align:left;padding:.55rem 1.05rem;background:#0a0d12b8;border:1px solid rgba(255,255,255,.22);border-radius:12px;backdrop-filter:blur(6px)}.store__badge small{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.store__badge b{font-family:var(--font-display);font-weight:400;font-size:1.02rem;letter-spacing:.02em;color:#f5f8fc}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.7rem,8.5vw,5.2rem);line-height:1.02;margin:0 0 .55rem;letter-spacing:.01em;background:linear-gradient(180deg,#FFFFFF 10%,var(--brand) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:clamp(1.02rem,2.2vw,1.3rem);color:var(--ink-dim);max-width:48ch;margin:0 auto 2rem}.hero--art .tagline{color:#e8eef7;text-shadow:0 2px 14px rgba(0,0,0,.75)}.hero--art h1{filter:drop-shadow(0 4px 18px rgba(0,0,0,.6))}.hero--art .note{text-shadow:0 1px 10px rgba(0,0,0,.7)}.cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.6rem;border-radius:999px;font-family:var(--font-display);font-size:1.03rem;letter-spacing:.03em;background:linear-gradient(180deg,var(--brand) 0%,var(--brand-deep) 100%);color:#241800;border:0;box-shadow:0 10px 26px #e8930b4d;transition:transform .18s ease,filter .18s ease}.btn:hover{text-decoration:none;filter:brightness(1.07);transform:translateY(-2px)}.btn.ghost{background:#0a0d1299;color:var(--ink);box-shadow:none;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}.btn.ghost:hover{background:#0a0d12c7;border-color:#ffffff80}.note{margin-top:1.15rem;font-size:.87rem;color:var(--ink-dim)}section{padding:clamp(3rem,8vw,5.5rem) 0;scroll-margin-top:4.5rem}h2{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;font-size:clamp(1.7rem,4.2vw,2.4rem);margin:0 0 .45rem}.section-sub{color:var(--ink-dim);margin:0 0 2.2rem;max-width:62ch}.cards{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(252px,1fr))}.card{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--card) 0%,#232A36 100%);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),rgba(255,192,46,.13),transparent 62%);opacity:0;transition:opacity .25s ease}.card:hover{transform:translateY(-4px);border-color:#ffc02e61;box-shadow:0 16px 34px #00000052}.card:hover:before{opacity:1}.card h3{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;font-size:1.18rem;margin:.15rem 0 .5rem;color:var(--brand)}.card p{margin:0;color:var(--ink-dim);font-size:.96rem}.card .glyph{font-size:1.7rem;line-height:1}.soon{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem}.tag{font-size:.82rem;color:var(--ink-dim);border:1px dashed rgba(255,255,255,.2);border-radius:999px;padding:.34rem .9rem}.prose{max-width:74ch}.prose h1{font-size:clamp(2rem,5vw,2.8rem);background:none;color:var(--ink);-webkit-text-fill-color:currentColor;margin-bottom:.3rem}.prose .updated{color:var(--ink-dim);font-size:.88rem;margin:0 0 2.2rem}.prose h2{font-size:1.3rem;margin:2.3rem 0 .5rem;color:var(--brand)}.prose h3{font-size:1.05rem;margin:1.9rem 0 .4rem;color:#f0f3f8;font-weight:600}.prose h2.part{border-top:1px solid var(--line);padding-top:2.4rem;margin-top:3.4rem}.prose p,.prose li{color:#d7deea;font-weight:400}html[lang=ja] .prose p,html[lang=ja] .prose li{font-weight:500}.prose ul{padding-left:1.15rem}.prose li{margin:.35rem 0}.prose strong{color:var(--ink)}.prose .callout{background:#ffc02e12;border-left:3px solid var(--brand);border-radius:0 12px 12px 0;padding:1rem 1.15rem;margin:1.5rem 0}.prose .callout p{margin:0}.formcta{margin:1.6rem 0 .8rem}.prose .btn{display:inline-block;background:var(--brand);color:#17110a;font-weight:700;padding:.7rem 1.4rem;border-radius:10px;text-decoration:none;transition:filter .18s ease,transform .18s ease}.prose .btn:hover{filter:brightness(1.08);transform:translateY(-1px);text-decoration:none}.prose table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.93rem}.prose th,.prose td{text-align:left;padding:.62rem .7rem;border-bottom:1px solid var(--line)}.prose th{color:var(--brand);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.prose td{font-weight:400;color:#d7deea}.table-scroll{overflow-x:auto}footer{border-top:1px solid var(--line);background:var(--scrim);padding:2.4rem 0 2.8rem;margin-top:1rem}footer .wrap{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;align-items:center}footer nav{display:flex;gap:1.3rem;flex-wrap:wrap}footer a,footer span{color:var(--ink-dim);font-size:.89rem;font-weight:400}footer .copy{margin-left:auto}footer .x-link{padding:0}[data-reveal]{opacity:1}html.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.2,.7,.3,1),transform .6s cubic-bezier(.2,.7,.3,1)}html.js [data-reveal].in{opacity:1;transform:none}html.js [data-reveal][data-delay="1"]{transition-delay:.08s}html.js [data-reveal][data-delay="2"]{transition-delay:.16s}html.js [data-reveal][data-delay="3"]{transition-delay:.24s}@media(max-width:620px){.site-head nav a[href$="/terms/"],.site-head nav a[href$="/privacy/"]{display:none}.site-head nav{gap:.6rem;font-size:.8rem}.site-head nav a{white-space:nowrap}.site-head .wrap{padding:.5rem 0;gap:.5rem}.brand{font-size:1rem}.brand img{width:28px;height:28px}.lang-switch{padding:.24rem .6rem;font-size:.78rem}footer .copy{margin-left:0;width:100%}}@media(max-width:420px){.site-head nav a[href$="/en/"],.site-head nav a[href$="/ja/"]{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__logo img{animation:none}.hero__pitch{transform:perspective(560px) rotateX(64deg)}html.js [data-reveal]{opacity:1;transform:none;transition:none}.card,.btn{transition:none}}