:root{font-family:Arial,sans-serif;color:#34295b;background:#faf6ff;font-size:19px}*{box-sizing:border-box}body{margin:0;padding-bottom:100px}button,a{touch-action:manipulation}button{font:inherit;font-weight:700;color:inherit;border:2px solid #ded5ee;background:white;border-radius:18px;padding:14px 22px;cursor:pointer;min-height:52px}button:hover{border-color:#8760ce;background:#f4edff}button:focus-visible,a:focus-visible{outline:4px solid #7551ca;outline-offset:4px}button:disabled{cursor:default;opacity:.6}.primary{background:#ffcf55;border-color:#edb93e}.quiet{font-size:16px}header{display:flex;align-items:center;gap:18px;padding:20px 5%;background:#fff;border-bottom:2px solid #eee7f7;flex-wrap:wrap}header a{text-decoration:none;color:#553d88;font-weight:800;margin-right:auto}main{max-width:1050px;margin:auto;padding:24px}h1{font-size:clamp(28px,4vw,42px);margin:12px 0}h2{margin:10px 0 20px}.eyebrow{color:#715b9b;font-size:15px;letter-spacing:2px;font-weight:bold}.intro{text-align:center}.muted{color:#716982;font-size:16px}.worlds{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.world{padding:24px;text-align:left;position:relative;overflow:hidden;border:2px solid #e3d6f9;background:linear-gradient(125deg,white,#e7ddff)}.world:nth-child(2){background:linear-gradient(125deg,white,#ccf6eb)}.world:nth-child(3){background:linear-gradient(125deg,white,#ffedbc)}.world:nth-child(4){background:linear-gradient(125deg,white,#fbdde9)}.world b{display:block;font-size:25px;margin:14px 0}.world em{font-size:40px;font-style:normal}.heroes{display:flex;gap:18px;justify-content:center;margin:25px 0}.hero{width:30%;max-width:240px}.hero img{height:165px;width:100%;object-fit:contain}.hero b,.hero small{display:block}.hero small{font-size:15px;font-weight:normal;margin:10px}.hero[aria-pressed=true]{border:4px solid #8b60d3;background:#eee4ff}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.route{display:flex;justify-content:center;align-items:center;margin:20px auto;gap:12px}.route span{border-radius:50%;background:#e5ddef;padding:13px 18px}.route span.current{background:#ffe093;outline:3px solid #cf9e32}.route span.done{background:#b5eed5}.route i{height:5px;background:#d1c0e7;width:50px}.scene{height:260px;position:relative;border:3px solid #fff;border-radius:30px;overflow:hidden;background:linear-gradient(#c9f1ff 0 68%,#c5edc4 68%);box-shadow:0 7px 24px #49376a12;margin:18px 0}.scene::before{content:'☁　　☁　　　　☀';color:white;font-size:48px;position:absolute;top:20px;left:12%}.scene.l2{background:linear-gradient(#d6f7f1 0 68%,#d4c8fc 68%)}.scene.l3{background:linear-gradient(#fff0c3 0 68%,#bdeddf 68%)}.scene.l4{background:linear-gradient(#e7dfff 0 68%,#e0edff 68%)}.ground{position:absolute;bottom:23px;height:25px;left:0;right:0;background:#fff8db;border-top:5px solid #dec789;transform:skewY(-2deg)}.actor{position:absolute;left:8%;bottom:35px;width:92px;height:125px;object-fit:contain;z-index:3}.obstacle{position:absolute;left:45%;bottom:47px;width:95px;height:75px;border:5px solid white;background:#b6a0ec;box-shadow:8px 8px 0 #8d73c0;border-radius:10px;text-align:center;font-size:40px;padding:8px}.goal{position:absolute;right:7%;bottom:58px;font-size:50px}.rope{display:none;position:absolute;left:17%;right:13%;top:62px;height:4px;background:#bc8e53;transform:rotate(-10deg)}.move-robot .actor{animation:jump 1.3s forwards}.move-astro .actor{animation:fly 1.3s forwards}.move-fox .actor{animation:rope 1.3s forwards}.move-fox .rope{display:block}@keyframes jump{0%{left:8%}40%{bottom:145px}65%{bottom:145px}100%{left:80%;bottom:35px}}@keyframes fly{25%{bottom:140px;transform:rotate(12deg)}80%{bottom:140px}100%{left:80%;bottom:35px}}@keyframes rope{30%{bottom:115px;transform:rotate(-15deg)}100%{left:80%;bottom:35px}}.card{background:white;padding:25px;border-radius:24px;text-align:center;border:2px solid #ece4f7;box-shadow:0 8px 20px #49376a08}.choices{display:flex;gap:18px;justify-content:center;margin:20px auto;flex-wrap:wrap}.choices button{font-size:30px;min-width:190px}.picture{font-size:58px;margin:8px}.message{min-height:30px;color:#5f437d;margin:12px}.hint{background:#f1e8ff;border-radius:12px;padding:12px}.stars{color:#775629;font-weight:bold;background:#fff0be;border-radius:14px;padding:10px}.celebrate{font-size:70px}.smallroute{font-size:18px}footer{position:fixed;z-index:5;bottom:0;background:#fffef7f5;border-top:2px solid #e7def0;display:flex;justify-content:center;align-items:center;gap:22px;width:100%;padding:12px;font-size:17px}footer button{background:#ede4ff;font-size:17px}.players-dialog{max-width:600px;border:2px solid #d4c2ef;border-radius:25px;padding:25px}.players-dialog::backdrop{background:#31214b66}.players-list,.new-player{display:grid;gap:12px;margin:18px 0}.new-player input{font:inherit;padding:12px;border:2px solid #d6c7e8;border-radius:12px}.local-note{font-size:13px;color:#70687b}#storage{color:#9b3f31;text-align:center}.support{margin-top:25px;font-size:16px}.support summary{cursor:pointer}.support p{text-align:left;line-height:1.6}dialog{max-width:500px;border-radius:20px;border:2px solid #d4c2ef;padding:28px}@media(max-width:650px){main{padding:14px}.worlds{gap:12px}.world{padding:15px}.world b{font-size:20px}.heroes{gap:8px}.hero{padding:8px}.hero img{height:110px}.hero small{font-size:13px;margin:5px}.toolbar{flex-wrap:wrap}.scene{height:230px}footer{gap:8px;font-size:13px;padding:8px}footer button{font-size:13px;padding:10px}.choices button{min-width:130px}header{padding:14px}.player-switch{font-size:13px}body{padding-bottom:105px}}@media(prefers-reduced-motion:reduce){.move-robot .actor,.move-astro .actor,.move-fox .actor{animation:none;left:80%}}