:root{color:#f7f3ea;background:#102b2b;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:#102b2b;min-height:100%;margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #f5c86b}.landing{background:linear-gradient(#102b2b 0 58%,#e4c88d 58%);min-height:100vh;overflow:hidden}.hero{grid-template-columns:43% 57%;align-items:center;max-width:1180px;min-height:calc(100vh - 92px);margin:auto;padding:28px 34px 0;display:grid;position:relative}.brand{letter-spacing:2px;font-size:20px;font-weight:950;position:absolute;top:24px;left:34px}.brand span{color:#f5c86b}.copy{z-index:2;padding-top:18px}.kicker{letter-spacing:2px;color:#9fc2bb;margin:0 0 12px;font-size:11px;font-weight:900}.copy h1{letter-spacing:-4px;margin:0 0 22px;font-size:clamp(48px,7vw,82px);line-height:.93}.copy h1 em{color:#f5c86b;font-style:normal}.copy>p:not(.kicker){color:#bdd2ce;max-width:420px;margin:0 0 26px;font-size:17px}.play{color:#173b3b;background:#f5c86b;border:0;border-radius:13px;min-width:170px;padding:16px 22px;font-weight:950;box-shadow:0 8px 25px #0003}.play b{margin-left:18px}.hint{color:#89aba5;margin-top:16px;font-size:12px}.hint strong{color:#e8eee9}.scene{height:500px;margin-top:60px;position:relative}.sun{background:#f5c86b;border-radius:50%;width:120px;height:120px;position:absolute;top:5%;right:17%;box-shadow:0 0 70px #f5c86b55}.mountain{border-bottom:230px solid #244f4d;border-left:170px solid #0000;border-right:170px solid #0000;width:0;height:0;position:absolute;bottom:19%}.mountain.two{border-bottom-width:190px;border-left-width:220px;border-right-width:220px;right:5%}.island{background:#8d5b45;border-radius:50% 50% 30% 30%;height:100px;position:absolute;bottom:12%;left:7%;right:2%;box-shadow:0 18px #6e493b}.island:before{content:"";background:#73a98e;border-radius:50%;height:25px;position:absolute;top:-8px;left:0;right:0}.island i{background:#d0a87c;border-radius:50%;position:absolute}.island i:first-child{width:55px;height:34px;top:32px;left:28%}.island i:nth-child(2){width:34px;height:25px;top:22px;right:20%}.heroChar{width:44px;height:70px;position:absolute;bottom:31%;left:43%}.heroChar:before{content:"";background:#f5dfbf;border-radius:50%;width:25px;height:25px;position:absolute;top:0;left:9px}.heroChar b{background:#2b8178;border-radius:14px;width:38px;height:40px;position:absolute;top:20px;left:3px}.heroChar em{background:#263f3f;border-radius:5px;width:10px;height:24px;position:absolute;top:56px}.heroChar em:first-of-type{left:9px}.heroChar em:nth-of-type(2){right:9px}.info{background:#102b2b;grid-template-columns:repeat(3,1fr);max-width:900px;margin:auto;padding:0 28px 25px;display:grid}.info div{border-left:1px solid #ffffff15;padding:18px 20px}.info b,.info span{display:block}.info b{font-size:17px}.info span{color:#83a39e;font-size:11px}.gamePage{background:#0e2929;flex-direction:column;min-height:100vh;display:flex}.bar{color:#94b4ae;flex:0 0 58px;justify-content:space-between;align-items:center;width:100%;max-width:1100px;height:58px;margin:auto;padding:0 18px;font-size:12px;display:flex}.bar button{color:#dbe6e3;background:0 0;border:0;border-radius:8px;padding:10px}.game{aspect-ratio:16/9;background:#102b2b;width:min(1100px,100vw);margin:auto;overflow:hidden;box-shadow:0 20px 70px #0005}.game canvas{width:100%;height:100%;display:block}.touch{display:none}.pause{z-index:5;background:#0b2020cc;place-items:center;display:grid;position:fixed;inset:0}.pause>div{text-align:center;background:#173b3b;border:1px solid #f5c86b55;border-radius:18px;min-width:280px;padding:40px}.pause h2{margin:0 0 22px}@media (max-width:800px){.hero{grid-template-columns:1fr;padding:25px 20px 0}.brand{left:20px}.copy{padding-top:65px}.copy h1{font-size:clamp(48px,15vw,72px)}.scene{height:300px;margin-top:-10px}.sun{width:80px;height:80px}.info{grid-template-columns:1fr;padding:0 20px 18px}.info div{border-top:1px solid #ffffff15;border-left:0;padding:11px 8px}.bar{flex-basis:50px;height:50px}.game{width:100vw}.touch{background:#0e2929;justify-content:center;gap:10px;padding:10px;display:flex}.touch button{color:#f7f3ea;background:#173b3b;border:1px solid #fff2;border-radius:10px;padding:12px 20px}.touch button:last-child{margin-left:10px;padding-left:28px;padding-right:28px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.gameWrap{aspect-ratio:16/9;background:#102b2b;width:min(1100px,100vw);margin:auto;position:relative;overflow:hidden;box-shadow:0 20px 70px #0005}.gameLoading,.gameError{text-align:center;color:#f7f3ea;z-index:4;background:#102b2b;align-content:center;place-items:center;gap:10px;display:grid;position:absolute;inset:0}.gameLoading{color:#b9d2cd;font-size:14px}.gameError strong{font-size:22px}.gameError span{color:#a8c7c1;font-size:13px}.gameError .play{margin-top:10px}.gameWrap .game{width:100%;height:100%;box-shadow:none;margin:0}.gameWrap .pause{position:absolute}.touch button{touch-action:none;-webkit-user-select:none;user-select:none}@media (max-width:800px){.gameWrap{width:100vw}.gameWrap .game{width:100%;height:100%}}