@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111718;--surface:#1a2223;--line:#344041;--text:#f0f3ed;--muted:#aab7b5;--green:#b2eb9b;--gold:#edce86}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 'Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:5px}header{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1280px;margin:auto;padding:20px 36px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.mark{display:grid;place-items:center;width:43px;height:43px;background:var(--green);color:#18251b;border-radius:12px;font-size:19px;flex-shrink:0}.brand small{display:block;font-size:10px;letter-spacing:1.7px;color:var(--muted);font-weight:500}nav{display:flex;gap:28px;align-items:center;font-size:14px}nav a:hover{color:var(--green)}.nav-button{border:1px solid #5e7759;border-radius:7px;padding:8px 16px}main,footer{max-width:1280px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:78px 0 60px}.eyebrow{font-size:12px;letter-spacing:2.2px;color:var(--green);font-weight:700;margin:0 0 22px}.tag{color:var(--muted);font-size:14px}h1{font-size:clamp(38px,4.5vw,62px);line-height:1.35;letter-spacing:-1px;font-weight:800;margin:24px 0}h1 span{color:var(--green)}h2{font-size:clamp(27px,3vw,38px);line-height:1.5;margin:0 0 20px}h3{font-size:19px;margin:0 0 10px}.intro{color:var(--muted);font-size:18px}.actions{display:flex;gap:25px;align-items:center;margin:30px 0 18px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:7px;font-weight:700;border:0}.primary{background:var(--green);color:#172417}.primary:hover{background:#c6f6b4}.secondary{background:#373b59;color:#edefff;border:1px solid #6b6f98}.meta{font-size:13px;color:var(--muted)}.hero-art{position:relative;height:520px;border-radius:22px;overflow:hidden;background:#233d38;border:1px solid #55745b}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:46% center}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#11282400,#11282455 40%,#10191cf5)}.mini{position:absolute;left:10%;right:10%;top:37%;background:#202829ed;border:1px solid #a4b7a650;border-radius:13px;padding:20px;box-shadow:0 20px 50px #0007;backdrop-filter:blur(15px);font-size:14px}.mini-top,.mini-bottom{display:flex;justify-content:space-between;align-items:center;color:#c4cdca}.mini-top{font-size:13px;border-bottom:1px solid #ffffff20;padding-bottom:10px}.mini p{margin:7px 0;display:flex;justify-content:space-between;gap:12px}.mini b{font-variant-numeric:tabular-nums;font-weight:500}.exp{color:#a6dfb1}.gold{color:var(--gold)}.mini .gold{border-top:1px solid #ffffff20;margin-top:12px;padding-top:8px}.mini-bottom{border-top:1px solid #ffffff20;margin-top:14px;padding-top:12px;font-size:12px}.image-note{position:absolute;bottom:12px;width:100%;text-align:center;color:#c4cdca;font-size:12px}.strip{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:15px}.strip span:first-child{color:var(--green)}.strip span:nth-child(2){color:var(--gold)}section:not(.hero){padding:85px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-head>p{color:var(--muted)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.features article{padding:27px 23px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.icon{font-size:31px;display:block;margin-bottom:23px}.features p{font-size:15px;color:var(--muted);margin:0}.guide{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;border-top:1px solid var(--line)}aside{border-left:3px solid var(--gold);padding:10px 0 10px 20px;margin-top:32px}aside strong{color:var(--gold);font-size:15px}aside p{font-size:14px;color:var(--muted);margin:8px 0}.guide ol{list-style:none;margin:0;padding:0}.guide li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 0 21px;margin-bottom:22px}.guide li>span{color:var(--green);font-size:14px}.guide li p{font-size:15px;color:var(--muted);margin:0}.keys{display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px;gap:12px;margin-bottom:75px}.keys>div{display:flex;gap:12px;align-items:center;font-size:14px}kbd{font-family:inherit;padding:3px 7px;border:1px solid #63706e;border-bottom-width:3px;border-radius:5px;font-size:14px;font-weight:600;background:#ffffff09}.blue{color:#9ecce9}.purple{color:#cdbaf1}.red{color:#e3aaa1}.download{border:1px solid #527449;background:linear-gradient(120deg,#223427,#192324);padding:45px!important;border-radius:17px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.download p{color:#b5c5b9}.release-meta{display:flex;gap:30px;font-size:14px}.release-meta strong{display:block;color:#edf5e9;font-size:16px}.download ul{padding-left:20px;font-size:14px;color:#c1cdc3;margin-top:24px}.download-box{background:#111b15b3;border:1px solid #526b52;border-radius:12px;padding:28px;text-align:center;align-self:center}.download-box h3{font-size:17px}.download-box p{font-size:13px}.download-box .button{width:100%;margin:12px 0}.download-box a{font-size:14px;text-decoration:underline}progress{width:100%;accent-color:var(--green)}button:disabled{opacity:.65;cursor:wait}details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--green);font-size:23px}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:15px;max-width:900px}.contact{display:grid;grid-template-columns:1.4fr .7fr;gap:60px;border-top:1px solid var(--line)}.contact>div>p:not(.eyebrow){color:var(--muted)}blockquote{margin:28px 0;border-left:2px solid #656985;padding-left:18px;color:#c4cbd4;font-size:15px}.discord-card{background:#222535;border:1px solid #454960;border-radius:14px;padding:32px;text-align:center;align-self:center}.avatar{width:62px;height:62px;border-radius:20px;background:#626794;display:grid;place-items:center;margin:22px auto 12px;font-size:23px;font-weight:700}.discord-card h3{margin:0}.handle{font-size:25px;margin:0 0 22px!important;color:#f0f2ff!important}.discord-card .button{width:100%;font-size:14px}#copy-status{font-size:12px}footer{padding-top:30px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center}footer .brand{font-size:14px}footer p{font-size:12px;text-align:right;color:var(--muted)}footer a:hover{text-decoration:underline}.skip{position:absolute;left:15px;top:-100px;background:var(--green);color:#111;padding:10px;z-index:20}.skip:focus{top:10px}@media(max-width:1000px){.hero{gap:25px}.hero-art{height:500px}.mini{left:5%;right:5%}.features{grid-template-columns:repeat(2,1fr)}.guide{gap:35px}.keys{grid-template-columns:repeat(3,1fr)}nav{gap:16px}.actions{flex-wrap:wrap;gap:15px}}@media(max-width:700px){header{padding:20px;flex-wrap:wrap;gap:20px}nav{width:100%;justify-content:space-between;gap:8px;font-size:14px}.nav-button{padding:5px 9px}main,footer{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;padding-top:43px}.hero-art{height:490px;max-width:480px;width:100%;margin:10px auto 0}h1{font-size:43px}.strip{flex-direction:column;gap:6px;font-size:14px}.section-head{display:block}.section-head>p{display:none}.features{gap:12px}.features article{padding:20px 16px}.features h3{font-size:17px}.features p{font-size:14px}.guide,.contact,.download{grid-template-columns:1fr;gap:30px}section:not(.hero){padding:60px 0}.keys{grid-template-columns:repeat(2,1fr);padding:18px;margin-bottom:55px}.download{padding:25px!important}.release-meta{flex-wrap:wrap}.download-box{padding:20px}footer{flex-direction:column;align-items:flex-start}footer p{text-align:left}.contact{gap:25px}.mini{left:7%;right:7%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Adventure illustrations */
.game-icon{display:block;width:62px;height:62px;margin:0 0 22px;filter:drop-shadow(0 5px 7px #0003)}.features article{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#8bad6520,transparent 65%),var(--surface)}.features article:nth-child(2){background:radial-gradient(ellipse at 0 0,#edce8620,transparent 65%),var(--surface)}.download-box>.game-icon{width:78px;height:78px;margin:0 auto 16px}.inline-leaf{vertical-align:middle;margin-right:5px}.stat-icon{width:20px;height:20px;vertical-align:middle;object-fit:contain;margin-right:3px}.map-label{position:absolute;top:18px;left:18px;z-index:2;display:flex;align-items:center;gap:7px;border:1px solid #d7e6b649;border-radius:30px;background:#18291cce;padding:6px 12px;font-size:10px;letter-spacing:1.6px;color:#e3efce}.adventure-note{position:relative;display:flex;align-items:center;gap:25px;margin:35px 0 0;padding:18px 30px;border:1px solid #46533c;border-radius:15px;background:radial-gradient(ellipse at 10% 100%,#537c343d,transparent 70%),#1a2421;overflow:hidden}.monster-pair{display:flex;align-items:center;gap:12px}.monster-pair>img:nth-child(2){transform:rotate(22deg)}.adventure-note small{color:#b0c796;font-size:12px;letter-spacing:1px}.adventure-note p{margin:3px 0;color:#e3e9d8;font-size:19px;font-weight:500}.loot{margin-left:auto;display:flex;gap:16px;align-items:center}.mobile-break{display:none}@media(max-width:700px){.adventure-note{padding:18px;gap:16px}.monster-pair>img:first-child{width:70px;height:70px}.monster-pair>img:nth-child(2),.loot{display:none}.adventure-note p{font-size:16px}.adventure-note small{font-size:10px}.mobile-break{display:block}.game-icon{width:52px;height:52px}}

/* Maple friends artwork */
.hero-art{height:auto!important;background:#1b2928;align-self:center}.hero-art>img{height:auto;aspect-ratio:16/9;object-fit:contain;display:block}.hero-art .shade{display:none}.hero-art .mini{position:relative;top:auto;left:auto;right:auto;margin:18px 24px 10px;padding:16px 20px;background:#202c2c;box-shadow:none}.hero-art .image-note{position:relative;display:block;bottom:auto;padding:0 10px 13px}.map-label{top:10px;left:10px;font-size:9px;padding:3px 9px}.monster-gallery{margin-top:32px;padding:30px!important;background:#182322;border:1px solid #3b5146;border-radius:20px;overflow:hidden}.monster-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.monster-heading h2{font-size:28px;margin-bottom:0}.monster-heading .eyebrow{margin-bottom:8px}.monster-heading>p{font-size:14px;color:var(--muted)}.monster-gallery>img{display:block;width:100%;height:auto;margin:20px auto 0;border-radius:12px}.monster-names{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:12px;padding:12px 0}.monster-names>span{font-size:17px;color:#e8d59b;font-weight:600}.monster-names small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:3px}.art-credit{font-size:11px;color:#8ca298;text-align:right;margin:16px 0 0}@media(max-width:700px){.monster-gallery{padding:20px 12px!important}.monster-heading{display:block;padding:0 8px}.monster-heading h2{font-size:24px}.monster-heading>p{display:none}.monster-names{gap:4px}.monster-names>span{font-size:13px}.monster-names small{display:none}.hero-art .mini{margin:12px 14px}.art-credit{font-size:10px;text-align:center}}