:root{
  --bg:#1d2345;--bg2:#192038;--panel:rgba(255,255,255,.77);--line:rgba(112,84,173,.18);--text:#33284b;--muted:#604f7a;--accent:#ff8ad8;--accent2:#7be6ff;--accent3:#ffe27e;--good:#8af0c9;--shadow:0 20px 50px rgba(48,36,72,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Hiragino Sans","Yu Gothic UI",Meiryo,sans-serif;color:var(--text);background:linear-gradient(180deg,#eef8ff 0,#fef9ff 50%,#f5fff5 100%);overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.page-noise{position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.8) 0 1px,transparent 1px),radial-gradient(circle at 80% 30%,rgba(255,255,255,.75) 0 1px,transparent 1px),radial-gradient(circle at 50% 80%,rgba(255,255,255,.55) 0 1px,transparent 1px);background-size:160px 160px;mix-blend-mode:screen}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;background:rgba(255,255,255,.84);backdrop-filter:blur(14px);border-bottom:1px solid rgba(112,84,173,.08)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#27173a;font-weight:900;box-shadow:0 10px 30px rgba(123,230,255,.25)}.brand b{display:block;font-size:15px}.brand small{display:block;font-size:10px;letter-spacing:.14em;color:#7d73a3}.nav{display:flex;gap:16px;flex-wrap:wrap}.nav a{font-size:12px;letter-spacing:.12em;color:#6a5f8f;opacity:.95}.mini-download{border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--accent3),#ff96b8);color:#2b1830;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(255,150,184,.25)}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:36px;align-items:center;padding:72px 6vw 64px;min-height:92vh;isolation:isolate}.hero-bg{position:absolute;inset:0;background:url('assets/ui/field_bg_sky.webp') center/cover no-repeat;opacity:.95;z-index:-3}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.62) 48%,rgba(255,255,255,.78));z-index:-2}.halo{position:absolute;border-radius:50%;filter:blur(10px);opacity:.6;z-index:-1}.halo-a{width:380px;height:380px;background:radial-gradient(circle,#ff8ad866,transparent 68%);left:-80px;top:-40px}.halo-b{width:280px;height:280px;background:radial-gradient(circle,#7be6ff55,transparent 68%);right:18%;top:8%}.halo-c{width:300px;height:300px;background:radial-gradient(circle,#ffe27e44,transparent 68%);right:-40px;bottom:-30px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(112,84,173,.15);border-radius:999px;background:rgba(255,255,255,.72);font-size:10px;letter-spacing:.16em;color:#786a9c;backdrop-filter:blur(8px)}.hero h1{font-size:clamp(34px,4.8vw,62px);line-height:1.08;margin:18px 0 14px;color:#432f67}.hero-lead{font-size:15px;line-height:1.95;color:#5d5077}
.hero-actions,.download-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;flex-direction:column;gap:4px;padding:16px 22px;border-radius:20px;border:1px solid rgba(112,84,173,.12);background:rgba(255,255,255,.74);color:#4a3d66;cursor:pointer;box-shadow:var(--shadow);transition:.22s ease}.btn span{font-size:15px;font-weight:800}.btn small{font-size:10px;letter-spacing:.12em;opacity:.78}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#ffe27e,#ff8ad8 55%,#7be6ff);color:#2a1830;border:0}.btn-ghost{backdrop-filter:blur(10px)}
.hero-chips,.story-tags,.feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-chips span,.story-tags span,.feature-pills span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(112,84,173,.12);font-size:11px;color:#655985}
.hero-note{display:grid;gap:6px;max-width:580px;margin-top:20px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.74);border:1px solid rgba(123,230,255,.28)}.hero-note strong{color:#3f5570;font-size:13px}.hero-note span{color:#5d658b;font-size:12px;line-height:1.7}
.hero-art{position:relative;min-height:520px;display:grid;grid-template-columns:1fr;place-items:center;gap:14px}.hero-main{position:relative;z-index:2;max-height:350px;filter:drop-shadow(0 20px 26px rgba(0,0,0,.2))}.hero-board{position:relative;z-index:1;max-width:94%;border-radius:28px;box-shadow:var(--shadow);background:rgba(255,255,255,.7);padding:10px}
.section{position:relative;padding:86px 6vw}.story-section:before,.support-section:before,.play-section:before,.download-section:before{content:"";position:absolute;inset:14px 4vw;border-radius:40px;z-index:-1;opacity:.3;background-size:cover;background-position:center;filter:saturate(1.02)}.story-section:before{background-image:url('assets/ui/field_bg_grass.webp')}.support-section:before{background-image:url('assets/ui/field_bg_sky.webp')}.play-section:before{background-image:url('assets/ui/field_bg_grass.webp')}.download-section:before{background-image:url('assets/ui/field_bg_sky.webp')}
.section-head{display:grid;grid-template-columns:66px 1fr;gap:16px;align-items:start;margin-bottom:28px}.section-num{font-size:44px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(86,68,132,.34)}.section-head h2{font-size:clamp(28px,3.8vw,48px);line-height:1.14;margin:8px 0 6px;color:#44345f}.section-intro{color:#64597d;font-size:14px;line-height:1.8}
.glass{background:var(--panel);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:26px}.story-grid article{padding:28px}.story-grid p{font-size:14px;line-height:1.95;color:#574d6d}.story-visual{display:grid;place-items:center;padding:18px;border-radius:26px;background:rgba(255,255,255,.48);border:1px solid rgba(112,84,173,.09)}.story-visual img{width:100%;border-radius:18px}
.support-layout{display:grid;grid-template-columns:390px 1fr;gap:24px;align-items:start}.support-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.support-tab{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(112,84,173,.12);border-radius:22px;background:rgba(255,255,255,.72);color:var(--text);cursor:pointer;transition:.18s ease;min-height:110px;text-align:left}.support-tab.active{background:linear-gradient(135deg,rgba(255,138,216,.22),rgba(123,230,255,.18));border-color:rgba(112,84,173,.22);box-shadow:0 12px 24px rgba(123,230,255,.12)}.support-tab img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.16))}.support-tab span{display:block;font-weight:800;font-size:15px}.support-tab small{display:block;color:#766b97;font-size:10px;margin-top:5px;letter-spacing:.08em}
.support-focus{display:grid;grid-template-columns:330px 1fr;gap:22px;padding:26px;min-height:440px}.support-art-wrap{display:grid;place-items:center;padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(249,247,255,.68));border:1px solid rgba(112,84,173,.08)}.support-art-wrap img{width:270px;height:270px;object-fit:contain}.support-detail h3{font-size:34px;margin:8px 0;color:#463560}.support-detail p{font-size:15px;line-height:1.9;color:#5b5172}
.play-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;margin-bottom:22px}.play-card{display:grid;gap:14px;padding:22px}.play-card.wide-card{grid-column:span 1}.play-card img{width:100%;height:auto;object-fit:contain;border-radius:18px;background:rgba(255,255,255,.56);padding:8px}.play-card h3{margin:2px 0 8px;font-size:22px;color:#4b396a}.play-card p{color:var(--muted);line-height:1.85;font-size:14px}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-shot{position:relative;overflow:hidden;border:0;padding:0;border-radius:24px;background:rgba(255,255,255,.72);cursor:pointer;box-shadow:var(--shadow);min-height:200px}.gallery-shot img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-shot:hover img{transform:scale(1.03)}
.download-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;padding:28px}.download-lead{font-size:15px;line-height:1.9;color:#5c5276}.spec-list{display:grid;gap:10px;margin:18px 0}.spec-list div{display:flex;justify-content:space-between;gap:16px;padding:13px 16px;border-radius:16px;background:rgba(255,255,255,.62);border:1px solid rgba(112,84,173,.08)}.spec-list span{font-size:12px;color:#7a70a0}.spec-list b{font-size:14px;color:#473963}.download-notes p{font-size:12px;line-height:1.8;color:#615678}.download-side{display:grid;place-items:center;padding:12px}.download-side img{border-radius:24px;max-height:340px;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(0,0,0,.18))}
.footer{padding:40px 20px 60px;text-align:center;color:#6a6284;font-size:13px}.footer a{color:#5b51bf;text-decoration:underline;text-underline-offset:4px}
.download-modal{padding:0;border:0;background:transparent;max-width:min(94vw,520px)}.download-modal::backdrop{background:rgba(70,73,100,.44);backdrop-filter:blur(8px)}.modal-shell{position:relative;padding:28px;border-radius:28px;background:linear-gradient(180deg,#fffdfd,#f5f8ff);border:1px solid rgba(112,84,173,.14);box-shadow:0 30px 60px rgba(52,47,74,.3)}.modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(112,84,173,.1);color:#5b467f;font-size:18px;cursor:pointer}.modal-shell h2{margin:10px 0 12px;font-size:30px;color:#473865}.modal-copy{font-size:14px;line-height:1.8;color:#736994}.password-label{display:block;margin:16px 0 8px;font-size:12px;color:#716893}.modal-shell input{width:100%;padding:16px;border-radius:16px;border:1px solid rgba(112,84,173,.15);background:rgba(255,255,255,.88);color:#4b3d6a;font-size:18px;letter-spacing:.14em;text-transform:uppercase}.modal-download{width:100%;margin-top:18px}.password-message{min-height:1.6em;font-size:12px;color:#975d2e;margin-top:12px;line-height:1.7}
.lightbox{position:fixed;inset:0;display:none;place-items:center;background:rgba(55,57,78,.64);backdrop-filter:blur(12px);z-index:40;padding:24px}.lightbox.show{display:grid}.lightbox img{max-width:min(92vw,1100px);max-height:88vh;border-radius:24px;box-shadow:var(--shadow);background:#fff}.lightbox-close{position:absolute;top:18px;right:20px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.5);color:#5c4d7a;font-size:22px;cursor:pointer}
.reveal{opacity:0;transform:translateY(22px);transition:all .5s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width: 1080px){.hero,.story-grid,.support-layout,.download-shell{grid-template-columns:1fr}.hero-art{order:-1;min-height:380px}.hero-main{max-height:300px}.support-focus{grid-template-columns:1fr}.play-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 720px){.topbar{padding:12px 14px;flex-wrap:wrap}.nav{display:none}.hero,.section{padding-left:18px;padding-right:18px}.hero{padding-top:36px;min-height:auto}.hero h1{font-size:34px}.hero-lead{font-size:14px}.hero-actions,.download-actions{flex-direction:column}.btn{width:100%}.section-head{grid-template-columns:1fr}.section-num{font-size:34px}.gallery-grid,.support-tabs{grid-template-columns:1fr}.download-shell{padding:18px}.brand b{font-size:13px}.brand small{font-size:9px}.hero-art{gap:12px}.hero-main{max-height:240px}.support-tab{min-height:auto}.support-tab img{width:64px;height:64px}.support-art-wrap img{width:220px;height:220px}}