/* Shared visual identity. All artwork is served from this site. */
:root{--paper:#f8f7f0;--white:#fffef9;--ink:#123b32;--forest:#123b32;--muted:#576c62;--line:#d7dfd2;--brass:#846124;--pale:#edf0df;--gold:#ffcf68;--deep:#092b27}
body{background:var(--paper)}
.garden-site{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.9}
.garden-shell,.shell{width:min(1180px,calc(100% - 80px))}
.garden-site :is(h1,h2,h3){font-family:var(--sans);font-weight:800;letter-spacing:-.035em}
.garden-site .eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:#58705a}
.garden-site :is(a,button,summary,audio,video):focus-visible{outline:3px solid #a36b0b;outline-offset:5px}
.garden-site a:hover{color:#426642}
.garden-site .skip-link{z-index:100;background:var(--gold);color:var(--deep)}
.language-bar{background:#092b27;color:#e4eddd;border-bottom:1px solid #ffffff12;padding-block:2px}
.language-switch a{font-size:11px;min-height:32px;padding:5px 13px;border-radius:5px}
.language-switch a[aria-current=true],.language-switch a:hover{background:#ffffff12;color:var(--gold)}
.language-suggestion a{color:#f6dfad}.language-suggestion button{border-color:#688278;color:#fff}
.garden-header,.site-header{background:var(--deep);color:#f7f5e7;border-bottom:1px solid #ffffff17}
.header-bar{height:78px;gap:26px}.garden-header .brand{font-size:26px;letter-spacing:-1.2px}
.garden-header .brand img{width:35px;height:35px}.garden-header a:hover{color:var(--gold)}
.desktop-navigation{gap:28px;font-size:13px;font-weight:600}.desktop-navigation a{padding-block:22px}
.desktop-navigation a[aria-current=page]{color:var(--gold);text-decoration:underline;text-underline-offset:9px}
.motion-toggle{color:#e0e9d9;border-color:#5c796c;background:#ffffff05;font-size:11px!important;min-height:38px;padding-inline:14px}
.motion-toggle:hover{background:#ffffff14}.motion-toggle:disabled{color:#d1dccd}
html:not([data-js=ready]) .motion-toggle{display:none}
.garden-menu{color:#f8f7ee}.garden-menu summary{min-height:44px;padding:9px 6px}
.garden-menu nav{background:#123b32;border-color:#547160;border-radius:12px;box-shadow:0 16px 36px #071d2766;width:240px}
.garden-menu nav a{padding-block:12px}.breadcrumbs{font-size:12px;padding-block:16px;color:#53665c}
html:not([data-js="ready"]) .garden-menu{margin-left:auto}
.wood-button,.button.primary{background:var(--gold);color:var(--deep)!important;border:1px solid #e2b54d;box-shadow:0 4px 0 #ad7a22;border-radius:9px;font-size:14px;min-height:52px;padding:14px 25px;font-weight:800;gap:22px;text-decoration:none}
.wood-button::after{color:var(--deep)}.wood-button:hover,.button.primary:hover{background:#ffda87;box-shadow:0 6px 0 #ad7a22;transform:translateY(-2px)}
.garden-link{font-size:13px;font-weight:700;min-height:44px}.text-link{font-weight:700}
.stadium-hero{position:relative;isolation:isolate;overflow:clip;background:#092b27;color:#fff8e8;border-bottom:1px solid #658458}
.stadium-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}.stadium-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.42}
.stadium-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#092b27 0%,#092b27e6 30%,#092b276b 74%,#092b2745),linear-gradient(0deg,#092b27 0%,transparent 50%);pointer-events:none}
.stadium-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:650px;padding-block:52px 64px}
.stadium-copy{position:relative;z-index:2;min-width:0}.stadium-copy .eyebrow{color:var(--gold);font-size:11px;margin-bottom:18px;letter-spacing:.18em}
.stadium-copy h1.game-title{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,7.3vw,101px);font-weight:900;line-height:.88;letter-spacing:-.065em;margin:0 0 10px;text-wrap:nowrap;filter:drop-shadow(0 5px 0 #00000015)}
.game-title span{display:block}.game-title span+span{color:var(--gold);margin-top:9px}
.stadium-kana{font-size:11px;letter-spacing:.23em;color:#cdddc8;margin-bottom:23px}
.stadium-tagline{font-size:clamp(23px,2.5vw,33px);font-weight:800;letter-spacing:-.055em;line-height:1.55;margin-bottom:15px}
.stadium-description{font-size:14px;line-height:1.95;max-width:420px;color:#e0e8d8;margin-bottom:24px}
.stadium-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 23px}.stadium-actions .wood-button{gap:13px}.stadium-actions .wood-button::after{content:none}
.stadium-actions .garden-link{color:#fff9e8;text-decoration-color:#ffffff80}.stadium-actions .garden-link:hover{color:var(--gold)}
.play-symbol{display:inline-flex;width:24px;height:24px;border:1.5px solid currentColor;border-radius:50%;align-items:center;justify-content:center;flex-shrink:0}
.play-symbol::before{content:"";border-left:7px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;margin-left:2px}
.availability{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:25px;font-size:11px;line-height:1.7;color:#d3dfc8}
.availability strong{color:#fce2aa;display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.availability strong::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.stadium-art{position:relative;min-width:0;margin:0 10px 0 0;transform:rotate(2deg);padding:12px;background:#fff9df;border:1px solid #ecd2a1;border-radius:32px;box-shadow:0 16px 0 #061f1b55,0 32px 80px #061f1b88}
.stadium-art img{width:100%;height:auto;aspect-ratio:1;border-radius:22px}
.stadium-art figcaption{padding:10px 6px 1px;font-size:10px;color:#526c56;line-height:1.5;text-align:center}
.stadium-art::before{content:"";position:absolute;inset:-19px 22px 25px -22px;border:1px solid #ffcf6860;border-radius:35px;z-index:-1;transform:rotate(-6deg)}
.stadium-badge{position:absolute;bottom:56px;left:-30px;color:#123b32;background:var(--gold);border:3px solid #fff5cc;box-shadow:0 5px 0 #0002;border-radius:12px;padding:13px 22px;font:900 15px/1.25 Arial,Helvetica,sans-serif;letter-spacing:.06em;transform:rotate(-6deg)}
.stadium-ribbon{background:var(--gold);color:var(--deep);border-bottom:1px solid #b28e44}
.ribbon-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:17px;gap:22px}
.ribbon-content p{display:flex;gap:16px;align-items:center;justify-content:center;margin:0;font-size:16px;font-weight:800;letter-spacing:.02em}
.ribbon-content p+p{border-left:1px solid #092b2733}.ribbon-content span{font:800 11px/1 Arial,sans-serif;opacity:.6}
.preview-section{padding-block:80px 40px;scroll-margin-top:24px}.preview-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.preview-heading h2{font-size:34px;line-height:1.5;margin:0}.preview-heading .eyebrow{margin-bottom:12px}.preview-heading>a{flex-shrink:0}
.preview-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.preview-layout .video-scene{margin:0;min-width:0}
.preview-layout video{border:5px solid var(--deep);border-radius:16px;box-shadow:0 6px 0 #092b2720;aspect-ratio:16/9;width:100%;background:#092b27}
.preview-layout figcaption{font-size:11px;line-height:1.8;color:#53695c;padding-top:17px}
.preview-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.preview-steps li{display:flex;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}
.preview-steps li:first-child{padding-top:0}.preview-step-number{font:800 16px/1 Arial,sans-serif;color:#866521;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f1e5b9;border-radius:10px;margin-top:2px}
.preview-steps h3{font-size:20px;margin:0 0 8px}.preview-steps h3 a{text-decoration:none}.preview-steps p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.mode-heading{padding-block:48px 25px}.mode-heading h2{font-size:33px;margin-bottom:8px}.mode-heading>p:last-child{font-size:14px;color:var(--muted);margin:0}
.duel-paths{gap:26px}.role-invitation{border:1px solid #becfb2;background:#eaf0d8;box-shadow:0 5px 0 #cbd5bf;border-radius:20px;overflow:hidden;min-height:270px;padding:30px}
.role-invitation:nth-child(2){background:#fff0d4;border-color:#e4cba2;box-shadow:0 5px 0 #e4d4b7}
.role-invitation h2{font-size:25px;line-height:1.5}.role-invitation img{width:40%;filter:drop-shadow(0 9px 7px #092b2720)}
.role-invitation p:not(.eyebrow){font-size:13px}.role-invitation .eyebrow{font-size:10px;letter-spacing:.1em}.role-invitation span{font-size:12px;font-weight:700}
.section-caption h2{font-size:32px}.featured-trails{padding-block:75px 20px}.adventure-cards{gap:26px}
.adventure-card{background:#fffef9;border:1px solid #d1dacc;box-shadow:0 5px 0 #dce3d5;border-radius:18px;overflow:hidden}
.adventure-card:hover,.adventure-card:focus-visible{box-shadow:0 9px 0 #dce3d5,0 15px 30px #123b3212;color:var(--ink)}
.card-picture{padding:12px 12px 0;background:transparent}.card-picture img{border:0;border-radius:10px;aspect-ratio:16/9;object-fit:contain;background:#163c2d}
.card-label{background:#123b32;color:#fff9e1;border:1px solid #ffffff8a;border-radius:6px;box-shadow:none;padding:4px 10px;font-size:10px;left:23px;top:23px}
.card-copy{padding:24px 27px}.card-copy h3{font-size:24px}.card-copy p{font-size:14px;color:#526557;line-height:1.9}
.card-visit{font-size:12px;font-weight:800;border-color:#bfa66a;color:#6e511e}.featured-trails>.wood-button{margin-top:33px}
.news-door{position:relative;margin-top:65px;padding:40px 45px;background:#123b32;color:#fff7de;border:1px solid #1c5948;border-radius:20px;display:flex;gap:40px;align-items:center;justify-content:space-between;overflow:hidden}
.news-door .eyebrow{color:var(--gold)}.news-door h2{font-size:28px;margin-bottom:12px}.news-door p:not(.eyebrow){font-size:14px;color:#d4e2cd;margin:0;max-width:650px}.news-door>.wood-button{flex-shrink:0}
.help-door{padding-block:40px 0;margin-top:65px}.help-door h2{font-size:27px}.help-door p{font-size:13px}.help-door>div:last-child{font-size:13px;gap:12px}
.garden-footer{background:#092b27;color:#ebf0df;border-top:1px solid #55715b;margin-top:75px;padding-block:49px 25px}
.garden-footer>.garden-shell{display:block}.footer-top{display:grid;grid-template-columns:1.2fr 2fr;gap:50px;align-items:start}
.garden-footer .brand{font-size:27px;letter-spacing:-1px}.garden-footer .brand img{width:35px;height:35px}.garden-footer p{color:#bacdb8;font-size:12px;letter-spacing:0;line-height:1.8;margin-top:15px;max-width:280px}
.garden-footer nav{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:24px;margin:0;font-size:12px}.garden-footer nav>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.garden-footer nav strong{font-size:10px;letter-spacing:.1em;color:#ffcf68;margin-bottom:6px}.garden-footer nav a{min-height:30px;text-decoration:none;line-height:1.7;padding-block:4px}
.garden-footer a:hover{color:var(--gold);text-decoration:underline}.footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;gap:20px}
.garden-footer small{font-size:11px;color:#b7c9af;width:auto}.footer-bottom>span{font-size:10px;color:#b7c9af}
/* Existing feature guides retain their content and media controls. */
.garden-hero{background:#173d31;border-bottom:1px solid #a9b596}.garden-hero::after{background:linear-gradient(90deg,#092b27e8,#092b2780 60%,#092b2745)}
.hero-letter{background:transparent;border:0;box-shadow:none;padding:25px 0;color:#fff9e7}.hero-letter::before{display:none}.hero-letter h1{font-family:var(--sans);font-weight:800;line-height:1.45;font-size:clamp(30px,3.2vw,45px)}
.hero-letter .eyebrow{color:var(--gold)}.hero-letter .hero-lead{font-size:17px;color:#edf1df;line-height:1.95}.hero-letter .garden-link{color:#fff6de}.development-status,.hero-updated span{color:#dce7cd}.hero-updated{color:#eef3e0}
.development-status::before{color:var(--gold)}.hero-visual .scene-figure{transform:rotate(-1deg)}.hero-visual .scene-figure a{border:5px solid #ffe3a4;border-radius:14px;box-shadow:0 9px 0 #092b2755,0 25px 40px #092b2755}
.hero-scene figcaption{background:#123b32ed;color:#f1efd9;border-color:#709075;border-radius:9px;margin-top:12px;font-size:10px;max-width:88%;padding:12px 15px}
.garden-art-note{background:#092b27c9;color:#e4edd7;border:0;border-radius:4px;font-size:9px;padding:4px 9px}
.guide-paper{background:#fffef9;border-color:#d3ddcc;border-radius:18px;box-shadow:0 6px 0 #e1e6d9;padding:24px 64px 40px}
.guide-chapter+.guide-chapter{border-color:#d8dfd1}.guide-chapter h2{font-size:28px}.guide-chapter>p:not(.chapter-number),.guide-chapter li,.guide-chapter dd{font-size:15px;color:#3f5547;line-height:2.1}
.chapter-number{font-family:var(--sans)!important;font-size:16px!important;font-weight:800;color:#856527!important}.chapter-navigation{padding-block:34px}
.chapter-navigation a{background:#fffef9;border-color:#c5d2ba;font-weight:700;font-size:12px;padding:8px 20px;min-height:43px}.chapter-navigation a:hover{background:#e5edce}
.scene-figure a{border:3px solid #b4c4a5;border-radius:11px;box-shadow:0 4px 0 #aebc9b44}.scene-figure figcaption{font-size:11px;line-height:1.8;color:#586952}
.hero-scene.scene-figure figcaption,.hero-scene.scene-figure figcaption span{color:#f1efd9;opacity:1}
.video-scene video{border-color:#284d38;border-radius:11px}.video-scene figcaption{font-size:11px}.video-seek-controls button{background:#fffef3;color:#244e32;border-color:#a8b898;min-height:40px;font-weight:700}
.audio-trial{border-radius:12px;background:#eff2e2;border-color:#d4debf}.audio-trial figcaption strong{font-family:var(--sans);font-weight:800}
.media-lightbox{background:#fffdf1;border:1px solid #d1c08d;color:#183b2b;border-radius:14px}.media-lightbox::backdrop{background:#061d1ce8}
.paper-letter{background:#fffef9;border-color:#d3ddcc;border-radius:18px;box-shadow:0 5px 0 #e1e6d9}.welcome-letter h2{font-family:var(--sans);font-size:34px;line-height:1.65}
.garden-site .recent-development .section-heading h2,.garden-site .development-entry h2,.release-letter h2{font-family:var(--sans);font-weight:800}.garden-site .development-entry h2{font-size:25px}
.recent-development-intro{font-size:14px}.recent-development-list h3{font-size:17px}.recent-development-list p{font-size:12px}.garden-site .development-body>p{font-size:15px}.garden-site .development-date{color:#75632e;font-size:12px}
.release-letter{padding-block:65px 0}.release-letter h2{font-size:29px}.release-letter p:not(.eyebrow){font-size:14px}.locale-media-note{font-size:12px;color:#536b5a;border-color:#cad6bd}
.page-heading h1{font-family:var(--sans);font-weight:800}.policy-content p,.policy-content li,.support-content p,.support-content li{font-size:14px}.faq-list summary{font-size:14px;font-weight:700}.contact-panel{border-radius:14px}
.info-article{max-width:900px;padding-block:55px 20px}.info-heading{padding-bottom:35px;border-bottom:1px solid var(--line);margin-bottom:38px}.info-heading h1{font-size:38px;line-height:1.5;margin-bottom:20px}
.info-lead{font-size:16px;color:#53695a;line-height:2}.info-heading .updated{font-size:12px;color:#667661;margin:22px 0 0}.info-article section{margin-block:34px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.info-article section h2{font-size:25px;margin-bottom:20px}.info-article section h3{font-size:19px}.info-article p,.info-article li{font-size:15px;line-height:2.05}.info-article li{margin-block:6px}.info-article a{overflow-wrap:anywhere}
.info-actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:24px}.info-facts{margin:20px 0}.info-facts>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding-block:15px}
.info-facts dt{font-weight:700;font-size:14px}.info-facts dd{margin:0;font-size:14px;overflow-wrap:anywhere}.info-contact{padding:24px 30px;background:#eaf0dd;border:1px solid #c4d3b1;border-radius:14px;margin-block:24px}
.info-contact>a{font-size:clamp(19px,3vw,27px);font-weight:800}.info-contact p{margin-top:15px;margin-bottom:0}.info-article .callout{border-radius:9px;background:#f3ebd6;border-color:#b99a52}
html[lang=en] .stadium-copy h1.game-title{font-size:clamp(64px,7.3vw,101px);line-height:.88;letter-spacing:-.065em}
html[lang=en] .stadium-tagline{font-size:30px;line-height:1.4;letter-spacing:-.03em}html[lang=en] .hero-letter h1{font-size:clamp(30px,3.2vw,45px)}
@media(min-width:1500px){.stadium-hero-inner{min-height:700px;gap:80px}.stadium-copy h1.game-title,html[lang=en] .stadium-copy h1.game-title{font-size:105px}}
@media(max-width:1100px){.garden-shell,.shell{width:calc(100% - 56px)}.header-bar{gap:18px}.desktop-navigation{gap:20px;font-size:12px}.stadium-hero-inner{gap:34px;min-height:600px;padding-block:45px 55px}.stadium-copy h1.game-title,html[lang=en] .stadium-copy h1.game-title{font-size:clamp(65px,7.8vw,90px)}.stadium-tagline{font-size:27px}.stadium-art{margin-right:0}.stadium-badge{left:-16px;font-size:12px;padding:11px 16px}.preview-layout{gap:28px;grid-template-columns:1.35fr 1fr}.preview-heading h2{font-size:30px}.preview-steps h3{font-size:18px}.role-invitation{padding:25px}.role-invitation h2{font-size:22px}.footer-top{gap:30px;grid-template-columns:1fr 2fr}.garden-footer nav{gap:18px}.news-door{padding:34px;gap:25px}.news-door h2{font-size:26px}}
@media(max-width:900px){.desktop-navigation{display:none}.header-bar{height:70px}.garden-menu{display:block}.motion-toggle{margin-left:auto}.stadium-hero-inner{gap:25px}.stadium-copy h1.game-title,html[lang=en] .stadium-copy h1.game-title{font-size:clamp(58px,8vw,76px)}.stadium-tagline,html[lang=en] .stadium-tagline{font-size:24px}.stadium-description{font-size:13px}.stadium-actions{gap:13px 18px}.stadium-actions .wood-button{font-size:13px;padding:12px 18px}.availability{font-size:10px;gap:6px}.stadium-art{border-radius:24px;padding:9px}.stadium-art img{border-radius:17px}.preview-layout{grid-template-columns:minmax(0,1fr);gap:28px}.preview-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.preview-steps li,.preview-steps li:first-child{display:block;padding:0 0 17px}.preview-step-number{margin-bottom:15px;width:35px}.preview-steps h3{font-size:18px}.preview-heading h2{font-size:28px}.footer-top{grid-template-columns:1fr;gap:35px}.garden-footer nav{grid-template-columns:1fr 1fr 1.4fr}.news-door{display:block}.news-door>.wood-button{margin-top:25px}.role-invitation img{float:none;width:125px;margin:0 0 10px}.role-invitation .eyebrow{padding-top:0}.role-invitation p:not(.eyebrow){padding-top:0}.role-invitation>div{display:block}.role-invitation h2{font-size:23px}}
@media(max-width:760px){.garden-shell,.shell{width:calc(100% - 36px)}.language-bar{padding-inline:18px}.language-switch a{font-size:10px;min-height:30px;padding:4px 11px}.header-bar{height:64px;gap:12px}.garden-header .brand{font-size:23px;gap:8px}.garden-header .brand img{width:30px;height:30px}.motion-toggle{font-size:10px!important;min-height:36px;padding-inline:10px}.garden-menu{font-size:12px}.garden-menu nav{top:45px}.stadium-hero-inner{grid-template-columns:minmax(0,1fr);gap:33px;padding-block:32px 43px;min-height:0;max-width:540px}.stadium-copy .eyebrow{font-size:10px;margin-bottom:17px}.stadium-copy h1.game-title,html[lang=en] .stadium-copy h1.game-title{font-size:clamp(58px,15vw,85px);line-height:.9;letter-spacing:-.055em}.game-title span+span{margin-top:6px}.stadium-kana{font-size:10px;margin-bottom:18px}.stadium-tagline,html[lang=en] .stadium-tagline{font-size:25px;line-height:1.45;letter-spacing:-.04em;margin-bottom:12px}.stadium-description{max-width:none;font-size:13px;margin-bottom:21px;line-height:1.9}.stadium-actions{gap:12px 20px}.stadium-actions .wood-button{min-height:50px;padding:12px 19px}.stadium-actions .garden-link{font-size:12px}.availability{font-size:10px;margin-top:20px}.stadium-art{width:min(380px,93%);justify-self:center;transform:rotate(1.5deg);margin:0}.stadium-art figcaption{font-size:9px;padding-top:9px}.stadium-badge{font-size:11px;left:-14px;bottom:46px;padding:10px 15px;border-width:2px}.stadium-art::before{inset:-10px 10px 18px -12px;border-radius:24px}.stadium-hero::after{background:linear-gradient(180deg,#092b27e8 0%,#092b27bf 45%,#092b2770 75%,#092b27)}.stadium-backdrop img{object-position:62% center;opacity:.42}.ribbon-content{gap:9px;padding-block:14px}.ribbon-content p{font-size:12px;gap:7px;line-height:1.6}.ribbon-content span{font-size:9px}.preview-section{padding-block:45px 20px;scroll-margin-top:15px}.preview-heading{display:block;margin-bottom:23px}.preview-heading h2{font-size:25px;line-height:1.55}.preview-heading>a{margin-top:12px;font-size:12px}.preview-layout{gap:25px}.preview-layout video{border-width:3px;border-radius:11px}.preview-layout figcaption{font-size:10px;padding-top:14px}.preview-steps{grid-template-columns:minmax(0,1fr);gap:0}.preview-steps li,.preview-steps li:first-child{display:flex;padding:16px 0;gap:15px}.preview-step-number{margin:2px 0 0;width:34px;height:34px;min-width:34px;font-size:13px}.preview-steps h3{font-size:19px;margin-bottom:6px}.preview-steps p{font-size:13px;line-height:1.9}.mode-heading{padding-block:31px 20px}.mode-heading h2{font-size:26px}.mode-heading>p:last-child{font-size:13px}.duel-paths{grid-template-columns:minmax(0,1fr);gap:22px}.role-invitation{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;align-items:center;padding:22px 20px;min-height:0;border-radius:16px}.role-invitation img{float:none;width:100%;margin:0}.role-invitation h2{font-size:22px;line-height:1.55;margin-bottom:10px}.role-invitation .eyebrow{font-size:9px;margin-bottom:10px}.role-invitation p:not(.eyebrow){font-size:12px;margin-bottom:15px}.role-invitation span{font-size:11px}.featured-trails{padding-block:46px 10px}.section-caption h2{font-size:26px;line-height:1.6}.card-copy{padding:21px 23px}.card-copy h3{font-size:23px}.card-copy p{font-size:13px}.card-picture{padding:10px 10px 0}.card-label{top:20px;left:20px}.adventure-card{border-radius:15px}.news-door{margin-top:43px;padding:28px 24px;border-radius:16px}.news-door h2{font-size:24px}.news-door p:not(.eyebrow){font-size:13px}.help-door{margin-top:42px;padding-top:29px}.help-door h2{font-size:25px}.help-door>div:last-child{font-size:12px;gap:8px}.garden-footer{margin-top:48px;padding-block:33px 22px}.footer-top{gap:29px}.garden-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;font-size:12px}.garden-footer nav>div:last-child{grid-column:1/-1}.garden-footer nav>div{gap:6px}.garden-footer nav strong{font-size:10px}.garden-footer nav a{min-height:34px}.footer-bottom{display:block;margin-top:26px;padding-top:19px}.footer-bottom>span{display:block;margin-top:8px}.garden-footer .brand{font-size:24px}.garden-footer p{font-size:11px;margin-top:12px}.hero-letter{padding:6px 2px 8px}.hero-letter h1,html[lang=en] .hero-letter h1{font-size:30px;line-height:1.45}.hero-letter .hero-lead{font-size:14px;line-height:1.9}.hero-letter .eyebrow{font-size:10px}.hero-visual .scene-figure a{border-width:3px;border-radius:10px}.hero-scene figcaption{font-size:9px;padding:10px 12px;max-width:88%}.guide-paper{width:calc(100% - 24px);padding:12px 23px 30px;border-radius:14px}.guide-chapter h2{font-size:24px}.guide-chapter>p:not(.chapter-number),.guide-chapter li,.guide-chapter dd{font-size:14px;line-height:2}.chapter-navigation{padding-block:25px}.chapter-navigation a{min-height:42px;font-size:11px;padding:7px 15px}.welcome-letter h2{font-size:28px}.paper-letter{padding:28px 23px!important;border-radius:14px}.garden-site .development-entry h2{font-size:22px}.garden-site .development-body>p{font-size:14px}.release-letter{padding-top:45px}.release-letter h2{font-size:25px}.release-letter p:not(.eyebrow){font-size:12px}.info-article{padding-block:35px 0}.info-heading{padding-bottom:25px;margin-bottom:28px}.info-heading h1{font-size:28px;line-height:1.6}.info-lead{font-size:14px}.info-article section{margin-block:26px;padding-bottom:20px}.info-article section h2{font-size:22px}.info-article p,.info-article li{font-size:14px;line-height:2}.info-facts>div{grid-template-columns:1fr;gap:6px}.info-contact{padding:21px}.info-actions{gap:12px 18px}.support-content p,.support-content li,.policy-content p,.policy-content li{font-size:13px}.faq-list summary{font-size:13px}.story-frames{background:var(--paper);box-shadow:0 10px 20px #f8f7f099}}
@media(max-width:360px){.garden-shell,.shell{width:calc(100% - 28px)}.header-bar{gap:9px}.garden-header .brand{font-size:21px;gap:6px}.garden-header .brand img{width:27px;height:27px}.motion-toggle{font-size:9px!important;padding-inline:8px}.garden-menu summary{padding-inline:3px}.stadium-copy h1.game-title,html[lang=en] .stadium-copy h1.game-title{font-size:56px}.stadium-tagline,html[lang=en] .stadium-tagline{font-size:22px}.stadium-actions{gap:11px 16px}.stadium-actions .wood-button{padding-inline:14px;font-size:12px;gap:9px}.stadium-actions .garden-link{font-size:11px}.ribbon-content p{font-size:11px;gap:5px}.ribbon-content span{font-size:8px}.role-invitation{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:20px 17px}.role-invitation h2{font-size:20px}.preview-heading h2{font-size:23px}.info-heading h1{font-size:25px}.guide-paper{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.stadium-art,.stadium-art::before,.stadium-badge{transform:none}.stadium-hero *{animation:none!important;transition:none!important}}
/* 2026-11-11: trailer movies and early access */
.trailer-section{padding-block:72px 10px;scroll-margin-top:24px;text-align:center}.trailer-heading h2{font-size:32px;font-weight:800;margin-bottom:10px}.trailer-heading p:not(.eyebrow){font-size:14px;color:#536b5a;margin:0 auto 26px;max-width:640px}.trailer-frame{margin:0 auto;max-width:1040px;padding:12px;background:#123b32;border-radius:22px;box-shadow:0 12px 30px #0d2a2333}.trailer-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:13px;background:#0b241f}.trailer-frame figcaption{font-size:11px;color:#d4e2cd;padding:12px 8px 2px;line-height:1.8}.first-match-movie{padding-block:10px 30px}.first-match-movie .trailer-frame{max-width:860px}
.beta-letter .wood-button{margin-top:10px}.beta-letter .beta-note{font-size:12px!important;margin-top:18px}.availability a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.trailer-section{padding-block:44px 6px}.trailer-heading h2{font-size:25px}.trailer-heading p:not(.eyebrow){font-size:13px;margin-bottom:20px}.trailer-frame{padding:7px;border-radius:15px}.trailer-frame video{border-radius:10px}.trailer-frame figcaption{font-size:10px}.first-match-movie{padding-block:6px 20px}}
/* cemelog portfolio top page */
.portfolio-hero{position:relative;isolation:isolate;overflow:clip;background:var(--deep) url('/assets/garden/garden-scene-1600.webp') center/cover no-repeat;color:#fff8e8;border-bottom:1px solid #658458}
.portfolio-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#092b27 0%,#092b27e0 45%,#092b2799 100%)}
.portfolio-hero-inner{padding-block:96px 90px;max-width:1180px}
.portfolio-hero .eyebrow{color:var(--gold);font-size:11px;letter-spacing:.18em;margin-bottom:18px}
.portfolio-hero h1{font-family:var(--serif);font-size:48px;line-height:1.45;color:#fff8e8;margin:0 0 20px}
.portfolio-lead{font-size:15px;line-height:2.1;color:#e8eedc;margin:0 0 30px;max-width:620px}
.portfolio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.portfolio-hero .garden-link{color:#fff8e8}
.works-section{padding-block:70px 10px}
.works-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:28px}
.work-card{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink);background:var(--white);border:1px solid #cdbd96;border-radius:16px;overflow:hidden;box-shadow:0 4px 0 #ac976132;transition:transform .25s}
.work-card:hover{transform:translateY(-4px);color:var(--ink)}
.work-card img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 35%}
.work-copy{padding:22px 24px 24px}
.work-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.work-meta span{font-size:10px;font-weight:700;letter-spacing:.06em;color:#6e511e;border:1px solid #d6c493;border-radius:999px;padding:2px 10px}
.work-copy h3{font-family:var(--serif);font-size:25px;margin:0 0 8px}
.work-copy p:not(.work-meta){font-size:13px;color:var(--muted);margin:0 0 16px}
@media(max-width:760px){.portfolio-hero-inner{padding-block:56px 52px}.portfolio-hero h1{font-size:30px}.portfolio-lead{font-size:13px;line-height:2}.portfolio-lead br{display:none}.works-section{padding-block:44px 6px}.work-copy h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.work-card{transition:none}.work-card:hover{transform:none}}