@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Nunito:wght@600;800&display=swap";:root{color:#17334a;background:#f7df9a;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#71c5d0 0 35%,#f7df9a 35%);min-height:100vh;margin:0}main{max-width:760px;min-height:100vh;margin:auto;padding:18px 22px 90px}header{color:#fff;justify-content:space-between;align-items:center;font-weight:800;display:flex}.brand{color:#fff;background:0 0;padding:0;font-size:1rem}button{color:#17334a;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:18px;min-height:56px;padding:15px 20px;font-weight:800;box-shadow:0 3px #d0a650}button:active{box-shadow:none;transform:translateY(2px)}.hero{text-align:center;padding-top:7vh}.sun{color:#ffd45b;text-shadow:0 2px #ed9e45;font-size:3.5rem}h1,h2{color:#17334a;margin:0;font-family:"Baloo 2",sans-serif}h1{font-size:clamp(2.4rem,9vw,4.5rem);line-height:1}.hero h1{letter-spacing:2px}.ship{filter:drop-shadow(0 10px #d19a52);margin:20px;font-size:6rem}.ship-art{object-fit:contain;filter:drop-shadow(0 10px #d19a52);width:min(72vw,360px);max-height:270px;margin:8px auto 12px}.tag{font-size:1.1rem}.primary{color:#fff;background:#e85842;width:100%;margin:12px 0;font-size:1.25rem;box-shadow:0 4px #b33c31}.hero>button:not(.primary){width:100%;margin:12px 0;display:block}.stats{background:#fff8df;border:3px solid #d9a651;border-radius:22px;justify-content:space-around;gap:8px;margin-top:32px;padding:16px 5px;line-height:1.8;display:flex}.stats span{font-size:.8rem}.stats b{font-size:.95rem}.map{background:url(/assets/adventure-map.png) 50%/cover;border-radius:26px;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:25px;padding:18px;display:grid}.island{text-align:center;background:#fff8dfed;border-radius:22px;flex-direction:column;gap:4px;padding:20px;display:flex;box-shadow:0 4px #d5a44e}.island.locked{opacity:.55;filter:grayscale(.6)}.island-icon{font-size:3rem}.exercise{text-align:center;padding-top:12vh}.eyebrow{color:#a04c3b;letter-spacing:1px;font-size:.85rem;font-weight:800}.exercise h2{margin:42px 0;font-size:clamp(2.7rem,13vw,6rem)}.exercise input{text-align:center;background:#fffdf0;border:4px solid #d9a651;border-radius:18px;width:100%;margin:0 auto 12px;padding:18px;font:800 2rem Nunito;display:block}.feedback{background:#fff8df;border-radius:18px;margin-top:10px;padding:15px;font-weight:800}.dots{justify-content:center;gap:8px;margin-top:35px;display:flex}.dots i{background:#d7bd80;border-radius:50%;width:15px;height:15px;display:block}.dots i.on{background:#e85842}.complete{text-align:center;padding-top:10vh}.chest{font-size:5rem}.complete h1{font-size:2.5rem}.summary,.card{background:#fff8df;border:3px solid #d9a651;border-radius:20px;margin:25px 0;padding:18px;font-size:1.2rem;line-height:1.8}.card{text-align:left;grid-template-columns:auto 1fr;gap:5px 12px;display:grid}.bar{grid-template-columns:130px 1fr;align-items:center;gap:10px;margin:17px 0;font-weight:800;display:grid}.bar div{background:#ead29a;border-radius:10px;height:20px;overflow:hidden}.bar i{background:#e85842;border-radius:10px;height:100%;display:block}nav{z-index:2;background:#17334a;justify-content:center;gap:10px;padding:12px;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{min-height:44px;padding:8px 14px;font-size:.85rem}@media (width>=600px){main{padding-left:40px;padding-right:40px}.map{grid-template-columns:repeat(3,1fr)}}.ui-icon{vertical-align:-.25em;width:1.25em;height:1.25em;display:inline-block}header .ui-icon{filter:brightness(0)invert();width:1.35em;height:1.35em}nav .ui-icon{width:1.5em;height:1.5em;margin:auto;display:block}button.brand{align-items:center;gap:8px;display:flex}.stats .ui-icon{width:1.25em;height:1.25em;margin:0 auto;display:block}.island-icon .ui-icon{width:3rem;height:3rem}.session{background:#fff8df;border-radius:16px;grid-template-columns:1.3fr 1fr auto;align-items:center;gap:10px;margin:10px 0;padding:13px 15px;display:grid;box-shadow:0 2px #d5a44e}.session small{color:#6c6c62;margin-top:3px;display:block}.session span{text-align:right;font-size:.85rem}h3{margin:24px 0 10px;font-family:"Baloo 2",sans-serif}@media (orientation:portrait) and (width>=768px){main{max-width:820px;padding:24px 42px 112px}.hero{padding-top:3vh}.hero h1{font-size:clamp(3rem,8vw,5rem)}.ship-art{width:300px;max-height:250px}.map{grid-template-columns:repeat(2,1fr)}button{min-height:64px}.stats{padding:20px;font-size:1rem}.exercise{padding-top:10vh}.exercise input{max-width:520px}.complete{padding-top:8vh}nav{gap:22px;padding:14px}nav button{min-width:120px}}