:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173e40;--cream:#fff9e9;--teal:#175d5a;--gold:#ffcf70;--glass:rgba(255,252,239,.93)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none;background:#319fa5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffbc4e;outline-offset:4px}button{touch-action:manipulation}#game{height:100%;height:100dvh;overflow:hidden;position:relative;isolation:isolate}#world{width:100%;height:100%;display:block;touch-action:none;outline-offset:-5px}#vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #12494a25}.topbar{position:absolute;left:max(28px,env(safe-area-inset-left));right:max(28px,env(safe-area-inset-right));top:max(23px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fffdf1;text-shadow:0 2px 8px #185e6660;font-size:11px;font-weight:850;letter-spacing:1.4px;pointer-events:auto}.brand small{display:block;font-size:10px;letter-spacing:2.5px;margin-top:4px;opacity:.8}.brand-mark{font-size:37px;font-weight:1000;line-height:1;position:relative}.brand-mark span{font-size:18px;color:var(--gold);position:absolute;top:-6px;right:-8px}.top-actions{display:flex;gap:9px;pointer-events:auto}.icon{width:44px;height:44px;border-radius:50%;border:1px solid #fff7d980;background:#125d6385;color:var(--cream);font-size:21px;box-shadow:0 3px 12px #15565b15;position:relative;backdrop-filter:blur(10px)}.sound-off{position:absolute;left:13px;top:20px;width:19px;height:2px;background:currentColor;transform:rotate(-45deg)}[aria-pressed=true] .sound-off{display:none}[hidden]{display:none!important}.location{position:absolute;top:111px;left:30px;color:#fffbee;font-size:11px;letter-spacing:2px;font-weight:800;text-shadow:0 1px 7px #20565e80}.location small{display:block;font-size:8px;margin-top:8px;opacity:.77;letter-spacing:1.5px}.live-dot{display:inline-block;width:6px;height:6px;background:#ffda8c;border-radius:50%;margin-right:8px}.inventory{position:absolute;top:100px;right:28px;display:flex;gap:9px}.inventory button,.bag{display:flex;align-items:center;gap:9px;background:var(--glass);border:1px solid #fff8e8;border-radius:16px;padding:10px 15px;min-width:92px;box-shadow:0 6px 20px #165b6612}.inventory small,.bag small{font-size:8px;letter-spacing:1.1px;display:block;opacity:.65}.inventory b{font-size:20px;line-height:1.2;display:block;text-align:left}.resource-icon{font-size:28px}.wood{color:#b17943;transform:rotate(-30deg)}.stone{color:#718b9d}.bag{min-width:58px;display:block;padding:13px 12px;background:#125d6385;border-color:#ffffff55;color:white}.bag b{font-size:12px;padding-top:4px}.quest{position:absolute;right:28px;top:185px;width:258px;padding:19px;background:var(--glass);border:1px solid #fffbe7;border-radius:21px;box-shadow:0 8px 30px #12556720}.quest-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:1px}.quest-top>span:first-child{background:#deeee0;padding:5px 8px;border-radius:6px}.quest-label{font-size:8px;opacity:.65}.quest h1{font-size:20px;line-height:1.2;letter-spacing:-.6px;margin:14px 0 8px}.quest p{font-size:12px;line-height:1.55;min-height:37px;margin:0 0 12px;color:#56716b}.progress-track{height:5px;border-radius:4px;background:#dde6d5;overflow:hidden;margin-bottom:16px}.progress-track span{display:block;background:#d7a849;height:100%;width:0;transition:width .25s}.action{width:100%;border:0;border-radius:11px;background:#195d57;color:#fff9df;min-height:44px;padding:11px 13px;text-align:left;font-size:12px;font-weight:750;display:flex;justify-content:space-between}.action.ready{background:#e9b44d;color:#264638}.desktop-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;color:#fffae7;font-size:10px;white-space:nowrap;text-shadow:0 1px 3px #17414a}.desktop-hint span{margin-left:8px}kbd{font:inherit;display:inline-grid;place-items:center;width:23px;height:24px;border:1px solid #fff7d970;border-radius:6px;background:#174c5540}#target-label{position:absolute;transform:translate(-50%,-100%);padding:6px 11px;background:#fff9eb;border-radius:9px;font-size:11px;font-weight:750;pointer-events:none;box-shadow:0 3px 10px #164e5f30;white-space:nowrap;display:none}.upgrade{position:absolute;bottom:24px;right:28px;display:flex;align-items:center;gap:10px;background:var(--glass);border:1px solid white;border-radius:14px;min-height:50px;padding:8px 13px;font-size:12px;text-align:left}.upgrade>span:first-child{font-size:26px;color:#d7a74a}.upgrade small{display:block;font-size:9px;margin-top:4px;color:#60766c}#joystick{display:none;position:absolute;left:max(25px,env(safe-area-inset-left));bottom:max(48px,env(safe-area-inset-bottom));width:112px;height:112px;border:1px solid #fffbe88c;border-radius:50%;touch-action:none;background:#ffffff18;box-shadow:0 0 0 8px #ffffff0a}.joystick-ring{position:absolute;inset:13px;border:1px dashed #fffbe866;border-radius:50%}#stick{position:absolute;top:35px;left:35px;width:40px;height:40px;background:#fff8dfbf;border:2px solid #fffdf0;border-radius:50%;box-shadow:0 5px 15px #1a556344;pointer-events:none}.touch-hint{display:none;position:absolute;bottom:14px;left:22px;color:#fff7df;font-size:9px;letter-spacing:.2px}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) 24px;background:#113f4c65;backdrop-filter:blur(6px);z-index:3;overflow:auto}.intro-card{display:grid;grid-template-columns:1.08fr 1fr;width:min(860px,100%);background:var(--cream);border:1px solid #fffae3;border-radius:27px;overflow:hidden;box-shadow:0 26px 100px #073b4c60}.cover{position:relative;min-height:490px;background:#4baeba}.cover img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:62% 50%}.edition{position:absolute;bottom:22px;left:20px;right:20px;font-size:8px;font-weight:750;letter-spacing:1.7px;background:#164b4ec9;border:1px solid #fff7d96b;color:#fff7df;backdrop-filter:blur(6px);border-radius:20px;padding:9px;text-align:center}.intro-body{padding:38px 33px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#639388;margin:0 0 16px}.intro-body h2,.dialog h2{font-size:40px;letter-spacing:-1.8px;line-height:1.08;font-weight:850;margin:0 0 17px}.intro-body h2 span{color:#d7a243}.intro-body>p:not(.eyebrow){font-size:13px;color:#647a70;line-height:1.65}.intro-tags{display:flex;gap:8px;margin:22px 0}.intro-tags span{font-size:10px;background:#e9edda;color:#4d7161;border-radius:20px;padding:7px 10px;font-weight:700}.primary{display:block;width:100%;min-height:50px;padding:13px 16px;border:1px solid #145b4f;border-bottom-width:4px;border-radius:13px;background:#246f61;color:#fff9df;font-size:14px;font-weight:750;box-shadow:0 5px 12px #1d6a571c}.primary:hover{background:#1a6155}.control-note{font-size:10px!important;text-align:center;margin:15px 0 0}.save-note{font-size:9px!important;text-align:center;opacity:.7;margin-bottom:0}.text-button{display:block;background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:#487366;min-height:44px;margin:5px auto 0;font-size:11px}.dialog{background:var(--cream);padding:34px;border:1px solid #fff7df;border-radius:24px;width:min(430px,100%);box-shadow:0 24px 100px #103d4c55}.dialog h2{font-size:34px}.dialog>p:not(.eyebrow){font-size:13px;line-height:1.65;color:#58766b}#instructions>div{display:flex;gap:13px;margin:20px 0;font-size:13px;line-height:1.5}#instructions b{color:#c19b4f}#instructions p{font-size:11px;line-height:1.7;background:#edf0dd;padding:12px;border-radius:10px}.portal-link{display:block;text-align:center;color:#618071;font-size:11px;min-height:44px;line-height:44px;margin-top:12px}.results{display:flex;gap:12px;margin:20px 0}.results>div{flex:1;background:#e9efdc;border-radius:10px;text-align:center;padding:14px 4px;font-size:10px}.results b{display:block;font-size:23px;color:#276958;margin-bottom:4px}#toast{position:absolute;left:50%;bottom:88px;transform:translateX(-50%) translateY(10px);opacity:0;transition:opacity .2s,transform .2s;background:#fff9e9;color:#295e56;font-size:12px;font-weight:650;max-width:calc(100% - 40px);padding:12px 19px;border-radius:30px;box-shadow:0 6px 28px #154e5c30;pointer-events:none;text-align:center;z-index:5}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.fatal{position:fixed;inset:30%;background:var(--cream);padding:30px;border-radius:15px;z-index:10}
@media(pointer:coarse){#joystick,.touch-hint{display:block}.desktop-hint{display:none}}
@media(max-width:650px){.topbar{top:max(14px,env(safe-area-inset-top));left:18px;right:18px}.brand{font-size:9px}.brand small{font-size:8px;letter-spacing:1.8px}.brand-mark{font-size:30px}.icon{width:42px;height:42px}.top-actions{gap:6px}.location{left:19px;top:81px;font-size:9px}.location small{font-size:7px;max-width:130px;line-height:1.5}.inventory{top:76px;right:16px;gap:5px}.inventory button{min-width:64px;padding:7px 9px;gap:6px;border-radius:12px}.inventory b{font-size:17px}.resource-icon{font-size:21px}.bag{display:none}.inventory small{font-size:7px}.quest{top:auto;bottom:max(33px,env(safe-area-inset-bottom));right:16px;width:190px;padding:13px;border-radius:17px}.quest h1{font-size:16px;margin:9px 0 5px}.quest p{font-size:10px;min-height:0;margin-bottom:8px}.quest-label{font-size:6px;letter-spacing:.5px}.quest-top>span:first-child{font-size:8px;padding:4px 5px}.progress-track{margin-bottom:10px}.action{font-size:10px;padding:9px;min-height:44px}.upgrade{top:130px;bottom:auto;right:16px;padding:6px 10px;font-size:10px;min-height:44px}.upgrade small{font-size:8px}.upgrade>span:first-child{font-size:19px}.desktop-hint{bottom:11px;font-size:8px}.desktop-hint kbd{width:18px;height:20px}.desktop-hint span{margin-left:3px}#joystick{width:96px;height:96px;left:24px;bottom:58px}#stick{top:27px;left:27px}.touch-hint{max-width:128px;bottom:21px;line-height:1.5}#toast{bottom:242px;font-size:11px;min-width:190px}.overlay{padding:80px 18px 20px}.intro-card{max-width:390px;grid-template-columns:1fr;border-radius:23px;align-self:center}.cover{min-height:180px;height:180px}.cover img{object-position:center 45%}.edition{bottom:10px;font-size:7px;left:14px;right:auto;padding:7px 11px}.intro-body{padding:24px}.intro-body h2{font-size:32px;margin-bottom:12px}.intro-body>p:not(.eyebrow){font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:12px}.intro-tags{margin:15px 0}.intro-tags span{font-size:9px}.primary{min-height:48px}.dialog{padding:25px}.dialog h2{font-size:30px}}
@media(max-height:540px) and (min-width:651px){.intro-card{max-width:700px}.cover{min-height:310px}.intro-body{padding:24px}.intro-body h2{font-size:30px}.intro-tags{margin:13px 0}.quest{top:155px;width:230px;padding:14px}.inventory{top:82px}.location{top:90px}.upgrade{bottom:15px}.overlay{padding:70px 20px 15px}.control-note,.save-note{display:none}.dialog{padding:23px;max-width:440px}.dialog #instructions>div{margin:11px 0}}
@media(max-width:370px){.quest{width:170px}.quest-label{display:none}.intro-body{padding:19px}.cover{height:150px;min-height:150px}#joystick{left:15px;width:84px;height:84px}#stick{top:21px;left:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-height:540px) and (min-width:651px){.upgrade{left:170px;right:auto;bottom:18px}.touch-hint{display:none}.quest{top:145px}.location small{display:none}}
@media(max-width:650px){#joystick,.touch-hint{display:block}.desktop-hint{display:none}}
@media(max-height:740px) and (max-width:650px){.overlay{align-items:start}.intro-card{align-self:start}.cover{height:140px;min-height:140px}.intro-body{padding:20px}.intro-body h2{font-size:29px}.intro-body .save-note{margin-top:6px}}

@media(max-width:650px){.icon{width:44px;height:44px}.quest p{font-size:11px}.action{font-size:11px}}
.cover img{object-position:19% 50%}
@media(max-width:650px){.cover img{object-position:center 45%}}
@media(max-height:650px) and (max-width:650px){#toast{top:183px;bottom:auto}}
@media(max-height:540px) and (min-width:651px){.overlay{place-items:start center;padding-top:78px}.cover{min-height:280px}.intro-body{padding:20px}.intro-body .eyebrow{font-size:7px;margin-bottom:10px}.intro-body h2{font-size:27px;margin-bottom:10px}.intro-body>p:not(.eyebrow){font-size:11px;line-height:1.5;margin:10px 0}.intro-tags{display:none}.intro-body .primary{min-height:44px;margin-top:14px}.intro-body .control-note,.intro-body .save-note{display:none}}
.quest,.inventory{right:max(28px,env(safe-area-inset-right))}
@media(max-width:650px){.quest,.inventory,.upgrade{right:max(16px,env(safe-area-inset-right))}.touch-hint{bottom:max(14px,calc(env(safe-area-inset-bottom) + 8px))}#joystick{bottom:max(58px,calc(env(safe-area-inset-bottom) + 36px))}}
@media(max-height:540px) and (min-width:651px){.desktop-hint{display:none}.quest{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}}
/* A short, optional introduction follows real progress rather than timed popups. */
.guide{position:absolute;left:30px;top:164px;width:242px;padding:15px 16px;background:var(--cream);border:1px solid #fff9e3;border-radius:18px;box-shadow:0 7px 25px #17525725}.guide-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#7d9878;font-size:8px;letter-spacing:1px;font-weight:800}.guide-heading button{margin:-10px -9px -8px 0;background:none;border:0;color:#68866b;font-size:20px;width:44px;height:44px;flex-shrink:0}.guide h2{font-size:19px;letter-spacing:-.5px;line-height:1.2;margin:10px 0 8px}.guide p{font-size:12px;line-height:1.6;color:#607b6a;margin:0 0 12px}.guide-action{width:100%;min-height:44px;border:1px solid #d8dfbd;border-radius:10px;background:#e7edce;color:#3f684d;font-weight:750;font-size:11px;padding:9px}.guide-action:hover{background:#dce7bb}.gather-status{position:absolute;top:calc(50% + 55px);left:50%;transform:translateX(-50%);background:#fff9e9ed;padding:9px 14px;border:1px solid #fffef1;border-radius:11px;font-size:10px;font-weight:750;min-width:165px;pointer-events:none;box-shadow:0 5px 16px #164b5426;text-align:center}.gather-status>div{height:3px;overflow:hidden;border-radius:4px;background:#e0e6d1;margin-top:6px}.gather-status>div span{display:block;height:100%;background:#c7a44d;transform:scaleX(0);transform-origin:left}.loot{position:absolute;padding:6px 10px;border-radius:20px;background:#fff8e4;box-shadow:0 3px 10px #17474c22;font-size:11px;font-weight:850;color:#876b3d;transform:translate(-50%,-100%);pointer-events:none;white-space:nowrap}.loot.stone{color:#4b747b}#loot-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}
@media(max-width:650px){.guide-mode .quest{display:none}.guide{left:auto;right:max(16px,env(safe-area-inset-right));top:auto;bottom:max(33px,env(safe-area-inset-bottom));width:190px;padding:12px 13px;border-radius:17px}.guide h2{font-size:16px;margin-top:7px}.guide p{font-size:11px;line-height:1.5;margin-bottom:9px}.guide-heading{font-size:7px;letter-spacing:.5px}.guide-action{font-size:11px}.gather-status{font-size:10px;min-width:148px;padding:8px 11px}.loot{font-size:11px}}
@media(max-width:370px){.guide{width:170px}.guide p{font-size:10px}.guide h2{font-size:15px}}
@media(max-height:650px) and (max-width:650px){.gather-status{top:calc(50% + 20px)}}
@media(max-height:540px) and (min-width:651px){.guide-mode .quest{display:none}.guide{left:auto;right:max(28px,env(safe-area-inset-right));top:auto;bottom:max(12px,env(safe-area-inset-bottom));width:230px;padding:13px 15px}.guide h2{font-size:18px}.guide p{font-size:11px}.gather-status{top:calc(50% + 40px)}}

.pack-upgrade{bottom:86px}
@media(max-width:650px){.pack-upgrade{top:184px;bottom:auto}}
@media(max-height:540px) and (min-width:651px){.pack-upgrade{left:170px;right:auto;bottom:80px}}

@media(max-width:650px) and (max-height:650px){#hud:has(#pack-upgrade:not([hidden]))~#toast{top:235px}}
@media(max-height:540px) and (min-width:651px){.quest h1{font-size:18px;line-height:1.15;margin:9px 0 6px}.quest p{font-size:11px;line-height:1.45;min-height:0;margin-bottom:9px}.quest .progress-track{margin-bottom:10px}}

/* Journey uses the existing modal and pauses the simulation. */
.map-button{font-size:22px}.crystal{color:#78bacd}.loot.crystal{color:#417f9c}
.journey-dialog{width:min(700px,100%);display:flex;flex-direction:column;max-height:calc(100dvh - 110px)}
.journey-dialog h2{flex-shrink:0}.journey-dialog>.primary,.journey-dialog>.portal-link{flex-shrink:0}
#journey{overflow:auto;min-height:90px;margin:0 0 14px;overscroll-behavior:contain}
.journey-chart{width:100%;height:auto;display:block;background:#e2eee3;border-radius:14px;margin:0 0 12px}.journey-chart circle{stroke:#94b5a7;stroke-width:2;fill:#f8f4e5}.journey-chart text{font-size:17px;font-weight:800;fill:#4e7767}.journey-chart .complete circle{fill:#3c8975;stroke:#3c8975}.journey-chart .complete text{fill:#fffbe9}.journey-chart .open circle{fill:#efcb79;stroke:#c9a14c}.journey-chart .locked{opacity:.4}
#journey-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.journey-row{display:flex;align-items:center;gap:12px;padding:12px;background:#eaf0df;border:1px solid #dce7d2;border-radius:12px}.journey-row.locked{background:#f0efe4;color:#799086}.journey-number{color:#809d8a;font-weight:800;font-size:12px}.journey-row>div{flex:1;min-width:0}.journey-row b{font-size:13px}.journey-row p{font-size:11px;line-height:1.5;margin:4px 0 0;color:#587869}.journey-row button{min-width:82px;min-height:44px;border:1px solid #b2cbbb;border-radius:9px;background:#fff9e9;color:#356c58;font-size:11px;font-weight:700;padding:7px}.journey-row button:disabled{opacity:.6;cursor:default}
@media(max-width:650px){.journey-dialog{padding:20px}.journey-dialog h2{font-size:27px;margin-bottom:9px}.journey-dialog>p:not(.eyebrow){font-size:11px;margin:0 0 12px}.journey-row{gap:8px;padding:9px}.journey-row button{min-width:70px;font-size:10px}.journey-row p{font-size:10px}.has-crystals .inventory{top:118px;left:16px;right:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.has-crystals .inventory button{min-width:0;justify-content:center}.has-crystals .upgrade{top:180px}.has-crystals .pack-upgrade{top:234px}#hud.has-crystals~#toast{top:180px;bottom:auto;left:16px;min-width:0;max-width:130px;font-size:10px;transform:translateY(10px)}#hud.has-crystals~#toast.show{transform:translateY(0)}}
@media(max-width:370px){.brand>span:last-child{display:none}}
@media(max-height:540px) and (min-width:651px){.dialog.journey-dialog{width:min(700px,100%);max-width:700px;max-height:calc(100dvh - 95px);padding:14px 18px}.journey-dialog>.eyebrow,.journey-dialog>.portal-link{display:none}.journey-dialog h2{font-size:24px;margin:0 0 6px}.journey-dialog>p:not(.eyebrow){font-size:11px;line-height:1.4;margin:0 0 7px;flex-shrink:0}.journey-dialog #journey{min-height:0;flex:1;margin:0 0 8px}.journey-dialog .primary{min-height:44px;padding:10px;font-size:12px}.journey-chart{height:60px}}