@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#243f35;background:#f5f6f1;--ink:#243f35;--muted:#79867b;--pine:#275647;--line:#e0e6dc;--paper:#fffef9;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.38}button,a,summary{touch-action:manipulation}button{transition:background .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d5a34d;outline-offset:4px}a{color:inherit;text-decoration:none}button:disabled:hover{transform:none}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all}button{border:0}button .critter{pointer-events:none}
.site-header{max-width:1376px;margin:auto;padding:0 44px;height:72px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;background:#294f41;color:#fffdf3;font-size:23px;font-weight:700;border-radius:10px}.brand b{font-size:17px;letter-spacing:-.5px}.brand-divider{height:12px;width:1px;background:#d9e0d5;margin:0 4px}.brand small{font-size:11px;color:#8b9489}.help{display:flex;align-items:center;gap:7px;background:none;font-size:12px;color:#697a6b}.help span{display:grid;place-items:center;width:19px;height:19px;border:1px solid #a6b4a4;border-radius:50%;font-size:11px}
main{max-width:1288px;margin:0 auto;padding:18px 28px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;min-height:120px}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:700;color:#879680;display:flex;align-items:center;gap:8px;margin-bottom:12px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#ce9d48}h1{font-size:40px;line-height:1.25;font-weight:500;letter-spacing:-2px}h1 em{font-style:normal;font-weight:900}.intro-line{font-size:13px;color:#89927f;margin-top:13px;letter-spacing:-.2px}.hero-side{display:flex;align-items:center;gap:13px;padding-right:18px}.hero-message{color:#89957f;font-size:12px;line-height:1.8;text-align:right}.hero-message strong{font-weight:500;color:#4d6d51}.hero-beaver{width:124px;height:124px;transform:rotate(5deg)}
.chapter-nav-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#82907d;margin-bottom:10px}.completion-label{font-size:10px}.completion-label b{color:#446646;margin-left:7px;font-size:11px;font-weight:600}.stages{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-bottom:24px}.stage-button{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:61px;background:#ecf0e7;border:1px solid transparent;border-radius:15px;padding:7px 8px;box-shadow:inset 0 1px 0 #ffffff80}.stage-button:hover{background:#e4ecdc;transform:translateY(-2px)}.stage-button.active{background:#fffef9;border-color:#729074;box-shadow:0 5px 13px #3853330d}.stage-number{font-size:10px;align-self:flex-start;margin-top:5px;color:#93a08b}.stage-button.active .stage-number{color:#547849}.stage-icon{width:34px;height:41px;flex:none}.stage-button strong{font-size:10px;font-weight:600;white-space:nowrap;letter-spacing:-.4px}.stage-cleared{position:absolute;right:7px;top:5px;color:#6c9460;font-size:9px}.stage-button.active:after{content:'';position:absolute;bottom:-6px;left:50%;width:5px;height:5px;border-radius:50%;background:#537a4c}
.play-shell{border:1px solid #e2e8dc;background:#fffefa;border-radius:26px;box-shadow:0 15px 44px #334f2d0a;overflow:hidden}.board-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;gap:20px}.chapter-heading{display:flex;align-items:center;gap:15px;min-width:0}.chapter-number{font-size:25px;font-weight:500;letter-spacing:-1px;color:#b7c3aa;width:33px;flex:none}.title-line{display:flex;align-items:center;gap:10px}h2{font-size:21px;letter-spacing:-.8px;font-weight:800}.pill{font-size:9px;color:#6c865e;border:1px solid #d9e3ce;border-radius:5px;background:#f3f6eb;padding:4px 7px;white-space:nowrap}#chapter-subtitle{font-size:11px;color:#929b87;margin-top:7px;line-height:1.6}.score-card{display:flex;flex:none;gap:24px}.score{display:flex;align-items:center;gap:8px}.score small{font-size:10px;color:#9aa58e;white-space:nowrap}.score strong{font-size:24px;font-weight:500;letter-spacing:-.8px}.score:not(:first-child) strong{color:#879d74}.score.arrival strong{font-size:17px;letter-spacing:0}.score.arrival{padding-left:20px;border-left:1px solid #e3e9dc}
.scene{height:540px;position:relative;overflow:hidden;isolation:isolate;margin:0 12px;border-radius:18px;background:#83a65b}.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;pointer-events:none;user-select:none}.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#203e3119 0%,transparent 20%,transparent 80%,#203e312e);pointer-events:none}.map-label{position:absolute;top:24px;z-index:3;background:#fffff1e8;backdrop-filter:blur(8px);border:1px solid #ffffffb3;box-shadow:0 3px 12px #26442c14;padding:9px 14px;border-radius:30px;color:#4a6542;font-size:11px;display:flex;align-items:center;gap:7px;font-weight:600}.map-label i{width:5px;height:5px;border-radius:50%;background:#86aa65}.map-a{left:26px}.map-b{right:26px}.map-b i{background:#c59850}.scene-badge{position:absolute;z-index:3;top:26px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:-.2px;color:#fffde8;text-shadow:0 1px 5px #274c35;background:#25452d7d;backdrop-filter:blur(8px);padding:7px 11px;border:1px solid #ffffff38;border-radius:30px;white-space:nowrap}
.map-animals{position:absolute;inset:0;z-index:4;pointer-events:none}.map-bank{position:absolute;top:18%;bottom:17%;width:25%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));align-items:start;justify-items:center;gap:0 8px;pointer-events:none}.bank-a{left:5%}.bank-b{right:5%}.map-animal{position:relative;display:flex;align-items:center;flex-direction:column;pointer-events:auto;width:100%;max-width:114px;min-height:111px;padding:0 0 2px;border:0;border-radius:20px;background:none;transition:transform .2s;isolation:isolate}.map-animal:disabled{opacity:1;cursor:default}.map-animal:not(:disabled):hover{transform:translateY(-6px)}.map-animal:focus-visible{outline:2px dashed #fff5bf;outline-offset:3px}.map-animal.in-transit{visibility:hidden}.map-animal::before{content:'';position:absolute;z-index:-1;bottom:24px;left:17%;width:66%;height:19px;background:#223d3145;border-radius:50%;filter:blur(3px)}.animal-art{display:block;width:96px;height:96px;position:relative;margin-bottom:0;filter:drop-shadow(1px 3px 2px #27402532);transition:transform .2s}.animal-name{display:block;color:#3a5236;background:#fffee9e8;border:1px solid #ffffffc9;border-radius:6px;padding:4px 9px;font-weight:600;font-size:10px;line-height:1.2;white-space:nowrap;box-shadow:0 2px 6px #2e492321;backdrop-filter:blur(8px)}.map-trait{margin-top:3px;font-size:8px;line-height:1.3;color:#fffce0;text-shadow:0 1px 3px #26442e,0 1px 4px #26442e;white-space:nowrap;font-weight:500}.map-animal.selected::before{height:24px;background:#f6d789b3;filter:none;box-shadow:0 0 0 2px #fff1c3,0 0 16px #fadd8377;bottom:23px}.map-animal.selected .animal-name{background:#fff0bd;border-color:#fff4cd;color:#6e572a}.map-animal.selected .animal-art{transform:translateY(-4px);filter:drop-shadow(0 4px 3px #3350304a)}.selected-mark{position:absolute;right:5px;top:9px;background:#fff3c6;border:1px solid #fffcdb;box-shadow:0 2px 5px #29402b33;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:#5a6d36;font-size:12px;font-weight:800}
.critter{display:flex;width:100%;height:100%;align-items:flex-end;justify-content:center;position:relative}.sprite-image{display:block;background-image:url('./assets/woodland-characters.png');background-repeat:no-repeat;flex:none}.sprite-duckling .sprite-image{transform:scale(.8);transform-origin:center bottom}.sprite-butterfly .sprite-image{transform:scale(.84);transform-origin:center bottom}.sprite-carrot .sprite-image,.sprite-honey .sprite-image,.sprite-acorn .sprite-image{transform:scale(.88);transform-origin:center bottom}.sprite-chameleon.color-gray .sprite-image{filter:grayscale(.92)}.sprite-chameleon.color-red .sprite-image{filter:hue-rotate(270deg) saturate(.85)}.sprite-chameleon.color-green .sprite-image{filter:none}
.travellers{position:absolute;left:34%;bottom:48%;display:flex;align-items:flex-end;justify-content:center;transform:translateX(-50%);transition:left .8s cubic-bezier(.45,.05,.45,1);z-index:6;pointer-events:none;isolation:isolate}.travellers.at-b{left:66%}.travellers:after{content:'';position:absolute;bottom:-2px;left:20%;right:20%;height:17px;background:#233c2f55;border-radius:50%;filter:blur(3px);z-index:-1}.guide-avatar{width:112px;height:112px;filter:drop-shadow(1px 4px 2px #203a2333)}.travellers .companion{width:75px;height:75px;margin-left:-10px;filter:drop-shadow(1px 4px 2px #203a2333)}.guide-tag{position:absolute;left:50%;top:-14px;transform:translateX(-50%);font-size:10px;font-weight:600;color:#fffae0;background:#284e40eb;border:1px solid #7a9b64b3;padding:5px 10px;border-radius:20px;box-shadow:0 3px 6px #27402d1a;white-space:nowrap}.travellers.moving>div{animation:bounce .19s infinite alternate}.water-frog{position:absolute;left:52%;bottom:16.5%;transform:translateX(-50%);width:53px;height:53px;z-index:5;pointer-events:none}.water-frog>span:not(.critter){position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;background:#f5ffd2db;border-radius:20px;color:#49723d;padding:4px 8px;box-shadow:0 2px 5px #24482b22}.scene-bottom{position:absolute;left:23px;right:23px;bottom:19px;z-index:7;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.scene-bottom>span{color:#fffee4;font-size:10px;text-shadow:0 1px 4px #234329;background:#25492d69;border:1px solid #ffffff2e;border-radius:20px;padding:6px 10px;backdrop-filter:blur(5px)}.scene-event{display:none;position:absolute;z-index:10;top:45%;left:50%;transform:translate(-50%,-50%);padding:14px 22px;width:max-content;max-width:90%;text-align:center;border:1px solid #fff8d4;border-radius:40px;background:#fff7d9f5;color:#755531;font-size:14px;font-weight:700;box-shadow:0 6px 30px #29452630}.scene-event.show{display:block;animation:pop .25s}.scene.oops{animation:shake .4s}.bridge-upgrade{display:none;position:absolute;top:55%;left:50%;transform:translateX(-50%);background:#fff4c8e6;border:1px solid #ffe5a4;color:#8c6c34;font-size:10px;border-radius:20px;padding:5px 10px;z-index:3}.scene.repaired .bridge-upgrade{display:block}
.controls{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 27px 22px;min-height:106px}.party-row{display:flex;align-items:center;gap:16px}.party-caption>span{display:block;color:#788b6e;font-size:10px}.party-caption small{display:block;color:#a3b297;font-size:10px;margin-top:5px}.control-row{display:flex;gap:8px;align-items:center}.small-control{display:grid;place-items:center;width:44px;height:44px;background:#eef2e8;color:#789469;border-radius:12px;font-size:24px}.small-control:hover{background:#e5ecdc}.cross{display:flex;align-items:center;justify-content:center;gap:20px;min-width:250px;height:50px;background:#2c5846;border:1px solid #244e3d;border-radius:13px;color:#fffbe8;font-size:12px;font-weight:600;box-shadow:0 4px 0 #204734}.cross:hover{background:#34654d;transform:translateY(-1px)}.cross span{color:#dbe7ba;font-size:19px;font-weight:400}#party-list{display:flex;gap:7px}.seat{display:flex;align-items:center;justify-content:center;gap:6px;min-width:89px;height:42px;padding:5px 10px;border-radius:10px;border:1px dashed #d8e0cc;color:#a2ad94;font-size:10px;white-space:nowrap}.seat .critter{width:29px;height:31px}.seat.filled{background:#f6f7e8;border:1px solid #e3e7c9;color:#5a7048;padding-left:5px}.empty-seat{font-size:17px;font-weight:400}
.ability:empty{display:none}.ability{margin:0 26px 20px}.ability-box{display:flex;align-items:center;gap:18px;background:#f4f4e4;border:1px solid #e4e6cf;border-radius:13px;padding:13px 17px}.ability-description{flex:1;min-width:0}.ability-description strong{display:block;font-size:12px;font-weight:600}.ability-description small{display:block;font-size:10px;color:#9a9f80;margin-top:5px;line-height:1.7}.ability-button{border:1px solid #ccd3ae;background:#e8edce;color:#5d7047;border-radius:8px;font-size:11px;font-weight:500;padding:10px 15px;white-space:nowrap}.ability-button.red{background:#f4e0d0;border-color:#e8c8b7;color:#956649}.ability-button.green{background:#dfebc9;border-color:#c6d9ad;color:#6f8556}.ability-complete{padding:11px 17px;font-size:11px;background:#eff5e1;color:#728e56;border-radius:10px}.color-buttons{display:flex;gap:6px}.below-board{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:15px 4px 25px;font-size:10px;color:#97a18b}.control-help{font-size:10px;line-height:1.8;color:#919d85}.click-icon{font-size:17px;margin-right:5px;color:#718c62}.best-label{white-space:nowrap;font-size:10px}.best-label b{font-weight:500;color:#6a825c;margin-left:7px}
.field-notes{display:grid;grid-template-columns:1.7fr 1fr;gap:15px;align-items:start}details{border:1px solid #dfe6d6;background:#f9fbf5;border-radius:14px;overflow:hidden}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;gap:10px}summary::-webkit-details-marker{display:none}summary>span:first-child{display:flex;align-items:center;gap:15px}summary b{font-size:12px;font-weight:600;color:#5d7851;white-space:nowrap}summary small,.quick-rules{font-size:10px;color:#9ba78e;line-height:1.7}.details-arrow{color:#839b6f;font-size:18px;font-weight:400}details[open] .details-arrow{transform:rotate(45deg)}.rules-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:3px 20px 20px}.mini-heading{font-size:9px;letter-spacing:.6px;color:#a4ac8f}.twist h3{font-size:14px;color:#556e48;margin:8px 0}.twist p{font-size:11px;color:#8e987e;line-height:1.9}.feature-tag{font-size:10px;padding:7px 9px;background:#eef2dd;color:#7a8b5f;border-radius:6px;margin-top:10px;line-height:1.7}.feature-tag.red{background:#f4e0d4;color:#9c755e}.feature-tag.green{background:#e4edd5}.rules-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rules-heading h3{font-size:11px;font-weight:600;color:#7a8d68}.rules-heading>span{font-size:9px;color:#9daa8d}.rule-card{margin-top:8px}.rule-recipe{display:flex;align-items:center;gap:6px;font-size:10px;color:#5e7751}.rule-recipe>.critter{width:30px;height:31px;flex:none}.rule-recipe i{font-style:normal;color:#a1ab8b;margin:0 3px}.rule-card p{font-size:10px;color:#96a185;margin:4px 0}.rule-safe{color:#789462;font-size:9px}.small-note{font-size:9px;line-height:1.8;color:#a5af96;margin-top:10px}.hint{padding:0 20px 20px}.hint p{font-size:11px;color:#859575;line-height:1.9}.hint-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.hint #hint{font-size:10px;display:flex;justify-content:space-between;gap:20px;border:1px solid #d6dfc9;border-radius:8px;background:#edf3e3;padding:9px 12px}.text-button{font-size:9px;text-decoration:underline;text-underline-offset:4px;background:none;color:#a1ad91}.wake-track{display:flex;gap:5px;margin-top:12px}.wake-track>span{height:5px;flex:1;background:#e1e7cf;border-radius:10px}.wake-track>span.done{background:#b7c787}.wake-track.awake>span{background:#d9ad83}
.journal{margin:16px 3px 0;border-bottom:1px solid #e3e8dc}#journal-toggle{background:none;display:flex;justify-content:space-between;width:100%;padding:13px 1px;color:#a0ad91;font-size:10px}#journal-toggle small{font-size:9px;margin-left:6px;color:#bdc6b0}#journal-list{list-style:none;margin:0;padding:0 0 12px}#journal-list li{display:flex;gap:12px;padding:8px 0;font-size:11px;color:#839575;line-height:1.7}#journal-list li b{font-size:10px;font-weight:400;color:#a8b49b}footer{display:flex;justify-content:space-between;padding:27px 3px 30px;color:#b0baa6;font-size:9px}footer span:first-child{font-size:8px;letter-spacing:1.6px}
.toast{position:fixed;z-index:30;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#2b5746;color:#fffbe9;border:1px solid #52725d;border-radius:12px;padding:13px 20px;font-size:12px;line-height:1.7;text-align:center;max-width:90%;box-shadow:0 5px 25px #234d3533;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(500px,calc(100% - 28px));max-height:87vh;border:1px solid #e4e8d7;border-radius:24px;padding:34px;background:#fbfcf3;color:#46623d;box-shadow:0 20px 80px #1a3a2533}dialog::backdrop{background:#233f3a55;backdrop-filter:blur(6px)}.modal-close{position:absolute;top:10px;right:15px;font-size:24px;background:none;color:#a0b18e}.modal-kicker{font-size:9px;letter-spacing:1.4px;color:#93a47d}.modal-animals{display:flex;justify-content:center;align-items:center;gap:16px;height:120px;margin:12px 0 20px}.modal-animals>.critter{width:110px;height:110px}.modal-animals>span:not(.critter){font-size:22px;color:#b9c19c}#modal-content h2{font-size:23px;line-height:1.6;margin:8px 0 14px}#modal-content p{font-size:12px;color:#8b9b7a;line-height:1.9;margin:10px 0}#modal-content .primary{background:#345f46;color:#fffbe8;border-radius:11px;font-size:12px;width:100%;padding:14px;margin-top:14px}#modal-content .secondary{border:1px solid #dde4cf;background:none;border-radius:11px;width:100%;padding:12px;font-size:11px;color:#91a17b;margin-top:8px}.win-score{font-size:48px;letter-spacing:-2px;margin:10px 0}.win-score small{font-size:12px;letter-spacing:0;margin-left:10px;color:#97aa7e}.fine-print{font-size:10px!important;color:#a6b396!important}.solution-row{display:flex;gap:13px;font-size:11px;line-height:1.8;padding:10px 0;border-bottom:1px solid #e3e9d7}.solution-row b{color:#9baf7a}.guide-rules{padding-left:20px;font-size:12px;line-height:2.2;color:#80946c}.failure-line{border-left:2px solid #c9b077;background:#f4efd9;padding:12px;font-size:12px;line-height:1.8;color:#97815b}
@keyframes bounce{to{transform:translateY(-5px)}}@keyframes shake{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}@keyframes pop{from{opacity:0;transform:translate(-50%,-30%) scale(.9)}}
@media(min-width:1450px){.scene{height:570px}.animal-art{width:103px;height:103px}.map-animal{max-width:125px}.guide-avatar{width:122px;height:122px}}
@media(max-width:1100px){main{padding:16px 24px 0}.site-header{padding:0 30px}.stage-button{gap:3px;padding:7px 5px}.stage-icon{width:28px;height:36px}.stage-number{font-size:9px}.stage-button strong{font-size:9px}.board-heading{padding:21px 22px}.chapter-heading{gap:10px}h2{font-size:19px}.score-card{gap:14px}.score{display:block;text-align:center}.score small{display:block;font-size:9px;margin-bottom:4px}.score strong{font-size:21px}.score.arrival{padding-left:15px}.score.arrival strong{font-size:15px}.scene{height:500px}.animal-art{width:85px;height:85px}.guide-avatar{width:100px;height:100px}.travellers .companion{width:67px;height:67px}.animal-name{font-size:9px;padding:4px 7px}.map-bank{top:20%;bottom:15%;width:27%;gap:0 6px}.bank-a{left:3%}.bank-b{right:3%}.controls{padding:20px;gap:15px}.party-row{gap:10px}.party-caption>span{font-size:9px}.cross{min-width:215px;font-size:11px}.seat{min-width:78px;font-size:9px}.quick-rules{font-size:9px}summary>span:first-child{gap:10px}}
@media(max-width:800px){.site-header{height:59px;padding:0 23px}.brand small{font-size:10px}.help{font-size:11px}.intro{margin-bottom:22px;min-height:110px}h1{font-size:34px}.hero-message{display:none}.hero-side{padding:0}.hero-beaver{width:93px;height:104px}.intro-line{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.5px}.stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:22px}.stage-button{height:51px;gap:7px;padding:5px 9px}.stage-icon{width:32px;height:36px}.stage-button strong{font-size:10px}.stage-number{font-size:9px}.stage-button.active:after{display:none}.board-heading{padding:19px;gap:12px}.title-line{gap:7px}.pill{font-size:8px;padding:3px 5px}.chapter-number{font-size:22px;width:28px}h2{font-size:17px}#chapter-subtitle{font-size:10px;margin-top:6px}.score-card{gap:14px}.score.arrival{display:none}.scene{height:460px;margin:0 9px}.map-bank{width:27%;top:22%;bottom:17%}.animal-art{width:76px;height:76px}.animal-name{font-size:9px;padding:4px 6px}.map-label{left:18px;top:19px;padding:7px 10px;font-size:10px}.map-b{left:auto;right:18px}.scene-badge{top:22px;font-size:9px;padding:6px 9px}.guide-avatar{width:87px;height:87px}.guide-tag{font-size:9px}.travellers .companion{width:58px;height:58px}.travellers{left:34%;bottom:48%}.travellers.at-b{left:66%}.scene-bottom{left:16px;right:16px;bottom:15px}.scene-bottom>span{font-size:9px;padding:5px 8px}.controls{flex-wrap:wrap;gap:16px;padding:18px}.party-row{width:100%;justify-content:space-between}.party-caption{display:flex;gap:9px;align-items:center}.party-caption>span{font-size:11px}.party-caption small{margin:0;font-size:10px}.control-row{width:100%;gap:8px}.cross{flex:1;min-width:0}.seat{min-width:87px;font-size:10px;height:37px}.small-control{height:44px;width:44px}.cross{height:46px;font-size:12px}.below-board{margin:13px 2px 20px;align-items:start}.control-help{font-size:9px}.best-label{font-size:9px}.field-notes{grid-template-columns:1fr}.hint-details summary>span:first-child{gap:17px}.rules-content{gap:25px}.ability{margin:0 18px 18px}.ability-box{gap:10px}.ability-description small{font-size:9px}.ability-button{font-size:10px;padding:9px 11px}}
@media(max-width:520px){.site-header{padding:0 18px;height:55px}.brand{gap:8px}.brand b{font-size:16px}.brand-mark{height:27px;width:27px;border-radius:9px;font-size:21px}.brand-divider,.brand small{display:none}.help{font-size:10px}main{padding:13px 14px 0}.intro{margin-bottom:22px;gap:4px;min-height:103px}.hero-beaver{width:68px;height:81px}.eyebrow{font-size:6px;letter-spacing:1.4px;margin-bottom:9px;gap:5px}.eyebrow>span{width:4px;height:4px}h1{font-size:27px;letter-spacing:-1.5px;white-space:nowrap}.intro-line{font-size:9px;line-height:1.8;margin-top:10px;max-width:250px;word-break:keep-all}.chapter-nav-heading{font-size:10px;margin-bottom:9px}.completion-label{font-size:9px}.completion-label b{font-size:10px}.stages{gap:6px;margin-bottom:19px}.stage-button{height:61px;padding:5px 4px 6px;flex-wrap:wrap;gap:0 2px;border-radius:12px}.stage-number{position:absolute;top:3px;left:6px;font-size:8px;margin:0}.stage-icon{width:30px;height:32px;margin-left:9px}.stage-button strong{width:100%;font-size:9px;font-weight:500;text-align:center;letter-spacing:-.5px}.stage-cleared{right:5px;top:3px;font-size:8px}.play-shell{border-radius:20px}.board-heading{padding:16px 14px;align-items:flex-start;gap:5px}.chapter-number{display:none}.chapter-heading{min-width:0;flex:1}.title-line{gap:5px;flex-wrap:wrap}h2{font-size:16px;letter-spacing:-.65px}.pill{display:none}#chapter-subtitle{font-size:9px;line-height:1.8;margin-top:6px;max-width:235px;word-break:keep-all}.score-card{gap:10px;padding-top:1px}.score small{font-size:8px}.score strong{font-size:19px}.scene{margin:0 7px;height:402px;border-radius:14px}.landscape{object-fit:cover}.map-label{top:14px;left:12px;padding:6px 8px;font-size:8px;gap:5px}.map-b{left:auto;right:12px}.map-label i{width:4px;height:4px}.scene-badge{top:auto;bottom:58px;font-size:8px;padding:5px 8px;max-width:80%;overflow:hidden;text-overflow:ellipsis}.map-bank{top:20%;bottom:17%;width:26%;gap:0}.bank-a{left:1%}.bank-b{right:1%}.map-animal{min-height:83px;max-width:64px;border-radius:14px}.animal-art{width:57px;height:57px;margin-bottom:2px}.animal-name{font-size:8px;padding:3px 4px;letter-spacing:-.3px;line-height:1.3;border-radius:5px}.map-trait{font-size:7px;letter-spacing:-.3px;margin-top:2px}.map-animal::before{height:12px;bottom:22px}.map-animal.selected::before{height:17px;bottom:21px;box-shadow:0 0 0 1.5px #fff1c3,0 0 10px #fadd8377}.selected-mark{width:17px;height:17px;font-size:10px;right:-3px;top:5px}.travellers{left:31%;bottom:48%}.travellers.at-b{left:69%}.guide-avatar{width:67px;height:67px}.guide-tag{top:-12px;font-size:8px;padding:4px 7px}.travellers .companion{width:43px;height:43px;margin-left:-7px}.travellers:after{height:12px}.water-frog{width:38px;height:38px;left:54%;bottom:24%}.water-frog>span:not(.critter){font-size:7px;padding:3px 5px}.scene-bottom{bottom:12px;left:9px;right:9px;gap:4px}.scene-bottom>span{font-size:7px;padding:5px 6px;letter-spacing:-.2px}.bridge-upgrade{font-size:8px;top:56%}.controls{padding:15px 13px 18px;gap:13px}.party-caption{display:block}.party-caption>span{font-size:9px}.party-caption small{margin-top:5px;font-size:9px}.seat{min-width:70px;padding:4px 6px;font-size:9px;gap:3px;height:36px}.seat .critter{width:26px;height:28px}.seat.filled{padding-left:3px}#party-list{gap:5px}.cross{font-size:11px;gap:12px;height:43px;border-radius:11px}.cross span{font-size:17px}.small-control{width:37px;height:39px;border-radius:10px;font-size:22px}.ability{margin:0 13px 16px}.ability-box{padding:12px;flex-wrap:wrap}.ability-description strong{font-size:11px}.ability-description small{font-size:9px}.ability-button{padding:9px 10px;font-size:10px}.color-buttons{gap:5px}.below-board{display:block;margin:13px 1px 18px}.control-help{font-size:9px;line-height:1.9}.best-label{display:block;font-size:8px;margin-top:8px;text-align:right}.click-icon{font-size:14px}.field-notes{gap:10px}summary{padding:15px}.rules-details summary>span:first-child{display:block}summary b{font-size:11px}.quick-rules{display:block;margin-top:6px;font-size:9px}summary small{font-size:9px}.rules-content{padding:2px 15px 16px;grid-template-columns:1fr;gap:18px}.twist p{font-size:11px}.rules-heading h3{font-size:11px}.rule-recipe{font-size:10px}.hint{padding:0 15px 15px}.hint p{font-size:11px}.hint-actions{gap:10px}.journal{margin-top:12px}footer{padding:23px 2px;font-size:8px}footer>span:first-child{display:none}.scene-event{font-size:12px;padding:12px 18px}dialog{padding:28px}.modal-animals{height:106px}.modal-animals>.critter{width:97px;height:97px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.packs{display:flex;gap:6px;margin:0 0 13px}.packs button{display:flex;align-items:center;gap:9px;border:1px solid #dce4d5;border-radius:24px;background:transparent;color:#84927b;padding:9px 16px;font-size:12px;font-weight:600}.packs button.active{background:#355e48;color:#fffbe9;border-color:#355e48}.packs small{font-size:9px;opacity:.75;font-weight:400}.stages.wild-stages{grid-template-columns:repeat(4,minmax(0,1fr))}.wild-stages .stage-button{justify-content:flex-start;padding-left:18px}.wild-stages .stage-button strong{font-size:11px}.wild-stages .stage-icon{width:43px;height:45px;margin:0 7px}.wildlife-sprite{background-image:url('./assets/wildlife-characters.png')}.sprite-grass .sprite-image{transform:scale(.75);transform-origin:center bottom}.scene[data-biome=savanna] .animal-name{color:#695330;background:#fff9dfef}.map-trait.load-trait{background:#2d493ee6;padding:3px 5px;border-radius:5px;text-shadow:none;font-size:9px}.bridge-budget{display:flex;align-items:center;gap:15px;padding:11px 15px;background:#f2f4e9;border-radius:10px;font-size:11px;color:#6f805f}.bridge-budget b{margin-left:7px;color:#3d6148}.bridge-budget small{font-size:10px;margin-left:auto}.load-meter{display:flex;gap:4px}.load-meter i{display:block;width:28px;height:7px;border-radius:5px;background:#dce3ce}.load-meter i.filled{background:#c1a062}.ecology-note{padding-top:10px;border-top:1px solid #dfe6d6;margin-top:10px!important;font-size:10px!important}.ecology-note a{color:#617e4e;text-underline-offset:3px}
@media(max-width:800px){.wild-stages .stage-button{padding-left:5px;justify-content:center}.wild-stages .stage-icon{width:30px;height:35px;margin:0}.wild-stages .stage-button strong{font-size:9px}.bridge-budget{gap:9px}.bridge-budget small{font-size:9px}.load-meter i{width:19px}}
@media(max-width:520px){.packs{gap:5px}.packs button{padding:8px 12px;font-size:11px;gap:7px}.packs small{font-size:8px}.wild-stages .stage-button strong{font-size:8px;letter-spacing:-.6px}.wild-stages .stage-icon{width:32px;height:34px}.bridge-budget{flex-wrap:wrap;padding:10px 12px}.bridge-budget small{width:100%;margin:0}.map-trait.load-trait{font-size:7px;padding:2px 3px}.scene-bottom>span{font-size:8px}.map-animal[data-animal=elephant] .animal-name,.map-animal[data-animal=asianElephant] .animal-name{font-size:7px;padding:4px 3px}}

@media(min-width:801px){.scene.has-load .map-bank{top:17%;bottom:9%}}
/* Shared world units keep proportions consistent on banks and while crossing. */
.scene{--world-unit:96px}
.scene .animal-art{width:var(--world-unit);height:var(--world-unit)}
.scene .animal-art .sprite-image,.scene .companion .sprite-image{transform:scale(var(--animal-scale,1));transform-origin:center bottom}
.scene .guide-avatar{width:calc(var(--world-unit)*.6);height:calc(var(--world-unit)*.6)}
.scene .travellers .companion{width:var(--world-unit);height:var(--world-unit);margin-left:calc(var(--world-unit)*-.13)}
.scene .water-frog{width:calc(var(--world-unit)*.4);height:calc(var(--world-unit)*.4)}
.scene .map-animal .animal-art{transform:none}
.scene .map-animal.selected .animal-art{transform:translateY(-4px)}
@media(min-width:1450px){.scene{--world-unit:103px}}
@media(max-width:1100px){.scene{--world-unit:85px}}
@media(min-width:801px){.scene.has-load{--world-unit:86px}}
@media(max-width:800px){.scene{--world-unit:76px}}
@media(max-width:520px){.scene{--world-unit:57px}.scene .bank-a{left:4%}.scene .bank-b{right:4%}.scene .map-bank{width:27%}}

/* aileelab 가이드: 상단은 서비스 제목, 하단 한 곳에 워드마크 */
.brand-glyph{display:block;width:20px;height:20px}.header-actions{display:flex;align-items:center;gap:14px}.lang-switch{font-size:12px;color:#697a6b;text-decoration:none;border:1px solid #d9e0d5;border-radius:999px;padding:4px 10px}.lang-switch:hover{color:var(--pine);border-color:#a6b4a4}
.page-notes{margin:22px 3px 0;color:#8b9489;font-size:11px;line-height:1.75;word-break:keep-all}.page-notes p{margin:0 0 6px}
footer.brand-footer{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px 16px;padding:28px 3px 32px;margin-top:12px;border-top:1px solid #e3e8dc;color:#79867b;font-size:12px;letter-spacing:0}
footer.brand-footer img{display:block;height:20px;width:auto}footer.brand-footer a{color:#79867b}footer.brand-footer>span:first-child{display:inline;font-size:12px;letter-spacing:0}
@media(max-width:520px){.brand b{font-size:15px}.lang-switch{font-size:10px;padding:3px 8px}.header-actions{gap:9px}.page-notes{font-size:10px}footer.brand-footer{padding:24px 2px 28px;font-size:11px}}