/* Prototype 1's palette, heavy outlines, textured tiles and original atlases.
   Layout and every gameplay rule still belong to prototype 2. */
:root{font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;color:#152630;background:#26343b;--cream:#fff;--muted:#385b4c;--gold:#ffc63d;--border:#17242e;--panel:#fff;--ink:#17242e;--green:#10b66a;--blue:#00a5ed}
body{background:radial-gradient(ellipse at 30% 25%,#385455,transparent 60%),#26343b}
h1,h2{font-family:inherit;font-weight:900}button{font-weight:800}.phone,.game{background:#10b66a;color:#17242e}.phone{border-color:#17242e}.desktop-brand>span{font-weight:900;color:#ffda59}.desktop-brand>p{font-family:inherit;font-weight:900;color:#edf6ed;font-size:30px}.desktop-brand>small{color:#9eb7b4}
.wordmark{color:#fff;text-shadow:1px 2px #17242e;font-size:14px}.wordmark small{color:#d3f6e5;text-shadow:none;font-weight:800}.wordmark>.icon{width:32px;height:32px}.round{background:#e1eaec;border:2px solid var(--ink);border-radius:10px;color:#243943;box-shadow:0 2px 0 var(--ink);font-family:inherit;font-weight:900}.round .icon{stroke-width:4}
.currency{background:#075332;border:2px solid var(--ink);border-radius:9px;color:white;padding:5px 10px;gap:6px}.currency b{font-size:15px;font-weight:900}.currency b small{color:#b3d7cb}.home>.wallet{margin-bottom:13px}.hero{margin:0 18px;border:3px solid var(--ink);border-radius:16px;min-height:215px;max-height:300px;box-shadow:0 4px 0 #087445;flex:1}
.hero .original-landscape{object-fit:cover;object-position:50% 0;transform:none}.hero-shade{background:linear-gradient(0deg,#074b28d9 0%,#0c703639 48%,transparent 75%)}.hero-label{left:14px;top:12px;font-size:8px;letter-spacing:1px;background:#fff;color:#15372b;border:2px solid var(--ink);border-radius:5px;padding:5px 7px}.hero-title{top:auto;bottom:17px;left:16px}.hero-title h1{font-size:32px;line-height:1.02;letter-spacing:-1px;color:#fff;text-shadow:2px 2px 0 #17242e,-1px -1px 0 #17242e,1px -1px 0 #17242e,-1px 1px 0 #17242e}.hero-title h1 br{display:none}.hero-title h1 em{color:#ffdf61;font-style:normal}.hero-title h1 em:before{content:' '}.hero-title p{font-size:11px;font-weight:700;line-height:1.5;margin-top:9px;color:#f2ffe7}.chapter-tag{right:13px;bottom:17px;font-size:9px;letter-spacing:.5px;font-weight:900;background:#fff;border:2px solid var(--ink);padding:6px;border-radius:6px;color:#263f31}
.journey{padding-top:22px}.section-heading h2{font-size:22px;color:#fff;text-shadow:1px 2px #17242e}.section-heading>span{font-size:10px;font-weight:800;color:#063e29}.level-strip{margin:20px 0 24px}.level-strip:before{height:3px;background:#075d38;top:25px}.level-node{border:3px solid var(--ink);border-radius:12px;transform:none;background:#cfe9d8;box-shadow:0 3px 0 #096c45}.level-node>span{transform:none;font-family:inherit;font-size:22px;font-weight:900}.level-node.selected{background:#ffd64d;border:3px solid var(--ink);color:#17242e;box-shadow:0 4px 0 #a57115}.level-node.selected:after{background:#fff;border:1px solid #17242e;width:6px;height:6px;bottom:-13px}.level-node.locked{border-color:#164c36;background:#0a9658;color:#065535;box-shadow:0 3px 0 #087949}.level-node.visited:not(.selected){color:#09623e;background:#d9f7b8}.level-description h3{font-size:17px;font-weight:900;color:#fff;text-shadow:1px 1px #075c35}.level-description p{color:#063e29;font-weight:700;font-size:11px}.map-size{border:2px solid var(--ink);background:#dbf6df;color:#193c2a;font-weight:900}.expedition-details{color:#073e28;font-size:11px;font-weight:800;gap:15px}.expedition-details .icon{width:24px;height:24px}.primary{background:#00a5ed;border:3px solid var(--ink);border-radius:12px;color:white;text-shadow:1px 2px var(--ink);font-weight:900;font-size:16px;box-shadow:0 4px 0 #075f88;padding:14px 16px}.primary .icon{filter:drop-shadow(1px 1px #17242e)}.primary:active{transform:translateY(2px);filter:none;box-shadow:0 2px 0 #075f88}.gentle-note{color:#063e29;font-weight:700;font-size:10px;margin-top:15px}.bottom-nav{background:#0b9256;border-top:3px solid var(--ink);padding-top:10px}.bottom-nav button{color:#06492e;font-size:10px;font-weight:900}.bottom-nav button.active{color:#fff}.bottom-nav button>.icon{filter:none;opacity:.85}.bottom-nav button.active>.icon{opacity:1;color:#ffdc52}.notification-dot{background:#ffdd44;border:1px solid var(--ink);width:7px;height:7px}
.game-top{padding-top:17px;padding-bottom:12px}.game-top h2{color:#fff;text-shadow:1px 2px #17242e;font-size:21px}.game-top small{color:#06462e;font-weight:900;letter-spacing:1px}.run-wallet .currency{background:#075332;border:2px solid #17242e;padding-top:3px;padding-bottom:3px}.run-wallet>span{color:#06462e;font-size:9px;font-weight:800}.run-wallet .currency b{font-size:13px}.status-row{gap:10px}.move-counter{padding:9px 8px;border:2px solid #17242e;border-radius:10px;background:#075332;flex:1;box-shadow:0 2px 0 #086740}.move-counter b{color:#fff;font-size:27px}.move-counter b small{color:#b6d4c7}.move-counter div>span{color:#d0eada;font-size:9px}.move-counter.low b{color:#ff8390}.objective-counter{background:#164b44;border:2px solid #17242e;border-radius:9px;padding:7px 6px;grid-template-columns:24px auto;gap:2px 3px;min-width:67px}.objective-counter b{color:#fff;font-size:17px}.objective-counter b small{color:#b0cebf}.objective-counter>span{color:#dbf2e1;font-size:9px}.objective-counter>.icon{width:24px;height:33px}.moves-track{background:#075332;height:6px;border:1px solid #17242e;border-radius:4px;margin-top:-3px}.moves-track i{background:#ffce42}.board-surround{background:#dce8f7;margin-top:12px;padding:10px 14px 0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.board-caption{color:#45596a;font-size:10px;font-weight:800;margin-bottom:10px}.board-caption i{background:#9aacba}.board{background:#cfdfec;border:2px solid #17242e;border-radius:12px;gap:2px;padding:3px;box-shadow:0 4px 0 #829dab;overflow:visible;width:min(100%,calc((100dvh - 355px) * var(--cols) / var(--rows)))}
.cell{border-radius:5px}.cell.revealed,.cell.revealed.grass-1,.cell.revealed.grass-4{background-color:#57b727;background-image:url('../assets/grass-tiles.png');background-size:200% 200%;box-shadow:inset 0 0 0 1px #195e3033; background-position:0 0}.cell.revealed.variant-1{background-position:100% 0}.cell.revealed.variant-2{background-position:0 100%}.cell.revealed.variant-3{background-position:100% 100%}.grass-detail{display:none}.cell.fog{background:radial-gradient(ellipse at 25% 20%,#fffefb,#e6f5ff 45%,#d3def4 100%);box-shadow:inset 0 0 0 1px #b1c5db44}.cloud-detail{width:70%;height:45%;background:#ffffff40;box-shadow:7px 7px 7px #ffffff30,-4px 6px 8px #ffffff50;filter:blur(3px)}.cell.frontier{background:linear-gradient(#d9eddbb0,#d8edd9b0),url('../assets/grass-tiles.png');background-size:100% 100%,200% 200%;box-shadow:inset 0 0 0 2px #99bca280}.fog-mark{color:#538868;font-size:17px;text-shadow:none;font-weight:900}.cell.mud.frontier{background:linear-gradient(#e6ead697,#e6ead697),url('../assets/bog-tile.png') center/cover}.cell.mud .fog-mark{color:#605a24}.cell.mud.revealed{background:url('../assets/bog-tile.png') center/cover}.cell.mud.revealed:after{display:none}.cell.web.frontier{background:#c5ddd7}.cell.web .fog-mark{color:#547c89}.cell.web.revealed{background-color:#8abc85}.web-lines{border:1px solid #f5fcff;filter:drop-shadow(1px 1px #567882);background:linear-gradient(45deg,transparent 48%,#f4faff 49%,#f4faff 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,#f4faff 49%,#f4faff 51%,transparent 52%)}.terrain-cost{color:#173c29;font-weight:900;font-size:9px}.cell.wall{background:transparent;box-shadow:none}.object{inset:4px;filter:drop-shadow(0 2px 1px #163a3155)}.goal-object{filter:drop-shadow(0 2px 1px #164a3055)}.object .original-art{width:100%;height:100%;overflow:hidden}.hp-bar{bottom:2px;left:17%;right:17%;height:6px;border:1px solid #17242e;background:#5e666f;box-shadow:none}.hp-bar i{background:#ff425c;border-radius:2px}.cell.preview{background-color:#fff085;box-shadow:inset 0 0 0 3px #ffdb3c;z-index:2}.cell.preview:before{content:'';position:absolute;inset:0;background:#ffe44455;border-radius:5px;pointer-events:none}.cell.preview-center,.cell.preview-object{outline:2px solid #17242e;box-shadow:inset 0 0 0 3px #ffe539;z-index:3}.cell.preview-center:after{color:#17242e;font-size:10px;font-weight:900;background:#ffde4a;border-radius:3px;padding:1px}.board-bottom{font-size:9px;font-weight:700;color:#425b69;margin:11px 0}.board-bottom .icon{width:16px;height:16px}.game-footer{background:#444b5d;padding-top:12px}.touch-tip{background:#617f8b;border:2px solid #283644;border-radius:10px;box-shadow:inset 0 1px #9eb6be}.touch-symbol{color:#ffdb51}.touch-tip b{color:#fff;font-weight:900;font-size:11px}.touch-tip p{color:#e1edf2;font-size:10px}.gear-stats{color:#e8eef4;font-weight:800;font-size:10px}.gear-stats .icon{width:21px;height:21px}.gear-stats button{font-weight:800;font-size:10px;color:#fff;border-color:#abbac7}.floating-reward{color:#fff46f;font-size:14px;text-shadow:1px 2px #142624,-1px -1px #142624}.reveal-ring{border-color:#fff49a;box-shadow:0 0 18px #ffe05399,inset 0 0 20px #ffe05355}
.scrim{background:#061015bf;backdrop-filter:blur(3px)}.sheet{background:#f8faf4;border:3px solid #17242e;border-bottom:0;color:#17242e;border-radius:21px 21px 0 0;box-shadow:0 -4px 0 #17242e33}.sheet-handle{background:#9dada8}.sheet h2{font-size:26px;font-weight:900}.sheet .eyebrow{color:#087747;font-weight:900}.sheet-intro{color:#5a6860;font-size:12px}.sheet .currency{background:#e6efea;color:#17242e}.sheet .currency small{color:#62796d}.upgrade-card{border:2px solid #283644;background:#e6efea;box-shadow:0 3px 0 #acbeb5;padding:14px 10px}.upgrade-icon{background:#bed8ce;border:2px solid #283644;border-radius:10px;width:47px;height:58px}.upgrade-icon .icon{width:39px;height:43px}.upgrade-text h3{font-size:14px;font-weight:900}.upgrade-text p{color:#536359;font-size:10px}.upgrade-text>.eyebrow{font-size:8px}.upgrade-pips i{background:#b2c3ba}.upgrade-pips .filled{background:#10b66a}.upgrade-buy{background:#ffc63d;border:2px solid var(--ink);color:#17242e;box-shadow:0 2px 0 #a87b17}.upgrade-buy:disabled{background:#b5c9bd;border-color:#647b6d;color:#52665a;box-shadow:none}.sheet-note{color:#5f7367;font-size:10px}.secondary{border:2px solid var(--ink);background:#dce3e7;color:#283038;font-weight:900;font-size:12px}.sheet-emblem{background:#ffda59;color:#17242e;border:3px solid var(--ink)}.help-list b{color:#17242e;font-size:13px}.help-list p{color:#536359;font-size:11px}.help-list .icon{color:#0b8255}.terrain-legend{background:#e1ecdf;border:2px solid #b4c3b8}.terrain-legend b{color:#17242e}.terrain-legend>span{color:#536359;font-size:9px}.terrain-legend i{background:#bccdaa;color:#3c603c}.journal-stats b{color:#0b965a;font-weight:900}.journal-stats span{color:#536359;font-size:11px}.journal-row{border-color:#cfdad2;font-size:12px}.journal-row>b{color:#147d50}.journal-row .icon{color:#678374}
.result{background:#10b66a}.result-art{opacity:1;height:45%}.result-art .landscape{object-fit:cover;object-position:50% 0}.result-art:after{background:linear-gradient(0deg,#10b66a,transparent)}.result-content>.eyebrow{color:#fff;text-shadow:1px 1px #17242e;font-weight:900}.result-medallion{border:3px solid #17242e;background:#ffda59;box-shadow:0 5px 0 #bd8b26;margin-top:30px}.result-medallion .icon{width:70px;height:70px;color:#173b2f}.result-content h1{color:#fff;text-shadow:2px 2px #17242e;font-size:30px}.result-content>p{color:#063e29;font-weight:800;font-size:12px}.result-stats{border:3px solid #17242e;background:#fff;border-radius:12px;padding:16px 5px}.result-stats b{color:#17242e}.result-stats b small{color:#627b6b}.result-stats span{color:#536359;font-size:10px;font-weight:800}.reward-box{background:#e6efea;border:3px solid #17242e}.reward-box .eyebrow{color:#087747}.reward-box .currency{color:#17242e}.reward-box .currency b{color:#17242e}.reward-box>p{color:#5a7364;font-weight:700;font-size:10px}.reward-box .bonus{color:#966400}
.chests{background:radial-gradient(ellipse at 50% 45%,#617f8b,#26343b 75%);color:#fff}.chest-content>.eyebrow{color:#b9d8dd;font-weight:900}.chest-content h1{font-weight:900;text-shadow:2px 2px #17242e}.chest-content>p,.chest-count{color:#d2e5e8;font-weight:700}.chest-stage>.icon{width:165px;height:165px;filter:drop-shadow(0 7px 2px #071b2299)}.chest-reward strong{font-weight:900;text-shadow:2px 2px #17242e}.chest-reward span,.rarities,.chest-content .chest-hint{color:#e3edf0;font-weight:800}.chest-orbit{opacity:.25}.original-art{overflow:hidden}.biome-moon{filter:hue-rotate(28deg)}.biome-cave{filter:hue-rotate(55deg)}.biome-temple{filter:hue-rotate(-18deg)}
#toast{background:#fff;border:3px solid #17242e;color:#17242e;font-weight:800}
@media(min-width:700px){.phone{border:3px solid #17242e}.game .board{width:min(100%,calc((100dvh - 410px) * var(--cols) / var(--rows)))}}
@media(max-width:699px){.game .board{width:min(100%,calc((100dvh - 355px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * var(--cols) / var(--rows)))}}
@media(max-height:780px){.hero{min-height:175px}.hero-title h1{font-size:28px}.hero-title{bottom:14px;top:auto}.hero-title p{font-size:10px}.hero-label{font-size:7px;padding:4px}.journey{padding-top:16px}.section-heading h2{font-size:20px}.game-top{padding-top:12px;padding-bottom:10px}.move-counter{padding:6px}.objective-counter{padding:6px 4px}.board-surround{margin-top:9px;padding-top:9px}.board-caption{font-size:9px}.game-footer{padding-top:8px}.board-bottom{font-size:8px;margin:8px 0}.hero .chapter-tag{bottom:15px;font-size:8px;padding:5px}}
@media(max-width:360px){.hero{margin-left:14px;margin-right:14px}.hero-title h1{font-size:26px}.hero-title p{font-size:9px;max-width:170px}.chapter-tag{right:8px;padding:4px}.game-top h2{font-size:17px}.move-counter{padding:6px 3px;gap:2px}.move-counter>.icon{width:28px}.move-counter b{font-size:24px}.status-row{gap:6px}.objective-counter{min-width:62px;grid-template-columns:22px auto;gap:2px}.objective-counter>.icon{width:22px}.section-heading h2{font-size:20px}.expedition-details{font-size:10px;gap:10px}.expedition-details .icon{width:22px;height:22px}.upgrade-text h3{font-size:13px}.upgrade-text p{font-size:9px}.board-surround{padding-left:10px;padding-right:10px}.board-caption{font-size:8px}.run-wallet{gap:7px;margin-left:12px;margin-right:12px}.run-wallet>span{font-size:8px}.currency b small{font-size:8px}}
/* Size the map from actual remaining space, including the larger classic HUD. */
.board-surround{container-type:size;flex:1;min-height:0;justify-content:center}
.game .board{width:min(100%,calc((100cqh - 54px) * var(--cols) / var(--rows)))}