@font-face{font-family:Barlow;src:url('assets/fonts/barlow.woff2') format('woff2');font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:Sanctuary;src:url('assets/fonts/headings.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
:root{--paper:#f7f5ef;--ink:#202520;--muted:#70736b;--orange:#ed631e;--line:#dedfd5;--green:#264c39;--accent:#ee782b;--ease:cubic-bezier(.22,.65,.26,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif;font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25}h1,h2{font-family:Sanctuary,'Microsoft YaHei','PingFang SC',sans-serif;font-weight:900}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#ffd56f;color:#202520}.section-shell{width:min(1280px,calc(100% - 112px));margin:auto}.orange{color:var(--orange)}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--ink);color:white;padding:10px 20px}.skip-link:focus{top:10px}
.header{height:87px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px;border-bottom:1px solid #20252013;background:var(--paper);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:900;line-height:1.2;white-space:nowrap;letter-spacing:1px}.brand small{font-family:Barlow,Arial,sans-serif;display:block;font-weight:600;font-size:9px;letter-spacing:1.7px;margin-top:5px}.brand-dot{color:var(--orange);margin:0 2px}.brand-orb{background:radial-gradient(circle at 30% 25%,#ffe8a4,#ffba36 40%,#ef6b16 90%);color:#d64715;width:41px;height:41px;display:grid;place-items:center;border:1px solid #f5a12b;border-radius:50%;font-size:29px;box-shadow:inset -3px -3px 4px #c8451230,inset 3px 3px 3px #fff6}.navigation{display:flex;align-items:center;gap:33px;font-size:12px;font-weight:700}.navigation a{padding:12px 0;position:relative}.navigation a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:2px;background:var(--orange);transition:width .3s}.navigation a:hover:after,.navigation a.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:20px}.header-cta{font-size:12px;font-weight:700;display:flex;gap:24px;align-items:center;border:1px solid #20252040;padding:8px 16px;border-radius:3px}.header-cta:hover{background:var(--ink);color:white}.header-cta span{font-size:21px}.icon-button{height:36px;width:36px;display:grid;place-items:center}.icon-button svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.menu-toggle{display:none}
.hero{height:min(770px,calc(100svh - 86px));min-height:630px;position:relative;overflow:hidden}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,245,239,.97),rgba(247,245,239,.87) 25%,rgba(247,245,239,.38) 47%,transparent 66%),linear-gradient(0deg,#f7f5ef 0%,transparent 22%)}.hero-grain{position:absolute;inset:0;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-content{position:relative;padding:80px 0 0 max(56px,calc((100vw - 1280px)/2));width:65%;z-index:2}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.tiny-star{color:var(--orange);font-size:20px;line-height:1}.eyebrow-line{height:1px;background:#20252045;width:40px;margin-left:6px}.hero-english{font-family:Barlow,Arial,sans-serif;font-size:15px;letter-spacing:4px;margin:28px 0 12px;font-weight:600}.hero h1{font-size:clamp(50px,5.8vw,84px);letter-spacing:-3px;line-height:1.2}.hero h1 em{font-style:normal;color:var(--orange)}.hero-description{margin-top:26px;font-size:14px;line-height:2;color:#53574e;letter-spacing:.5px}.hero-buttons{display:flex;gap:30px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:13px 24px;font-size:13px;font-weight:700;min-height:52px;border:1px solid transparent;border-radius:3px;transition:background .25s,transform .25s,box-shadow .25s}.button span{font-family:Arial,sans-serif;font-size:22px;line-height:1}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #20252020}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#364738}.button-light{background:var(--paper);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:12px;font-weight:700;padding:6px 0}.text-link>span:last-child{font-size:21px}.text-link:hover{color:var(--orange)}.play-icon{font-size:15px!important;width:25px;height:25px;border:1px solid #6b71616b;border-radius:50%;display:grid;place-items:center;line-height:1}.hero-note{display:flex;align-items:center;gap:12px;font-size:10px;color:#747c6c;letter-spacing:1px;margin-top:31px}.note-line{height:1px;width:27px;background:#8b9382}.hero-side{position:absolute;right:31px;top:62px;writing-mode:vertical-rl;font-size:12px;letter-spacing:4px;color:white;text-shadow:0 1px 6px #163a6277}.hero-bottom{position:absolute;bottom:20px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:2;font-size:10px;letter-spacing:1px}.scroll-cue{display:flex;gap:13px;align-items:center}.scroll-cue>span{border:1px solid #9ba597;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:15px}.scroll-cue small{font-family:Barlow,Arial,sans-serif;font-size:9px;letter-spacing:2px;color:#777d71}.hero-caption{font-family:Barlow,Arial,sans-serif}.hero-caption span{margin:0 9px;color:#c19665}.edition{font-size:9px;font-family:Barlow,Arial,sans-serif;display:flex;gap:28px;align-items:center}.edition b{font-size:15px}.marquee{background:var(--orange);overflow:hidden;padding:13px 0;color:#fff4da;border-top:1px solid #b9430c;border-bottom:1px solid #b9430c}.marquee>div{display:flex;align-items:center;gap:42px;width:max-content;animation:marquee 60s linear infinite}.marquee span{font-family:Barlow,'Microsoft YaHei',sans-serif;font-weight:700;letter-spacing:2px;font-size:16px}.marquee i{font-size:23px;font-style:normal;line-height:1}@keyframes marquee{to{transform:translateX(-50%)}}
.section-label{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1.5px;font-weight:600}.section-label>span:first-child{font-family:Barlow,Arial,sans-serif;letter-spacing:2px}.spirit{padding:77px 0 88px;border-bottom:1px solid var(--line)}.spirit-layout{display:flex;gap:88px;align-items:center;margin-top:48px;position:relative}.spirit-symbol{position:relative;border:2px solid #aaa797;border-radius:50%;width:175px;height:175px;flex-shrink:0;display:grid;place-items:center;font-family:serif;font-size:105px;font-weight:700;line-height:1;transform:rotate(-10deg);color:var(--ink);margin-left:48px}.spirit-symbol:before{content:'';position:absolute;inset:-9px;border:1px solid #b5b4a7;border-radius:50%;border-top-style:dashed}.spirit-symbol span{position:absolute;bottom:-40px;font-family:Barlow,Arial,sans-serif;font-size:9px;letter-spacing:2px;text-align:center;line-height:1.5;transform:rotate(10deg)}.spirit-copy h2{font-size:36px;line-height:1.5;letter-spacing:-.5px}.spirit-copy h2 span{color:var(--orange)}.spirit-copy p{margin-top:18px;font-size:12px;color:var(--muted);line-height:2}.spirit-values{display:flex;gap:34px;margin-top:28px;font-size:11px;font-weight:700}.spirit-values b{font-family:Barlow,Arial,sans-serif;font-size:10px;color:var(--orange);margin-right:8px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading h2{font-size:48px;letter-spacing:-2px;margin-top:18px}.outline-text{color:transparent;-webkit-text-stroke:1px var(--ink);font-weight:900}.heading-dot{color:var(--orange)}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9;padding-bottom:4px}.warriors{padding-top:85px;padding-bottom:80px}.character-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-bottom:1px solid var(--line)}.character-tab{padding:15px 8px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;color:#7a7e73;border-bottom:3px solid transparent;margin-bottom:-1px;transition:.25s}.character-tab b{font-family:Barlow,Arial,sans-serif;font-size:10px;font-weight:500}.character-tab[aria-selected=true]{border-bottom-color:var(--orange);color:var(--ink);font-weight:700}.character-tab:hover{background:#eeece4}.character-stage{position:relative;display:grid;grid-template-columns:45% 55%;min-height:530px;background:#efeee5;margin-top:24px;overflow:hidden}.character-copy{padding:45px 30px 38px 48px;position:relative;z-index:2}.character-meta{display:flex;gap:20px;justify-content:space-between;font-size:10px;font-family:Barlow,'Microsoft YaHei',sans-serif;letter-spacing:2px;color:#73786b}.character-copy h3{font-family:Sanctuary,'Microsoft YaHei',sans-serif;font-size:52px;letter-spacing:-2px;margin-top:23px}.character-en{font-family:Barlow,Arial,sans-serif;font-size:20px;letter-spacing:6px;font-weight:600;margin-top:2px;color:var(--accent)}.character-quote{font-size:16px;font-weight:700;margin-top:23px}.character-copy>p:not(.character-quote){font-size:12px;color:#707466;line-height:2;margin-top:12px;max-width:350px}.character-facts{display:flex;gap:30px;margin:23px 0 21px}.character-facts div{display:flex;flex-direction:column;gap:3px}.character-facts dt{font-size:10px;color:#7d8276}.character-facts dd{margin:0;font-size:12px;font-weight:700}.forms{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.form-button{font-size:10px;padding:5px 10px;border:1px solid #bfc2b4;border-radius:2px;background:#f8f7f1}.form-button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.character-more{font-size:11px}.character-visual{position:relative;min-height:530px;isolation:isolate;display:flex;align-items:center;justify-content:center}.character-visual:before{content:'';width:330px;height:330px;position:absolute;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 35%,transparent),transparent 70%);z-index:-1;border-radius:50%;filter:blur(12px)}.character-giant{position:absolute;left:0;top:90px;right:0;white-space:nowrap;font-family:Barlow,Impact,sans-serif;font-size:clamp(90px,12vw,180px);font-weight:800;line-height:1;letter-spacing:-8px;color:color-mix(in srgb,var(--accent) 15%,transparent);text-align:center;z-index:-1}.character-orbit{position:absolute;width:390px;height:390px;border:1px solid #78846a26;border-radius:50%;z-index:-1}.orbit-two{width:315px;height:315px;border-style:dashed}.character-cross{position:absolute;font-size:23px;font-weight:300;color:#6f7b6350}.cross-one{left:15%;top:13%}.cross-two{right:12%;bottom:19%}#character-image{height:470px;width:350px;object-fit:contain;object-position:bottom;filter:drop-shadow(10px 18px 12px #263b3433);transition:opacity .2s,transform .35s;z-index:2;transform:translateY(5px)}#character-image.changing{opacity:0;transform:translateY(15px)}.character-art-label{position:absolute;bottom:17px;right:23px;text-align:right;font-family:Barlow,Arial,sans-serif;letter-spacing:1.5px;font-size:9px;color:#747f68}.character-art-label b{display:block;font-family:inherit;font-size:8px;font-weight:400;letter-spacing:2px}.character-footnote{display:flex;justify-content:space-between;gap:14px;color:#868b7e;font-size:9px;padding-top:12px}kbd{font:inherit;padding:1px 4px;border:1px solid #d0d2c9;border-radius:3px}
.journey{padding:40px 0 90px}.saga-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.saga-tab{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:21px 15px 22px 0;border-top:2px solid transparent;margin-top:-1px;color:#8c9186;font-size:12px}.saga-tab b{font-family:Barlow,Arial,sans-serif;font-size:25px;font-weight:500}.saga-tab[aria-selected=true]{color:var(--ink);border-top-color:var(--orange)}.saga-tab[aria-selected=true] b{color:var(--orange)}.saga-tab:hover{color:var(--orange)}.saga-panel{display:grid;grid-template-columns:44% 56%;min-height:370px;position:relative;border:1px solid var(--line);overflow:hidden;background:#f1efe7;--saga-accent:#8a6c9f}.saga-visual{position:relative;isolation:isolate;overflow:hidden;min-height:370px;background:color-mix(in srgb,var(--saga-accent) 12%,#eeeee5)}.saga-big-num{position:absolute;font:300 330px/1 Barlow,Impact,sans-serif;letter-spacing:-12px;left:15px;top:-22px;color:#ffffff55}.saga-planet{position:absolute;left:16%;top:12%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--saga-accent) 50%,#fff),var(--saga-accent));box-shadow:inset -40px -15px 35px #17213744,0 0 70px #ffffff50;opacity:.5}.saga-ring{position:absolute;left:10%;top:34%;height:150px;width:330px;border:1px solid #fff8;border-radius:50%;transform:rotate(-30deg);z-index:3}#saga-art{position:absolute;bottom:-35px;left:50%;transform:translateX(-50%) rotate(5deg);height:385px;width:280px;object-fit:contain;filter:drop-shadow(10px 10px 10px #273c3d33);z-index:2}.saga-visual-tag{position:absolute;bottom:17px;left:20px;font-family:Barlow,sans-serif;font-size:9px;letter-spacing:2px;z-index:3}.saga-copy{padding:38px 43px;background:var(--paper);z-index:3}.saga-copy .eyebrow{font-family:Barlow,sans-serif;font-size:10px;color:var(--saga-accent);letter-spacing:2px}.saga-copy h3{font-size:29px;margin:13px 0 17px;letter-spacing:-1px}.saga-copy>p{font-size:12px;line-height:2;color:var(--muted);max-width:450px}.saga-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.saga-tags span{font-size:10px;border:1px solid #dcded4;padding:2px 9px}.spoiler-button{display:flex;width:100%;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 10px;padding:11px 0;font-size:11px}.spoiler-button span{font-size:18px}#saga-spoiler{font-size:12px;line-height:2;color:#64695d;margin:12px 0;background:#eeede4;padding:13px 16px;border-left:2px solid var(--saga-accent)}.saga-copy>.text-link{font-size:10px}
.moments{height:690px;position:relative;overflow:hidden;background:#111c27;color:#fff}.moment-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.moment-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b151ef2,#0b151ec2 27%,#0b151e22 60%,#0b151e33),linear-gradient(0deg,#0b151e,transparent 35%)}.moment-content{height:100%;position:relative;padding-top:47px;padding-bottom:26px;display:flex;flex-direction:column}.moment-content .section-label{color:#d3d7d7}.moment-heading{margin-top:72px;max-width:600px}.moment-small{font-size:10px;letter-spacing:2px;color:#dfb67b}.moment-heading h2{font-size:66px;line-height:1.3;letter-spacing:-2px;margin-top:17px}.moment-heading h2 span{color:#ffc272}.moment-heading p{font-size:12px;line-height:2;color:#bbc7cb;margin:23px 0 28px}.moment-heading .button{font-size:12px}.moment-bottom{margin-top:auto;display:flex;justify-content:space-between;font-size:10px;color:#9ea9aa;letter-spacing:1px}.moment-bottom>span:last-child{font-family:Barlow,sans-serif;font-size:9px}
.guide{padding-top:90px;padding-bottom:80px}.guide .section-heading h2{font-size:43px;line-height:1.5}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.guide-card{padding:24px 26px 22px;border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.guide-card:hover{transform:translateY(-6px);box-shadow:0 12px 20px #1e26110b}.guide-start{background:#f1eee1}.guide-super{background:#e9eee8}.guide-movies{background:#eeeaf0}.guide-index{font-size:10px;color:#707c69;letter-spacing:1px}.guide-illustration{height:150px;position:relative;display:flex;align-items:center;justify-content:center;margin:12px 0}.guide-big-orb{display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 32% 24%,#ffeaa6,#ffd053 30%,#ee8b25 75%,#d95613);width:95px;height:95px;color:#d34b19;font-size:20px;line-height:1;text-align:center;box-shadow:inset 3px 3px 8px #fff8,8px 12px 20px #bb951b30;transform:rotate(-12deg);z-index:2}.guide-orbit{position:absolute;width:185px;height:110px;border:1px solid #ba9f5544;transform:rotate(-25deg);border-radius:50%}.mini-cloud{position:absolute;background:#e3d8b4;width:45px;height:13px;border-radius:50%;opacity:.7}.mini-cloud:after{content:'';position:absolute;background:inherit;left:10px;bottom:0;width:20px;height:23px;border-radius:50%}.cloud-a{top:40px;left:15%}.cloud-b{bottom:25px;right:12%;transform:scale(.8)}.guide-super-word{font-family:Sanctuary,'Microsoft YaHei',sans-serif;font-size:110px;font-weight:900;font-style:italic;line-height:1;-webkit-text-stroke:1.5px #6a927a;color:transparent;transform:rotate(-7deg);text-shadow:5px 5px #b4c9b380}.guide-lightning{position:absolute;font-size:90px;color:#c2ac52;right:18%;top:30px;font-weight:700;transform:rotate(8deg)}.film-frame{border:1px solid #a09bb0;background:#e2dfeb;width:160px;height:100px;transform:rotate(-9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:8px 8px 0 #c8c2d244;position:relative}.film-frame:before,.film-frame:after{content:'';position:absolute;left:3px;right:3px;height:5px;background:repeating-linear-gradient(90deg,#aaa3bd 0 7px,transparent 7px 13px)}.film-frame:before{top:3px}.film-frame:after{bottom:3px}.film-frame span{font:600 10px Barlow,sans-serif;letter-spacing:3px}.film-frame b{font-size:30px;color:#777086;line-height:1}.guide-card h3{font-size:22px;margin-bottom:13px}.guide-card>p{font-size:11px;color:#74786a;line-height:2;min-height:44px}.guide-card .text-link{display:flex;justify-content:space-between;margin-top:20px;padding-bottom:17px;border-bottom:1px solid #aab0a344;font-size:11px}.guide-tag{display:block;margin-top:13px;font-size:9px;letter-spacing:.5px;color:#7c8273}.guide-note{position:relative;font-size:10px;margin-top:21px;color:#8a8f80;padding-right:90px;min-height:46px}.wish-section{background:#efeadc;position:relative;overflow:hidden;border-top:1px solid #ddd7c8}.wish-dots{position:absolute;inset:0;background-image:radial-gradient(#a8a08838 .7px,transparent .7px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent,#000)}.wish-inner{padding:43px 0 70px;position:relative}.wish-layout{position:relative;padding-top:43px;display:flex;justify-content:space-between;align-items:center;gap:30px}.wish-layout h2{font-size:42px;line-height:1.5;letter-spacing:-1.5px}.wish-layout h2 span{color:var(--orange)}.wish-layout p{margin:20px 0 24px;font-size:12px;line-height:2;color:#777e6b}.wish-progress{font-size:10px;color:#7e8374;margin-left:22px}.wish-progress b{color:var(--orange)}.wish-orbs{width:400px;height:290px;position:relative;margin-right:40px;flex-shrink:0}.wish-orbs:before{content:'';position:absolute;inset:15px 30px;border:1px dashed #bbae8b;transform:rotate(-20deg);border-radius:50%}.wish-orbs:after{content:'SEVEN STARS. ONE DREAM.';position:absolute;bottom:-5px;left:0;right:0;text-align:center;font:500 10px Barlow,sans-serif;letter-spacing:3px;color:#96856a}.decor-orb{position:absolute;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 24%,#fff0bb,#ffd055 25%,#f3a32b 65%,#da7018);box-shadow:inset 2px 2px 4px #fffb,8px 15px 18px #97702d30;color:#d8541f;font-size:12px;line-height:1.2;animation:float 7s ease-in-out infinite}.decor-orb span{max-width:40px;text-align:center;letter-spacing:1px}.decor-orb:nth-child(4){height:95px;width:95px;z-index:2;font-size:17px}.decor-orb:nth-child(4) span{max-width:65px}.footer{padding-top:42px;padding-bottom:24px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:33px}.footer-top>p{font-size:11px;color:#838879;margin-left:auto;margin-right:80px;line-height:1.9}.back-top{font-size:10px;display:flex;gap:15px;align-items:center}.back-top span{font-size:22px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px;font-size:8px;color:#92988a}.footer-bottom>div{display:flex;gap:18px;align-items:center}.footer-bottom button{font-size:inherit;padding:0}.footer-bottom a:hover,.footer-bottom button:hover{color:var(--orange)}.footer-bottom>span:last-child{font-family:Barlow,sans-serif;letter-spacing:1px}
.dragonball{position:relative;background:radial-gradient(circle at 30% 23%,#fff2ba,#ffd65b 30%,#f4a229 65%,#dd6515 95%);border-radius:50%;border:1px solid #e8982b;box-shadow:inset 2px 2px 4px #fffa,inset -2px -4px 5px #a0391630,4px 8px 15px #90611d33;color:#ce4c20;display:grid;place-items:center;padding:7px;width:50px;height:50px;z-index:5;transition:transform .3s,filter .3s,opacity .3s;animation:float 5s ease-in-out infinite}.dragonball:before{content:'';position:absolute;width:15px;height:8px;background:#fff9;border-radius:50%;left:8px;top:6px;transform:rotate(-35deg)}.ball-stars{font-size:10px;line-height:1.1;letter-spacing:1px;max-width:34px;word-break:break-all;text-align:center}.dragonball:hover{filter:brightness(1.15);transform:scale(1.16);animation-play-state:paused}.dragonball.collected{opacity:.4;filter:grayscale(.7);animation:none;box-shadow:none}.dragonball.collected:after{content:'✓';position:absolute;color:var(--ink);font-size:24px;font-weight:700;background:#f7f5efcc;border-radius:50%;inset:0;display:grid;place-items:center}.hero-ball{position:absolute;right:36%;bottom:25%;width:58px;height:58px;animation-delay:-2s;box-shadow:0 0 20px #ffe1a066,4px 12px 17px #ad771c55}.hero-ball .ball-stars{font-size:23px}.spirit-ball{position:absolute;right:10%;top:40%;transform:rotate(10deg)}.character-ball{position:absolute;right:30px;top:25px;width:42px;height:42px}.saga-ball{position:absolute;left:24px;bottom:35px;width:44px;height:44px}.moment-ball{position:absolute;right:9%;top:20%;box-shadow:0 0 30px #ffae0050;animation-delay:-3s}.guide-ball{position:absolute;right:10px;top:-10px;width:43px;height:43px}.final-ball{position:absolute;right:22%;top:42%;width:57px;height:57px}.final-ball .ball-stars{max-width:40px;font-size:10px}.radar-fab{position:fixed;right:23px;bottom:22px;z-index:25;display:flex;align-items:center;gap:11px;background:#f8f8f0ed;backdrop-filter:blur(12px);border:1px solid #c0c7b3;border-radius:40px;padding:9px 17px 9px 9px;box-shadow:0 4px 18px #263a3220}.radar-mini{position:relative;display:block;width:35px;height:35px;border:1px solid #739b67;border-radius:50%;background:repeating-radial-gradient(circle,#406c4a00 0 7px,#71926844 7px 8px),#d6e2c6;overflow:hidden}.radar-mini:after{content:'';position:absolute;width:100%;height:1px;top:50%;left:0;background:#8fab77}.radar-mini:before{content:'';position:absolute;height:100%;width:1px;left:50%;top:0;background:#8fab77}.radar-mini i{position:absolute;inset:0;background:conic-gradient(transparent 70%,#71944955);animation:radar 5s linear infinite}.radar-fab-label{font-size:10px;line-height:1.5;text-align:left}.radar-fab-label b{display:block;font-family:Barlow,sans-serif;font-size:11px;letter-spacing:2px;color:#70865c}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);background:#243c2e;color:#fff9df;padding:12px 23px;border-radius:5px;box-shadow:0 5px 25px #10291e33;z-index:70;font-size:12px;opacity:0;pointer-events:none;transition:.3s;max-width:calc(100% - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes radar{to{transform:rotate(360deg)}}
dialog{border:1px solid #dcded2;border-radius:4px;background:var(--paper);color:var(--ink);padding:45px;max-width:min(750px,calc(100% - 32px));max-height:90svh;overflow-y:auto;box-shadow:0 25px 80px #091b2855}dialog::backdrop{background:#15201bd1;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:15px;font-size:28px;width:36px;height:36px;line-height:1;border-radius:50%;z-index:3}.dialog-close:hover{background:#e5e4d9}.detail-dialog h2{font-size:35px;margin:15px 0 20px}.detail-dialog h3{font-size:18px;margin:22px 0 9px}.detail-dialog p{font-size:13px;line-height:2;color:#727666}.detail-dialog a{color:#b94d19;text-decoration:underline;text-underline-offset:3px}.detail-dialog .dialog-lead{font-size:16px;font-weight:700;color:var(--ink)}.detail-dialog .eyebrow{font-family:Barlow,sans-serif;color:var(--orange);padding-right:25px}.detail-dialog ul,.detail-dialog ol{padding-left:20px;font-size:12px;color:#686f60;line-height:2.1}.detail-dialog li{margin-bottom:12px}.detail-dialog .detail-meta{font-size:10px;padding:13px;background:#ecebdf;margin:17px 0;border-left:2px solid var(--orange)}.detail-dialog .moment-detail{border-top:1px solid var(--line);padding-top:10px;margin-top:22px}.detail-dialog .moment-detail>span{font-family:Barlow,sans-serif;color:var(--orange);font-size:11px;letter-spacing:2px}.radar-dialog{text-align:center;width:490px;padding:40px 32px 27px}.radar-dialog .eyebrow{justify-content:center;font-size:10px;color:#6d8756}.radar-dialog h2{font-size:27px;line-height:1.5;margin:18px 0 12px}.radar-description{font-size:10px;color:#7c846d}.radar-screen{position:relative;width:250px;height:250px;margin:26px auto 20px;border:8px solid #d9dfcd;border-radius:50%;box-shadow:0 0 0 1px #a8b49a,inset 0 0 20px #24422055;background:repeating-radial-gradient(circle,transparent 0 27px,#8bac5d50 28px 29px),linear-gradient(90deg,transparent 49.6%,#96b47088 49.6% 50.4%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,#96b47088 49.6% 50.4%,transparent 50.4%),#384f32;overflow:hidden}.radar-sweep{position:absolute;inset:0;background:conic-gradient(transparent 65%,#a9da5a38);animation:radar 6s linear infinite}.radar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#c7df8b;line-height:1}.radar-dot{position:absolute;width:35px;height:35px;transform:translate(-50%,-50%);border-radius:50%;color:#f6de6b;font-size:10px;display:grid;place-items:center;text-shadow:0 0 10px #f4d22b}.radar-dot:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#e9ca53;box-shadow:0 0 10px #f2d34e;opacity:.3}.radar-dot.found{color:#90b278}.radar-dot.found:before{background:#90b278;box-shadow:none}.radar-dot:hover{background:#b0c46f33}.radar-progress{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.radar-progress span{width:23px;height:23px;border-radius:50%;border:1px solid #b2b9a4;color:#a6af98;font-size:10px;display:grid;place-items:center}.radar-progress span.found{background:#f7b43b;color:#b84f16;border-color:#e69924}.summon-button{width:100%;justify-content:center;font-size:11px}.summon-button:disabled{opacity:.45;transform:none;box-shadow:none}.reset-collection{font-size:10px;text-decoration:underline;text-underline-offset:3px;color:#879079;margin-top:15px}.summon-dialog{width:520px;text-align:center;isolation:isolate;overflow:hidden;padding:55px 35px 40px}.summon-aura{font:900 290px/1 serif;position:absolute;left:50%;top:60px;transform:translateX(-50%) rotate(-10deg);color:#b7c7a233;z-index:-1;pointer-events:none}.summon-dialog .eyebrow{justify-content:center;font-family:Barlow,sans-serif;color:#668251;font-size:11px}.summon-dialog h2{font-size:47px;margin:27px 0 15px}.summon-dialog h2 span{color:var(--orange)}.summon-dialog>p{font-size:13px;color:#7c846e;margin-bottom:35px}.summon-dialog label{display:block;text-align:left;font-size:11px;color:#727d64}.summon-dialog input{width:100%;background:#f8f8f0;border:1px solid #c9d0ba;border-radius:2px;padding:13px;font-size:12px;margin:8px 0 15px}.summon-dialog .button{width:100%;font-size:12px}.wish-privacy{display:block;font-size:9px;color:#8c947d;margin-top:16px}.noscript-note{padding:20px;background:#ffe0a3;text-align:center}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduced-motion{scroll-behavior:auto}
/* Keep collectible hit targets still; only their light pulses. */
.summon-dialog{padding-top:28px;overflow-y:auto}.shenron-art{height:190px;width:260px;object-fit:contain;margin:0 auto 14px;filter:drop-shadow(0 8px 13px #345b2330)}.summon-dialog h2{font-size:36px;margin:17px 0 10px}.summon-dialog>p{margin-bottom:23px}.summon-dialog .eyebrow{font-size:10px}.summon-aura{top:220px;color:#b7c7a21f}
.dragonball{animation:orb-glow 5s ease-in-out infinite}.dragonball:hover{animation-play-state:paused}
@keyframes orb-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
@media(min-width:1700px){.hero-content{padding-top:90px}.hero h1{font-size:90px}.hero-art{object-position:center 55%}}
@media(max-width:1100px){.section-shell{width:calc(100% - 72px)}.navigation{gap:20px}.header{padding:0 30px;gap:15px}.header-actions{gap:10px}.hero-content{padding-left:36px;width:70%}.hero h1{font-size:64px}.hero-caption{display:none}.spirit-layout{gap:65px}.spirit-symbol{margin-left:15px}.character-copy{padding:35px 25px 30px 30px}.character-facts{gap:16px}.character-quote{font-size:14px}.character-visual{min-height:530px}.character-orbit{width:320px;height:320px}.orbit-two{width:270px;height:270px}.character-giant{font-size:140px}.saga-copy{padding:30px}.wish-orbs{margin-right:0;width:320px}.wish-layout h2{font-size:37px}.wish-progress{display:block;margin:15px 0 0}.footer-top>p{margin-right:40px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span:last-child{margin-left:auto}}
@media(max-width:800px){.header{height:74px;padding:0 22px}.brand{font-size:18px}.brand small{font-size:8px;letter-spacing:1px}.brand-orb{height:35px;width:35px;font-size:24px}.navigation{display:none;position:absolute;top:73px;left:0;right:0;background:var(--paper);padding:20px 25px;border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:15px 30px}.navigation.open{display:flex}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.menu-toggle span{width:20px;height:1px;background:var(--ink)}.header-cta{padding:5px 12px;font-size:10px;gap:15px}.sound-toggle{width:28px}.header-actions{gap:7px}.hero{height:690px;min-height:0}.hero-content{padding-top:62px;width:80%}.hero h1{font-size:59px}.hero-description{font-size:12px}.hero-wash{background:linear-gradient(90deg,#f7f5efe0,#f7f5ef8a 40%,transparent 75%),linear-gradient(0deg,#f7f5ef,transparent 40%)}.hero-art{object-position:63% center;opacity:.95}.hero-side{right:20px}.hero-ball{right:19%;bottom:22%}.hero-bottom{left:25px;right:25px}.hero-note{margin-top:23px}.spirit-layout{gap:44px}.spirit-symbol{width:125px;height:125px;font-size:75px;margin-left:10px}.spirit-copy h2{font-size:29px}.spirit-ball{right:0;top:0;scale:.8}.section-heading h2{font-size:40px}.section-heading>p{font-size:10px}.character-stage{grid-template-columns:48% 52%;min-height:500px}.character-copy h3{font-size:43px}.character-en{font-size:16px}.character-quote{font-size:13px}.character-copy>p:not(.character-quote){font-size:11px}.character-copy{padding:30px 10px 30px 23px}.character-meta{font-size:8px;letter-spacing:1px}.character-visual{min-height:500px}.character-giant{font-size:100px;letter-spacing:-5px}#character-image{height:400px;width:260px}.character-orbit{width:240px;height:240px}.orbit-two{width:200px;height:200px}.character-art-label{font-size:7px}.character-facts{gap:16px}.character-facts dd{font-size:10px}.form-button{font-size:9px;padding:4px 7px}.character-tab{font-size:11px;gap:5px}.saga-copy{padding:28px 23px}.saga-copy h3{font-size:24px}.saga-planet{left:5%;width:220px;height:220px}.saga-ring{left:0;width:250px}.saga-big-num{font-size:260px}.saga-tab{font-size:10px}.moments{height:620px}.moment-heading h2{font-size:56px}.moment-content{padding-top:36px}.moment-heading{margin-top:65px}.moment-art{object-position:62% center}.guide .section-heading h2{font-size:34px}.guide-grid{gap:14px}.guide-card{padding:20px 18px}.guide-card h3{font-size:18px}.guide-card>p{font-size:10px}.guide-tag{font-size:8px}.guide-super-word{font-size:95px}.film-frame{width:130px}.guide-big-orb{width:82px;height:82px}.guide-orbit{width:140px}.wish-orbs{width:260px;scale:.8;transform-origin:right center}.wish-layout h2{font-size:31px}.wish-layout{gap:0}.final-ball{right:19%;top:43%;scale:.9}.footer-top>p{margin:0 25px;font-size:10px}.footer-bottom{font-size:8px}.footer-bottom>div{gap:13px}}
@media(max-width:600px){html{scroll-padding-top:80px}.section-shell{width:calc(100% - 40px)}.header{padding:0 17px;height:69px}.header-cta{display:none}.header-actions{gap:7px}.navigation{top:68px}.hero{height:780px;min-height:calc(100svh - 69px);max-height:880px}.hero-art{object-fit:cover;object-position:73% bottom;height:52%;top:auto;bottom:25px;opacity:1}.hero-wash{background:linear-gradient(180deg,#f7f5ef 0%,#f7f5ef 44%,#f7f5efb0 52%,transparent 63%),linear-gradient(0deg,#f7f5ef 0%,transparent 18%)}.hero-content{width:100%;padding:36px 23px 0}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero-english{font-size:12px;letter-spacing:3px;margin:25px 0 12px}.hero h1{font-size:clamp(42px,10.7vw,60px);letter-spacing:-2px}.hero-description{font-size:11px;margin-top:20px;line-height:1.9}.hero-buttons{margin-top:23px;gap:23px}.button{font-size:11px;padding:11px 20px;min-height:48px;gap:24px}.hero-buttons>.text-link{font-size:10px;gap:8px}.hero-note{font-size:8px;letter-spacing:.5px;margin-top:20px}.hero-side{top:55%;right:14px;font-size:9px;color:white}.hero-ball{right:68%;bottom:21%;width:45px;height:45px}.hero-bottom{left:22px;right:22px;bottom:14px}.scroll-cue{font-size:9px;gap:8px}.scroll-cue small{display:none}.edition{font-size:7px;gap:12px}.edition b{font-size:12px}.marquee{padding:10px 0}.marquee>div{gap:25px}.marquee span{font-size:12px;letter-spacing:1px}.marquee i{font-size:17px}.spirit{padding:47px 0 53px}.section-label{font-size:9px;letter-spacing:1px}.section-label>span:first-child{letter-spacing:1.5px}.spirit-layout{gap:26px;margin-top:34px;align-items:flex-start}.spirit-symbol{width:75px;height:75px;font-size:48px;margin:9px 0 0 7px}.spirit-symbol:before{inset:-5px}.spirit-symbol span{font-size:6px;letter-spacing:1px;bottom:-30px}.spirit-copy{flex:1}.spirit-copy h2{font-size:24px;letter-spacing:-.7px}.spirit-copy p{font-size:10px;line-height:1.9;margin-top:13px}.desktop-only{display:none}.spirit-values{gap:13px;margin-top:19px;font-size:9px}.spirit-values b{font-size:8px;margin-right:3px}.spirit-ball{right:1%;top:-21px;scale:.6}.warriors{padding:48px 0 35px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:35px;margin-top:14px;letter-spacing:-1.2px}.section-heading>p{margin-top:17px;font-size:10px}.character-tabs{overflow:auto;display:flex;scrollbar-width:none}.character-tab{min-width:79px;gap:5px;padding:13px 8px;font-size:10px}.character-tab b{font-size:9px}.character-stage{grid-template-columns:1fr;margin-top:18px;min-height:0}.character-copy{padding:28px 24px 20px}.character-copy h3{font-size:40px;margin-top:18px}.character-en{font-size:16px;letter-spacing:5px}.character-quote{margin-top:17px;font-size:14px}.character-copy>p:not(.character-quote){font-size:11px;margin-top:10px;max-width:none}.character-facts{gap:33px;margin:18px 0 17px}.character-facts dd{font-size:11px}.forms{margin-bottom:9px}.character-more{font-size:10px}.character-visual{min-height:350px;max-height:350px;margin-top:-10px}.character-visual:before{width:300px;height:300px}.character-giant{font-size:145px;letter-spacing:-6px;top:70px}.character-orbit{height:300px;width:300px}.orbit-two{height:240px;width:240px}#character-image{height:335px;width:270px;transform:translateY(0)}.character-art-label{font-size:7px;bottom:10px;right:14px}.character-art-label b{font-size:7px}.character-ball{top:auto;bottom:270px;right:22px;width:38px;height:38px}.character-footnote{font-size:8px}.character-footnote>span:last-child{display:none}.journey{padding:40px 0 50px}.saga-tabs{grid-template-columns:repeat(5,1fr)}.saga-tab{font-size:9px;padding:13px 4px 15px 0;gap:5px;line-height:1.6;align-items:center;text-align:center}.saga-tab b{font-size:22px}.saga-panel{grid-template-columns:1fr}.saga-visual{min-height:225px;max-height:225px}.saga-planet{width:190px;height:190px;left:50%;top:15px;transform:translateX(-50%)}.saga-ring{width:250px;left:50%;top:32%;transform:translateX(-50%) rotate(-30deg)}#saga-art{height:300px;bottom:-85px;width:220px}.saga-big-num{font-size:240px;top:-22px;left:18px}.saga-copy{padding:26px 23px}.saga-copy h3{font-size:26px}.saga-copy>p{font-size:11px}.saga-visual-tag{font-size:8px;left:15px;bottom:12px}.saga-ball{top:18px;bottom:auto;left:auto;right:18px;width:36px;height:36px}.saga-ball .ball-stars{font-size:8px}.saga-copy .text-link{font-size:9px}.moments{height:690px}.moment-art{object-position:68% center;opacity:.8}.moment-shade{background:linear-gradient(90deg,#0b151ee6,#0b151e22 95%),linear-gradient(0deg,#0b151e,transparent 45%),linear-gradient(180deg,#0b151e88,transparent 70%)}.moment-content{padding-top:28px;padding-bottom:24px}.moment-content .section-label{font-size:8px}.moment-content .section-label>span:last-child{display:none}.moment-heading{margin-top:78px}.moment-small{font-size:8px;letter-spacing:1px}.moment-heading h2{font-size:52px;margin-top:20px;line-height:1.35}.moment-heading p{font-size:11px;margin:23px 0 30px}.moment-bottom{display:block;font-size:9px}.moment-bottom>span:last-child{display:block;font-size:7px;margin-top:8px;letter-spacing:1px}.moment-ball{right:8%;top:20%;width:38px;height:38px}.guide{padding-top:50px;padding-bottom:40px}.guide .section-heading h2{font-size:30px}.guide-grid{grid-template-columns:1fr;gap:15px}.guide-card{padding:22px 23px;min-height:245px}.guide-index{font-size:9px}.guide-illustration{position:absolute;right:13px;top:38px;width:125px;height:120px;margin:0;opacity:.65}.guide-card h3{font-size:22px;margin-top:23px;margin-bottom:14px;position:relative;z-index:2}.guide-card>p{max-width:64%;font-size:11px;min-height:60px;position:relative;z-index:2}.guide-card .text-link{margin-top:14px;position:relative;z-index:2;font-size:11px}.guide-tag{font-size:9px}.guide-big-orb{height:75px;width:75px;font-size:16px}.guide-orbit{width:120px}.mini-cloud{display:none}.guide-super-word{font-size:100px}.guide-lightning{font-size:70px;right:0}.film-frame{width:105px;height:80px}.film-frame span{font-size:8px;letter-spacing:1px}.guide-note{font-size:9px;padding-right:50px;line-height:1.9}.guide-ball{right:0;top:0;width:36px;height:36px}.guide-ball .ball-stars{font-size:8px}.wish-inner{padding:30px 0 36px}.wish-inner .section-label>span:last-child{font-size:8px}.wish-layout{padding-top:30px;display:block}.wish-layout h2{font-size:32px}.wish-layout p{font-size:11px;margin:20px 0}.wish-progress{font-size:9px;margin-top:12px}.wish-orbs{width:300px;height:250px;scale:.86;transform-origin:top center;margin:10px auto -40px}.wish-orbs:after{bottom:-20px;font-size:9px}.final-ball{right:calc(50% - 37px);top:auto;bottom:100px;width:50px;height:50px;scale:.9}.footer{padding-top:30px;padding-bottom:90px}.footer-top{flex-wrap:wrap;gap:22px;padding-bottom:24px}.footer .brand{font-size:17px}.footer .brand small{font-size:7px}.footer .brand-orb{width:32px;height:32px}.footer-top>p{order:3;width:100%;margin:0;font-size:10px}.back-top{margin-left:auto;font-size:9px;gap:8px}.footer-bottom{gap:14px;font-size:8px;padding-top:18px}.footer-bottom>div{flex-wrap:wrap;gap:18px}.footer-bottom>span:last-child{margin:0}.radar-fab{right:15px;bottom:15px;padding:7px 14px 7px 7px;gap:8px}.radar-mini{height:31px;width:31px}.radar-fab-label{font-size:9px}.radar-fab-label b{font-size:10px}.toast{bottom:85px;font-size:11px;width:max-content;max-width:calc(100% - 30px)}dialog{padding:35px 23px;max-height:88svh}.detail-dialog h2{font-size:29px}.detail-dialog h3{font-size:17px}.detail-dialog p{font-size:12px}.detail-dialog ul,.detail-dialog ol{font-size:11px}.radar-dialog h2{font-size:25px}.radar-screen{width:230px;height:230px}.radar-dialog{padding:40px 23px 26px}.summon-dialog h2{font-size:43px}.summon-dialog{padding:45px 24px 30px}.summon-dialog input{font-size:11px}.summon-dialog .button{font-size:11px}}
@media(max-width:600px){.hero-wash{background:linear-gradient(180deg,#f7f5ef 0%,#f7f5ef 47%,#f7f5efa0 56%,transparent 66%),linear-gradient(0deg,#f7f5ef 0%,transparent 18%)}}
@media(prefers-reduced-motion:reduce){html:not(.motion-allowed){scroll-behavior:auto}html:not(.motion-allowed) *,html:not(.motion-allowed) *:before,html:not(.motion-allowed) *:after{animation:none!important;transition:none!important}}