:root{--ink:#183d43;--deep:#122e37;--cream:#f6f1e4;--gold:#f4cf7e;--muted:#b9cfcb;--line:#ffffff26;--radius:6px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:"Hiragino Sans","Noto Sans JP",system-ui,sans-serif;color:var(--cream);background:var(--deep);line-height:1.7;-webkit-text-size-adjust:100%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,p,figure{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #e7a740;outline-offset:6px}em{font-style:normal}section[id]{scroll-margin-top:24px}.skip-link{position:fixed;top:10px;left:10px;padding:12px 20px;background:var(--gold);color:var(--deep);z-index:20;transform:translateY(-160%)}.skip-link:focus{transform:none}
.site-header{height:80px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:3;border-bottom:1px solid var(--line);background:#173b43}.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:9px;box-shadow:0 0 0 1px #ffffff30}.brand span{font-size:12px;letter-spacing:2.3px;font-weight:650}.brand b{font-weight:850}.site-header nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:700;letter-spacing:1px}.site-header nav>a:first-child{padding:12px 0}.nav-release{padding:9px 20px;border:1px solid #e1d3a957;border-radius:3px;transition:background .2s}.nav-release:hover{background:#ffffff12}
.hero{position:relative;overflow:clip;background:radial-gradient(ellipse at 77% 45%,#587e6a60,transparent 51%),linear-gradient(125deg,#163b43,#254d51 64%,#3e665c);border-bottom:1px solid #e1d3a94a}.hero:before{content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:radial-gradient(#ede9c9 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(transparent,#000)}.hero-inner{width:min(1320px,90%);min-height:740px;display:grid;grid-template-columns:44% 56%;align-items:center;margin:auto;padding:45px 0 82px;position:relative}.hero-copy{position:relative;z-index:2;animation:arrive .8s both}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:750;letter-spacing:2px;color:var(--gold)}.eyebrow>span{width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}.game-title{width:400px;height:246px;max-width:100%;position:relative;margin:8px 0 12px}.game-title img{position:absolute;width:540px;max-width:none;height:303.75px;left:-79px;top:-38px}.hero-headline{font-size:clamp(25px,2.8vw,40px);font-weight:850;line-height:1.55;letter-spacing:.015em}.hero-headline em{color:var(--gold)}.hero-description{margin-top:20px;color:#d0ddd3;font-size:14px;line-height:2}.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;margin-top:30px;padding:16px 24px;min-height:56px;background:var(--gold);color:var(--deep);font-size:14px;font-weight:800;border-radius:3px;box-shadow:0 4px 0 #997c47;transition:transform .2s,box-shadow .2s}.primary-link:hover{transform:translateY(-3px);box-shadow:0 7px 0 #997c47}.primary-link span{font-size:23px;line-height:1}.hero-platforms{font-size:10px;letter-spacing:.3px;color:#c0d1c8;margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:9px}.hero-platforms i{opacity:.4;font-style:normal}.hero-platforms>span{font-size:10px;padding:2px 7px;border:1px solid #dce6cf38;border-radius:2px;margin-left:3px}
.hero-art{position:relative;width:calc(100% + 8vw);margin-left:-4vw;aspect-ratio:820/690;isolation:isolate;animation:arrive 1s .1s both}.art-halo{position:absolute;width:67%;aspect-ratio:1;border-radius:50%;background:radial-gradient(#c5cb813d,transparent 70%);left:24%;top:6%;z-index:-1}.orbit{position:absolute;border:1px solid #e4d79b18;border-radius:50%;width:64%;aspect-ratio:1;top:12%;left:27%;transform:rotateX(48deg) rotate(-28deg);z-index:-1}.orbit-two{width:89%;left:13%;top:1%;border-style:dashed}#hero-scene{width:100%;height:100%;display:block;filter:drop-shadow(0 25px 28px #071a244a)}.party-note{position:absolute;bottom:4%;left:35%;display:flex;align-items:center;gap:17px;transform:rotate(-3deg);padding:11px 23px 13px;background:#102e37f2;border:1px solid #e1ce8c60;border-radius:4px;box-shadow:5px 6px 0 #0d252a35;white-space:nowrap}.party-number{font:900 61px/1 Georgia,serif;color:var(--gold)}.party-note>div{display:grid;gap:1px}.party-kicker{font-size:10px;letter-spacing:1px;color:#bdcdc3}.party-note strong{font-size:20px;letter-spacing:1px}.party-mode{font-size:10px;letter-spacing:.6px;color:var(--gold)}.motion-toggle{position:absolute;right:6%;bottom:-4%;background:transparent;border:0;padding:9px 0;color:#c7d7ce;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.motion-toggle[hidden]{display:none}.motion-toggle>span{font-size:15px}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;color:#bdcec6;font-size:10px;letter-spacing:2px}.scroll-cue>span:last-child{font-size:23px;animation:scroll-nudge 1.8s infinite}.art-fallback{position:absolute;inset:20%;background:#173942;padding:25px}.scene-fallback{position:absolute;inset:15% 0}
.section-wrap{padding:100px max(5vw,24px)}.gameplay{background:var(--cream);color:var(--ink);position:relative}.gameplay:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#d9d1bc 0 12px,transparent 12px 28px)}.section-heading{width:min(1200px,100%);margin:0 auto 48px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-heading .eyebrow{color:#8c7250;font-size:10px;margin-bottom:15px}.section-heading h2{font-size:clamp(28px,3.5vw,44px);font-weight:850;line-height:1.5;letter-spacing:.01em}.section-heading h2 em{color:#61836a}.section-intro{font-size:13px;color:#68756a;line-height:2.1;padding-bottom:10px}.gameplay-layout{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:44px;align-items:start}.scene-choices{display:grid;gap:9px;padding-top:25px}.scene-choice{width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:23px 15px;border:1px solid transparent;border-bottom-color:#183d4329;border-radius:4px;background:transparent;color:var(--ink);transition:background .2s,transform .2s}.scene-choice:hover{background:#e9e6d9}.scene-choice[aria-pressed=true]{background:var(--ink);color:var(--cream);box-shadow:4px 5px 0 #d4cbb4;transform:translateX(5px)}.choice-number{font:italic 18px Georgia,serif;color:#9a8768;align-self:flex-start;padding-top:3px}.scene-choice[aria-pressed=true] .choice-number{color:var(--gold)}.scene-choice strong{display:block;font-size:17px;letter-spacing:.3px;line-height:1.8}.scene-choice small{display:block;font-size:10px;opacity:.7;line-height:1.9}.choice-arrow{margin-left:auto;color:#a89064;font-size:20px}.screen-panel{padding:10px;background:#173b43;border-radius:7px;box-shadow:12px 15px 0 #ded8c7;transform:rotate(-1deg)}.screen-top{padding:4px 8px 11px;display:flex;justify-content:space-between;font-size:9px;font-weight:650;letter-spacing:2px;color:#d8e0d0}.screen-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#d5c57e;margin-right:6px}.screen-open{display:block;padding:0;border:0;position:relative;width:100%;background:#21464c;color:#fff;aspect-ratio:16/9;overflow:hidden;border-radius:2px}.screen-open img{width:100%;height:100%;object-fit:contain;display:block;transition:filter .2s}.screen-open:hover img{filter:brightness(1.06)}.zoom-hint{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:7px;background:#102c39e8;border:1px solid #dfcf9066;padding:5px 10px;font-size:10px;border-radius:3px}.zoom-hint>span{font-size:18px;line-height:1}.screen-panel figcaption{padding:13px 9px 8px;color:#d3ded2;min-height:98px}.screen-panel figcaption p{font-size:11px;line-height:1.9}.screen-panel figcaption small{display:block;font-size:10px;line-height:1.8;color:#a6beb9;margin-top:7px}.screen-open[hidden]{display:none}
.release{padding:64px max(5vw,24px);background:#203f45;display:flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid var(--line)}.release .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:13px}.release h2{font-size:26px;font-weight:800}.release p:not(.eyebrow){font-size:11px;color:#b8ccc4;margin-top:12px}.platform-list{display:flex;gap:12px}.platform-list>span{font:650 15px/1.3 system-ui,sans-serif;border:1px solid #d6dab130;border-radius:4px;padding:15px 22px;min-width:120px}.platform-list small{display:block;color:#97b2aa;font-size:9px;letter-spacing:1px;margin-top:6px}.mobile-break{display:none}.site-footer{padding:28px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:24px;color:#98b3af;font-size:10px;flex-wrap:wrap}.footer-brand{font-size:10px;letter-spacing:2px;color:#e0ddc4;font-weight:750}.site-footer nav{display:flex;flex-wrap:wrap;gap:20px}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
dialog{width:min(1200px,94vw);max-height:92dvh;border:1px solid #d0c89570;padding:14px;border-radius:8px;background:#173b43;color:var(--cream);box-shadow:0 30px 100px #0007}dialog::backdrop{background:#071920ed;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 12px}.dialog-top h2{font-size:14px;font-weight:700}.dialog-close{border:1px solid #dfd1a050;border-radius:3px;background:transparent;color:var(--cream);padding:8px 14px;font-size:12px}.dialog-close span{font-size:17px;margin-left:8px}dialog>img{display:block;width:100%;height:auto;max-height:73dvh;object-fit:contain}dialog>p{font-size:12px;color:#d1ded3;margin-top:12px}body:has(dialog[open]){overflow:hidden}
.battle-film{background:radial-gradient(ellipse at 50% 100%,#294d48,transparent 75%),#102d35}.film-heading{width:min(1200px,100%);margin:0 auto 36px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.film-heading .eyebrow{font-size:10px;margin-bottom:15px}.film-heading h2{font-size:clamp(28px,3.5vw,44px);font-weight:850;line-height:1.5;letter-spacing:.01em}.film-heading h2 em{color:var(--gold)}.film-heading>p{font-size:13px;line-height:2.1;color:#b8cdc2;padding-bottom:10px}.film-frame{width:min(1200px,100%);margin:auto;border:1px solid #d9c38455;border-radius:6px;background:#0b242c;box-shadow:0 25px 60px #081e2740;overflow:clip}.film-player{position:relative;aspect-ratio:16/9;background:#0b242c}.film-player video{display:block;width:100%;height:100%;object-fit:contain}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px;padding:18px 27px;border:1px solid #f4cf7e99;border-radius:5px;background:#102d35ed;box-shadow:0 12px 45px #0006;color:var(--cream);font-size:15px;font-weight:750;white-space:nowrap;transition:background .2s}.film-play:hover{background:#234e50}.film-play[hidden]{display:none}.film-play-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:32px;font-weight:400;padding-left:3px;line-height:1}.film-play small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;margin-top:4px;color:#c5ba96;text-align:left}.film-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 20px;color:#adc3b9;font-size:10px}.film-frame figcaption>span:first-child{font-size:11px;color:#e0e7ce;white-space:nowrap}.film-frame i{display:inline-block;width:5px;height:5px;margin-right:7px;background:var(--gold);border-radius:50%}.film-error{width:min(1200px,100%);margin:20px auto 0;color:#f4cf7e;font-size:13px}.film-retry{border:1px solid #f4cf7e80;background:transparent;color:var(--gold);padding:8px 13px;margin-left:12px;border-radius:3px}.film-error[hidden]{display:none}
@media(max-width:760px){.film-heading{display:block;margin-bottom:24px}.film-heading h2{font-size:30px}.film-heading>p{font-size:12px;margin-top:20px;padding:0}.film-play{padding:12px 16px;gap:10px;font-size:12px}.film-play-icon{width:39px;height:39px;font-size:26px}.film-play small{font-size:8px;letter-spacing:1px}.film-frame figcaption{display:grid;gap:5px;padding:12px;font-size:9px}.film-frame figcaption>span:first-child{font-size:10px}.film-error{font-size:12px}.film-retry{margin:10px 0 0;display:block}}
.growth{background:radial-gradient(ellipse at 10% 20%,#fff9e9,transparent 65%),#eee8d8;color:var(--ink)}.growth .section-heading{margin-bottom:54px}.stats-feature{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:360px minmax(0,1fr);gap:52px;align-items:center}.growth-copy h3{margin:18px 0;font-size:30px;line-height:1.6;letter-spacing:.01em}.growth-copy>p:not(.growth-step):not(.reset-note):not(.gear-cycle){font-size:13px;line-height:2;color:#60726a}.growth-step{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:750;letter-spacing:1px}.growth-step>span{font:italic 25px Georgia,serif;color:#ad8746}.stat-choices{display:flex;gap:8px;margin-top:24px}.stat-choices button{border:1px solid #a99b7d;background:#fffcf3;color:var(--ink);padding:9px 15px;border-radius:3px;font-size:12px;font-weight:750;transition:background .2s,color .2s}.stat-choices button:hover{background:#e5ddc5}.stat-choices button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}.growth-copy>.stats-explanation{min-height:52px;padding-top:12px;font-size:12px!important}.reset-note{display:flex;align-items:center;gap:13px;border-top:1px solid #ad987c50;padding-top:19px;margin-top:8px;font-size:11px;line-height:1.9;color:#61756b}.reset-note>span:first-child{font-size:35px;color:#8b744b;line-height:1}.reset-note strong{font-size:14px;color:var(--ink)}.stats-board,.gear-board{min-width:0}.growth-screen-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#6b7b70;margin-bottom:14px}.growth-screen-head>span:first-child{font-size:9px;font-weight:750;letter-spacing:2px}.growth-screen{position:relative;display:block;width:100%;padding:0;border:1px solid #a89976;border-radius:4px;background:var(--deep);color:var(--cream);overflow:hidden;box-shadow:7px 9px 0 #cbbd992e}.growth-screen img{position:absolute;display:block;height:auto;max-width:none}.stats-preview{aspect-ratio:1800/650}.stats-preview img{width:106.6667%;left:-3.3333%;top:-50.7692%}.stat-focus{position:absolute;left:.5556%;top:14.1538%;width:49%;height:20.3077%;border:2px solid #ffe294;border-radius:4px;box-shadow:0 0 0 1000px #04182142,inset 0 0 12px #f4cf7e29;pointer-events:none;transition:left .35s,top .35s}.stats-preview[data-focus=speed] .stat-focus{left:50.3333%;top:35.8462%}.stats-preview[data-focus=hp] .stat-focus{top:35.8462%}.stats-board figcaption,.gear-board figcaption{font-size:11px;line-height:1.9;margin-top:18px;color:#627369}.stats-board figcaption>span,.gear-board figcaption>span{display:block;font-size:10px;margin-top:4px;opacity:.85}.gear-feature{width:min(1200px,100%);margin:64px auto 0;padding:42px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"screen copy";gap:42px;align-items:center;background:radial-gradient(ellipse at 95% 0%,#49665255,transparent 65%),#17363f;border:1px solid #ad95604a;border-radius:6px;color:var(--cream);box-shadow:0 16px 35px #344d3920}.gear-copy{grid-area:copy}.gear-copy .growth-step{color:#d8dcc6}.gear-copy .growth-step>span,.gear-copy h3 em{color:var(--gold)}.gear-copy>p:not(.growth-step):not(.gear-cycle){color:#bdcfc3!important}.gear-copy h3{margin-top:21px}.gear-board{grid-area:screen}.gear-board .growth-screen-head{color:#becfc3}.gear-preview{aspect-ratio:1848/928;border-color:#cdb17180;box-shadow:6px 8px 0 #0c242940}.gear-preview img{width:103.8961%;left:-1.9481%;top:-11.6379%}.gear-board figcaption{color:#bccdc0}.loot-display{display:flex;align-items:center;gap:12px;margin-top:23px}.loot-display img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated;padding:9px;background:radial-gradient(#c6ab6538,#0e2935);border:1px solid #d8b86a70;border-radius:4px;box-shadow:0 6px 14px #091d292b;transition:transform .25s,border-color .25s}.loot-display img:first-child{transform:rotate(-6deg)}.loot-display img:last-child{transform:rotate(6deg)}.loot-display img:hover{transform:translateY(-6px);border-color:var(--gold)}.gear-cycle{display:flex;gap:12px;align-items:center;margin-top:22px;font-size:12px;color:var(--gold)}.gear-cycle>span{color:#809d8e}
@media(max-width:1100px){.stats-feature{grid-template-columns:290px minmax(0,1fr);gap:28px}.growth-copy h3{font-size:26px}.gear-feature{padding:30px;gap:28px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.loot-display{gap:9px}.loot-display img{width:65px;height:65px}}
@media(max-width:760px){.growth .section-heading{margin-bottom:34px}.stats-feature{display:flex;flex-direction:column;align-items:stretch;gap:27px}.growth-copy h3{font-size:27px;margin:15px 0}.growth-copy>p:not(.growth-step):not(.reset-note):not(.gear-cycle){font-size:12px}.stat-choices{margin-top:20px;gap:7px}.stat-choices button{flex:1;padding:10px 7px;min-height:44px}.growth-copy>.stats-explanation{min-height:0;margin-bottom:15px;padding-top:10px;font-size:11px!important}.reset-note{padding-top:15px}.growth-screen-head{font-size:9px;gap:8px;margin-bottom:10px}.growth-screen-head>span:first-child{font-size:8px;letter-spacing:1.2px}.growth-screen .zoom-hint{font-size:8px;padding:2px 5px;bottom:5px;right:5px}.stat-focus{border-width:1.5px}.stats-board figcaption,.gear-board figcaption{font-size:10px;margin-top:13px}.stats-board figcaption>span,.gear-board figcaption>span{font-size:10px}.gear-feature{margin-top:36px;padding:25px 18px 23px;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "screen";gap:26px}.loot-display{gap:12px;margin-top:22px}.loot-display img{width:72px;height:72px}.gear-copy h3{margin-top:22px}.gear-cycle{font-size:11px;gap:10px;margin-top:19px}}
@media(max-width:760px){.stats-preview{aspect-ratio:900/480}.stats-preview img{width:213.3333%;left:-7.2222%;top:-85.4167%;transition:left .35s}.stats-preview .stat-focus{left:.5556%;top:2.5%;width:98%;height:27.5%}.stats-preview[data-focus=hp] .stat-focus,.stats-preview[data-focus=speed] .stat-focus{left:.5556%;top:31.875%}.stats-preview[data-focus=speed] img{left:-107.2222%}.gear-preview{aspect-ratio:1080/505}.gear-preview img{width:177.7778%;left:-74.0741%;top:-23.7624%}}
.choice-short{display:none}
.motion-paused .scroll-cue>span:last-child{animation-play-state:paused}
@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@media(min-width:1600px){.hero-inner{min-height:830px}.hero-art{width:112%;margin-left:-6%}}
@media(max-width:1100px){.hero-inner{grid-template-columns:46% 54%;min-height:730px}.game-title{transform:scale(.9);transform-origin:left center;margin-right:-40px;width:360px;height:221px}.hero-art{width:calc(100% + 10vw);margin-left:-6vw}.party-note{left:25%;bottom:0;transform:rotate(-3deg) scale(.9)}.motion-toggle{bottom:-10%}.gameplay-layout{grid-template-columns:270px minmax(0,1fr);gap:28px}.scene-choice{padding:20px 10px;gap:10px}.scene-choice strong{font-size:15px}.scene-choice small{font-size:9px}.release{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{height:68px;padding:0 20px;gap:12px}.brand{gap:8px}.brand img{width:32px;height:32px}.brand span{font-size:9px;letter-spacing:1.2px;display:grid;line-height:1.5}.site-header nav{gap:18px;font-size:10px;letter-spacing:0}.nav-release{padding:7px 11px}.hero-inner{width:100%;padding:35px 24px 87px;display:flex;flex-direction:column;min-height:0;align-items:stretch}.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center}.eyebrow{font-size:10px;letter-spacing:1.6px}.game-title{transform:scale(.82);transform-origin:top center;width:400px;height:202px;margin:8px -40px 4px;max-width:none}.hero-headline{font-size:28px;line-height:1.5}.hero-description{font-size:12px;margin-top:13px}.primary-link{margin-top:23px;font-size:13px;min-height:52px;padding:13px 22px;gap:38px}.hero-platforms{font-size:9px;justify-content:center;gap:7px;margin-top:19px}.hero-platforms>span{font-size:9px}.hero-art{width:calc(100% + 40px);margin:4px -20px 0;aspect-ratio:820/690}.party-note{left:50%;bottom:1%;transform:translateX(-50%) rotate(-3deg) scale(.78);transform-origin:bottom center}.motion-toggle{right:10px;bottom:-8%;font-size:9px;min-height:36px}.scroll-cue{bottom:14px;font-size:9px}.section-wrap{padding:64px 22px 70px}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:30px}.section-intro{font-size:12px;margin-top:20px;padding:0}.gameplay-layout{display:flex;flex-direction:column;gap:22px}.scene-choices{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0}.scene-choice{display:block;padding:12px 8px;text-align:center;border:1px solid #183d4329;border-radius:3px}.scene-choice[aria-pressed=true]{transform:translateY(-2px);box-shadow:2px 3px 0 #d4cbb4}.choice-number{display:block;font-size:15px;padding:0}.scene-choice strong{font-size:11px;letter-spacing:-.5px;margin-top:4px}.scene-choice small,.choice-arrow{display:none}.screen-panel{width:100%;padding:7px;transform:none;box-shadow:6px 8px 0 #ded8c7}.screen-top{padding:3px 3px 8px;font-size:8px}.screen-panel figcaption{padding:11px 5px 7px;min-height:106px}.screen-panel figcaption p{font-size:11px}.zoom-hint{right:6px;bottom:6px;font-size:9px;padding:3px 6px}.release{padding:42px 24px;gap:27px}.release h2{font-size:23px}.release p:not(.eyebrow){font-size:11px;max-width:280px}.platform-list{width:100%;gap:7px}.platform-list>span{flex:1;min-width:0;font-size:12px;padding:12px 9px}.platform-list small{font-size:8px}.site-footer{padding:28px 24px;display:grid;gap:20px;font-size:9px}.site-footer nav{gap:13px}.mobile-break{display:block}.dialog-top h2{font-size:12px}.dialog-close{padding:7px 10px;white-space:nowrap}dialog{padding:10px}dialog>p{font-size:11px}}
@media(max-width:360px){.site-header{padding:0 14px}.site-header nav{gap:12px}.hero-inner{padding-left:18px;padding-right:18px}.game-title{transform:scale(.72);height:180px}.hero-headline{font-size:25px}.hero-platforms>span{display:block}.scene-choice strong{font-size:10px}.section-wrap{padding-left:16px;padding-right:16px}}
@media(max-width:760px){.choice-full{display:none}.choice-short{display:inline}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy,.hero-art{opacity:1;transform:none}}

@font-face{font-family:DemoGame;src:url("assets/home/demo-mochiy-pop.ttf") format("truetype");font-weight:400;font-display:swap}
.stats-feature{grid-template-columns:270px minmax(0,1fr);gap:40px}.stats-source-link{display:flex;align-items:center;gap:12px;margin-top:23px;padding:10px 0;border:0;border-bottom:1px solid #9a8c6b;background:transparent;color:var(--ink);font-size:12px;font-weight:700}.demo-intro{margin-top:18px;margin-bottom:23px}
.build-demo{--game-ink:#1a141f;--game-gold:#f2cc59;min-width:0;padding:14px 18px;background:#293c40;border:3px solid var(--game-ink);border-radius:12px;color:#fff;font-family:DemoGame,sans-serif;font-weight:400;text-shadow:1px 1px 0 var(--game-ink),-1px -1px 0 var(--game-ink),1px -1px 0 var(--game-ink),-1px 1px 0 var(--game-ink);box-shadow:7px 9px 0 #c6b89440}
.build-demo strong,.build-demo b{font-weight:400}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding-bottom:9px;border-bottom:2px solid var(--game-ink)}.demo-toolbar>span{font-size:23px;color:var(--game-gold);-webkit-text-stroke:3px var(--game-ink);paint-order:stroke fill}.demo-toolbar small{display:inline-block;margin-left:14px;font-size:13px;color:#fff}.demo-motion,.demo-reset{border:3px solid var(--game-ink);background:#29383d;color:#fff;border-radius:8px;font-size:11px;padding:8px 12px;min-height:40px;text-shadow:inherit}.demo-motion:hover,.demo-reset:hover{border-color:var(--game-gold);background:#3d5757}.demo-motion[hidden]{display:none}
.demo-health{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:0 40px}.demo-health>div>span{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#fff}.demo-health b{font-variant-numeric:tabular-nums}.demo-health meter{display:block;width:100%;height:12px;margin-top:7px;border:0;background:#1a141f;border-radius:3px}.demo-health meter::-webkit-meter-bar{background:#1a141f;border:2px solid #1a141f;height:12px;border-radius:3px}.demo-health meter::-webkit-meter-optimum-value{background:#8dcc80}.demo-health meter::-moz-meter-bar{background:#8dcc80}#demo-enemy-meter::-webkit-meter-optimum-value{background:#e78564}#demo-enemy-meter::-moz-meter-bar{background:#e78564}#stat-demo-canvas{display:block;width:100%;max-width:620px;margin:0 auto;height:auto;aspect-ratio:640/300;image-rendering:pixelated}.demo-battle-result{display:flex;justify-content:center;gap:28px;font-size:11px;color:#cfccd2;padding:0 0 9px}.demo-battle-result b{color:var(--game-gold);font-size:14px;margin-left:8px;font-variant-numeric:tabular-nums}.demo-load{padding:18px;font-size:12px;color:var(--game-gold)}.demo-load[hidden]{display:none}
.demo-points-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 4px;color:var(--game-gold);border-top:2px solid var(--game-ink)}.demo-points-heading strong{font-size:16px}.demo-points-heading>span{font-size:10px;color:#cecad0}.demo-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.demo-stat{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #ffffff18;border-radius:9px;background:#11191db3;min-width:0}.demo-stat-icon{flex:none;width:28px;height:28px;image-rendering:pixelated}.demo-stat-body{flex:1;min-width:0}.demo-stat-name{line-height:1.4;display:flex;justify-content:space-between;align-items:center;gap:5px}.demo-stat-name strong{font-size:13px;color:var(--game-gold);white-space:nowrap}.demo-stat-name>span{font-size:11px;white-space:nowrap;color:#a1f39b}.demo-stat-body>p{margin:2px 0 0;font-size:10px;color:#cecad0;line-height:1.6;min-height:16px}
.demo-gauge{position:relative;height:19px;margin:2px 0 0;border:solid transparent;border-width:0 12px;border-image:var(--demo-bar) 0 15 fill / 0 12px / 0 stretch;image-rendering:pixelated}.demo-gauge>span{position:absolute;inset:6px -5px 7px;pointer-events:none;background:linear-gradient(to right,#f2cc59 var(--points,0%),transparent var(--points,0%));box-shadow:inset 0 2px #ffffff35}.demo-gauge input{position:absolute;left:-10px;top:-6px;width:calc(100% + 20px);height:31px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.demo-gauge input::-webkit-slider-runnable-track{height:7px;background:transparent}.demo-gauge input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:17px;margin-top:-5px;border:2px solid #f4d991;border-radius:2px;background:#9d825d;opacity:0}.demo-gauge input::-moz-range-track{height:7px;background:transparent}.demo-gauge input::-moz-range-thumb{width:6px;height:13px;border:2px solid #f4d991;border-radius:2px;background:#9d825d;opacity:0}.demo-gauge input:hover::-webkit-slider-thumb,.demo-gauge input:focus-visible::-webkit-slider-thumb{opacity:1}.demo-gauge input:hover::-moz-range-thumb,.demo-gauge input:focus-visible::-moz-range-thumb{opacity:1}
.demo-adjust{display:flex;gap:5px;flex:none}.demo-adjust button{width:34px;height:42px;border:3px solid var(--game-ink);border-radius:8px;background:#29383d;color:#fff;font-size:21px;line-height:1;padding:0;text-shadow:inherit}.demo-adjust button:hover:not(:disabled){background:#3d5757;border-color:var(--game-gold)}.demo-adjust button:active:not(:disabled){background:#4d6b66}.demo-adjust button:disabled{color:#77727c;background:#1f2426;cursor:default}.demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:8px}.demo-bottom>p{font-size:10px;color:#cfccd2;min-height:38px;display:flex;align-items:center}.demo-reset{white-space:nowrap}.demo-note{font-family:system-ui,sans-serif;font-size:11px;line-height:1.9;color:#c1c6c5;border-top:1px solid #ffffff18;margin-top:8px;padding-top:8px;text-shadow:none}.build-demo button:focus-visible,.build-demo input:focus-visible{outline:3px solid var(--game-gold);outline-offset:3px}
@media(max-width:1250px) and (min-width:761px){.stats-feature{grid-template-columns:230px minmax(0,1fr);gap:25px}.demo-stat{flex-wrap:wrap;gap:6px}.demo-stat-body{flex-basis:calc(100% - 34px)}.demo-adjust{margin-left:auto}.demo-health{padding:0 12px;gap:22px}.build-demo{padding:14px}}
@media(max-width:760px){.stats-feature{gap:26px}.demo-intro{margin-top:15px;margin-bottom:18px}.build-demo{padding:12px 9px;box-shadow:4px 6px 0 #c6b89440;border-radius:10px}.demo-toolbar{margin-bottom:10px;padding:0 3px 8px}.demo-toolbar>span{font-size:19px}.demo-toolbar small{font-size:11px;margin-left:8px}.demo-motion{font-size:10px;padding:6px 9px}.demo-health{padding:0 4px;gap:16px}.demo-health>div>span{font-size:9px}.demo-stats{grid-template-columns:1fr;gap:5px}.demo-stat{padding:6px 8px;gap:8px}.demo-stat-name strong{font-size:12px}.demo-stat-name>span{font-size:11px}.demo-adjust{gap:4px}.demo-adjust button{width:36px;height:44px}.demo-stat-body>p{font-size:10px}.demo-points-heading strong{font-size:14px}.demo-points-heading>span{font-size:9px}.demo-battle-result{gap:16px;font-size:9px;padding-bottom:8px}.demo-battle-result b{font-size:11px;margin-left:5px}.demo-bottom{gap:10px;align-items:center;flex-wrap:wrap}.demo-bottom>p{font-size:10px;min-height:0;flex-basis:100%}.demo-reset{margin-left:auto;font-size:11px}.demo-note{font-size:10px}.stats-source-link{font-size:11px}}
@media(max-width:360px){.demo-stat-icon{width:22px;height:22px}.demo-stat{gap:5px;padding:6px 6px}.demo-stat-name strong{font-size:11px}.demo-stat-name>span{font-size:10px}.demo-adjust button{width:32px}.demo-points-heading>span{font-size:8px}}

.coop{background:radial-gradient(ellipse at 0% 40%,#45614d66,transparent 55%),#15343e;color:var(--cream);border-top:1px solid #e2d6a43b}.coop-heading{align-items:center;margin-bottom:36px}.coop-heading .eyebrow{color:var(--gold)}.coop-heading h2 em{color:var(--gold)}.coop-count{display:flex;align-items:center;gap:16px;color:#cddbcc}.coop-count>strong{font:italic 120px/.9 Georgia,serif;color:var(--gold)}.coop-count>span{font-size:15px;line-height:1.7}.coop-showcase{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:45px;align-items:center}.coop-party{min-width:0}.coop-party h3{font-size:25px;line-height:1.65;margin:0 0 14px}.coop-description{font-size:13px;color:#bacdc3;line-height:2}.coop-lineup{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;padding-top:38px;isolation:isolate}.coop-lineup:before{content:"";position:absolute;left:0;right:0;bottom:22px;height:35px;border-radius:50%;background:radial-gradient(ellipse,#061d277d,transparent 72%);z-index:-1}.coop-player{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.coop-player>span:last-child{font-size:11px;margin-top:10px;white-space:nowrap}.coop-player i{font-style:normal;color:#8ebfe2;font-size:9px;margin-right:5px}.coop-player:nth-child(2) i{color:#e89076}.coop-player:nth-child(3) i{color:#c5a0df}.coop-player:nth-child(4) i{color:#edd16d}.coop-avatar{display:block;flex:none;background-repeat:no-repeat;image-rendering:pixelated;animation:coop-idle var(--duration) steps(var(--frames)) infinite;transform:scale(.95);transform-origin:bottom center}
.coop-warrior{width:84px;height:89px;background-image:url('assets/home/warrior.png');--start-x:-59px;--end-x:-1595px;--top:-48px;--frames:8;--duration:1.14s}.coop-lancer{width:70px;height:150px;background-image:url('assets/home/lancer.png');--start-x:-114px;--end-x:-3954px;--top:-48px;--frames:12;--duration:1.71s}.coop-archer{width:72px;height:89px;background-image:url('assets/home/archer.png');--start-x:-56px;--end-x:-1208px;--top:-47px;--frames:6;--duration:.86s}.coop-monk{width:58px;height:69px;background-image:url('assets/home/monk.png');--start-x:-67px;--end-x:-1219px;--top:-65px;--frames:6;--duration:.86s}
@keyframes coop-idle{from{background-position:var(--start-x) var(--top)}to{background-position:var(--end-x) var(--top)}}
.coop-paused .coop-avatar,.coop-offscreen .coop-avatar,.coop-hidden .coop-avatar{animation-play-state:paused}.coop-bubble{position:absolute;left:0;top:10px;display:flex;align-items:center;gap:7px;background:#fffbe9;color:#1a141f;border:3px solid #1a141f;border-radius:13px;padding:7px 12px;font:15px/1.5 DemoGame,sans-serif;box-shadow:0 3px 0 #071c2933;z-index:1}.coop-bubble:after{content:"";position:absolute;left:30px;bottom:-9px;width:13px;height:13px;transform:rotate(45deg);background:#fffbe9;border-right:3px solid #1a141f;border-bottom:3px solid #1a141f}.coop-bubble[hidden]{display:none}.coop-bubble img{image-rendering:pixelated}.coop-party-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px}.coop-party-controls>span{font-size:11px;color:#d1dfcf}.coop-motion{background:transparent;color:#b8cdc5;border:0;border-bottom:1px solid #a5b7aa66;padding:5px 0;font-size:10px;white-space:nowrap}.coop-motion[hidden]{display:none}.coop-stamps{display:flex;gap:7px}.coop-stamps button{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;background:#fff8e5;color:#1a141f;border:3px solid #1a141f;border-radius:9px;font:11px/1.5 DemoGame,sans-serif;padding:9px 5px;min-height:44px;transition:transform .15s,background .15s}.coop-stamps button:hover{transform:translateY(-3px);background:#fff0b8}.coop-stamps button:active{transform:translateY(0)}.coop-stamps img{width:23px;height:23px;image-rendering:pixelated}.coop-try-note{font-size:10px;color:#a6bdb5;margin-top:9px}
.coop-board{min-width:0}.coop-screen{position:relative;display:block;width:100%;aspect-ratio:1.3;padding:0;overflow:hidden;border:1px solid #b5a36e;border-radius:5px;color:var(--cream);background:#3c6150;box-shadow:9px 11px 0 #091f294d;transform:rotate(1deg)}.coop-screen>img{position:absolute;width:246.16%;height:auto;max-width:none;left:-70.52%;top:-33.33%;transition:filter .2s}.coop-screen:hover>img{filter:brightness(1.08)}.coop-screen-tag{position:absolute;left:16px;top:16px;font-size:9px;letter-spacing:1.5px;background:#102e39ed;border:1px solid #e2ca825e;border-radius:3px;padding:7px 10px}.coop-board figcaption{font-size:12px;line-height:1.8;margin-top:22px;color:#d0dccb}.coop-board figcaption>span{display:block;margin-top:5px;color:#a6bdb5;font-size:10px}.coop-connections{width:min(1200px,100%);margin:40px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.coop-mode{display:flex;align-items:center;gap:18px;position:relative;padding:25px 24px;border-top:1px solid #d4c78977;border-bottom:1px solid #d4c78930;background:#071d242e}.coop-mode-number{font:italic 26px Georgia,serif;color:#d1b56e;align-self:flex-start;margin-top:3px}.coop-mode p{font-size:11px;color:#b9cec1}.coop-mode h3{font-size:19px;line-height:1.6;margin:3px 0 9px}.coop-mode div>span{font-size:12px;color:var(--gold)}.coop-mode-label{position:absolute;right:17px;top:12px;font-size:8px;letter-spacing:1px;color:#aac4b8}.coop-pricing{width:min(1200px,100%);margin:18px auto 0;font-size:12px;line-height:1.9;color:#bacdc3}
@media(max-width:1100px){.coop-showcase{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.coop-screen{aspect-ratio:1}.coop-screen>img{width:246.16%;left:-70.52%;top:-24%}.coop-stamps button{font-size:10px;gap:3px}.coop-stamps img{width:20px;height:20px}.coop-mode{padding:24px 16px;gap:12px}.coop-mode h3{font-size:16px}.coop-party h3{font-size:23px}}
@media(max-width:760px){.coop-heading{display:flex;align-items:center;gap:12px;margin-bottom:25px}.coop-heading h2{font-size:29px}.coop-count{gap:7px}.coop-count>strong{font-size:78px}.coop-count>span{font-size:10px}.coop-count>span:first-child{font-size:9px;align-self:flex-start;margin-top:12px}.coop-showcase{grid-template-columns:minmax(0,1fr);gap:28px}.coop-party h3{font-size:23px}.coop-description{font-size:12px}.coop-lineup{margin-top:6px;padding-top:36px}.coop-party-controls{margin-top:17px}.coop-stamps button{font-size:11px;padding:9px 4px}.coop-stamps img{width:22px;height:22px}.coop-screen{aspect-ratio:1.3;transform:none;box-shadow:5px 6px 0 #091f294d}.coop-screen>img{width:246.16%;left:-70.52%;top:-33.33%}.coop-screen-tag{font-size:8px;left:10px;top:10px;padding:5px 8px}.coop-board figcaption{font-size:11px;margin-top:16px}.coop-board figcaption>span{font-size:10px}.coop-connections{grid-template-columns:1fr;margin-top:28px;gap:12px}.coop-mode{padding:21px 15px;gap:14px}.coop-mode h3{font-size:17px;margin-bottom:5px}.coop-mode div>span{font-size:11px}.coop-pricing{font-size:11px;margin-top:15px}.coop-bubble{font-size:13px;padding:6px 10px}}
@media(max-width:360px){.coop-heading h2{font-size:25px}.coop-count>strong{font-size:64px}.coop-avatar{transform:scale(.8)}.coop-player>span:last-child{font-size:10px}.coop-player i{margin-right:2px}.coop-stamps{gap:4px}.coop-stamps button{font-size:9px;gap:3px}.coop-stamps img{width:19px;height:19px}.coop-party-controls>span{font-size:10px}.coop-motion{font-size:9px}.coop-mode h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.coop-avatar{background-position:var(--start-x) var(--top)}.coop:not(.coop-paused):not(.coop-offscreen):not(.coop-hidden) .coop-avatar{animation:coop-idle var(--duration) steps(var(--frames)) infinite!important}}

.garden-home{background:radial-gradient(ellipse at 20% 40%,#fffdf2,transparent 65%),#e9eedf;color:var(--ink)}.garden-layout{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:50px;align-items:center}.garden-album{min-width:0;padding:16px;background:#fffaf0;border:1px solid #b9b897;border-radius:5px;box-shadow:8px 10px 0 #bac4a83b;transform:rotate(-1deg)}.garden-album-top{display:flex;justify-content:space-between;gap:12px;padding:2px 3px 13px;color:#758476;font-size:9px;letter-spacing:1.8px}.garden-window{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1.55;border:0;padding:0;border-radius:3px;background:#49a8a7;color:#fff}.garden-window>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease;transform-origin:50% 52%}.garden-window[data-view=residents]>img{transform:scale(1.8)}.garden-window:hover .zoom-hint{background:#183d43}.garden-album figcaption{padding:20px 6px 0;min-height:105px}.garden-album figcaption strong{display:block;font-size:19px;line-height:1.6}.garden-album figcaption p{font-size:12px;line-height:1.9;margin-top:6px;color:#657769}.garden-image-note{font-size:10px;line-height:1.8;color:#7a897b;padding:8px 6px 3px}.garden-guide{min-width:0}.garden-guide-label{font-size:11px;color:#6d7c67;margin-bottom:14px}.garden-choices{display:grid;gap:5px}.garden-choices button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:20px 12px;border:1px solid transparent;border-bottom-color:#a7b19666;border-radius:4px;background:transparent;color:var(--ink);transition:background .2s,transform .2s}.garden-choices button>span{font:italic 22px Georgia,serif;color:#9c8551}.garden-choices strong{display:block;font-size:17px;line-height:1.7}.garden-choices small{font-size:10px;line-height:1.8;color:#758272}.garden-choices i{font-style:normal;font-size:19px;color:#9c8551;margin-left:auto}.garden-choices button:hover{background:#fffaf0a3}.garden-choices button[aria-pressed=true]{background:#fffaf0;border-color:#a5b598;box-shadow:3px 4px 0 #b3be9f3d;transform:translateX(-5px)}.garden-postcard{display:block;width:83%;margin:28px 0 0 auto;padding:8px 8px 0;border:1px solid #b6b9a6;background:#fffaf0;color:var(--ink);transform:rotate(4deg);box-shadow:5px 7px 0 #b4bda332;transition:transform .2s}.garden-postcard:hover{transform:rotate(1deg) translateY(-3px)}.garden-postcard>img{display:block;width:100%;aspect-ratio:2;object-fit:cover;border-radius:1px}.garden-postcard>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px;font-size:10px}.garden-postcard i{font-size:16px;font-style:normal;color:#9c8551}
@media(max-width:1100px){.garden-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px}.garden-choices button{padding:17px 10px;gap:10px}.garden-choices strong{font-size:15px}.garden-window{aspect-ratio:1.3}.garden-album{padding:12px}.garden-postcard{width:90%}}
@media(max-width:760px){.garden-layout{display:flex;flex-direction:column;gap:28px}.garden-album{width:100%;transform:none;padding:9px;box-shadow:5px 6px 0 #bac4a83b}.garden-album-top{font-size:8px;padding:3px 3px 10px}.garden-window{aspect-ratio:1.3}.garden-album figcaption{padding:14px 5px 0;min-height:109px}.garden-album figcaption strong{font-size:17px}.garden-album figcaption p{font-size:11px}.garden-image-note{font-size:10px;padding:7px 5px 3px;min-height:46px}.garden-guide{width:100%;display:flex;flex-direction:column}.garden-guide-label{margin-bottom:8px}.garden-choices button{padding:15px 12px;min-height:75px}.garden-choices strong{font-size:16px}.garden-choices small{font-size:11px}.garden-choices button[aria-pressed=true]{transform:none}.garden-postcard{width:68%;margin:24px 8px 0 auto}.garden-postcard>span{font-size:9px;padding:9px 2px}}
@media(max-width:760px){.garden-layout{gap:14px}.garden-guide{display:contents}.garden-guide-label{order:-2;align-self:flex-start;margin:0}.garden-choices{order:-1;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.garden-choices button{display:block;min-height:85px;padding:9px 4px;text-align:center;border-color:#a7b19666}.garden-choices button>span{font-size:17px}.garden-choices strong{font-size:11px;margin-top:4px}.garden-choices small,.garden-choices i{display:none}.garden-postcard{align-self:flex-end;margin-top:12px}}

.creator-home{position:relative;background-color:#17333e;background-image:linear-gradient(#a2c3bb09 1px,transparent 1px),linear-gradient(90deg,#a2c3bb09 1px,transparent 1px);background-size:32px 32px;border-top:1px solid #c6cba34d;color:var(--cream)}.creator-home .eyebrow{color:var(--gold)}.creator-home .section-heading h2 em{color:var(--gold)}.creator-home .section-intro{color:#bdd0c8}.creator-workbench{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:start;gap:15px}.creator-editor-card,.creator-play-card{min-width:0}.creator-play-card{margin-top:90px}.creator-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.creator-card-heading>span{font-size:18px;font-weight:750;display:flex;align-items:center;gap:12px}.creator-card-heading b{font:italic 27px Georgia,serif;color:#d4b66c}.creator-card-heading small{font-size:9px;letter-spacing:1.3px;color:#abc3b8}.creator-screen{position:relative;display:block;overflow:hidden;width:100%;padding:0;border:1px solid #b5b193;border-radius:4px;background:#1b242b;color:#fff;box-shadow:7px 9px 0 #081c294d;transition:transform .25s,border-color .25s}.creator-screen:hover{transform:translateY(-4px);border-color:var(--gold)}.creator-screen>img{display:block;width:100%;height:auto}.creator-play-card .creator-screen{aspect-ratio:1.5;border-color:#d8b766}.creator-play-card .creator-screen>img{width:145%;height:auto;max-width:none;position:absolute;left:-23%;top:-9%}.creator-connector{font-size:40px;line-height:1;color:var(--gold);align-self:center;text-align:center;transform:rotate(15deg);margin-top:-45px}.creator-workbench figcaption{margin-top:19px;font-size:12px;line-height:1.9;color:#b3c9be}.creator-workbench figcaption strong{font-size:14px;font-weight:650;color:#e9ecdc}.creator-sample{width:min(1200px,100%);margin:27px auto 0;display:flex;justify-content:space-between;gap:12px;color:#a8c0b4;font-size:10px;padding-top:14px;border-top:1px dashed #bbc79f48}.creator-sample>span:last-child{color:#d5c48c}.creator-community{width:min(1200px,100%);margin:37px auto 0;padding:30px 32px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:38px;background:#0b253052;border:1px solid #afc49c30;border-radius:6px}.creator-community .eyebrow{font-size:9px;letter-spacing:1.6px}.creator-community h3{font-size:23px;line-height:1.65;margin:10px 0 13px}.creator-community>div>p:last-child{font-size:12px;color:#b5cbbf;line-height:1.9}.creator-discover{display:flex;align-items:center;gap:20px;text-align:left;padding:18px;border:1px solid #d7c08088;border-radius:4px;background:#28464b;color:var(--cream);transition:background .2s,transform .2s}.creator-discover:hover{background:#355850;transform:translateY(-3px)}.creator-map-thumb{display:block;width:105px;aspect-ratio:1.4;flex:none;border:2px solid #d0b774;background:url('assets/home/community-detail-ja.png') 19% 20% / 440% auto no-repeat}.creator-discover>span:nth-child(2){min-width:0}.creator-discover small{display:block;font-size:10px;color:#bbd0be;line-height:1.8}.creator-discover strong{display:block;font-size:16px;margin:7px 0;color:var(--gold);line-height:1.65}.creator-discover>span>span{display:block;font-size:10px;color:#c5d6c7;line-height:1.8}.creator-discover i{font-size:25px;font-style:normal;color:var(--gold);margin-left:auto}.creator-note{width:min(1200px,100%);margin:17px auto 0;color:#adc4ba;font-size:11px;line-height:1.9}
@media(max-width:1100px){.creator-workbench{gap:10px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}.creator-play-card{margin-top:65px}.creator-community{gap:22px;padding:25px}.creator-discover{gap:12px;padding:13px}.creator-map-thumb{width:75px}.creator-discover strong{font-size:14px}.creator-community h3{font-size:20px}}
@media(max-width:760px){.creator-workbench{grid-template-columns:1fr;gap:14px}.creator-play-card{margin:0}.creator-card-heading{margin-bottom:12px}.creator-card-heading>span{font-size:16px}.creator-card-heading b{font-size:23px}.creator-card-heading small{font-size:8px}.creator-screen{box-shadow:4px 6px 0 #081c294d}.creator-screen .zoom-hint{font-size:9px;right:7px;bottom:7px;padding:4px 7px}.creator-workbench figcaption{font-size:11px;margin-top:13px}.creator-workbench figcaption strong{font-size:12px}.creator-connector{transform:rotate(90deg);margin:0;justify-self:center;font-size:32px;line-height:1}.creator-sample{margin-top:22px;display:grid;gap:4px;font-size:10px}.creator-community{margin-top:27px;grid-template-columns:1fr;padding:23px 16px;gap:22px}.creator-community h3{font-size:23px}.creator-community>div>p:last-child{font-size:11px}.creator-map-thumb{width:73px}.creator-discover{gap:11px;padding:12px}.creator-discover strong{font-size:13px}.creator-discover small,.creator-discover>span>span{font-size:9px}.creator-discover i{font-size:20px}.creator-note{font-size:10px}}
@media(max-width:360px){.creator-map-thumb{width:56px}.creator-discover{padding:10px;gap:9px}.creator-discover strong{font-size:12px}.creator-discover i{font-size:17px}}

.creator-editor-link{display:flex;align-items:center;justify-content:space-between;gap:24px;width:fit-content;max-width:100%;margin-top:17px;padding:11px 18px;min-height:44px;background:var(--gold);color:var(--deep);border-radius:3px;font-size:13px;font-weight:750;box-shadow:0 3px 0 #967d4c;transition:transform .2s}.creator-editor-link:hover{transform:translateY(-2px)}.creator-editor-link>span{font-size:20px;line-height:1}.creator-editor-hint{display:block;margin-top:9px;font-size:10px;color:#afc5ba}

.ranking-home{background:radial-gradient(ellipse at 12% 10%,#fff7d8,transparent 55%),#eee9db;color:var(--ink);border-bottom:1px solid #a89a7029}.ranking-layout{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:42px;align-items:center}.ranking-copy .eyebrow{font-size:8px;letter-spacing:1.3px;color:#9c7b39}.ranking-emblem{display:flex;align-items:center;gap:17px;margin-bottom:22px}.ranking-emblem span{width:37px;height:1px;background:#b99b54}.ranking-emblem img{width:53px;height:53px;object-fit:contain;image-rendering:pixelated}.ranking-copy h2{font-size:40px;line-height:1.55;margin:16px 0 22px;letter-spacing:.015em}.ranking-copy h2 em{color:#9b7838}.ranking-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:#6d796b}.ranking-modes{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.ranking-modes>span{font-size:11px;padding:7px 11px;border:1px solid #b8a77b;border-radius:3px;color:#776743;background:#fff9e78f}.ranking-board{min-width:0}.ranking-board-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px;color:#867c5c;font-size:9px}.ranking-board-heading>span:first-child{letter-spacing:1.3px}.ranking-screen{position:relative;display:block;width:100%;padding:8px;border:1px solid #c4ad6a;border-radius:6px;background:#163840;color:#fff;box-shadow:8px 10px 0 #bdb18c3b;transition:transform .2s}.ranking-screen:hover{transform:translateY(-3px)}.ranking-screen>img{display:block;width:100%;height:auto;border-radius:2px}.ranking-screen .zoom-hint{bottom:17px;right:17px}.ranking-board figcaption{font-size:10px;line-height:1.9;color:#7b806d;margin-top:18px}.ranking-next{width:min(1200px,100%);margin:46px auto 0;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #b9a57780;padding-top:28px}.ranking-next .eyebrow{font-size:9px;letter-spacing:1.3px;color:#967b47}.ranking-next h3{font-size:23px;line-height:1.6;margin:9px 0 12px}.ranking-next>div>p:last-child{font-size:12px;color:#6c796b;line-height:1.9}.ranking-build-link{display:flex;align-items:center;justify-content:space-between;gap:27px;flex:none;padding:14px 18px;min-height:48px;border-radius:3px;border:1px solid #9f8651;color:#6f572c;background:#fff9e8;font-size:12px;font-weight:700;transition:background .2s}.ranking-build-link:hover{background:#f8e9bd}.ranking-build-link span{font-size:22px;line-height:1}
@media(max-width:1100px){.ranking-layout{grid-template-columns:260px minmax(0,1fr);gap:28px}.ranking-copy h2{font-size:34px}.ranking-next{gap:20px}.ranking-next h3{font-size:21px}.ranking-build-link{gap:16px;font-size:11px}}
@media(max-width:760px){.ranking-layout{grid-template-columns:1fr;gap:28px}.ranking-emblem{margin-bottom:18px;gap:13px}.ranking-emblem img{width:44px;height:44px}.ranking-emblem span{width:30px}.ranking-copy h2{font-size:32px;margin:12px 0 17px}.ranking-copy>p:not(.eyebrow){font-size:12px}.ranking-modes{margin-top:18px}.ranking-modes>span{font-size:10px}.ranking-board-heading{font-size:8px;gap:7px;margin-bottom:10px}.ranking-board-heading>span:first-child{letter-spacing:.7px}.ranking-screen{padding:5px;box-shadow:4px 6px 0 #bdb18c3b}.ranking-screen .zoom-hint{bottom:9px;right:9px;font-size:8px;padding:3px 6px}.ranking-board figcaption{font-size:10px;margin-top:13px}.ranking-next{display:block;margin-top:29px;padding-top:23px}.ranking-next h3{font-size:22px}.ranking-next>div>p:last-child{font-size:11px}.ranking-build-link{width:fit-content;margin-top:21px;font-size:12px;gap:25px}}

.site-header{position:sticky;top:0;z-index:10}.adventure-guide summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none}.adventure-guide summary::-webkit-details-marker{display:none}.adventure-guide summary:focus-visible{outline:3px solid #e7a740;outline-offset:4px}.adventure-guide summary>span{color:var(--gold);font-size:19px;transition:transform .2s}.adventure-guide[open] summary>span{transform:rotate(45deg)}.guide-panel{position:absolute;top:calc(100% + 9px);right:max(5vw,24px);width:min(600px,calc(100vw - 32px));padding:24px;background:#173b43;border:1px solid #e1d3a957;border-radius:5px;box-shadow:0 18px 45px #081f3466;max-height:calc(100dvh - 110px);overflow:auto}.guide-panel>p{font-size:11px;font-weight:400;letter-spacing:.5px;color:#bed1c8;margin-bottom:17px}.guide-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guide-links>a{display:flex;align-items:center;gap:12px;padding:15px 12px;background:#ffffff06;border:1px solid #ffffff18;border-radius:3px;letter-spacing:0;min-width:0}.guide-links>a:hover,.guide-links>a:focus-visible{background:#ffffff12;border-color:var(--gold)}.guide-links>a>span{font:italic 19px Georgia,serif;color:var(--gold)}.guide-links strong{font-size:13px;flex:1}.guide-links small{display:block;font-size:9px;font-weight:400;color:#bed1c8;margin-top:3px}.guide-links i{font-style:normal;color:var(--gold)}
@media(max-width:760px){html{scroll-padding-top:84px}.guide-panel{right:16px;padding:18px;max-height:calc(100dvh - 94px)}.guide-panel>p{font-size:10px}.guide-links{gap:7px}.guide-links>a{gap:8px;padding:13px 9px}.guide-links strong{font-size:11px}.guide-links small{font-size:8px}.guide-links>a>span{font-size:15px}.guide-links i{display:none}.adventure-guide summary{gap:5px}}
@media(max-width:360px){.guide-links{grid-template-columns:1fr}.guide-links strong{font-size:12px}.guide-links small{font-size:9px}.guide-links>a{padding:10px 12px}.guide-links i{display:block}}

.release{display:block;padding:80px max(5vw,24px);background:radial-gradient(ellipse at 50% 0,#466c5c55,transparent 65%),#203f45}.release-heading,.release-editions,.release-availability{width:min(1100px,100%);margin-left:auto;margin-right:auto}.release-heading{text-align:center}.release-heading .eyebrow{justify-content:center;color:var(--gold)}.release-heading h2{font-size:34px;line-height:1.6}.release .release-heading>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:none}.release-editions{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px}.release-edition{padding:28px;border:1px solid #d6dab140;border-radius:6px;background:#102c3466;display:flex;flex-direction:column;min-width:0}.edition-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:2px;color:var(--gold)}.edition-status{font-size:10px;letter-spacing:.5px;color:#c0cfc5;border:1px solid #ffffff26;padding:3px 9px;border-radius:3px}.release-edition h3{font-size:23px;line-height:1.6;margin:19px 0}.edition-stores{display:flex;gap:12px;padding-bottom:23px;border-bottom:1px solid #ffffff21}.edition-stores>span{font-size:19px;font-weight:700;flex:1}.edition-stores small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:#aac1b6;margin-top:2px}.edition-features{margin:17px 0 20px;font-size:12px}.edition-features>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff10}.edition-features dt{color:#c0d0c6}.edition-features dd{margin:0;text-align:right;color:var(--gold);font-weight:700}.release .edition-note{font-size:11px;line-height:1.8;max-width:none;margin-top:auto;color:#adc2b8}.release-steam{border-color:#d9bd7c70;background:linear-gradient(130deg,#e7bf6710,transparent),#102c3466}.steam-included{margin:22px 0 25px}.steam-included>span{font-size:10px;color:#c1d0c1;letter-spacing:1px}.steam-included>strong{display:block;font-size:24px;color:var(--gold);margin-top:5px}.release .steam-included p{font-size:12px;line-height:1.9;max-width:none;margin-top:10px}.release .release-availability{text-align:center;font-size:11px;max-width:none;line-height:1.9;margin-top:27px;color:#b8ccc4}
@media(max-width:760px){.release{padding:54px 22px}.release-heading h2{font-size:26px}.release .release-heading>p:not(.eyebrow){font-size:12px}.release-editions{grid-template-columns:1fr;gap:16px;margin-top:28px}.release-edition{padding:22px}.release-edition h3{font-size:22px;margin:16px 0}.edition-stores>span{font-size:18px}.edition-features{font-size:11px}.edition-features>div:last-child{display:block}.edition-features>div:last-child dd{text-align:left;margin-top:5px}.steam-included>strong{font-size:23px}.release .release-availability{font-size:10px}.release .edition-note{font-size:11px}}
@media(max-width:360px){.release{padding-left:16px;padding-right:16px}.release-edition{padding:18px}.release-edition h3{font-size:20px}}

.coop-crossplay{width:min(1200px,100%);margin:35px auto 0;padding:24px 28px;border:1px solid #e5cb8066;border-radius:5px;background:#edcf8010;display:flex;align-items:center;justify-content:space-between;gap:24px}.coop-crossplay>div>span{font-size:9px;letter-spacing:2px;color:var(--gold)}.coop-crossplay h3{font-size:22px;margin:7px 0 11px;line-height:1.6}.coop-crossplay p{font-size:12px;color:#c2d2c8;line-height:1.9}.crossplay-platforms{display:flex;align-items:center;gap:12px;flex-shrink:0}.crossplay-platforms>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:82px;min-height:66px;border:1px solid #c7cfab50;border-radius:5px;background:#123039;font-size:13px!important;font-weight:700;letter-spacing:0!important;color:var(--cream)!important}.crossplay-platforms small{font-size:9px;color:#b5c6b9;font-weight:400}.crossplay-platforms i{font-style:normal;color:var(--gold);font-size:20px}
@media(max-width:760px){.coop-crossplay{display:block;padding:20px;margin-top:26px}.coop-crossplay h3{font-size:20px}.coop-crossplay p{font-size:11px}.crossplay-platforms{margin-top:20px;gap:9px}.crossplay-platforms>span{flex:1;min-width:0;width:auto;font-size:12px!important;min-height:58px}.crossplay-platforms i{font-size:17px}}

.coop-crossplay h3>span{display:inline-block}

.film-purchase-note{width:min(1200px,100%);margin:16px auto 0;color:#c5d6c7;font-size:13px;line-height:1.9}

.skill-feature{width:min(1200px,100%);margin:64px auto 0;padding:42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:42px;align-items:center;background:linear-gradient(135deg,#e4dac0,#f8f2df);border:1px solid #b7a47780;border-radius:6px;box-shadow:0 16px 35px #344d3920}.skill-copy .growth-step>span,.skill-copy h3 em{color:#9d7040}.skill-board{min-width:0}.skill-preview{aspect-ratio:16/9;border-color:#a7864e}.skill-preview img{inset:0;width:100%;height:100%;object-fit:cover}.skill-board figcaption{font-size:11px;line-height:1.9;margin-top:18px;color:#627369}.skill-board figcaption>span{display:block;font-size:10px;margin-top:4px;opacity:.85}.skill-points{display:flex;align-items:center;gap:11px;margin-top:24px}.skill-points>span{flex:1;padding:11px;border:1px solid #b9a67b;background:#fffaf0;font:700 10px/1.4 Arial,sans-serif;letter-spacing:1px;color:#755d36}.skill-points small{display:block;margin-top:4px;font:600 10px/1.4 sans-serif;letter-spacing:0;color:#60726a}.skill-points>i{font-style:normal;color:#9d7040}
@media(max-width:1100px){.skill-feature{padding:30px;gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}
@media(max-width:760px){.skill-feature{display:flex;flex-direction:column;align-items:stretch;margin-top:36px;padding:25px 18px 23px;gap:26px}.skill-board figcaption{font-size:10px;margin-top:13px}.skill-board figcaption>span{font-size:10px}.skill-points{margin-top:18px}}
.rune-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-template-areas:"copy screen";background:radial-gradient(ellipse at 5% 0%,#6a4f8a55,transparent 65%),#1d2f45}.rune-preview{aspect-ratio:1280/830;border-color:#cdb17180;box-shadow:6px 8px 0 #0c242940}.rune-preview img{width:150%;left:-25%;top:-15.0602%}.rune-copy .loot-display img{image-rendering:auto;border-radius:50%}
@media(max-width:1100px){.rune-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}
@media(max-width:760px){.rune-feature{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "screen"}}
.modes{background:radial-gradient(ellipse at 90% 0%,#4a5f4c55,transparent 60%),#183740;color:var(--cream);border-top:1px solid #e2d6a43b}.modes .section-heading h2 em{color:var(--gold)}.modes .section-heading .eyebrow{color:var(--gold)}.modes .section-intro{color:#bdd0c8}.mode-cards{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.mode-card{min-width:0;display:flex;flex-direction:column;background:#102d35;border:1px solid #d9c38440;border-radius:6px;overflow:hidden;box-shadow:0 16px 35px #081e2740}.mode-screen{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;border-bottom:1px solid #d9c38440;background:#0b242c;color:var(--cream);overflow:hidden}.mode-screen img{position:absolute;height:auto;max-width:none;transition:transform .35s}.mode-castle img{width:252.6316%;left:-71.0526%;top:-48.4211%}.mode-escort img{width:246.1538%;left:-66.6667%;top:-30.7692%}.mode-boss img{width:234.1463%;left:-58.5366%;top:-29.2683%}.mode-screen:hover img{transform:scale(1.04)}.mode-body{padding:24px 24px 28px}.mode-label{display:flex;align-items:center;gap:12px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:2px;color:#c5ba96}.mode-label>span{font:italic 24px Georgia,serif;letter-spacing:0;color:var(--gold)}.mode-body h3{margin:12px 0 10px;font-size:24px;font-weight:850;letter-spacing:.02em}.mode-body>p:last-child{font-size:13px;line-height:2;color:#bdd0c8}.modes-note{width:min(1200px,100%);margin:22px auto 0;font-size:10px;color:#9fb5ad}
@media(max-width:1100px){.mode-cards{gap:18px}.mode-body{padding:20px 18px 22px}.mode-body h3{font-size:21px}.mode-body>p:last-child{font-size:12px}.mode-body>p:last-child br{display:none}}
@media(max-width:760px){.mode-cards{grid-template-columns:minmax(0,1fr);gap:22px}.mode-body h3{font-size:22px}.mode-body>p:last-child br{display:inline}.modes-note{font-size:9px}}