@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Literata:opsz,wght@7..72,500;7..72,700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#fff9e8;background:#adc7b0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible{outline:3px solid #ffdf8d;outline-offset:5px}#game{display:block;width:100vw;height:100dvh;touch-action:none}.hidden{display:none!important}.vignette{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #172e302d}.overlay{position:fixed;inset:0;z-index:10}#intro{background:linear-gradient(90deg,#0b262be6 0%,#102d30af 36%,#193a3512  seventy);background:linear-gradient(90deg,#0b262be8 0%,#102d30b8 36%,#193a3510 76%);display:flex;flex-direction:column;padding:36px 4.7vw 26px}.intro-top{display:flex;justify-content:space-between;gap:20px}.eyebrow,.edition,.intro-footer,.location>span,.quest>span{font-size:10px;letter-spacing:2.3px;font-weight:700}.eyebrow{color:#e6c78f}.edition{color:#fff9e8a1;font-size:9px;letter-spacing:1.6px}.intro-content{width: min(570px,50vw);margin:auto 0;transform:translateY(-8px)}.brand{position:relative;width:100%;min-height:150px}.brand img{width:100%;filter:drop-shadow(0 12px 16px #0006)}#fallback-logo{display:none;font:bold 64px Georgia;color:#e6b66f;text-shadow:0 5px #5b341d;letter-spacing:2px}#fallback-logo small{display:block;font:24px Georgia;color:#fff4d5}.intro-description{font:20px/1.65 'Literata',Georgia,serif;color:#efe9d8;margin:15px 0 30px}.primary{display:flex;justify-content:space-between;gap:45px;align-items:center;background:linear-gradient(#edc781,#d5a357);color:#302919;border:1px solid #fce1a2;box-shadow:0 4px 0 #8b6538,0 10px 28px #0003;border-radius:7px;padding:17px 25px;font-size:15px;font-weight:700;transition:filter .2s,transform .2s;min-width:245px}.primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.primary span{font-size:23px}.intro-controls{display:flex;flex-wrap:wrap;gap:12px 18px;max-width:490px;margin-top:33px;color:#dbdfd6ab;font-size:11px}.intro-controls span{display:flex;gap:7px;align-items:center}kbd{font:600 10px 'DM Sans',sans-serif;border:1px solid #fff5;background:#162e314f;color:#fff1d5;border-radius:4px;padding:4px 6px;white-space:nowrap}.intro-footer{display:flex;justify-content:space-between;align-items:center;letter-spacing:.4px;color:#f4ead8a6;font-weight:400}.quiet{background:none;color:#e9dfc6bb;font-size:12px;padding:8px}.quiet:hover{color:white}#hud{position:fixed;inset:26px 30px auto;display:flex;align-items:flex-start;gap:16px;pointer-events:none}#hud button{pointer-events:auto}.stats{display:flex;align-items:center;gap:20px;padding:12px 20px;background:#173a32de;border:1px solid #f5deb12e;box-shadow:0 5px 20px #122e2226;border-radius:12px;backdrop-filter:blur(12px)}#hearts{color:#fa7c69;font-size:27px;letter-spacing:3px;text-shadow:0 2px #82372e;white-space:nowrap}.wood{display:flex;align-items:center;gap:9px}.wood>span{font-size:29px;color:#edbd68;transform:rotate(-20deg)}.wood b{font-size:21px}.wood small{font-size:8px;letter-spacing:1.5px;opacity:.6}.quest{margin-left:auto;background:#fcf0dbeF;color:#433b2b;padding:14px 23px 12px;border:1px solid #fff9de;border-radius:9px;min-width:280px;box-shadow:0 5px 22px #16372b26}.quest>span{display:block;font-size:8px;letter-spacing:1.5px;color:#857451;margin-bottom:6px}.quest b{font:600 17px 'Literata',Georgia}.progress{height:3px;background:#d8ceb7;margin-top:11px;border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:#63864e;width:0;transition:width .4s}.icon-btn{background:#193d34e6;border:1px solid #fff3;border-radius:9px;padding:14px;font-size:18px}.location{position:fixed;bottom:29px;left:32px;text-shadow:0 2px 10px #102c23}.location>span{font-size:8px;color:#e1c78b}.location b{display:block;margin-top:4px;font:19px 'Literata',Georgia}.key-guide{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:15px;white-space:nowrap;font-size:10px;color:#fff9dfce;background:#16352bbb;border:1px solid #fff2;padding:11px 15px;border-radius:8px}.key-guide span{display:flex;align-items:center;gap:5px}.corner-logo{position:fixed;bottom:16px;right:22px;width:210px;filter:drop-shadow(0 3px 5px #0008)}#toast{position:fixed;top:115px;left:50%;transform:translate(-50%,-10px);opacity:0;transition:opacity .25s,transform .25s;background:#15362fef;border:1px solid #d6bc794d;border-radius:9px;padding:13px 22px;font-size:14px;text-align:center;pointer-events:none;z-index:4;max-width:90vw;width:max-content}#toast.show{opacity:1;transform:translate(-50%,0)}#interaction{position:fixed;left:50%;bottom:110px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 19px;background:#f6e9ccdF;box-shadow:0 3px 15px #122d2233;border:1px solid #fff4d9;color:#423b2b;border-radius:9px;font-size:13px;pointer-events:none}#interaction kbd{background:#234c3c;color:#ffedc1;font-size:15px;min-width:28px;text-align:center}#modal{background:#0c272bbd;backdrop-filter:blur(9px);display:grid;place-items:center}.modal-card{text-align:center;max-width:470px;width:90%;border:1px solid #d9c49640;background:linear-gradient(145deg,#254b42,#17352f);box-shadow:0 20px 100px #0005;border-radius:18px;padding:44px}.modal-card h1{font:700 42px 'Literata',Georgia;margin:20px 0}.modal-card p{line-height:1.7;color:#e4e3cf;font-size:14px;margin-bottom:28px}.modal-card .primary{width:100%;justify-content:center}.secondary{display:block;padding:16px;background:none;margin:12px auto 0;color:#e9dbc0;font-size:13px}#loading{position:fixed;inset:0;background:#15392f;display:grid;place-content:center;justify-items:center;z-index:30;font:15px 'Literata',Georgia}.loader{width:36px;height:36px;border:2px solid #eac88833;border-top-color:#eac888;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#touch{position:fixed;bottom:28px;left:25px;right:25px;justify-content:space-between;align-items:end;pointer-events:none}.dpad{display:grid;grid-template:repeat(3,43px)/repeat(3,43px);gap:3px}.dpad .up{grid-area:1/2}.dpad .left{grid-area:2/1}.dpad .right{grid-area:2/3}.dpad .down{grid-area:3/2}#touch button{pointer-events:auto;touch-action:none;background:#163c36ab;border:1px solid #fff5;border-radius:50%;font-size:12px;backdrop-filter:blur(5px);user-select:none}.touch-actions{display:flex;gap:9px;align-items:end}.touch-actions button{width:58px;height:58px}.touch-actions button:last-child{width:73px;height:73px;background:#ba9356cf}
@media(max-width:1000px){.key-guide{bottom:17px}.location{bottom:75px}.corner-logo{width:150px;bottom:65px}.intro-content{width:55vw}.edition{display:none}.intro-controls{font-size:10px}.quest{min-width:240px}.quest b{font-size:15px}}
@media(pointer:coarse){#touch:not(.hidden){display:flex}.key-guide{display:none}.location{bottom:190px}.corner-logo{bottom:190px}.intro-controls{display:none}#interaction{bottom:190px}}
@media(max-width:600px){#intro{padding:25px 23px;background:linear-gradient(0deg,#0c292deF 0%,#0c292dad 54%,#153b3033 100%)}.intro-content{width:100%;margin-top:auto;margin-bottom:38px;transform:none}.brand{min-height:100px}.intro-description{font-size:17px;margin:10px 0 23px}.primary{width:100%}.intro-footer{font-size:9px;gap:12px}.eyebrow{font-size:8px}.intro-controls{gap:10px}.intro-top{justify-content:center}#hud{inset:15px 13px auto;gap:7px;flex-wrap:wrap}.stats{padding:8px 12px;gap:13px}#hearts{font-size:21px}.wood small{display:none}.wood b{font-size:18px}.quest{order:3;min-width:0;width:100%;padding:10px 14px}.quest>span{font-size:7px}.quest b{font-size:14px}.icon-btn{margin-left:auto;padding:9px 13px}#toast{top:154px;font-size:12px;padding:11px 15px}.location{left:20px}.location b{font-size:15px}.corner-logo{width:130px;right:15px}.modal-card{padding:32px 24px}.modal-card h1{font-size:34px}#interaction{font-size:12px;width:max-content;max-width:92vw}}
#touch{display:none}.brand img{border-radius:12px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}.corner-logo{border-radius:9px;box-shadow:0 3px 15px #0a201c50}
@media(pointer:coarse){#touch:not(.hidden){display:flex}}
@media(max-width:700px){.key-guide{display:none}}
.sound-hud{font-size:11px;white-space:nowrap;padding:17px 12px}@media(max-width:600px){.sound-hud{padding:13px 9px;margin-left:auto}.icon-btn#pause{margin-left:0}}
/* Illustrated title screen: the first concept's atmosphere, with a quiet menu at right. */
#intro{background:#17372e url('/title-art.png') center center/cover no-repeat;padding:30px 4vw 24px;isolation:isolate}
#intro:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 25%,#09262215 45%,#092622cc 76%,#092622e8),linear-gradient(0deg,#08251ee6,transparent 18%)}
#intro .intro-content{width:min(480px,38vw);margin:auto 0 auto auto;transform:none;text-align:center}
#intro .brand{min-height:0;margin-bottom:20px}
#intro .brand img{display:block;width:100%;border-radius:0;mask-image:radial-gradient(ellipse 68% 70% at 50% 50%,#000 52%,transparent 76%);filter:drop-shadow(0 6px 12px #0005)}
#intro .intro-description{font-size:19px;line-height:1.65;text-shadow:0 2px 14px #0008;margin:10px 0 28px}
#intro .primary{width:85%;margin:auto;justify-content:center;gap:26px;padding:19px 22px;font-size:16px;background:linear-gradient(#f2d391,#d7a652);border-radius:5px;box-shadow:0 4px #886030,0 12px 35px #0005}
#intro .intro-controls{justify-content:center;margin:29px auto 0;gap:13px 17px;color:#f0e6cee0;font-size:10px}
#intro .intro-top .eyebrow{color:#fff0c3;text-shadow:0 2px 8px #26341b;letter-spacing:2px}
#intro .edition{background:#163a3066;padding:7px 10px;border:1px solid #ead6a12b;border-radius:3px;font-size:8px}
#intro .intro-footer{color:#fff0d2c9;font-size:10px}#intro .quiet{color:#ffedc9}
@media(max-width:900px){#intro .intro-content{width:43vw}#intro .intro-description{font-size:16px}#intro .intro-controls{font-size:9px;gap:9px}#intro .primary{width:95%}}
@media(max-width:600px){#intro{padding:23px 22px 18px;background-position:28% center}#intro:before{background:linear-gradient(0deg,#082820 0%,#082820ef 22%,#08282082 51%,#08282005 78%)}#intro .intro-content{width:100%;margin:auto 0 15px;padding-top:38vh}#intro .brand{width:94%;margin:0 auto 5px}#intro .intro-description{font-size:15px;line-height:1.5;margin:0 0 19px}#intro .primary{width:100%;padding:15px 18px;font-size:15px}#intro .intro-controls{display:none}#intro .intro-footer{font-size:8px}#intro .intro-top .eyebrow{font-size:8px;letter-spacing:1.3px}}
@media(max-height:650px) and (min-width:601px){#intro .intro-content{width:390px}#intro .brand{width:80%;margin:0 auto}#intro .intro-description{font-size:15px;margin:4px 0 15px}#intro .intro-controls{margin-top:18px}#intro .primary{padding:13px}}

#intro .brand img{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 96%,transparent);mask-composite:intersect}
.stamina{height:5px;width:106px;margin-top:5px;border-radius:5px;background:#071d19aa;overflow:hidden}.stamina i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#e9c762,#91cb72);transition:width .12s}.touch-actions .guard{background:#356d83d9!important}
.camera-mode{font-size:11px;white-space:nowrap;padding:17px 12px}.camera-mode[aria-pressed="false"]{opacity:.72}
#cannon-controls{position:fixed;z-index:8;left:50%;bottom:90px;transform:translateX(-50%);width:min(470px,calc(100vw - 24px));padding:16px 18px;background:#162e2bf2;border:1px solid #e6c77d88;border-radius:14px;box-shadow:0 12px 42px #0009;display:grid;grid-template-columns:1fr auto;gap:7px 14px;box-sizing:border-box}.cannon-head,#cannon-controls>p,#cannon-controls>small,#cannon-controls>i,#cannon-controls>.cannon-buttons,#cannon-fire{grid-column:1/-1}.cannon-head{display:flex;align-items:center;justify-content:space-between}.cannon-head b{color:#edc77f;letter-spacing:1.7px;font-size:12px}.cannon-head button{width:34px;height:34px;border-radius:50%;border:1px solid #fff4;background:#0a1c1a;color:#fff;font-size:22px}#cannon-controls>p{margin:0 0 3px;color:#d8c7a4;font-size:10px;letter-spacing:.5px}#cannon-controls span{font-size:12px}#cannon-controls i{height:7px;background:#081b18;border-radius:5px;overflow:hidden}#cannon-controls em{display:block;height:100%;width:70%;background:linear-gradient(90deg,#b7743e,#ffd06e)}.cannon-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cannon-buttons button,#cannon-fire{padding:10px;border:1px solid #d8bc7a66;border-radius:8px;background:#28423d;color:#fff;font-weight:700}#cannon-fire{background:linear-gradient(#bd593d,#87311f);font-size:14px;letter-spacing:1.4px}#cannon-controls small{text-align:center;opacity:.75;margin-top:2px}@media(max-width:600px){#cannon-controls{bottom:12px;padding:12px 14px;gap:5px 10px}#cannon-controls small{display:none}}
@media(max-width:600px){.camera-mode{position:fixed;right:13px;top:69px;padding:8px 10px;font-size:10px}.sound-hud{margin-right:0}}

/* Large, safe-area-aware controls for phones and tablets. */
@media(pointer:coarse){#touch{z-index:6;bottom:max(22px,env(safe-area-inset-bottom));left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right))}.dpad{grid-template:repeat(3,48px)/repeat(3,48px);gap:2px}#touch button{background:#163c36c9;border-color:#fff7;font-size:13px;backdrop-filter:blur(7px);-webkit-user-select:none;box-shadow:0 3px 12px #071b1766}#touch button:active{background:#d1a65bd9;transform:scale(.94)}.touch-actions button{width:62px;height:62px}.touch-actions button:last-child{width:76px;height:76px;background:#ba9356e8}}
@media(pointer:coarse) and (max-width:600px){.location,.corner-logo{display:none}#interaction{bottom:calc(172px + env(safe-area-inset-bottom))}.vignette{box-shadow:inset 0 0 65px #172e3024}}
@media(pointer:coarse) and (orientation:landscape) and (max-height:560px){#hud{inset:8px max(10px,env(safe-area-inset-right)) auto max(10px,env(safe-area-inset-left));flex-wrap:nowrap}.stats{padding:6px 9px}.quest{order:0;width:auto;min-width:260px;padding:7px 12px}.quest>span,.progress{display:none}.quest b{font-size:12px}.sound-hud{display:none}.icon-btn#pause{padding:8px 12px}#touch{bottom:max(8px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}.dpad{grid-template:repeat(3,38px)/repeat(3,38px)}.touch-actions button{width:50px;height:50px}.touch-actions button:last-child{width:62px;height:62px}#interaction{bottom:82px}#toast{top:60px}}
.food{display:flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid #fff2}.food>span{font-size:22px;color:#dc5041;text-shadow:0 2px #812f28}.food b{font-size:21px}.food small{font-size:8px;letter-spacing:1.5px;opacity:.6}
@media(max-width:600px){.food{padding-left:9px;gap:6px}.food small{display:none}.food b{font-size:18px}}