:root{font-family:Arial,Helvetica,sans-serif;color:#f3f3df;background:#081918;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:700 10px Arial;letter-spacing:1.25px;cursor:pointer;touch-action:manipulation;color:inherit;border:1px solid #9fc4b33b;border-radius:6px;background:#15332ee8;padding:12px}button:focus-visible{outline:2px solid #dfeeac;outline-offset:3px}button:disabled{cursor:default}main{width:100%;max-width:720px;height:100svh;position:relative;margin:auto;overflow:hidden;border-inline:1px solid #81b1a221}#world{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none}header{display:flex;justify-content:space-between;align-items:center;padding: max(20px,env(safe-area-inset-top)) 23px 14px;background:linear-gradient(#092622ee,#09262200)}.wordmark{font-weight:800;letter-spacing:-.5px;font-size:19px}.wordmark>span{font-weight:300;color:#d8e7ae}.wordmark small{display:block;font-size:7px;letter-spacing:2.3px;font-weight:400;color:#b5cdbb;margin-top:5px}.tools{display:flex;gap:7px;pointer-events:auto}.tools button{font-size:17px;width:35px;height:35px;padding:0;background:#0d2c28b8;border-radius:50%}.status{margin:0 23px;max-width:500px}.vitals{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px}.vitals progress{width:90px;height:4px;appearance:none;border:0;background:#34584b}.vitals progress::-webkit-progress-bar{background:#34584b}.vitals progress::-webkit-progress-value{background:#bee391}#energy{margin-left:auto;color:#eee4a9}.mission{display:flex;align-items:center;gap:10px;background:#0e2c29dc;border:1px solid #9fc4b32a;border-radius:8px;padding:12px;margin-top:14px}.chapter{border:1px solid #93bcb15c;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font:12px Georgia;color:#e7e9af}.mission b{font-size:11px;display:block;font-weight:500}.mission small{font-size:8px;color:#b7c9b6;display:block;margin-top:5px;line-height:1.4}#distance{margin-left:auto;font-size:9px;color:#dce6af;white-space:nowrap}#notice{position:absolute;top:190px;left:24px;right:24px;margin:auto;max-width:440px;text-align:center;font-size:12px;line-height:1.5;color:#fcf4c3;text-shadow:0 2px 4px #092623;transition:opacity .2s}#hand{position:absolute;bottom:max(34px,calc(env(safe-area-inset-bottom) + 20px));left:15px;right:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;pointer-events:auto}.card{padding:0;overflow:hidden;text-align:left;position:relative;background:#132d29;border:1px solid #b8d09b63;min-height:143px;letter-spacing:0;transition:transform .15s,box-shadow .15s}.card.selected{transform:translateY(-10px);border-color:#e9f0ac;box-shadow:0 0 24px #caf1ac38}.card.unavailable{filter:saturate(.45)}.card-art{height:64px;display:block;background-image:linear-gradient(0deg,#132d29,transparent 60%),url('assets/expedition.webp');background-size:100% auto,310%;background-position:center,center 61%;position:relative}.card[data-card="turret"] .card-art{background-position:center,right 86%}.card[data-card="siphon"] .card-art{background-position:center,right 47%}.card-symbol{position:absolute;left:9px;top:9px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #dbe9ba6b;border-radius:50%;color:#f1eabc;background:#122d29c7;font:17px Georgia}.card-cost{position:absolute;right:8px;top:10px;font-size:10px;color:#f9efc6;text-shadow:0 1px 4px #000}.card-copy{display:block;padding:4px 9px 10px}.card b{display:block;font-size:10px;line-height:1.4;color:#f1edca;letter-spacing:.1px}.card small{display:block;font-size:8px;line-height:1.4;font-weight:400;color:#c2ceba;min-height:23px;margin-top:4px}.card .cooldown{font-size:8px;color:#dbeab5;display:block;margin-top:5px;letter-spacing:.6px}.bottom-note{position:absolute;bottom:max(11px,env(safe-area-inset-bottom));width:100%;text-align:center;color:#d8e6c6;font-size:7px;letter-spacing:1.2px;text-shadow:0 1px 4px #102d2c}#interact{pointer-events:auto;position:absolute;left:50%;transform:translateX(-50%);bottom:212px;min-width:200px;background:#e0e6b9;color:#19342d;box-shadow:0 5px 25px #061b1b60;padding:15px}#cast-guide{pointer-events:auto;position:absolute;left:20px;right:20px;bottom:208px;text-align:center;background:#092a28ed;border:1px solid #d7e3b677;border-radius:8px;padding:12px}#cast-guide b,#cast-guide span{display:block}#cast-guide b{font-size:13px;color:#e9edb9}#cast-guide span{font-size:10px;color:#c4d9c5;margin:7px 0}#cancel{padding:8px;font-size:8px;border:0}#landing{position:absolute;inset:0;background:#173d35 url('assets/expedition.webp') center/cover no-repeat}.landing-shade{position:absolute;inset:0;background:linear-gradient(#0418149c,#051b1530 43%,#041b1880 68%,#041b18ed)}.landing-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding: max(49px,env(safe-area-inset-top)) 25px 21px}.edition{display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:2px;color:#d4e1bd}.edition span{width:23px;height:1px;background:#b9d2b06b}h1{font-size:clamp(50px,14vw,88px);font-weight:300;line-height:.95;letter-spacing:-3px;margin:28px 0 10px}h1>span{display:block;font-weight:700;color:#e2edc2}.subtitle{font-size:9px;letter-spacing:4px;color:#d4e1bd}.intro{margin-top:auto}.intro p{font:26px/1.25 Georgia;margin:0 0 12px}.intro em{color:#e8edbc}.intro>span{font-size:11px;line-height:1.7;color:#d4dfc8}.primary{background:#e5ecb9;border:1px solid #f6f6cb;color:#20352b;min-width:245px;padding:17px 22px;margin-top:22px}.primary>span{margin-left:30px;font-size:17px}.controls{font-size:8px;line-height:1.8;letter-spacing:1px;color:#d2dfc0;margin-top:14px}.record{font-size:9px;color:#b2c5ae;min-height:10px}.build{font-size:7px;letter-spacing:2px;color:#95b4a3}.modal{position:absolute;inset:0;background:#082320ed;display:grid;place-items:center;padding:25px;backdrop-filter:blur(8px)}.dialog-inner,.map-inner{width:100%;max-width:430px;text-align:center}.modal small{font-size:8px;color:#c4d7b7;letter-spacing:2px}.modal h2{font:38px/1.1 Georgia;color:#e4ebbd;margin:18px 0}.modal p{font-size:12px;line-height:1.8;color:#c2d7c4}.modal button{display:block;margin:18px auto 0}#map{width:100%;aspect-ratio:1;border:1px solid #b9d69b44;border-radius:12px;background:#173931}.map-inner p{font-size:10px}[hidden]{display:none!important}@media(max-height:690px){.landing-content{padding-top:25px}.intro p{font-size:21px}h1{margin-top:17px;font-size:48px}.subtitle{margin:5px}.primary{margin-top:13px;padding:14px}.controls{margin-top:8px}.card{min-height:114px}.card-art{height:43px}.card-copy{padding-bottom:6px}.card small{font-size:7px}.card b{font-size:9px}#cast-guide,#interact{bottom:172px}header{padding-top:12px}.mission{margin-top:8px;padding:9px}#notice{top:154px}}
.mission{flex-wrap:wrap}.mission>div{flex:1}.mission .steps{flex-basis:100%;display:flex;justify-content:space-between;border-top:1px solid #9fc4b32a;padding-top:8px;font-size:8px;letter-spacing:.3px;color:#a7bbac}.steps .active{color:#fff0b2;font-weight:bold}.steps .done{color:#a9dbb9}#notice{top:210px;font-size:11px;padding:8px;background:#092922c9;border-radius:6px;pointer-events:none}.card.recommended{border-color:#eedfa4;box-shadow:0 0 0 1px #eedfa44d}.card.recommended .cooldown{color:#fff0b2}.intro .briefing{display:block;font:12px/1.8 Arial;color:#e5edcf}.card small{font-size:9px}@media(max-height:690px){#notice{top:165px;font-size:10px;padding:6px}.mission .steps{padding-top:5px;font-size:7px}.card small{font-size:8px}}
.region-select{display:flex;gap:7px;margin-top:12px}.region-select button{font-size:8px;padding:9px;background:#12352de0}.region-select .chosen{border-color:#ecdd9e;color:#fff0bc}.region-select button:disabled{opacity:.55}.four-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}.four-cards .card-copy{padding-inline:6px}.four-cards .card b{font-size:9px}.four-cards .card small{font-size:8px}.card[data-card="lance"] .card-art{background-position:center,left 75%}@media(max-height:690px){.region-select{margin-top:5px}.region-select button{padding:6px;font-size:7px}.landing-content{padding-bottom:12px}.controls{margin-bottom:2px}}
.camp-panel{position:absolute;inset:0;z-index:20;background:radial-gradient(at 80% 0%,#274e3f,#092623 65%);overflow-y:auto;padding:22px 22px max(24px,env(safe-area-inset-bottom));scrollbar-width:thin}.camp-panel header{position:static;padding:0;display:flex;align-items:start;background:none}.camp-panel header small{font-size:8px;letter-spacing:2px;color:#b4caae}.camp-panel h2{font:30px/1.1 Georgia;margin:10px 0 20px}.camp-panel h3{font:20px Georgia;color:#e7e9bc;margin:24px 0 12px}.camp-wallet{border-top:1px solid #789f7e55;border-bottom:1px solid #789f7e55;padding:13px 0;color:#e5e6ae;font-size:11px}.camp-panel nav{display:flex;gap:5px;margin:15px 0}.camp-panel nav button{flex:1;padding:12px 4px;font-size:9px;letter-spacing:.1px}.camp-panel .chosen{border-color:#dbdfa6;color:#f4efc6;background:#355140}.camp-panel p{font-size:12px;line-height:1.7;color:#bccfc0}.camp-panel button:disabled{opacity:.45}.level-grid{display:grid;gap:8px}.level-card{display:flex;gap:12px;align-items:center;text-align:left;padding:14px;letter-spacing:0;background:#1c3d34}.level-card>div{flex:1}.level-card b{font-size:12px;font-weight:500}.level-card small{display:block;font-size:8px;color:#b1c1b1;margin-top:6px;letter-spacing:.6px}.level-number{font:22px Georgia;color:#dfddac}.level-card.ice{background:#214952}.level-card.fire{background:#52382c}.level-card.earth{background:#494834}.level-card.sound{background:#3d3653}.level-card.conflux{background:linear-gradient(110deg,#343e53,#594031)}.shop-item{border:1px solid #95b39440;border-radius:9px;padding:15px;margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#23423777}.shop-item b{font-size:12px}.shop-item b span{font-size:10px;color:#b5c594}.shop-item p{font-size:10px;margin:7px 0 0}.shop-item button{min-width:90px;font-size:8px;padding:13px 8px}.support-copy{text-align:center;padding-top:25px}.support-mark{font-size:60px;color:#d8dfab}.support-copy a{display:inline-block;text-decoration:none;font-size:11px}.camp-actions{display:flex;gap:6px;margin-top:12px}.camp-actions button{font-size:8px;padding:10px}.expedition-brief{font-size:11px!important;line-height:1.6!important;color:#e0e7bd!important;max-width:380px}.boss-status{position:absolute;top:195px;left:25px;right:25px;text-align:center;background:#2e232be8;border:1px solid #e1a68b88;padding:9px;border-radius:7px}.boss-status b{font-size:10px;letter-spacing:1px}.boss-status progress{display:block;width:100%;height:5px;margin-top:6px;accent-color:#e29983}#loot{color:#e6d39c}.map-inner .journal{font-size:10px}.landing-content{overflow-y:auto}.intro{padding-top:20px}.record{margin-bottom:5px}@media(min-width:580px){.level-grid{grid-template-columns:1fr 1fr}}@media(max-height:700px){.landing-content{padding-top:20px}.edition{font-size:7px}h1{font-size:42px;margin:12px 0 8px}.intro{padding-top:12px}.intro p{font-size:18px}.intro .briefing{font-size:10px}.camp-actions{margin-top:7px}.camp-actions button{padding:7px;font-size:7px}.region-select{display:none}.boss-status{top:148px}#notice{top:198px}.expedition-brief{font-size:10px!important}}

#hud:has(#boss-status:not([hidden])) #notice{top:255px}.camp-panel header{position:sticky;top:-22px;z-index:3;background:#102f29;padding-top:10px;padding-bottom:2px}@media(max-height:700px){#hud:has(#boss-status:not([hidden])) #notice{top:198px}}

.card.unavailable{filter:grayscale(1);border-color:#75817d66}.card.unavailable .card-art{opacity:.65}.card.recharging .card-art:after{content:"";position:absolute;inset:0;background:#071414ad;clip-path:inset(calc(100% - var(--cooldown)) 0 0);pointer-events:none}.cooldown-overlay{display:none}.recharging .cooldown-overlay{display:grid;position:absolute;inset:0;z-index:2;place-items:center;font:bold 26px Arial;color:white;text-shadow:0 2px 5px #000}.card.recharging .cooldown{color:#fff;font-weight:bold}#test-levels{width:100%;border-color:#d8c59c;margin:6px 0 12px}