@font-face{font-family:Grenze;src:url(/fonts/Grenze.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:IM Fell English;src:url(/fonts/IMFellEnglish-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{--ink:#341909;--ink-soft:#6d4726;--paper:#f4dcb2;--gold:#d0a155;--gold-light:#f0d396;--teal:#123f40;--display:"Grenze",Georgia,serif;--body:"IM Fell English",Georgia,serif;font-family:var(--body);color:var(--ink);background:#bce5df;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}h1,h2,p{margin:0}h1,h2{font-family:var(--display);font-weight:700}p{font-size:17px;line-height:1.4}small{font-size:12px;line-height:1.4}.ui{position:fixed;inset:0;z-index:10;pointer-events:none;overflow:hidden}.ui button,.panel{pointer-events:auto}.muted{color:var(--ink-soft)}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:400;color:var(--ink)}.paper,.panel{isolation:isolate;filter:drop-shadow(0 4px 4px #24120670)}.paper:before,.panel:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(/ui/parchment-frame.png) center/100% 100% no-repeat}.paper-tab{border:22px solid transparent;border-image:url(/ui/parchment-frame.png) 180 fill / 22px / 0 stretch;background:transparent;filter:drop-shadow(0 3px 3px #24120670)}.screen-hud{--edge:clamp(24px,2.4vw,38px);--intro-width:clamp(520px,40vw,620px);position:absolute;inset:0;overflow:hidden;isolation:isolate;pointer-events:none}.intro-hud:before{content:"";position:absolute;inset:0;background:#080c0a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0;pointer-events:auto}.hud-title img{display:block;width:100%;height:auto}.hud-title{position:absolute;left:var(--edge);width:380px;z-index:2;display:block;top:0;height:auto;margin:0;padding:0}.hud-status{position:absolute;right:var(--edge);top:38px;z-index:2;display:flex;align-items:flex-start;gap:12px;pointer-events:auto;height:82px}.fruit-counter{display:flex;align-items:center;justify-content:center;gap:7px;width:210px;height:82px;padding:0 6px;flex-shrink:0;border-width:17px;border-image-width:17px}.fruit-counter-icon{display:block;object-fit:contain;width:32px;height:auto;flex-shrink:0}.fruit-counter-copy{flex-shrink:0;white-space:nowrap}.fruit-counter strong{display:block;font:600 33px/.95 var(--display)}.fruit-counter small{display:block;font-size:10px;letter-spacing:1px;margin-top:1px;line-height:1.15;white-space:nowrap}.sound{display:flex;align-items:center;gap:8px;justify-content:center;width:151px;height:82px;padding:0;border-width:17px;border-image-width:17px;font:600 17px var(--display);white-space:nowrap}.sound .pirate-icon{width:25px;height:28px}.sound:hover{filter:brightness(1.06) drop-shadow(0 3px 3px #24120670)}.hud-mission{position:absolute;left:var(--edge);top:clamp(177px,21vh,218px);width:min(305px,calc((100vw - var(--intro-width))/2 - var(--edge) - 27px));max-height:calc(100dvh - clamp(177px,21vh,218px) - 107px);z-index:1;pointer-events:auto}.mission-content{padding:31px 31px 25px;overflow-y:auto;max-height:inherit;scrollbar-width:thin;scrollbar-color:#9b713e transparent}.mission-heading{display:flex;gap:13px;align-items:center;padding-left:5px}.mission-number{font:700 56px/.9 var(--display)}.mission-heading>div{display:flex;flex-direction:column;gap:4px}.mission-heading .compass{width:24px;height:24px}.mission-heading .eyebrow{font-size:11px;letter-spacing:1px;line-height:1.2}.compass,.pirate-icon{display:block;width:42px;height:42px;flex-shrink:0}.compass{color:#784c25}.mission-compass{position:absolute;color:var(--gold-light);filter:drop-shadow(0 2px 2px #28160890);pointer-events:none}.mission-compass{width:67px;height:67px;left:-12px;top:-19px;z-index:1}.flourish{display:flex;align-items:center;gap:5px;height:14px;margin:13px 0;color:#895a2e}.flourish:before,.flourish:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,currentColor 12%,currentColor)}.flourish:after{transform:rotate(180deg)}.flourish span{font-size:12px;line-height:1}.hud-mission h2{font-size:34px;line-height:1.02;margin:8px 0 12px}.hud-mission p{font-size:16px;line-height:1.31;margin:10px 0}.mission-clock{display:flex;align-items:center;gap:12px;margin:12px 0}.mission-clock>.pirate-icon{width:29px;height:40px}.mission-clock strong{display:block;font-size:10px;letter-spacing:1.5px}.mission-clock b{display:block;font-family:var(--display);font-size:27px;font-weight:600;letter-spacing:2px;margin-top:4px}.time-remaining{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;margin:8px 0}.time-remaining b{font-size:17px;font-weight:400}.urgent{color:#9c321c}.progress-caption{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;font-size:11px;letter-spacing:1px}.progress-caption strong{font-weight:400}.progress-caption>span{font-size:19px;letter-spacing:0}.progress{height:12px;border:1px solid #553b20;border-radius:6px;background:#ac875650;box-shadow:inset 0 2px 3px #48291640;overflow:hidden;margin-top:4px}.progress i{display:block;height:100%;background:linear-gradient(#3f7770,#163e3d);transition:width .2s}.progress-stamps{display:flex;justify-content:space-between;margin-top:9px;gap:4px}.progress-stamps span{height:14px;width:14px;border-radius:50%;border:1px solid #896034}.progress-stamps .collected{background:#25554d;box-shadow:inset 0 0 0 2px #ead3a8}.island-etching{display:block;width:100%;color:#7e4d25;flex-shrink:0}.mission-etching{height:50px;margin-top:17px;opacity:.85}.primary{position:relative;background:radial-gradient(ellipse at 40% 0%,#38665c,#103c3d 80%);border:4px double var(--gold-light);border-radius:4px;color:var(--gold-light);font:650 25px/1 var(--display);letter-spacing:1.3px;text-shadow:0 2px 1px #092323;box-shadow:0 0 0 2px #573714,inset 0 0 0 2px #785f2d,inset 0 0 15px #061f2370,0 4px 4px #30160070;padding:15px 24px;min-height:54px;flex-shrink:0}.primary:before,.primary:after{content:"";position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:9px;height:9px;background:var(--gold-light);border:1px solid #795023}.primary:before{left:-7px}.primary:after{right:-7px}.primary:hover{background:radial-gradient(ellipse at 40% 0%,#4b7b6f,#19494a 80%)}.hud-controls{position:absolute;left:50%;bottom:25px;transform:translate(-50%);width:clamp(650px,53vw,800px);height:67px;z-index:4;display:flex;align-items:center;justify-content:center;gap:0;padding:0 6px;border-width:19px;border-image-width:19px;pointer-events:none;white-space:nowrap}.control{display:flex;align-items:center;gap:12px;padding:0 22px;font-size:13px;text-transform:uppercase}.control+.control{border-left:1px solid #957049}.movement-keys{display:flex;gap:4px}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:28px;padding:4px 7px;background:linear-gradient(#6f4a29,#38200f);color:#f7dfb4;border:1px solid #aa7c43;border-radius:3px;box-shadow:inset 0 0 0 1px #2a170b,0 1px #fff0c580;font:400 13px var(--body)}.modal-wrap{position:absolute;inset:0;z-index:6;display:grid;place-items:center;pointer-events:auto;background:#25150740}.pause{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:8}.panel{position:relative;padding:38px 43px 40px;background:transparent;border:0;border-radius:0;box-shadow:none;max-height:calc(100dvh - 48px);overflow:auto;scrollbar-width:thin;scrollbar-color:#9b713e transparent}.dialog{width:min(460px,calc(100vw - 30px));text-align:center}.dialog h1{font-size:44px;line-height:1.06;margin:10px 0 15px}.dialog p{margin:12px 0 20px}.text-button{display:block;margin:15px auto 0;border:0;background:transparent;text-decoration:underline;font-size:15px;padding:7px}.dialog .primary{max-width:100%;font-size:22px}.interaction{position:absolute;left:50%;bottom:110px;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:12px;border:3px double #9f7338;border-radius:3px;background:linear-gradient(#f4deb5,#d7b279);box-shadow:0 3px 8px #24120870;padding:10px 21px;font-size:18px}.world-label{pointer-events:none;white-space:nowrap;background:#173e3de8;color:#f4d7a4;padding:7px 12px;border:1px solid #b78c47;border-radius:2px;font:400 11px var(--body);letter-spacing:1px;text-align:center}.world-label.unlocked{background:#3c6045}.reward-wrap{position:absolute;inset:0;z-index:6;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh;background:linear-gradient(#42260916,transparent);pointer-events:none}.reward{width:min(530px,calc(100vw - 32px));text-align:center;pointer-events:auto}.reward h1{font-size:44px;line-height:1.04;margin:10px 0 17px}.reward p{font-size:19px;margin:10px 0}.reward-mark{font-size:38px;color:#a16c2e;margin-top:12px}.reward .primary{margin-top:15px}.secondary{border:2px double #8f622e;background:#ecd2a2;padding:10px 20px;border-radius:3px;font-size:17px;margin-top:10px}.loading{height:100%;display:grid;place-items:center;background:#f0d7a9;font-size:23px}.scene-error{height:100%;overflow:auto;padding:32px;background:#f0d7a9}.scene-error pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.touch-controls{display:none}@media(min-width:1100px){.intro-hud .hud-title{max-width:calc((100vw - var(--intro-width))/2 - var(--edge) - 20px)}}@media(min-width:1100px)and (max-height:850px){.hud-title{width:380px;top:0;height:auto;margin:0;padding:0}.hud-status{top:29px;height:70px}.fruit-counter{width:205px;height:70px}.sound{width:137px;height:70px}.mission-content{padding:25px 27px 22px}.mission-heading{gap:9px}.mission-number{font-size:49px}.mission-heading .eyebrow{font-size:10px}.hud-mission h2{font-size:29px}.hud-mission p{font-size:14px}.mission-clock{margin:9px 0}.mission-clock b{font-size:22px}.hud-mission .flourish{margin:9px 0}.mission-etching{height:40px;margin-top:11px}.hud-controls{height:61px;bottom:18px}.control{padding:0 18px;font-size:12px;gap:9px}}@media(min-width:760px)and (max-width:1099px){.screen-hud{--edge:20px;--intro-width:440px;--intro-height:min(570px, calc(100dvh - 160px) )}.hud-title{width:282px;top:0;height:auto;margin:0;padding:0}.hud-status{top:25px;gap:8px}.fruit-counter{width:171px;height:65px;gap:5px;border-width:15px;border-image-width:15px;padding:0 4px}.fruit-counter strong{font-size:27px}.fruit-counter small{font-size:9px}.fruit-counter-icon{width:26px;height:auto}.sound{width:117px;height:65px;border-width:14px;border-image-width:14px;font-size:15px}.sound .pirate-icon{width:20px}.hud-mission{top:153px;width:min(220px,calc((100vw - var(--intro-width))/2 - var(--edge) - 15px));max-height:calc(100dvh - 249px)}.mission-content{padding:23px 18px 20px}.mission-compass{width:48px;height:48px;left:-9px;top:-15px}.mission-heading{gap:6px;padding:0}.mission-number{font-size:40px}.mission-heading .eyebrow{font-size:8px;letter-spacing:.4px}.mission-heading .compass{width:18px;height:18px}.hud-mission h2{font-size:25px}.hud-mission p{font-size:13px}.hud-mission .flourish{margin:9px 0}.mission-clock{gap:7px}.mission-clock strong{font-size:8px;letter-spacing:.4px}.mission-clock b{font-size:18px;letter-spacing:1px}.mission-clock>.pirate-icon{width:21px}.progress-caption{font-size:9px}.progress-stamps span{width:11px;height:11px}.mission-etching{height:30px;margin-top:10px}.hud-controls{width:620px;height:59px;bottom:18px}.control{padding:0 13px;gap:9px;font-size:11px}.time-remaining{font-size:7px;letter-spacing:0}.time-remaining b{font-size:15px}}@media(min-width:760px)and (max-width:900px){.screen-hud{--intro-width:410px}.hud-mission{width:calc((100vw - var(--intro-width))/2 - var(--edge) - 12px)}.mission-heading{flex-wrap:wrap}.mission-heading .compass{display:none}.hud-mission h2{font-size:22px}.hud-mission p{font-size:12px}.mission-clock>.pirate-icon{display:none}}@media(max-width:759px){.screen-hud{--edge:12px;--intro-width: calc(100vw - 24px) ;--intro-height:min(570px, calc(100dvh - 205px) )}.hud-title{width:234px;top:0;height:auto;margin:0;padding:0}.hud-status{top:16px;right:10px;height:auto;flex-direction:column;gap:3px;align-items:stretch}.fruit-counter{width:112px;height:54px;border-width:12px;border-image-width:12px;padding:0 1px;gap:4px}.fruit-counter-icon{width:20px;height:auto}.fruit-counter strong{font-size:23px}.fruit-counter small{font-size:7px;letter-spacing:.3px;margin-top:1px}.sound{width:112px;height:54px;border-width:10px;border-image-width:10px;padding:0;gap:5px;font-size:13px}.sound .pirate-icon{width:17px;height:18px}.mission-preview{display:none}.hud-controls{width:calc(100vw - 24px);height:56px;bottom:16px;border-width:13px;border-image-width:13px;padding:0 1px}.control{padding:0 5px;gap:4px;font-size:8px}.movement-keys{gap:2px}kbd{min-width:18px;min-height:24px;padding:4px;font-size:9px}.hud-mission:not(.mission-preview){top:130px;width:212px;max-height:calc(100dvh - 270px)}.mission-content{padding:25px 23px}.mission-compass{width:50px;height:50px;left:-4px;top:-13px}.mission-heading{gap:8px;padding:0}.mission-number{font-size:43px}.mission-heading .eyebrow{font-size:9px;letter-spacing:.5px}.mission-heading .compass{width:19px;height:19px}.hud-mission h2{font-size:27px}.hud-mission p{font-size:13px}.mission-clock{gap:6px}.mission-clock strong{font-size:8px;letter-spacing:.7px}.mission-clock b{font-size:20px}.mission-clock>.pirate-icon{width:23px}.time-remaining{font-size:7px}.progress-stamps span{width:12px;height:12px}.mission-etching{height:35px;margin-top:12px}.panel{padding:30px 29px;max-height:calc(100dvh - 30px)}.dialog h1{font-size:38px}.dialog .primary{font-size:20px;padding-inline:15px}.reward-wrap{padding-top:12vh}.reward h1{font-size:36px}.reward p{font-size:17px}.interaction{bottom:90px;font-size:16px;padding:9px 15px}}@media(max-height:600px){.screen-hud{--intro-width:min(450px, calc(100vw - 36px) )}.intro-hud .hud-mission{display:none}.hud-title{width:170px;top:0;height:auto;margin:0;padding:0}.hud-status{top:12px;height:47px;flex-direction:row;gap:6px}.fruit-counter{width:130px;height:47px;border-width:10px;border-image-width:10px;gap:5px;padding:0 3px}.fruit-counter strong{font-size:22px}.fruit-counter small{font-size:7px}.fruit-counter-icon{width:20px;height:auto}.sound{height:47px;width:100px;border-width:10px;border-image-width:10px;font-size:12px}.sound .pirate-icon{width:18px}.hud-controls{bottom:9px;height:48px;width:min(630px,calc(100vw - 32px));border-width:13px;border-image-width:13px}.control{padding:0 14px;font-size:10px}.hud-mission:not(.mission-preview){top:100px;max-height:calc(100dvh - 174px)}.mission-etching{display:none}.reward-wrap{padding-top:15px}.reward{max-height:calc(100dvh - 30px)}}@media(pointer:coarse){.hud-controls{display:none}.touch-controls{position:absolute;left:15px;bottom:15px;display:flex;gap:6px;z-index:5}.touch-controls button{border:2px solid #956638;border-radius:3px;background:linear-gradient(#f4dbaf,#cfa76e);box-shadow:0 2px #4b321c;padding:12px;min-width:42px;touch-action:none}.interaction{bottom:82px}}@media(prefers-reduced-motion:reduce){.progress i{transition:none}}.intro-region{--intro-reserved-height:210px;position:absolute;left:50%;top:50%;width:min(560px,calc(100vw - 32px),calc((100dvh - var(--intro-reserved-height))*630/710));height:auto;aspect-ratio:630/710;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.intro-art{display:block;width:100%;height:auto}.intro-play{position:absolute;left:13.25%;top:70%;width:73.5%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;line-height:0;pointer-events:auto;transform-origin:center;transition:transform .12s ease,filter .12s ease}.intro-play img{display:block;width:100%;height:auto}.intro-play:enabled:hover{filter:brightness(1.04)}.intro-play:enabled:active{transform:scale(.99)}@media(max-width:759px){.intro-region{--intro-reserved-height:120px}}@media(max-height:600px){.intro-region{--intro-reserved-height:80px}}@media(prefers-reduced-motion:reduce){.intro-play{transition:none}}