.shoal-adventure{box-sizing:border-box;max-width:1120px;width:calc(100% - 32px);margin:24px auto;padding:24px;border:1px solid #a9c8c3;border-radius:22px;background:#edf5ef;color:#21444c}
.shoal-adventure summary{font-size:20px;font-weight:750;cursor:pointer;min-height:44px}
.shoal-adventure p{font-size:14px;line-height:1.6}.shoal-adventure small{display:block;margin-top:12px;line-height:1.6}
.shoal-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
.shoal-chapter{min-width:0;padding:16px;border:1px solid #a9c8c3;border-radius:16px;background:#f9fcf8}
.shoal-chapter canvas{display:block;width:120px;height:auto;margin:auto}
.shoal-chapter h3{font-size:18px;color:#21444c;margin:8px 0}.shoal-chapter p{min-height:44px}
.shoal-chapter.collected{border-color:#268d86;background:#dcefe6}
.shoal-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.shoal-adventure button{min-height:44px;border:1px solid #76a6a1;border-radius:10px;background:#1d626b;color:#fff;padding:8px;font:600 13px system-ui;cursor:pointer}
.shoal-adventure button:disabled{background:#e3eae6;color:#627773;border-color:#c4d3cd;cursor:not-allowed}
.shoal-adventure button[aria-current]{outline:3px solid #be872e;outline-offset:2px}
.shoal-adventure button:focus-visible,.shoal-adventure summary:focus-visible{outline:3px solid #be872e;outline-offset:3px}
.shoal-home h2{font-size:24px;margin:0;color:#21444c}
.shoal-home-scene{position:relative;isolation:isolate;min-height:200px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:radial-gradient(ellipse at top,#71b8b5,transparent 75%),#194d65}
.shoal-home-scene[data-water=sunset]{background:radial-gradient(ellipse at top,#dbaa8b,transparent 75%),#514c70}
.shoal-home-scene[data-water=moonlight]{background:radial-gradient(ellipse at top,#56818d,transparent 70%),#182c4b}
.shoal-home-scene canvas{position:relative;width:220px;max-width:80%;height:auto;z-index:1}
.shoal-home-scene p{position:relative;max-width:32ch;text-align:center;padding:20px;color:#fff}
.shoal-home-sand{position:absolute;bottom:-40px;left:-10%;width:120%;height:80px;border-radius:50%;background:#b9cfbc}
.shoal-home-controls{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}
.shoal-home-controls label{display:grid;gap:6px;flex:1;min-width:180px;font-size:14px}
.shoal-home-controls select{min-height:44px;border:1px solid #76a6a1;border-radius:10px;padding:8px;color:#21444c;background:#fff;font:inherit;max-width:100%}
@media(max-width:720px){.shoal-chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.shoal-adventure{padding:16px}.shoal-route{grid-template-columns:1fr}.shoal-chapter{padding:12px}.shoal-chapter h3{font-size:16px}}
@media(max-width:360px){.shoal-chapters{grid-template-columns:1fr}}