:root{--cream: #fff8e7;--paper: #f8e9c9;--paper-2: #f1dcb0;--wood: #7a4a2a;--wood-dark: #4f2e19;--wood-light: #a8703f;--ink: #3d2617;--muted: #8a6a52;--orange: #f39a37;--orange-dark: #c96d17;--pink: #ff9ec7;--pink-dark: #e46f9f;--leaf: #6dbb5a;--leaf-dark: #3f8a35;--sky: #9ad8ff;--gold: #f6c548;--radius: 22px;--shadow: 0 6px 0 rgba(79, 46, 25, .28);--font: "Zen Maru Gothic", "M PLUS Rounded 1c", "Noto Sans TC", "Noto Sans SC", "Noto Sans KR", system-ui, sans-serif;--nav-h: 64px}:lang(ko){--font: "Jua", "Noto Sans KR", "Zen Maru Gothic", system-ui, sans-serif}:lang(zh-CN){--font: "Zen Maru Gothic", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='%23f0dcb5' opacity='0.55'%3E%3Cellipse cx='30' cy='38' rx='9' ry='8'/%3E%3Ccircle cx='19' cy='26' r='4'/%3E%3Ccircle cx='27' cy='21' r='4'/%3E%3Ccircle cx='36' cy='21' r='4'/%3E%3Ccircle cx='43' cy='27' r='4'/%3E%3Cellipse cx='88' cy='94' rx='9' ry='8'/%3E%3Ccircle cx='77' cy='82' r='4'/%3E%3Ccircle cx='85' cy='77' r='4'/%3E%3Ccircle cx='94' cy='77' r='4'/%3E%3Ccircle cx='101' cy='83' r='4'/%3E%3C/g%3E%3C/svg%3E");line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}button{font-family:inherit}[data-par],[data-depth]{translate:var(--mx, 0px) calc(var(--py, 0px) + var(--my, 0px));will-change:translate}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.sec{padding:90px 0;position:relative}.nav{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--wood-light),var(--wood));border-bottom:5px solid var(--wood-dark);box-shadow:0 4px #0000001f;transition:box-shadow .3s}.scrolled .nav{box-shadow:0 6px 18px #3c1e0a59}.nav-inner{max-width:1180px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:14px;transition:padding .3s}.scrolled .nav-inner{padding-top:4px;padding-bottom:4px}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff7df;font-weight:700}.nav-logo img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(0,0,0,.25));transition:transform .3s,width .3s,height .3s}.nav-logo:hover img{transform:rotate(-8deg) scale(1.08)}.scrolled .nav-logo img{width:38px;height:38px}.nav-logo span{font-size:1.05rem;letter-spacing:.02em;text-shadow:0 2px 0 rgba(0,0,0,.3);white-space:nowrap}.nav-links{display:flex;gap:6px;margin-left:auto}.nav-links a{text-decoration:none;color:#fff7df;font-weight:700;white-space:nowrap;padding:6px 15px;border-radius:999px;transition:background .15s,transform .15s}.nav-links a:hover{background:#ffffff29;transform:translateY(-2px)}.nav-links a.active{background:var(--cream);color:var(--wood-dark);box-shadow:inset 0 -3px 0 var(--paper-2)}.lang{position:relative;display:flex;align-items:center;background:var(--cream);border:3px solid var(--wood-dark);border-radius:999px;padding:0 6px 0 10px}.lang .globe{font-size:.95rem}.lang select{font:inherit;font-weight:700;color:var(--wood-dark);background:transparent;border:0;padding:6px 4px;cursor:pointer;outline:none}.progress{position:absolute;left:0;bottom:-5px;height:5px;width:100%;background:linear-gradient(90deg,var(--gold),var(--orange));transform-origin:left;transform:scaleX(var(--progress, 0))}.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:999px;font-weight:700;font-size:1.05rem;text-decoration:none;border:3px solid var(--wood-dark);box-shadow:0 5px 0 var(--wood-dark);transition:transform .15s,box-shadow .15s;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--wood-dark)}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--wood-dark)}.btn-steam{background:linear-gradient(180deg,#ffc35c,var(--orange));color:var(--wood-dark)}.btn-steam .paw{display:inline-block;transition:transform .3s}.btn-steam:hover .paw{transform:rotate(-20deg) scale(1.2)}.btn-plain{background:var(--cream);color:var(--wood-dark)}.btn-pink{background:linear-gradient(180deg,#ffc0dc,var(--pink));color:var(--wood-dark)}.btn.big{font-size:1.25rem;padding:15px 34px}.title-sign{display:table;margin:0 auto 18px;position:relative;padding:8px 34px;font-size:1.75rem;color:#fff7df;letter-spacing:.03em;background:linear-gradient(180deg,var(--wood-light),var(--wood));border:4px solid var(--wood-dark);border-radius:14px;box-shadow:var(--shadow);text-shadow:0 2px 0 rgba(0,0,0,.3)}.title-sign:before,.title-sign:after{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;background:var(--gold);border:2px solid var(--wood-dark);border-radius:50%}.title-sign:before{left:10px}.title-sign:after{right:10px}.title-sign.left{margin-left:0}.lead{text-align:center;color:var(--muted);max-width:680px;margin:0 auto 30px}.card{background:var(--cream);border:4px solid var(--wood);border-radius:var(--radius);box-shadow:var(--shadow)}.reveal{opacity:0}.reveal.in{opacity:1;animation:rvUp .8s cubic-bezier(.2,1.25,.4,1) var(--d, 0s) backwards}.reveal.in.from-left{animation-name:rvLeft}.reveal.in.from-right{animation-name:rvRight}.reveal.in.zoom{animation-name:rvZoom}@keyframes rvUp{0%{opacity:0;transform:translateY(44px)}}@keyframes rvLeft{0%{opacity:0;transform:translate(-70px) rotate(-2deg)}}@keyframes rvRight{0%{opacity:0;transform:translate(70px) rotate(2deg)}}@keyframes rvZoom{0%{opacity:0;transform:scale(.86)}}.page{animation:pageIn .5s ease both;min-height:60vh}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}}.hero{position:relative;overflow:hidden;height:calc(100vh - var(--nav-h));min-height:600px;max-height:1000px;display:flex;align-items:center;justify-content:center;text-align:center;background:#bfe6ff}.hero-bg{position:absolute;top:-12%;right:-4%;bottom:-4%;left:-4%}.hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;background:center 40% / cover no-repeat;transform:scale(1.06);animation:breathe 18s ease-in-out infinite alternate}@keyframes breathe{to{transform:scale(1.12)}}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#fff8e78c,#fff8e700 62%)}.hero-inner{position:relative;z-index:3;padding:0 20px 60px;opacity:max(0,calc(1 - var(--scroll, 0) / 650))}.hero-logo{width:min(520px,82vw);margin:0 auto 6px;filter:drop-shadow(0 8px 0 rgba(79,46,25,.25));animation:logoIn 1s cubic-bezier(.2,1.5,.4,1) both,bob 4s 1s ease-in-out infinite}@keyframes logoIn{0%{transform:scale(.4) rotate(-6deg);opacity:0}}@keyframes bob{50%{transform:translateY(-10px)}}.tagline{display:inline-block;margin:0 0 22px;padding:10px 24px;font-size:1.12rem;font-weight:700;color:var(--wood-dark);background:#fff8e7eb;border:3px solid var(--wood);border-radius:18px;box-shadow:var(--shadow);animation:pop .6s .5s cubic-bezier(.2,1.5,.4,1) both}.hero .cta{animation:pop .6s .75s cubic-bezier(.2,1.5,.4,1) both}@keyframes pop{0%{opacity:0;transform:translateY(20px) scale(.9)}}.leaves{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.leaf{position:absolute;top:-30px;width:var(--size);height:calc(var(--size) * .7);background:var(--hue);border-radius:0 100%;opacity:.85;animation:fall var(--dur) linear infinite;animation-delay:var(--delay)}@keyframes fall{0%{transform:translateY(-5vh) rotate(0)}25%{transform:translate(var(--sway),25vh) rotate(90deg)}50%{transform:translateY(55vh) rotate(180deg)}75%{transform:translate(var(--sway),80vh) rotate(270deg)}to{transform:translateY(110vh) rotate(360deg)}}.sprite{background-repeat:no-repeat;background-position:0 0;animation:walk var(--dur) steps(var(--steps)) infinite}@keyframes walk{to{background-position:var(--end) 0}}.hero-fade{position:absolute;left:0;right:0;bottom:0;height:120px;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(255,248,231,0),var(--cream))}.scroll-cue{position:absolute;z-index:5;bottom:18px;left:50%;margin-left:-22px;width:44px;height:44px;border-radius:50%;cursor:pointer;background:var(--cream);border:3px solid var(--wood-dark);box-shadow:0 4px 0 var(--wood-dark);animation:cue 1.6s ease-in-out infinite}.scroll-cue span{display:block;width:12px;height:12px;margin:8px auto 0;border-right:4px solid var(--wood-dark);border-bottom:4px solid var(--wood-dark);transform:rotate(45deg)}@keyframes cue{50%{transform:translateY(6px)}}.intro{background:linear-gradient(180deg,#5aa64b 0,#5aa64b 0) top / 100% 0 no-repeat}.intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}.intro-text p{font-size:1.08rem;margin:14px 0 18px}.info-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.info-list li{background:var(--paper);border-radius:14px;padding:9px 16px;font-weight:700;border-left:6px solid var(--orange);transition:transform .2s}.info-list li:hover{transform:translate(6px)}.town-card{position:relative}.town-frame{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:6px solid var(--wood);border-radius:26px;box-shadow:0 10px #4f2e1947,0 18px 40px #4f2e192e;transform:rotate(1.2deg);transition:transform .4s}.town-card:hover .town-frame{transform:rotate(0) scale(1.015)}.town-move{position:absolute;left:-4%;right:-4%;top:-8%;bottom:-8%}.town-img{width:100%;height:100%;object-fit:cover}.mark{position:absolute;transform:translate(-50%,-50%);font-size:clamp(16px,2.2vw,26px);filter:drop-shadow(0 2px 0 rgba(0,0,0,.35));animation:markBob 1.6s ease-in-out infinite;animation-delay:var(--d)}.mark.build{animation-name:hammer}@keyframes markBob{50%{transform:translate(-50%,-80%) scale(1.15)}}@keyframes hammer{0%,to{transform:translate(-50%,-50%) rotate(-20deg)}50%{transform:translate(-50%,-70%) rotate(25deg)}}.legend{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);display:flex;gap:12px;white-space:nowrap}.legend span{background:var(--cream);border:3px solid var(--wood);border-radius:999px;padding:2px 12px;font-weight:700;font-size:.9rem;box-shadow:0 3px #4f2e1940}.features-sec{overflow:hidden;background:linear-gradient(180deg,transparent,rgba(248,233,201,.6) 30%,rgba(248,233,201,.6) 70%,transparent)}.deco-paws{position:absolute;top:-20%;right:0;bottom:-20%;left:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 120 120'%3E%3Cg fill='%23f3c98d'%3E%3Cellipse cx='30' cy='38' rx='9' ry='8'/%3E%3Ccircle cx='19' cy='26' r='4'/%3E%3Ccircle cx='27' cy='21' r='4'/%3E%3Ccircle cx='36' cy='21' r='4'/%3E%3Ccircle cx='43' cy='27' r='4'/%3E%3C/g%3E%3C/svg%3E")}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.feature{padding:24px 20px;text-align:center;transition:transform .25s}.feature:hover{transform:translateY(-8px) rotate(-1deg)}.feature .ico{width:76px;height:76px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:2.2rem;border:4px solid var(--wood);transition:transform .4s cubic-bezier(.2,1.6,.4,1)}.feature:hover .ico{transform:rotate(-12deg) scale(1.12)}.feature h3{margin:6px 0;font-size:1.15rem}.feature p{margin:0;color:var(--muted);font-size:.97rem}.board-wrap{padding:10px;background:linear-gradient(180deg,var(--wood-light),var(--wood));border:5px solid var(--wood-dark);border-radius:30px;box-shadow:0 10px #4f2e194d}.board{position:relative;aspect-ratio:1280 / 750;overflow:hidden;border-radius:20px;background:#a8dcf5}.board-map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wave{position:absolute;width:9%;animation:wave 3s ease-in-out infinite;animation-delay:var(--delay);opacity:.9}@keyframes wave{50%{transform:translate(6px)}}.board-paths{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.board-paths polyline{fill:none;stroke:#fdf9bf;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:0 21;animation:dots 1.4s linear infinite;filter:drop-shadow(0 1px 0 rgba(0,0,0,.2))}@keyframes dots{to{stroke-dashoffset:-21}}.spot{position:absolute;transform:translate(-50%,-50%);text-decoration:none;z-index:2;animation:spotBob 2.6s ease-in-out infinite;animation-delay:var(--d)}.spot img{width:100%;filter:drop-shadow(0 4px 0 rgba(0,0,0,.18));transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.spot:hover img{transform:scale(1.15) rotate(-3deg)}@keyframes spotBob{50%{transform:translate(-50%,-56%)}}.spot-name{position:absolute;left:50%;top:88%;transform:translate(-50%);white-space:nowrap;font-weight:700;font-size:clamp(10px,1.25vw,15px);color:#fff;padding:1px 10px;border-radius:999px;background:#4f2e19d9;border:2px solid #fff3d6}.spot.town .spot-name{background:var(--orange-dark)}.board-clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.bcloud-wrap{position:absolute;transform:translate(-50%,-50%)}.bcloud{width:100%;animation:bdrift var(--dur) ease-in-out infinite alternate;animation-delay:var(--delay);opacity:.96}@keyframes bdrift{0%{transform:translate(-18px)}to{transform:translate(18px)}}.hint{text-align:center;color:var(--muted);margin:14px 0 0;font-size:.95rem}.gallery-sec{position:relative;padding:60px 0}.h-view{overflow:hidden;padding:20px 0 30px}.h-track{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding:0 20px;max-width:1180px;margin:0 auto}.shot{margin:0;overflow:hidden;cursor:zoom-in;transition:transform .3s}.shot img{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .5s}.shot:hover img{transform:scale(1.06)}.shot figcaption{padding:8px 14px;font-weight:700;text-align:center}.h-bar{display:none}.gallery-sec.h-on{padding:0}.h-on .h-sticky{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));display:flex;flex-direction:column;justify-content:center;overflow:hidden}.h-on .h-track{display:flex;width:max-content;max-width:none;padding:0 max(20px,calc((100vw - 1140px)/2));gap:34px;will-change:transform}.h-on .shot{width:min(62vw,720px);flex:none;transform:rotate(var(--tilt))}.h-on .shot:hover{transform:rotate(0) translateY(-6px)}.h-on .h-bar{display:block;width:200px;height:10px;margin:6px auto 0;border-radius:99px;background:var(--paper-2);border:3px solid var(--wood);overflow:hidden}.h-on .h-bar span{display:block;height:100%;background:var(--orange);transform-origin:left;transform:scaleX(var(--hp, 0))}.dlc{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,#ffe7f1,#fff3df);border:4px solid var(--pink-dark);box-shadow:var(--shadow)}.dlc img{height:260px;width:auto;margin:0 auto}.badge{display:inline-block;padding:2px 12px;border-radius:999px;background:var(--pink);color:var(--wood-dark);font-weight:700;font-size:.85rem;border:2px solid var(--wood-dark)}.cta-box{text-align:center;padding:40px 24px 44px;border-radius:32px;background:radial-gradient(circle at 50% 0,#fff3c4,#ffe0a8 60%,#ffd08a);border:5px solid var(--wood);box-shadow:0 10px #4f2e1947}.cta-box h2{font-size:1.9rem;margin:10px 0 20px;color:var(--wood-dark)}.faces{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.faces img{width:64px;height:64px;border-radius:50%;border:3px solid var(--wood);background:var(--cream);animation:faceHop 1.8s ease-in-out infinite;animation-delay:var(--d)}@keyframes faceHop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-14px) rotate(-6deg)}}.page-head{position:relative;overflow:hidden;height:330px;display:grid;place-items:center;text-align:center}.head-bg{position:absolute;top:-30%;right:0;bottom:-30%;left:0;background:center / cover no-repeat;filter:saturate(1.05)}.page-head:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,248,231,.15),rgba(255,248,231,.4) 70%,var(--cream))}.head-inner{position:relative;z-index:2;padding:0 20px}.page-head .title-sign{font-size:2rem;animation:pop .6s cubic-bezier(.2,1.5,.4,1) both}.page-head .lead{color:var(--wood-dark);font-weight:700;background:#fff8e7e0;padding:6px 16px;border-radius:14px;margin-bottom:0}.chapter-tag{display:inline-block;margin:0;padding:4px 18px;border-radius:999px;background:var(--cream);border:3px solid var(--wood);font-weight:700}.chars-wrap{padding-bottom:80px}.roster{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:-34px 0 24px;position:relative;z-index:3}.roster button{width:64px;height:64px;padding:0;border-radius:50%;overflow:hidden;cursor:pointer;border:4px solid var(--wood);background:var(--cream);box-shadow:0 4px #4f2e194d;transition:transform .25s cubic-bezier(.2,1.6,.4,1),border-color .2s;animation:pop .5s cubic-bezier(.2,1.5,.4,1) both;animation-delay:var(--d)}.roster button img{width:100%;height:100%;object-fit:cover}.roster button:hover{transform:translateY(-5px) scale(1.06)}.roster button.on{border-color:var(--orange);transform:translateY(-6px) scale(1.12);box-shadow:0 0 0 4px #ffe1a6,0 6px #4f2e194d}.stage{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;padding:30px 64px;margin-bottom:30px;overflow:hidden}.stage:before{content:"";position:absolute;left:-10%;top:-30%;width:60%;height:160%;background:radial-gradient(circle,var(--elem) 0,transparent 65%);opacity:.7;transition:background .4s}.stage-art{position:relative;height:300px;display:grid;place-items:center}.ring{position:absolute;width:250px;height:250px;border-radius:50%;border:4px dashed var(--elem);filter:brightness(.85);animation:spin 22s linear infinite}.ring.r2{width:200px;height:200px;border-style:dotted;animation-direction:reverse;animation-duration:16s;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.stage .art{position:relative;height:230px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 0 rgba(79,46,25,.12));animation:artIn .55s cubic-bezier(.2,1.5,.4,1) both,floaty 3.2s .55s ease-in-out infinite}@keyframes artIn{0%{opacity:0;transform:scale(.6) translateY(30px) rotate(-6deg)}}@keyframes floaty{50%{transform:translateY(-10px)}}.art-shadow{position:absolute;bottom:22px;width:130px;height:18px;border-radius:50%;background:#4f2e1929;animation:shadowPulse 3.2s .55s ease-in-out infinite}@keyframes shadowPulse{50%{transform:scaleX(.82);opacity:.7}}.stage-info{position:relative;animation:infoIn .5s ease both}@keyframes infoIn{0%{opacity:0;transform:translate(24px)}}.stage-info h2{font-size:2.3rem;margin:4px 0 8px;line-height:1.2}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:2px 12px;border-radius:999px;background:#ffe7c4;border:3px solid var(--wood-dark);font-weight:700;font-size:.9rem}.chip.elem{background:var(--elem)}.quote{position:relative;margin:18px 0 10px;padding:12px 18px;font-weight:700;background:#fff;border:3px solid var(--wood);border-radius:18px}.quote:after{content:"";position:absolute;left:34px;bottom:-13px;width:18px;height:18px;background:#fff;border-right:3px solid var(--wood);border-bottom:3px solid var(--wood);transform:rotate(45deg)}.prof{display:grid;grid-template-columns:max-content 1fr;gap:6px 12px;margin:22px 0 14px;padding:12px 16px;border-radius:16px;background:var(--orange);color:#fff;box-shadow:inset 0 0 0 3px #ffffff59}.prof dt{font-weight:800;letter-spacing:.15em;opacity:.9}.prof dd{margin:0;font-weight:700}.prof-box{position:relative;margin:12px 0 0;padding:10px 16px 12px;border-radius:16px;background:#fffaf0;border:3px solid var(--paper-2);box-shadow:0 3px 0 var(--paper-2)}.prof-box h3{margin:0 0 6px;padding-bottom:4px;text-align:center;font-size:1.1rem;border-bottom:2px solid var(--paper-2)}.prof-box p{margin:0;white-space:pre-line;line-height:1.7}.arrow{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;border-radius:50%;font-size:1.8rem;line-height:1;padding:0 0 4px;cursor:pointer;color:var(--wood-dark);background:var(--cream);border:3px solid var(--wood);box-shadow:0 3px #4f2e194d;transition:transform .2s}.arrow:hover{transform:scale(1.12)}.arrow.prev{left:12px}.arrow.next{right:12px}.char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mini{padding:16px 10px 12px;text-align:center;cursor:pointer;transition:transform .25s cubic-bezier(.2,1.6,.4,1),border-color .2s}.mini-art{height:150px;display:grid;place-items:center}.mini-art img{height:128px;width:auto;max-width:100%;object-fit:contain;transition:transform .3s cubic-bezier(.2,1.6,.4,1)}.mini:hover{transform:translateY(-6px)}.mini:hover .mini-art img{transform:scale(1.08) rotate(-3deg)}.mini.on{border-color:var(--orange);background:#fff2d9}.mini b{display:block;font-size:1.05rem}.mini small{color:var(--muted);font-weight:700}.book{padding-top:30px;padding-bottom:20px}.spage{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center;margin-bottom:40px}.spage.flip{grid-template-columns:1fr 1.15fr}.spage.flip .page-img{order:2}.page-img{position:relative;overflow:hidden;aspect-ratio:4 / 3;border:6px solid var(--wood);border-radius:26px;box-shadow:0 10px #4f2e1940;background:var(--paper)}.page-img img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover}.page-text{position:relative;padding:26px 26px 24px 30px;background:var(--cream);border:4px solid var(--wood);border-radius:22px;box-shadow:var(--shadow);font-size:1.1rem}.page-text p{margin:0}.num{position:absolute;top:-20px;left:-14px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:1.2rem;color:var(--wood-dark);background:var(--gold);border:4px solid var(--wood-dark);box-shadow:0 3px #4f2e194d}.story-more{text-align:center;font-weight:700;font-size:1.15rem;color:var(--wood);margin:10px 0 0}.regions-sec{padding-top:60px}.chapter-label{font-weight:900;font-size:1.2rem;margin:10px 0 12px;color:var(--wood)}.chapter-label.wide{grid-column:1 / -1;margin-top:24px}.regions{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.region{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;padding:14px 16px;transition:transform .25s}.region:hover{transform:translateY(-5px) rotate(-.6deg)}.r-icon img{width:86px;height:72px;object-fit:contain;animation:bob 3s ease-in-out infinite;animation-delay:var(--d)}.region .idx{font-weight:900;color:var(--orange-dark)}.region h3{margin:0 0 2px;font-size:1.12rem}.region p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.55}.region.ch2{border-color:var(--pink-dark)}.footer{position:relative;margin-top:70px;padding:70px 20px 34px;text-align:center;color:#fff3d6;background:linear-gradient(180deg,var(--wood),var(--wood-dark))}.footer-grass{position:absolute;left:0;right:0;top:-34px;height:40px;background:radial-gradient(circle at 20px 40px,#6dbb5a 22px,transparent 23px) 0 0 / 40px 40px repeat-x}.footer-grass:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:12px;background:#6dbb5a}.footer-logo{width:180px;margin:0 auto 12px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.3))}.copy{opacity:.85}.to-top{margin-top:6px;background:transparent;color:#ffe2a8;border:2px dashed #ffe2a8;border-radius:999px;padding:4px 16px;cursor:pointer;font-weight:700}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#28160ad1;cursor:zoom-out;animation:fadeIn .2s ease both}.lightbox img{max-height:90vh;border:6px solid var(--cream);border-radius:18px;animation:pop .35s cubic-bezier(.2,1.5,.4,1) both}@keyframes fadeIn{0%{opacity:0}}@media(max-width:960px){.features{grid-template-columns:repeat(2,1fr)}.char-grid{grid-template-columns:repeat(3,1fr)}.intro-grid{grid-template-columns:1fr;gap:50px}.stage{grid-template-columns:1fr;padding:24px 56px;gap:6px;text-align:center}.stage .chips{justify-content:center}.quote,.prof,.prof-box{text-align:left}.stage-art{height:260px}.spage,.spage.flip{grid-template-columns:1fr;gap:26px}.spage.flip .page-img{order:0}.dlc{grid-template-columns:1fr}}@media(max-width:600px){:root{--nav-h: 96px}.nav-logo span{display:none}.nav-inner{flex-wrap:wrap;gap:6px 10px;padding:6px 12px}.nav-logo img,.scrolled .nav-logo img{width:36px;height:36px}.lang{margin-left:auto}.nav-links{order:3;width:100%;margin-left:0;justify-content:space-around}.nav-links a{padding:4px 12px;font-size:.95rem}.sec{padding:64px 0}.title-sign{font-size:1.35rem;padding:6px 28px}.hero{min-height:560px}.tagline{font-size:.98rem;padding:8px 14px}.btn{padding:10px 20px;font-size:.98rem}.features,.h-track{grid-template-columns:1fr}.gallery-sec{padding:30px 0}.char-grid{grid-template-columns:repeat(2,1fr);gap:12px}.mini-art{height:124px}.mini-art img{height:104px}.stage{padding:20px 14px}.arrow{top:130px}.stage-art{height:220px}.ring{width:200px;height:200px}.ring.r2{width:160px;height:160px}.stage .art{height:190px}.stage-info h2{font-size:1.9rem}.roster button{width:52px;height:52px}.page-head{height:270px}.page-head .title-sign{font-size:1.5rem}.cta-box h2{font-size:1.45rem}.faces img{width:48px;height:48px}.legend{font-size:.85rem}.spot-name{padding:0 6px;border-width:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.leaves{display:none}}