@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
*{box-sizing:border-box}body{margin:0;background:#07151c;color:#eaf4e9;font-family:'DM Sans',sans-serif;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;top:0;left:0;width:100%;padding:30px 40px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header a{font-size:19px;letter-spacing:5px;color:inherit;text-decoration:none}button{pointer-events:auto;border:1px solid #77968e55;background:#0b2026aa;color:#d8e8dd;border-radius:30px;padding:12px 19px;cursor:pointer;font:inherit;font-size:12px}button:hover{background:#28423f}button:focus-visible{outline:2px solid #e1f5b3;outline-offset:5px}#progress{font-size:10px;letter-spacing:3px}aside{position:absolute;left:8%;top:27%;max-width:340px;transition:opacity .7s,transform .7s}.eyebrow{font-size:9px;letter-spacing:3px;color:#96b9ad}h1{font-family:Italiana,Georgia,serif;font-weight:400;font-size:clamp(65px,8vw,115px);line-height:.95;margin:24px 0}p{font-size:14px;color:#b3c7bf;line-height:1.9}.primary{margin-top:20px;background:#d8ebbc;color:#152d2a;border:0;padding:17px 25px;font-weight:600;font-size:13px}.primary:hover{background:#eefad8}.primary span{margin-left:35px}.instructions{font-size:10px;line-height:2;color:#73998e;margin-top:23px}footer{position:absolute;bottom:25px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#85a79b;letter-spacing:2px}#hint{letter-spacing:.5px}#toast{position:absolute;top:95px;left:50%;transform:translateX(-50%);color:#def2c1;font-size:13px;text-align:center;pointer-events:none}.playing aside{opacity:0;pointer-events:none;transform:translateX(-30px)}.playing aside button{pointer-events:none}@media(max-width:650px){header{padding:22px}#progress{font-size:8px;letter-spacing:1px}header a{font-size:13px;letter-spacing:2px}aside{left:8%;top:22%}footer{left:20px;right:20px;bottom:18px;flex-wrap:wrap;gap:15px}footer>span:first-child{display:none}#hint{max-width:65%;line-height:1.6}h1{font-size:80px}}
[hidden]{display:none!important}#chapter{position:fixed;inset:0;z-index:10;overflow:auto;background:#04131be8;backdrop-filter:blur(15px);padding:50px 6%;display:flex;align-items:center;justify-content:center}.chapter-inner{width:100%;max-width:1040px}h2{font-family:Italiana,Georgia,serif;font-size:clamp(32px,5vw,60px);font-weight:400;margin:20px 0}#chapter-text{max-width:760px;font-size:15px;line-height:1.8}#choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.choice{border-radius:16px;text-align:left;padding:20px;background:#16312c88;transition:transform .2s,border-color .2s}.choice:hover{transform:translateY(-3px);border-color:#d9eabd}.choice svg{width:100%;height:58px;margin-bottom:14px;stroke:#dbeec1;fill:#e1ecc9;stroke-width:1}.choice polyline{fill:none}.choice strong{display:block;font-family:Georgia,serif;font-size:19px;font-weight:400}.choice span{display:block;font-size:11px;color:#d7e9a9;margin-top:9px;line-height:1.5}.choice p{font-size:12px;line-height:1.7;margin-bottom:0}#perks{position:absolute;left:25px;top:100px;display:flex;flex-direction:column;gap:12px;pointer-events:none}#perks>span{font-family:Georgia,serif;color:#d9e6bc;font-size:13px}#perks small{display:block;font-family:'DM Sans',sans-serif;color:#87aa9c;font-size:9px;margin-top:5px}canvas:focus{outline:none}@media(max-width:650px){#chapter{padding:35px 20px;align-items:flex-start}#choices{grid-template-columns:1fr 1fr;gap:10px}.choice{padding:13px}.choice strong{font-size:16px}.choice p{font-size:11px}.choice svg{height:40px}#perks{left:15px;top:85px}#perks small{max-width:140px;line-height:1.5}#perks>span{font-size:11px}}
#sea-tools{position:absolute;right:25px;bottom:85px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:470px}#sea-status{width:100%;text-align:right;font-size:10px;letter-spacing:1px;color:#a2d4cb;margin-bottom:5px}.shop{grid-column:1/-1;border-top:1px solid #92b3a633;padding-top:18px;display:flex;gap:10px;flex-wrap:wrap}.shop-heading{width:100%;font-size:10px;letter-spacing:2px;color:#d1e8b7}.shop-heading span{display:block;color:#94b5ac;letter-spacing:0;margin-top:8px}.upgrade{text-align:left;border-radius:12px;flex:1;min-width:180px}.upgrade strong{display:block;font-size:12px}.upgrade small{display:block;font-size:10px;color:#a4bfb3;margin-top:6px;line-height:1.5}button:disabled{opacity:.4;cursor:default}#leave-shop{grid-column:1/-1;justify-self:start}@media(max-width:650px){#sea-tools{right:12px;bottom:105px;max-width:280px}#sea-tools button{font-size:10px;padding:10px}#sea-status{font-size:8px}}
#perks{max-height:48vh;overflow:auto;padding-right:12px;pointer-events:auto;scrollbar-width:thin}#perks>span{font-size:12px}#perks small{max-width:160px;line-height:1.5}.atlas-choice{min-height:145px}#close-atlas{grid-column:1/-1;justify-self:start}#sea-tools{max-width:490px}@media(max-width:650px){#perks{max-height:30vh;max-width:135px}#perks>span{font-size:10px}#perks small{font-size:8px}#sea-tools{max-width:265px;bottom:110px}#sea-tools button{padding:8px 10px}}