:root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#273e32;background:#e9edda;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:13px;padding:12px 16px;background:#315f48;color:#fff9e5;cursor:pointer;font-weight:700;box-shadow:0 3px 0 #193b2a;touch-action:manipulation}button:hover{filter:brightness(1.08)}button:active{transform:translateY(2px);box-shadow:none}button:disabled{opacity:.45;cursor:default}.light{background:#f8edcf;color:#36543e;box-shadow:0 3px 0 #d6c9a9}:focus-visible{outline:4px solid #df9b28;outline-offset:4px}.landscape{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 88% 8%,#ffe8a6 0 6%,transparent 6.2%),linear-gradient(160deg,#dcebe1,#f7efd5 60%,#d6e2c2)}.app{max-width:1150px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;margin:0 0 8px;color:#6b805a}h1{font-size:clamp(27px,4vw,43px);line-height:1.1;margin:0;color:#244b3c}h1 span{font-weight:400}h2{font-size:24px;margin:0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}.play-area{background:#fffbef;border:1px solid #e3dfcb;border-radius:24px;padding:20px;box-shadow:0 12px 35px #345b3920}.level-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px}.counter{white-space:nowrap;border-radius:30px;background:#edf1dd;padding:8px 12px;font-weight:bold;display:flex;align-items:center;gap:5px}.counter svg{width:32px;height:32px}.board-wrap{background:#325740;border:7px solid #325740;border-radius:18px;overflow:hidden;max-width:620px;margin:auto;box-shadow:0 5px 0 #203f2d}.board{display:grid;gap:3px;outline-offset:-4px}.tile{padding:0;position:relative;aspect-ratio:1;border-radius:7px;box-shadow:inset 0 -3px #487c3c30;background:#aaca86;overflow:hidden;min-width:0;touch-action:manipulation}.tile.light-ground{background:#b6d394}.tile.wall{background:#648d5d}.tile.water{background:#68b9cc}.tile.goal{background:#e7ce8f}.tile svg{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none}.tile .actor{z-index:3;filter:drop-shadow(0 2px 1px #21352630)}.tile .follower{width:49%;height:49%;left:48%;top:49%;z-index:4}.tile.near::after{content:'';position:absolute;inset:3px;border:2px solid #fff5c076;border-radius:5px;pointer-events:none}.tile.suggested{outline:4px solid #ffde59;outline-offset:-5px;animation:hint 1s ease-in-out infinite alternate}.tile.player{background:#d3df97}.tile:focus-visible{outline-offset:-4px;z-index:5}.message{padding:16px 3px 6px;min-height:65px;font-size:16px;line-height:1.4}.bottom{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#6d785f}.panel{padding:7px 0}.guide{background:#fff8df;border-radius:22px;padding:18px;text-align:center;border:1px solid #e5dcb9}.guide svg{width:78px;height:78px}.guide h2{font-size:21px}.guide p{font-size:15px;line-height:1.5;margin-bottom:0}fieldset{border:0;margin:18px 0;padding:0;display:flex;gap:10px;flex-wrap:wrap}legend{font-size:12px;color:#677257;margin-bottom:10px}label{font-size:14px;cursor:pointer}input{accent-color:#315f48}.actions{display:grid;gap:10px}.dpad{display:grid;grid-template-columns:repeat(3,48px);gap:7px;justify-content:center;margin:20px auto 12px}.dpad button{padding:8px;font-size:24px;min-height:46px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.controls{font-size:13px;line-height:1.5;text-align:center;color:#657359}details{font-size:14px;line-height:1.5;border-top:1px solid #cbd5bc;padding-top:15px}summary{cursor:pointer;font-weight:700}#storage-note{font-size:13px;color:#84542a}footer{font-size:13px;color:#687b59;margin-top:25px;display:flex;justify-content:space-between;gap:15px}dialog{border:1px solid #dfd6bb;border-radius:24px;background:#fffbef;color:#273e32;padding:26px;max-width:min(560px,94vw);box-shadow:0 20px 90px #15281d55}dialog::backdrop{background:#172e26a8;backdrop-filter:blur(4px)}dialog p{line-height:1.5}dialog button{margin:6px 4px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{padding:8px 12px}#level-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}#level-list button{text-align:left;font-size:14px;min-height:65px}#win-dialog{text-align:center;width:470px}#win-art svg{height:110px;width:110px}#win-dialog button{display:block;width:100%;margin:12px 0 0}#win-dialog h2{font-size:31px}@keyframes hint{to{filter:brightness(1.15)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:850px){.layout{grid-template-columns:minmax(0,1fr)}.panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide{grid-column:1/-1;display:flex;align-items:center;gap:12px;text-align:left;padding:12px}.guide svg{width:52px;height:52px}.guide h2{display:none}.guide p{margin:0}.panel fieldset{margin:0;grid-column:1/-1}.actions{align-self:center}.dpad{margin:0}.controls,details,#storage-note{grid-column:1/-1;margin:0}.controls{text-align:left}footer span{display:none}}@media(max-width:480px){.app{padding:12px}.top{margin-bottom:15px}.top button{font-size:12px;padding:10px}.top .eyebrow{font-size:9px;letter-spacing:1px}.play-area{padding:12px;border-radius:18px}.level-head h2{font-size:19px}.level-head .eyebrow{font-size:10px}.board-wrap{border-width:4px;border-radius:12px}.board{gap:2px}.tile{border-radius:4px}.message{font-size:14px;min-height:65px}.counter{padding:5px 8px;font-size:13px}.counter svg{width:25px;height:25px}.bottom{font-size:11px}.bottom span:last-child{display:none}}

.view-note{font-size:14px;line-height:1.4;color:#526b4c;margin:0 0 12px}.view-edges{font-size:13px;color:#526b4c;text-align:center;margin:12px 0 0}

.chapter-nav{display:flex;align-items:center;gap:12px;margin:10px 0}.chapter-nav p{flex:1;text-align:center;font-weight:bold}.chapter-nav button{min-width:44px}.gate-badge{position:absolute;right:2px;bottom:2px;z-index:2;border-radius:5px;background:#fff3bd;color:#533d27;padding:1px 5px;font-weight:900;font-size:14px;border:1px solid #644e32}.badge-X{background:#c6e7ff;color:#22547d}.badge-Y{background:#ffe0ee;color:#8f3057}.equipment{font-size:14px;line-height:1.4;color:#36543e}.equipment:empty{display:none}.legend{margin:15px 0}.legend p{display:flex;align-items:start;gap:10px;margin:12px 0;font-size:13px}.legend svg{width:42px;height:42px;flex-shrink:0}.legend span{flex:1}.legend strong{display:block}@media(max-width:850px){.equipment,.legend{grid-column:1/-1}.legend{margin:0}}
.shy-badge{position:absolute;top:2px;right:3px;border-radius:50%;background:#e5f2ff;color:#315f7d;font-weight:bold;min-width:19px;z-index:2;font-size:15px}