*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#1daeba;color:#f4fbfa;font-family:'Avenir Next','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:3px solid #ffbe78;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#ocean{display:block;width:100%;height:100%;outline:none;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,50,66,.16),transparent 27%,transparent 65%,rgba(5,42,55,.27))}#damage{position:fixed;inset:0;pointer-events:none;border:0 solid #b53b34;box-shadow:inset 0 0 100px rgba(204,54,33,0);transition:box-shadow .3s}#damage.hit{box-shadow:inset 0 0 110px rgba(204,54,33,.6)}.screen{position:fixed;inset:0;background:linear-gradient(90deg,rgba(7,54,74,.69),rgba(7,54,74,.05) 64%)}.title-content{position:absolute;top:18%;left:7.5%;max-width:510px}.wordmark{font-size:clamp(76px,10vw,146px);line-height:.88;letter-spacing:-.07em;font-weight:850;text-shadow:0 4px 40px rgba(5,49,62,.12)}.wordmark span{display:block;font-size:clamp(24px,3.2vw,39px);font-weight:450;letter-spacing:.01em;margin:18px 0 42px}.title-content h1{font-size:clamp(19px,2.1vw,26px);font-weight:600;line-height:1.5;margin:0 0 12px}.title-content p{max-width:400px;font-size:14px;line-height:1.9;color:#e4f3f6;margin-bottom:30px}.title-actions{display:flex;gap:12px}.title-actions button,.pause-card button,.ending-card button{padding:15px 28px;border-radius:5px;background:rgba(18,57,72,.66);border:1px solid rgba(233,248,249,.3);font-weight:600}.primary{background:#f5f8ed!important;color:#123948!important;box-shadow:0 4px 24px rgba(5,48,66,.14);border-color:#f5f8ed!important}.primary:hover{background:#fff!important;transform:translateY(-1px)}.title-content small{display:block;margin-top:20px;font-size:10px;color:#c1dfe9}.title-foot{position:absolute;bottom:5%;left:7.5%;right:5%;display:flex;justify-content:space-between;align-items:flex-end;font-size:11px;color:#e1f3f6}.title-foot>span{border-left:2px solid #efb472;padding-left:12px}.title-foot div{display:flex;flex-direction:column;gap:8px;text-align:right}#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}.topbar{position:absolute;top:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:22px;font-weight:800;letter-spacing:-1px;text-shadow:0 2px 8px #236b81}.brand span{font-size:12px;letter-spacing:0;font-weight:500;margin-left:8px;color:#e9f7f6}.top-actions{display:flex;gap:8px}.top-actions button{width:34px;height:34px;background:rgba(13,54,70,.5);border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:18px}.vitals{position:absolute;top:81px;left:28px;display:flex;flex-direction:column;gap:9px}.vital{display:flex;align-items:center;gap:9px;padding:7px 11px;width:188px;background:rgba(14,59,72,.67);backdrop-filter:blur(8px);border-radius:4px}.vital-icon{font-size:25px;width:25px;text-align:center}.vital>div{flex:1}.vital label{display:block;font-size:9px;margin-bottom:4px;font-weight:600;opacity:.85}.vital i{display:block;height:4px;width:106px;background:rgba(255,255,255,.18);border-radius:3px;overflow:hidden}.vital b{height:100%;display:block;transition:width .2s}.vital strong{font-size:12px;width:24px;text-align:right}.health b{background:#ef9681}.health .vital-icon{color:#ef9681}.thirst b{background:#91e5f5}.thirst .vital-icon{color:#91e5f5}.hunger b{background:#f2d78d}.hunger .vital-icon{color:#f2d78d}.journey{position:absolute;top:82px;right:28px;width:230px;background:rgba(14,59,72,.55);backdrop-filter:blur(8px);border-radius:5px;padding:13px 15px}.journey>div:first-child{display:flex;justify-content:space-between;font-size:11px}.journey strong{font-size:14px;font-variant-numeric:tabular-nums}.journey p{font-size:12px;line-height:1.55;margin:10px 0}.journey small{display:block;font-size:10px;margin-top:7px;color:#cbe9ed}.journey-progress{height:3px;background:rgba(255,255,255,.2)}.journey-progress b{display:block;height:100%;background:#f6db9c;transition:width .3s}#crosshair{position:absolute;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);opacity:.85}#crosshair i:first-child{position:absolute;left:7px;top:7px;width:4px;height:4px;border:1px solid white;border-radius:50%;box-shadow:0 0 4px #133e4d}#crosshair i:last-child{position:absolute;inset:-2px;border:1px solid rgba(255,255,255,.3);border-radius:50%}#target-label{position:absolute;top:calc(50% + 23px);left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;text-shadow:0 2px 5px #143c48;background:rgba(14,59,72,.55);padding:5px 9px;border-radius:3px}#target-label:empty{display:none}#charge{position:absolute;left:calc(50% - 45px);top:calc(50% + 50px);height:5px;width:90px;background:rgba(14,59,72,.55);border-radius:3px}#charge b{display:block;height:100%;background:#f9d686;border-radius:3px}#warning{position:absolute;top:27%;left:50%;transform:translateX(-50%);background:#ad513b;color:#fff2df;padding:11px 18px;border-radius:4px;font-size:13px;font-weight:600;max-width:90%;text-align:center;box-shadow:0 4px 16px #143c4822}#toasts{position:absolute;top:34%;right:30px;display:flex;flex-direction:column;gap:7px;align-items:flex-end}.toast{font-size:12px;padding:10px 14px;background:rgba(15,62,72,.85);border-left:3px solid #eec58b;border-radius:3px;animation:toast-in .25s ease-out}.toast.error{border-color:#ef9681}.toast.success{border-color:#a5e6c8}@keyframes toast-in{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}#context{position:absolute;bottom:183px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 2px 7px #174250;max-width:80%;white-space:nowrap}#context-label{font-size:13px;font-weight:600}#context-extra{display:block;font-size:10px;opacity:.8;margin-top:7px}.inventory{position:absolute;bottom:130px;left:50%;transform:translateX(-50%);display:flex;gap:18px;padding:9px 17px;background:rgba(13,53,66,.65);border-radius:5px;backdrop-filter:blur(8px)}.resource{display:flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap}.resource .resource-symbol{width:17px;height:18px;display:flex;align-items:center;justify-content:center;font-size:17px;color:#dfbc8b}.resource b{font-variant-numeric:tabular-nums;font-size:13px}.resource span:nth-child(2){color:#e0ecee}.toolbelt{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);display:flex;gap:5px;padding:6px;background:rgba(13,48,62,.72);backdrop-filter:blur(8px);border-radius:7px}.toolbelt button{position:relative;width:70px;height:69px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:rgba(226,244,245,.07);border:1px solid rgba(236,250,249,.13);border-radius:4px;font-size:10px}.toolbelt button:hover{background:rgba(255,255,255,.17)}.toolbelt button.active{border:2px solid #f4d39d;background:rgba(241,192,126,.17)}.tool-icon{font-size:27px;height:32px;line-height:32px}.toolbelt kbd{position:absolute;top:3px;left:5px;font:9px inherit;color:#cce3e7}.toolbelt b{position:absolute;right:5px;top:4px;font-size:10px}.toolbelt button#craft-btn{margin-left:5px;border-left-color:#93b7c0}#look-hint{position:absolute;bottom:16px;left:28px;font-size:9px;color:#c9e7e8}#save-status{position:absolute;bottom:16px;right:28px;font-size:9px;color:#c9e7e8}.modal{position:fixed;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,38,51,.5);backdrop-filter:blur(9px)}.book{width:660px;max-height:90vh;display:flex;flex-direction:column;background:#f1f4e9;color:#123948;border-radius:8px;box-shadow:0 20px 80px #0b354b44;overflow:hidden}.book>header{display:flex;justify-content:space-between;padding:25px 28px 17px;border-bottom:1px solid #b6c4bd}.book h2{font-size:26px;margin:0 0 8px;font-weight:700}.book header p{margin:0;font-size:12px;line-height:1.6}.close{background:transparent!important;font-size:30px;color:#123948;width:30px;height:35px}.book #recipes{padding:8px 28px;overflow:auto}.recipe{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #ced5ca}.recipe:last-child{border-bottom:0}.recipe-icon{font-size:30px;color:#297585;text-align:center}.recipe h3{font-size:15px;margin:0 0 5px}.recipe p{font-size:11px;line-height:1.5;margin:0 0 7px;color:#4a696d}.recipe .recipe-cost{font-size:10px;color:#45646b}.recipe .short{color:#ad513b}.recipe button{padding:9px 14px;font-size:12px;border-radius:3px;background:#1c6578;color:#fff}.book footer{display:flex;justify-content:space-between;align-items:center;padding:17px 28px;background:#e1e8dd;font-size:12px}.book footer button{color:#123948;padding:9px 15px;border:1px solid #96aeb0;background:transparent;border-radius:4px}.pause-card,.ending-card{width:420px;max-width:100%;text-align:center;background:rgba(16,59,74,.93);border:1px solid #75a4ae55;padding:38px;border-radius:8px}.pause-card h2,.ending-card h2{font-size:28px;margin:0 0 14px}.pause-card p,.ending-card p{font-size:13px;line-height:1.8;color:#d9edf1;margin:0 0 25px}.pause-card>button{display:block;width:100%;margin:9px 0;padding:13px}.quiet{background:transparent!important;border-color:transparent!important;font-size:12px!important;opacity:.75}.ending-mark{display:block;font-size:60px;line-height:1;color:#e1c592;margin-bottom:20px}.ending-card{width:510px}.ending-card button{margin-top:22px}.ending-card #ending-stats{font-size:12px;color:#d5e7e9}#controls-help p{font-size:10px;line-height:1.6;margin:10px 0}.modal button:hover{filter:brightness(1.07)}#touch-controls{display:none}#debug{position:fixed;bottom:3px;left:3px;font:10px monospace;color:#fff;background:#123948;padding:3px;z-index:8}#fatal{position:fixed;inset:30%;background:#123948;padding:30px;border:1px solid #ffbb84;z-index:99;white-space:pre-wrap;line-height:1.8}body.locked #look-hint{opacity:.35}body.touch #touch-controls{display:block}body.touch #look-hint{display:none}#joystick{position:absolute;left:45px;bottom:168px;width:90px;height:90px;border:1px solid #ffffff66;border-radius:50%;background:#12394833;pointer-events:auto;touch-action:none}#joystick>div{position:absolute;left:29px;top:29px;width:30px;height:30px;border-radius:50%;background:#f0f9ee88}#touch-act,#touch-use,#touch-jump{position:absolute;border:1px solid #ffffff66;background:#12394877;border-radius:50%;font-size:24px;touch-action:none}#touch-act{right:40px;bottom:180px;width:65px;height:65px}#touch-use{right:120px;bottom:176px;width:42px;height:42px;font-size:16px}#touch-jump{right:42px;bottom:260px;width:42px;height:42px}
@media(max-width:700px){.title-content{left:7%;top:16%;max-width:85%}.wordmark{font-size:95px}.wordmark span{font-size:28px;margin-bottom:34px}.title-content h1{font-size:20px}.title-content p{max-width:300px;font-size:12px}.title-actions{flex-wrap:wrap}.title-actions button{font-size:13px;padding:13px 20px}.title-foot{left:7%;bottom:5%;display:block;font-size:9px}.title-foot div{text-align:left;margin-top:20px;font-size:9px;gap:7px}.topbar{top:15px;left:15px;right:15px}.brand{font-size:19px}.brand span{font-size:10px}.vitals{left:14px;top:62px;gap:5px}.vital{width:130px;padding:5px 7px;gap:5px}.vital-icon{font-size:20px;width:18px}.vital label{font-size:8px}.vital i{width:66px;height:3px}.vital strong{font-size:10px;width:19px}.journey{right:14px;top:62px;width:165px;padding:10px}.journey p{font-size:10px;margin:6px 0}.journey>div:first-child{font-size:9px}.journey strong{font-size:11px}.journey small{font-size:8px}.toolbelt{bottom:max(20px,env(safe-area-inset-bottom));gap:3px;padding:4px;max-width:97%}.toolbelt button{width:44px;height:55px;font-size:8px}.toolbelt kbd{font-size:8px;left:3px}.tool-icon{font-size:23px;height:27px}.toolbelt button#craft-btn{margin-left:1px}.inventory{bottom:93px;gap:12px;padding:8px 12px}.resource{gap:4px;font-size:9px}.resource b{font-size:12px}.resource span:nth-child(2){display:none}.resource .resource-symbol{font-size:16px}#context{bottom:141px;max-width:94%;white-space:normal;width:90%}#context-label{font-size:11px}#context-extra{font-size:8px}.modal{padding:14px}.book>header{padding:20px 18px 13px}.book h2{font-size:23px}.book header p{font-size:10px;max-width:245px}.book #recipes{padding:2px 17px}.recipe{grid-template-columns:30px 1fr auto;gap:8px;padding:12px 0}.recipe-icon{font-size:24px}.recipe h3{font-size:13px}.recipe p{font-size:10px}.recipe button{font-size:10px;padding:9px 11px}.recipe-cost{font-size:9px!important}.book footer{padding:14px 18px}.pause-card,.ending-card{padding:28px 21px}.pause-card h2,.ending-card h2{font-size:24px}#warning{top:25%;width:90%;font-size:11px;padding:9px 12px}#toasts{right:14px;top:33%;max-width:85%}.toast{font-size:10px;padding:8px 11px}#look-hint{left:15px;bottom:7px;font-size:8px}#save-status{right:15px;bottom:7px;font-size:8px}#joystick{left:27px;bottom:175px;width:80px;height:80px}#joystick>div{left:24px;top:24px}#touch-act{right:25px;bottom:185px;width:58px;height:58px}#touch-use{right:96px;bottom:175px}#touch-jump{right:29px;bottom:255px}}
@media(max-height:540px){.title-content{top:11%}.wordmark{font-size:74px}.wordmark span{font-size:22px;margin:12px 0 20px}.title-content h1{font-size:18px}.title-content p{margin-bottom:18px;font-size:11px}.title-content small{margin-top:10px}.title-foot{bottom:5%;font-size:9px}.vitals{top:56px}.journey{top:56px}.toolbelt{bottom:12px}.inventory{bottom:97px}.book{max-height:94vh}#context{bottom:146px}.book>header{padding:15px 24px}.pause-card{padding:22px}.pause-card h2{font-size:22px}.pause-card p{margin-bottom:15px}.pause-card>button{padding:8px;margin:5px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.primary:hover{transform:none}}