/* Landing layout follows docs/design/landing-3.42.0/landing-reference.png.
   Artwork is a background layer; all text and actions are real DOM controls. */
.maple-sprite{display:inline-block;width:34px;height:34px;flex:none;background-image:url('../../assets/landing/interface-icons.webp');background-repeat:no-repeat;background-size:500% 200%;vertical-align:middle;pointer-events:none}
.sprite-home{background-position:0 0}.sprite-workshop{background-position:25% 0}.sprite-quests{background-position:50% 0}.sprite-builds{background-position:75% 0}.sprite-tools{background-position:100% 0}.sprite-pathfinder{background-position:0 100%}.sprite-crafting{background-position:25% 100%}.sprite-monitor{background-position:50% 100%}.sprite-leaf{background-position:75% 100%}.sprite-mascot{background-position:100% 100%}
body.maple-interface .site-shell{background:#08132c;border-bottom:1px solid #34466d;padding-bottom:0}
body.maple-interface .topbar{height:80px;min-height:80px;max-width:none;gap:clamp(14px,2.5vw,46px);padding:0 clamp(18px,2.8vw,54px);flex-wrap:nowrap}
body.maple-interface .brand{width:auto;gap:10px}
body.maple-interface .brand img{width:60px;height:60px;object-fit:contain}
body.maple-interface .brand strong{font-size:clamp(20px,1.9vw,34px);letter-spacing:-1px;color:#f5f7ff}
body.maple-interface .brand b{color:#ffd354}
body.maple-interface .brand small{display:none}
body.maple-interface .section-nav{display:none!important}
body.maple-interface .atlas-reference-nav{display:flex!important;align-items:center;gap:clamp(4px,1.5vw,28px);margin-left:auto}
body.maple-interface .atlas-reference-nav .atlas-nav-link{position:relative;display:flex!important;align-items:center;gap:9px;padding:12px 8px;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:6px;color:#f2f3ff;font-size:clamp(12px,1.3vw,21px);font-weight:650;white-space:nowrap;transition:color .18s,transform .18s}
body.maple-interface .atlas-nav-link::after{content:'';position:absolute;height:3px;bottom:0;left:12px;right:12px;background:#ffd45c;transform:scaleX(0);transition:transform .18s;border-radius:3px;box-shadow:0 0 8px #ffc64870}
body.maple-interface .atlas-nav-link:hover,body.maple-interface .atlas-nav-link:focus-visible{color:#ffda7b;transform:translateY(-2px)}
body.maple-interface .atlas-nav-link[aria-current=page]::after{transform:scaleX(1)}
body.maple-interface .top-actions{flex:none;margin-left:0;gap:18px}
body.maple-interface .tools-toggle{display:flex;align-items:center;padding:10px 8px;border:0;background:transparent;color:#f5f5ff;font-size:clamp(12px,1.3vw,21px);gap:9px;box-shadow:none;transition:color .18s,transform .18s}
body.maple-interface .tools-toggle:hover{color:#ffd870;transform:translateY(-2px)}
body.maple-interface .tools-toggle>span:last-child{font-size:12px}
body.maple-interface #buildVersion{display:none}
body.maple-interface #settingsBtn{width:44px;height:44px;padding:10px;border:0;background:transparent;color:#c4d6f5}
body.maple-interface #settingsBtn>span{display:none}
body.maple-interface #settingsBtn svg{width:27px;height:27px;transition:transform .25s}
body.maple-interface #settingsBtn:hover svg{transform:rotate(30deg)}
body.maple-interface .tools-dropdown .maple-sprite{width:40px;height:40px}
body.maple-interface[data-tool=home]{background:#04163e;isolation:isolate;color:#f4f6ff}
body.maple-interface[data-tool=home] .session-bar,body.maple-interface[data-tool=home] #shareBtn{display:none!important}
body.maple-interface[data-tool=home] .site-shell{background:#040e2de6;box-shadow:none}
.landing-page{min-height:calc(100svh - 128px);width:100%;position:relative;display:flex;justify-content:center;text-align:center;isolation:isolate}
.landing-page[hidden]{display:none}
body[data-tool=home]::before{content:'';position:fixed;inset:0;z-index:-1;background:#04163e url('../../assets/landing/village-background.webp') center center/cover no-repeat;pointer-events:none}
.landing-content{width:min(1200px,calc(100% - 64px));padding:clamp(24px,3.2vh,46px) 0 clamp(110px,16vh,190px)}
.landing-ornament{display:flex;justify-content:center;align-items:center;gap:28px;height:54px;margin-bottom:18px}
.landing-ornament::before,.landing-ornament::after{content:'';height:1px;width:95px;background:linear-gradient(90deg,transparent,#f7c94e);box-shadow:0 0 7px #ffd25e45}
.landing-ornament::after{transform:rotate(180deg)}
.landing-ornament .maple-sprite{width:54px;height:54px;animation:landing-leaf 5s ease-in-out infinite}
body.maple-interface .landing-page h1{font-size:clamp(32px,3.65vw,68px);line-height:1.12;font-weight:780;letter-spacing:-2.3px;margin:0;color:#f6f8ff;text-shadow:0 3px 4px #00102f55}
.landing-subtitle{font-size:clamp(16px,1.8vw,29px);line-height:1.4;color:#b7cbee;margin:16px 0 32px;font-weight:550}
.landing-share{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:78px;width:min(440px,100%);padding:12px 30px;border-radius:24px;border:2px solid #ffe995;background:linear-gradient(#ffdc3f,#ffb711 85%);color:#412800;font:750 clamp(22px,2vw,35px)/1.2 Inter,system-ui,sans-serif;box-shadow:inset 0 -4px #efa00b,inset 0 2px #fff6,0 0 26px #ffc62f45,0 5px 9px #0003;transition:transform .2s,box-shadow .2s,filter .2s}
.landing-share .maple-sprite{width:53px;height:53px}
.landing-share:hover,.landing-share:focus-visible{transform:translateY(-4px);filter:brightness(1.07);box-shadow:inset 0 -4px #efa00b,0 0 36px #ffd14d80,0 9px 18px #00102e70}
.landing-share:active{transform:translateY(0) scale(.98)}
.landing-share:disabled{opacity:.65}
.landing-helper{font-size:clamp(12px,1.15vw,18px);color:#afc5e8;margin:12px 0 0}
body.maple-interface .landing-tools-title{display:flex;align-items:center;justify-content:center;gap:22px;font-size:clamp(17px,1.5vw,25px);font-weight:600;margin:32px 0 26px;color:#eff5ff}
.landing-tools-title::before,.landing-tools-title::after{content:'';width:min(190px,14vw);height:1px;background:linear-gradient(90deg,transparent,#f0c755)}
.landing-tools-title::after{transform:rotate(180deg)}
.landing-tools{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.landing-tool{display:flex;align-items:center;gap:20px;min-height:146px;padding:19px 22px;border:2px solid #ffd65e;border-radius:24px;background:linear-gradient(125deg,#1d3257ef,#071437f2);color:#f5f7ff;text-decoration:none;box-shadow:inset 0 1px #fff1,0 6px 12px #0004;transition:transform .22s,box-shadow .22s,background .22s;text-align:left}
.landing-tool>.maple-sprite{width:116px;height:116px}
.landing-tool>span:nth-child(2){display:flex;flex-direction:column;gap:9px;border-left:1px solid #caa84d;padding-left:20px;min-width:0;flex:1}
.landing-tool strong{font-size:clamp(18px,1.85vw,29px);font-weight:750;line-height:1.1;letter-spacing:-.6px}
.landing-tool small{font-size:clamp(12px,1.22vw,19px);color:#c3d4ef;line-height:1.4;white-space:nowrap}
.landing-arrow{font-size:34px;font-weight:700;color:#ffdb67;transition:transform .2s;flex:none}
.landing-tool:hover,.landing-tool:focus-visible{transform:translateY(-6px);background:linear-gradient(125deg,#30476af5,#10244af5);box-shadow:0 10px 26px #00103580,0 0 20px #f5c75635}
.landing-tool:hover .landing-arrow{transform:translateX(5px)}
.landing-tool:active{transform:translateY(-1px)}
body.maple-interface[data-tool=home]>footer{position:relative;max-width:none;width:100%;margin:0;padding:12px 32px;border:0;min-height:48px;box-sizing:border-box;font-size:13px;color:#bfd1ed;background:#04123285;display:flex;justify-content:space-between;align-items:center;gap:15px}
body[data-tool=home] footer a{color:#c8d9f3}
/* Keep a useful connection action when Pathfinder is opened without capture. */
body.maple-interface[data-tool=companion][data-session=idle] #shareBtn{display:flex}
body.maple-interface[data-tool=companion][data-session=idle] .placeholder{min-height:45vh;padding:48px 20px}
body.maple-interface[data-tool=companion][data-session=idle] .capture-card.has-message>#captureHint{display:block;text-align:center;padding:16px}
body.maple-interface[data-tool=companion] .session-bar{margin:0 24px 12px}
@keyframes landing-leaf{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}
@media(min-width:1400px){body.maple-interface[data-tool=crafting] .topbar{gap:24px}body.maple-interface[data-tool=crafting] .brand{width:auto}body.maple-interface[data-tool=crafting] .brand strong{font-size:25px}body.maple-interface[data-tool=crafting] .atlas-reference-nav{gap:12px}body.maple-interface[data-tool=crafting] .atlas-reference-nav .atlas-nav-link,body.maple-interface[data-tool=crafting] .tools-toggle{font-size:14px}body.maple-interface[data-tool=crafting] .top-actions{flex:1;gap:16px}body.maple-interface[data-tool=crafting] .atlas-global-search{max-width:440px;margin-left:auto}}
@media(max-width:1399px){body.maple-interface .topbar{gap:12px;padding:0 18px}body.maple-interface .atlas-reference-nav{gap:5px}body.maple-interface .atlas-reference-nav .atlas-nav-link{font-size:13px;gap:5px;padding:8px 5px}body.maple-interface .tools-toggle{font-size:13px}body.maple-interface .top-actions{gap:10px}body.maple-interface[data-tool=crafting] .atlas-global-search{display:none!important}body.maple-interface[data-tool=crafting] .brand{width:auto}body.maple-interface[data-tool=crafting] .brand strong{font-size:23px}body.maple-interface[data-tool=crafting] .top-actions{flex:none;margin-left:auto}}
@media(max-height:850px) and (min-width:801px){.landing-content{padding-top:18px;padding-bottom:140px}.landing-ornament{height:40px;margin-bottom:12px}.landing-ornament .maple-sprite{width:42px;height:42px}body.maple-interface .landing-page h1{font-size:clamp(32px,3.6vw,56px)}.landing-subtitle{font-size:23px;margin:12px 0 22px}.landing-share{min-height:65px;width:370px;font-size:29px}.landing-share .maple-sprite{width:44px;height:44px}.landing-helper{font-size:15px}body.maple-interface .landing-tools-title{margin:24px 0 20px;font-size:21px}.landing-tool{min-height:122px;padding:12px 18px}.landing-tool>.maple-sprite{width:90px;height:90px}.landing-tool strong{font-size:24px}.landing-tool small{font-size:16px}}
@media(max-width:800px){body.maple-interface .topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:7px 12px;gap:4px 10px}body.maple-interface .brand{margin-right:auto}body.maple-interface .brand img{width:44px;height:44px}body.maple-interface .brand strong{font-size:22px}body.maple-interface .atlas-reference-nav{order:3;width:100%;justify-content:center;gap:12px;overflow:auto}body.maple-interface .atlas-reference-nav .atlas-nav-link{font-size:12px}.maple-sprite{width:28px;height:28px}body.maple-interface .tools-toggle{font-size:12px}body.maple-interface .top-actions{gap:8px}body.maple-interface #shareBtn{font-size:10px;padding:6px}body.maple-interface #shareBtn svg{display:none}.landing-page{min-height:calc(100svh - 164px)}.landing-content{width:calc(100% - 32px);padding:26px 0 190px}.landing-ornament{height:42px;margin-bottom:14px}.landing-ornament .maple-sprite{width:44px;height:44px}body.maple-interface .landing-page h1{max-width:620px;margin:auto;font-size:clamp(30px,5.8vw,46px);letter-spacing:-1.5px}.landing-subtitle{font-size:17px;margin:14px 0 24px}.landing-share{min-height:62px;width:330px;font-size:26px;border-radius:18px}.landing-share .maple-sprite{width:42px;height:42px}.landing-helper{font-size:12px}body.maple-interface .landing-tools-title{margin:27px 0 20px;font-size:18px}.landing-tools{grid-template-columns:1fr;max-width:520px;margin:auto;gap:14px}.landing-tool{min-height:110px;padding:12px 18px;border-radius:18px;gap:13px}.landing-tool>.maple-sprite{width:80px;height:80px}.landing-tool>span:nth-child(2){padding-left:13px}.landing-tool strong{font-size:22px}.landing-tool small{font-size:14px;white-space:normal}body[data-tool=home]::before{background-size:auto 100%;background-position:center bottom}body.maple-interface[data-tool=home]>footer{padding:12px 16px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.landing-ornament .maple-sprite{animation:none}.landing-tool,.landing-arrow,.landing-share,body.maple-interface .atlas-nav-link,body.maple-interface .atlas-nav-link::after,body.maple-interface #settingsBtn svg{transition:none}.landing-tool:hover,.landing-share:hover{transform:none}}

body.maple-interface .brand-mascot{width:70px;height:60px}body.maple-interface[data-tool=home]>footer a{font-size:inherit}@media(max-width:800px){body.maple-interface .brand-mascot{width:50px;height:44px}}

@media(prefers-reduced-motion:reduce){body.maple-interface .tools-toggle{transition:none}body.maple-interface .tools-toggle:hover,body.maple-interface .atlas-nav-link:hover{transform:none}}