:root{color:#183545;font-synthesis:none;-webkit-font-smoothing:antialiased;font-synthesis:none;--ink:#183545;--ice:#eaf5fb;--gold:#ffbf52;--wood:#4b8993;--meat:#ec706b;background:#eaf5fb;font-family:Hiragino Maru Gothic ProN,Yu Gothic,ui-rounded,system-ui,sans-serif;font-weight:700}*{box-sizing:border-box}html,body,#app{background:#eaf5fb;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:default}button:focus-visible{outline-offset:4px;outline:4px solid #2689b7}button:not(:disabled):active{transform:translateY(2px)}button,.joystick{touch-action:none}svg{display:block}.icon{flex-shrink:0;width:22px;height:22px}.hidden{display:none!important}#game-shell{isolation:isolate;-webkit-user-select:none;user-select:none;width:100%;height:100dvh;position:relative;overflow:hidden}#world{touch-action:none;position:absolute;inset:0}#world canvas{outline:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px 15px #6f9bad15}.hud{pointer-events:none;position:absolute;inset:0}.hud button,.hud .joystick{pointer-events:auto}.top-bar{top:calc(20px + env(safe-area-inset-top));left:calc(28px + env(safe-area-inset-left));right:calc(28px + env(safe-area-inset-right));align-items:center;gap:18px;display:flex;position:absolute}.game-brand{filter:drop-shadow(0 2px #fff);margin-right:auto}.game-brand>span{letter-spacing:-1.5px;font-family:Arial Rounded MT Bold,Arial Black,Impact,sans-serif;font-size:28px;font-weight:1000;line-height:1}.game-brand small{letter-spacing:.2em;margin-top:3px;font-size:10px;display:block}.resources{gap:10px;display:flex}.resource{background:#fffdf8f2;border:2px solid #fff;border-radius:15px;align-items:center;gap:9px;min-width:108px;height:57px;padding:5px 17px 7px 10px;display:flex;box-shadow:0 4px #a5bbc36b}.resource-icon{place-items:center;width:34px;height:36px;display:grid}.resource-icon .icon{stroke-width:2.2px;width:30px;height:30px}.wood .resource-icon{color:#659888}.meat .resource-icon{color:#e96c68}.gold .resource-icon{color:#e8a631}.resource small{color:#617b83;letter-spacing:.08em;font-size:9px;line-height:1.2;display:block}.resource b{font-variant-numeric:tabular-nums;font-size:23px;font-weight:1000;line-height:1.1;display:block}.utility{gap:8px;display:flex}.icon-button{background:#ffffffc7;border:2px solid #fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 3px #9eb4be50}.icon-button .icon{width:19px;height:19px}.quest{top:118px;left:calc(28px + env(safe-area-inset-left));background:#fffdf5ed;border:2px solid #fff;border-radius:4px 18px 18px;width:246px;padding:16px 17px;position:absolute;box-shadow:0 6px #adc6cf42}.quest-heading{color:#65818a;letter-spacing:.08em;align-items:center;gap:7px;font-size:10px;display:flex}.quest-heading .icon{color:#ce9250;width:15px;height:15px}#quest-number{color:#8fa2a7;margin-left:auto;font-size:10px}.quest>strong{letter-spacing:-.02em;margin:9px 0 6px;font-size:16px;display:block}.quest>p{color:#607781;margin:0 0 13px;font-size:11px;line-height:1.7}.quest-meter{background:#d9e6e8;border-radius:3px;height:5px;overflow:hidden}.quest-meter>span{background:#dcab59;border-radius:3px;width:0;height:100%;transition:width .35s;display:block}.quest-footer{color:#9d7a47;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:9px;display:flex}.quest-footer>b{font-variant-numeric:tabular-nums;color:#627a83}.map-panel{top:106px;right:calc(28px + env(safe-area-inset-right));background:#fffdf5d9;border:2px solid #fff;border-radius:16px;width:142px;position:absolute;overflow:hidden;box-shadow:0 5px #a4bdc844}.map-heading{color:#73858b;justify-content:space-between;padding:9px 9px 5px;font-size:8px;display:flex}.map-heading span:first-child{color:#284c5d}#minimap{border:2px solid #b3c9cb;border-radius:100%;width:116px;height:116px;margin:0 auto 3px;display:block}.map-caption{justify-content:center;align-items:center;gap:4px;padding:4px 8px 9px;font-size:9px;display:flex}.map-caption .icon{color:#de9e49;width:13px;height:13px}.survival-bars{left:calc(30px + env(safe-area-inset-left));bottom:calc(165px + env(safe-area-inset-bottom));filter:drop-shadow(0 1px 1px #fff9);width:172px;position:absolute}.hp-row,.cargo-row{align-items:center;gap:7px;display:flex}.hp-row{margin-bottom:9px}.hp-row>.icon{color:#e97477;fill:#e97477;stroke:#fff;stroke-width:2px;width:21px;height:21px}.health-track{background:#344f6140;border:2px solid #fff;border-radius:6px;flex:1;height:10px;overflow:hidden}.health-track>span{background:#78b993;height:100%;transition:width .2s;display:block}.hp-row>b{width:24px;font-size:11px}.low-health .health-track>span{background:#e36b66}.cargo-row>.icon{color:#617e90;width:18px;height:18px}.cargo-row{padding-left:2px;font-size:11px}.cargo-row>span:first-of-type{font-variant-numeric:tabular-nums}.cargo-row>span:last-child{color:#6b8490;margin-left:auto;font-size:9px}.cargo-row.full>span:last-child{color:#c06b2f}.context-hint{left:50%;bottom:calc(158px + env(safe-area-inset-bottom));white-space:nowrap;color:#526f7a;background:#fffc;border:1px solid #fff8;border-radius:20px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 10px #607f9210}.context-hint .icon{width:15px;height:15px}.context-hint.warm{color:#97632e;background:#fff0d8f2;border-color:#fff3db}.camp-guide{right:calc(32px + env(safe-area-inset-right));color:#a57033;background:#fff8e3e6;border-radius:12px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:none;position:absolute;top:310px}.camp-guide.visible{display:flex}.camp-guide .icon{width:16px;height:16px}.camp-guide small{font-size:9px}.camp-guide #camp-arrow{font-size:18px;display:inline-block}.upgrade-area{bottom:calc(49px + env(safe-area-inset-bottom));width:min(820px,100% - 160px);position:absolute;left:50%;transform:translate(-50%)}.upgrade-toggle{display:none}.upgrades{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.upgrade-card{text-align:left;background:#fffdf5ee;border:2px solid #fff;border-bottom:4px solid #d2dce0;border-radius:15px;align-items:center;gap:9px;min-height:87px;padding:12px 10px;transition:background .15s,border .15s;display:flex;position:relative}.upgrade-card:disabled{color:#577581;background:#f3f8fae8}.upgrade-card:disabled .upgrade-icon{filter:saturate(.55);opacity:.75}.upgrade-icon{color:#5d8a8f;background:#d9e8e9;border-radius:11px;flex-shrink:0;place-items:center;width:35px;height:40px;display:grid}.upgrade-icon .icon{width:24px;height:24px}.upgrade-card.weapon .upgrade-icon{color:#4c86a5;background:#d7e9f2}.upgrade-card.pack .upgrade-icon{color:#bc8b46;background:#f3e2c3}.upgrade-card.base .upgrade-icon{color:#659a78;background:#d4e7da}.upgrade-card.ally .upgrade-icon{color:#8b7ab1;background:#e2e0f1}.upgrade-copy{min-width:0}.upgrade-name{white-space:nowrap;padding-right:22px;font-size:12px;font-weight:900;display:block}.upgrade-description{color:#7e9299;white-space:nowrap;text-overflow:ellipsis;max-width:112px;margin:4px 0;font-size:8px;display:block;overflow:hidden}.upgrade-level{color:#788e94;font-size:8px;position:absolute;top:10px;right:10px}.upgrade-cost{align-items:center;gap:7px;min-height:12px;margin-top:5px;font-size:10px;display:flex}.cost{color:#4c7885;font-variant-numeric:tabular-nums;align-items:center;gap:2px;display:flex}.cost>.icon{stroke-width:2.5px;width:11px;height:11px}.upgrade-plus{color:#fff;background:#579a73;border:2px solid #fff;border-radius:7px;padding:2px;display:none;position:absolute;top:-6px;right:-4px}.upgrade-plus .icon{width:12px;height:12px}.upgrade-card.available{background:#fffefa;border-color:#a4cfb0 #a4cfb0 #70a986;box-shadow:0 0 0 2px #fff6}.upgrade-card.available:hover{background:#f0faef}.upgrade-card.available .upgrade-plus{display:block}.locked-label{color:#8b8a83;font-size:8px;line-height:1.2}.maxed .upgrade-level{color:#569b7c}.desktop-controls{bottom:calc(15px + env(safe-area-inset-bottom));color:#718994;white-space:nowrap;align-items:center;gap:13px;font-size:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.desktop-controls>span{align-items:center;gap:3px;display:flex}.desktop-controls>i{background:#7e99a1;border-radius:50%;width:3px;height:3px}kbd{color:#66818d;background:#ffffffe0;border:1px solid #aec4ce;border-bottom-width:2px;border-radius:4px;padding:2px 4px;font-family:inherit;font-size:9px;font-weight:700;line-height:1}.joystick{display:none}.dash-button{bottom:calc(55px + env(safe-area-inset-bottom));right:calc(24px + env(safe-area-inset-right));color:#936629;background:#ffcb63;border:3px solid #fff4cc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:67px;height:67px;display:flex;position:absolute;box-shadow:0 5px #c99643,0 6px 15px #95672720}.dash-button>.icon{fill:#fff4c5;stroke:#99722e;width:24px;height:24px}.dash-button>span{font-size:8px}.dash-button small{color:#fff;text-shadow:0 1px 4px #284858;background:#26455577;border-radius:50%;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.dash-button small:empty{display:none}.dash-button.cooldown{filter:saturate(.5)}.start-screen{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#f6fbffed,#eff7fadb 75%,#edf5f9a8);border:2px solid #fff;border-radius:32px;width:min(480px,100% - 36px);padding:35px 25px 26px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px #7797a525,0 32px 100px #315d7220}.title-crest{color:#537f8e;flex-direction:column;align-items:center;gap:12px;display:flex}.title-crest>.icon{stroke-width:1.8px;fill:#d5e7ef;width:52px;height:52px}.title-crest>span{letter-spacing:.05em;font-size:10px}.start-screen h1{letter-spacing:-4px;color:#fffef4;-webkit-text-stroke:2px #244d5f;text-shadow:0 4px #244d5f;margin:6px 0 0;font-family:Arial Rounded MT Bold,Arial Black,Impact,sans-serif;font-size:clamp(39px,6vw,57px);font-weight:1000;line-height:1.2;transform:rotate(-2deg)}.title-japanese{letter-spacing:.26em;color:#b08035;margin:10px 0 20px;font-size:19px;font-weight:1000}.intro-copy{color:#577780;margin:0;font-size:12px;line-height:1.9}.intro-loop{justify-content:center;align-items:center;gap:16px;margin:24px 0;display:flex}.intro-loop>span{flex-direction:column;align-items:center;gap:8px;display:flex}.intro-loop .icon{color:#668f96;width:26px;height:26px}.intro-loop>span:nth-of-type(2) .icon{color:#d5a048}.intro-loop>span:nth-of-type(3) .icon{color:#66947e}.intro-loop b{color:#5d7a82;font-size:10px}.intro-loop>i{background:#b4cbd0;width:19px;height:2px;margin-top:-15px;position:relative}.intro-loop>i:after{content:"";border-top:2px solid #b4cbd0;border-right:2px solid #b4cbd0;width:6px;height:6px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.primary-button{color:#684818;background:#f6bd55;border:2px solid #ffdb90;border-bottom:5px solid #c68e39;border-radius:14px;justify-content:center;align-items:center;gap:11px;width:100%;min-height:54px;padding:11px 22px;font-size:16px;font-weight:900;display:flex;box-shadow:0 3px #a1804630}.primary-button:hover{background:#ffca6a}.primary-button .icon{fill:currentColor;width:19px;height:19px}.start-screen>.primary-button{max-width:300px;margin:auto}.start-control{color:#7e959d;margin:16px 0 20px;font-size:9px;line-height:1.8}.start-control span{display:block}.start-footer{color:#7b969e;justify-content:center;align-items:center;gap:14px;font-size:9px;display:flex}.start-footer>i{background:#a7bdc3;border-radius:100%;width:3px;height:3px}.toast-container{left:50%;top:calc(110px + env(safe-area-inset-top));z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(420px,100% - 32px);display:flex;position:absolute;transform:translate(-50%)}.toast{color:#fff;background:#294f60f0;border:1px solid #ffffff42;border-radius:14px;align-items:center;gap:9px;max-width:100%;padding:12px 18px;font-size:11px;line-height:1.6;animation:.25s ease-out toast-in;display:flex;box-shadow:0 5px 20px #25485a20}.toast>.icon{color:#ffcb71;width:18px;height:18px}.toast.positive{background:#4f8768f2}.toast.positive>.icon{color:#dbffdd}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.game-dialog{color:#244658;text-align:center;width:min(410px,100% - 36px);max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));-webkit-user-select:text;user-select:text;background:#f4f9f8;border:2px solid #fff;border-radius:27px;padding:30px 28px;overflow-y:auto;box-shadow:0 10px #88a3aa70,0 20px 100px #1d455359}.game-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#143d5370}.dialog-close{border-radius:10px;width:30px;height:30px;position:absolute;top:12px;right:12px}.dialog-close>.icon{width:16px;height:16px}.dialog-symbol{color:#d1943f;background:#fff0d4;border:2px solid #ffdf9a;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 18px;display:grid}.dialog-symbol>.icon{width:35px;height:35px}.game-dialog h2{letter-spacing:-.05em;margin:10px 0;font-size:20px;font-weight:900}.game-dialog p{color:#6d848d;margin:12px 0 23px;font-size:12px;line-height:1.9}.game-dialog .primary-button{margin-top:12px;font-size:14px}.text-button{color:#718b96;background:0 0;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px 10px;font-size:11px;display:flex}.text-button>.icon{width:15px;height:15px}.text-button:hover{color:#274f64}.danger{color:#b17e71}.destructive{color:#6b3930;background:#e79078;border-color:#edb49e #edb49e #bd705c}.destructive:hover{background:#edab93}#save-status{color:#8ca0a7;border-top:1px solid #dce6e7;margin-top:5px;padding-top:15px;font-size:9px;display:block}.help-list{text-align:left;margin:20px 0;padding-left:23px}.help-list li{color:#67848c;margin-bottom:16px;padding-left:5px;font-size:12px}.help-list b{color:#325666;margin-bottom:5px;display:block}.help-list span{font-size:11px;font-weight:500;line-height:1.8;display:block}.help-controls{background:#e4eef0;border-radius:12px;padding:12px!important;font-size:10px!important}.error-screen{background:#eaf5bf;place-items:center;padding:30px;display:grid;position:absolute;inset:0}.error-screen>div{text-align:center;max-width:400px}.error-screen>div>.icon{width:64px;height:64px;margin:auto}.error-screen h2{font-size:22px}.error-screen p{margin-bottom:25px;font-size:13px;font-weight:500;line-height:1.9}@media (width>=1500px){.top-bar{top:30px;left:40px;right:40px}.quest{top:130px;left:40px}.map-panel{top:120px;right:40px}.survival-bars{left:40px}}@media (width<=1000px){.game-brand>span{font-size:23px}.top-bar{gap:12px;left:20px;right:20px}.resource{min-width:90px;height:51px;padding-right:12px}.resource b{font-size:21px}.resource-icon{width:26px}.resource-icon .icon{width:25px;height:25px}.resources{gap:7px}.quest{width:218px;padding:13px;top:104px;left:20px}.quest>strong{font-size:14px}.quest>p{font-size:10px}.map-panel{width:123px;top:99px;right:20px}#minimap{width:100px;height:100px}.upgrade-area{width:calc(100% - 130px);left:20px;transform:none}.upgrades{gap:7px}.upgrade-card{gap:6px;padding:11px 7px}.upgrade-icon{width:29px;height:34px}.upgrade-icon .icon{width:20px;height:20px}.upgrade-name{font-size:11px}.upgrade-description{max-width:86px;font-size:7px}.upgrade-level{font-size:7px;top:7px;right:7px}.upgrade-cost{gap:4px;font-size:9px}.survival-bars{width:150px;bottom:164px;left:23px}.context-hint{font-size:9px;bottom:162px;left:auto;right:21px;transform:none}.camp-guide{top:282px;right:23px}.dash-button{width:63px;height:63px;bottom:62px;right:20px}}@media (width<=700px),(pointer:coarse){.joystick{left:calc(28px + env(safe-area-inset-left));bottom:calc(44px + env(safe-area-inset-bottom));touch-action:none;background:#779cac23;border:2px solid #ffffffbd;border-radius:50%;width:116px;height:116px;display:block;position:absolute;box-shadow:inset 0 0 0 12px #ffffff23}.joystick-arrows{opacity:.25;place-items:center;display:grid;position:absolute;inset:0}.joystick-arrows>.icon{stroke-width:1px;width:86px;height:86px}.joystick-knob{pointer-events:none;background:#f5fdffd1;border:3px solid #fff;border-radius:50%;width:49px;height:49px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px #90abb86b}.joystick.active .joystick-knob{background:#fff}.joystick-label{text-align:center;color:#718993;text-shadow:0 1px #fff;font-size:9px;position:absolute;bottom:-22px;left:0;right:0}.desktop-controls{display:none}.dash-button{width:74px;height:74px;right:calc(28px + env(safe-area-inset-right));bottom:calc(68px + env(safe-area-inset-bottom))}.dash-button>.icon{width:28px;height:28px}.dash-button>span{font-size:9px}.upgrade-area{width:auto;left:50%;bottom:calc(25px + env(safe-area-inset-bottom));z-index:3;transform:translate(-50%)}.upgrade-toggle{white-space:nowrap;background:#fffcf2ef;border:2px solid #fff;border-radius:13px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex;box-shadow:0 3px #9db6ba80}.upgrade-toggle>.icon{width:16px;height:16px}.upgrade-toggle>.icon:last-child{width:13px;height:13px;transform:rotate(180deg)}.upgrade-toggle i.available{background:#6cac7d;border-radius:50%;width:6px;height:6px}.upgrades{pointer-events:auto;background:#e9f2f5f7;border:2px solid #fff;border-radius:20px;grid-template-columns:1fr 1fr;gap:9px;width:min(355px,100vw - 32px);padding:12px;display:none;position:absolute;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #40647735}.expanded .upgrades{display:grid}.expanded .upgrade-toggle>.icon:last-child{transform:none}.upgrade-card{min-height:79px;padding:9px 8px}.upgrade-description{max-width:98px;font-size:8px}.upgrade-level{font-size:8px}.upgrade-cost{font-size:10px}.context-hint{bottom:calc(200px + env(safe-area-inset-bottom));max-width:calc(100% - 40px);padding:8px 12px;font-size:9px;left:50%;right:auto;transform:translate(-50%)}.survival-bars{left:calc(30px + env(safe-area-inset-left));bottom:calc(187px + env(safe-area-inset-bottom));width:118px}.hp-row{margin-bottom:6px}.hp-row>.icon{width:17px;height:17px}.hp-row>b{width:20px;font-size:9px}.health-track{height:9px}.cargo-row{gap:4px;font-size:9px}.cargo-row>.icon{width:14px;height:14px}.cargo-row>span:last-child{display:none}.context-hint{bottom:calc(253px + env(safe-area-inset-bottom))}.camp-guide{top:auto;bottom:calc(185px + env(safe-area-inset-bottom));right:calc(29px + env(safe-area-inset-right));font-size:9px}}@media (width<=700px){.top-bar{top:calc(13px + env(safe-area-inset-top));left:calc(13px + env(safe-area-inset-left));right:calc(13px + env(safe-area-inset-right));flex-wrap:wrap;align-items:flex-start;gap:7px}.game-brand{width:calc(100% - 88px);height:37px}.game-brand>span{letter-spacing:-1px;font-size:20px}.game-brand small{letter-spacing:.19em;margin-top:2px;font-size:7px}.utility{gap:6px;position:absolute;top:0;right:0}.icon-button{border-radius:10px;width:34px;height:34px}.icon-button>.icon{width:15px;height:15px}.resources{gap:7px;width:100%;margin-top:4px}.resource{border-radius:12px;flex:1;gap:8px;min-width:0;height:43px;padding:4px 11px;box-shadow:0 3px #a5bbc344}.resource>span:last-child{flex:1;justify-content:space-between;align-items:center;gap:6px;display:flex}.resource small{letter-spacing:0;font-size:8px}.resource b{font-size:18px}.resource-icon{width:24px;height:28px}.resource-icon .icon{width:23px;height:23px}.quest{top:calc(119px + env(safe-area-inset-top));left:calc(13px + env(safe-area-inset-left));background:#fffdf5e8;border-radius:4px 14px 14px;width:200px;padding:11px 12px}.quest-heading{gap:5px;font-size:8px}.quest-heading .icon{width:12px;height:12px}.quest>strong{margin:6px 0;font-size:12px}.quest>p{margin-bottom:9px;font-size:9px;line-height:1.6}.quest-footer{margin-top:6px;font-size:8px}.quest-meter{height:4px}.map-panel{top:calc(119px + env(safe-area-inset-top));right:calc(13px + env(safe-area-inset-right));border-radius:12px;width:93px}.map-heading{padding:6px 7px 4px;font-size:7px}.map-heading>span:last-child{display:none}#minimap{width:72px;height:72px}.map-caption{gap:2px;padding:3px 4px 6px;font-size:7px}.map-caption>.icon{width:10px;height:10px}.toast-container{top:calc(255px + env(safe-area-inset-top));width:calc(100% - 40px)}.toast{padding:10px 13px;font-size:10px}.start-screen{border-radius:26px;max-width:390px;padding:28px 20px 24px}.start-screen h1{letter-spacing:-3px;-webkit-text-stroke-width:1.6px;font-size:43px}.title-crest>span{font-size:9px}.title-crest>.icon{width:47px;height:47px}.title-japanese{margin-bottom:18px;font-size:16px}.intro-copy{font-size:11px}.intro-loop{margin:20px 0}.start-screen>.primary-button{max-width:270px;font-size:15px}.start-control{margin:14px 0 17px}.start-footer{font-size:8px}}@media (height<=720px) and (width<=700px){.quest>p{display:none}.quest{top:calc(115px + env(safe-area-inset-top));width:195px}.map-panel{top:calc(115px + env(safe-area-inset-top))}.context-hint{bottom:calc(210px + env(safe-area-inset-bottom));font-size:8px}.survival-bars{bottom:calc(160px + env(safe-area-inset-bottom))}.joystick{width:100px;height:100px;bottom:calc(34px + env(safe-area-inset-bottom));left:23px}.joystick-knob{width:43px;height:43px}.joystick-arrows>.icon{width:72px;height:72px}.dash-button{bottom:calc(48px + env(safe-area-inset-bottom));width:65px;height:65px;right:24px}.upgrade-area{bottom:calc(17px + env(safe-area-inset-bottom))}.camp-guide{bottom:calc(155px + env(safe-area-inset-bottom))}.start-screen{padding-top:22px;padding-bottom:18px}.title-crest>.icon{width:39px;height:39px}.title-crest{gap:8px}.intro-loop{margin:16px 0}.start-control{margin:12px 0}.title-japanese{margin-bottom:12px}.toast-container{top:230px}}@media (height<=520px) and (width>=600px){.top-bar{top:calc(10px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));right:calc(18px + env(safe-area-inset-right))}.quest{width:190px;padding:10px;top:85px}.quest>p{display:none}.map-panel{width:100px;top:82px}#minimap{width:70px;height:70px}.map-heading>span:last-child{display:none}.map-caption{font-size:8px}.survival-bars{width:115px;bottom:145px;left:28px}.context-hint{display:none}.camp-guide{display:none!important}.joystick{width:90px;height:90px;bottom:28px;left:calc(26px + env(safe-area-inset-left))}.joystick-knob{width:39px;height:39px}.joystick-arrows>.icon{width:67px;height:67px}.dash-button{width:62px;height:62px;bottom:43px}.upgrade-area{bottom:21px}.start-screen{border-radius:22px;width:410px;max-height:calc(100dvh - 26px);padding:18px 24px;overflow:auto}.title-crest>.icon{display:none}.title-crest>span{font-size:8px}.start-screen h1{margin-top:2px;font-size:39px}.title-japanese{margin:7px 0 10px;font-size:14px}.intro-copy{font-size:10px}.intro-loop{gap:22px;margin:12px 0}.intro-loop>span{flex-direction:row;gap:5px}.intro-loop .icon{width:18px;height:18px}.intro-loop i{margin:0}.intro-loop b{font-size:9px}.start-screen>.primary-button{min-height:43px;font-size:13px}.start-control{margin:10px 0;font-size:8px;line-height:1.4}.start-control span{margin-left:8px;display:inline}.start-footer{font-size:8px}.toast-container{top:85px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.map-panel{pointer-events:auto;cursor:pointer}.map-panel:focus-visible{outline-offset:3px;outline:3px solid #2874a3}.level-row{align-items:center;gap:7px;margin-bottom:8px;display:flex}.level-row>b{color:#637ca2;font-size:9px}.xp-track{background:#a0b6c84a;border-radius:4px;flex:1;height:4px;overflow:hidden}.xp-track>span{background:#a297cc;height:100%;display:block}.skill-button{right:calc(29px + env(safe-area-inset-right));bottom:calc(144px + env(safe-area-inset-bottom));color:#567b9b;background:#dbe7f3;border:3px solid #fff;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:58px;height:58px;display:flex;position:absolute;box-shadow:0 4px #94aabf}.skill-button>span{font-size:8px}.skill-button>.icon{width:21px;height:21px}.skill-button small{color:#fff;background:#314e768a;border-radius:16px;place-items:center;font-size:17px;display:grid;position:absolute;inset:0}.skill-button small:empty{display:none}.journal-button{left:calc(29px + env(safe-area-inset-left));bottom:calc(58px + env(safe-area-inset-bottom));color:#678796;background:#ffffffd9;border:2px solid #fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:65px;height:64px;display:flex;position:absolute;box-shadow:0 4px #a4b9c65c}.journal-button>span{font-size:8px}.upgrade-area{width:min(800px,100% - 230px)}.raid-banner{top:calc(95px + env(safe-area-inset-top));white-space:nowrap;color:#fff;background:#b95e52ef;border:2px solid #fbcfc4;border-radius:13px;padding:9px 16px;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.primary-button:disabled{color:#899da1;box-shadow:none;cursor:default;background:#d9e2e2;border-color:#e4ebeb #e4ebeb #afc0c3}.exploration-dialog{color:#24495b;-webkit-user-select:text;user-select:text;background:#f0f6f5;border:2px solid #fff;border-radius:25px;width:min(890px,100% - 40px);height:min(725px,100dvh - 60px);padding:0;overflow:hidden;box-shadow:0 12px #6b929d50,0 30px 90px #16334570}.exploration-dialog[open]{flex-direction:column;display:flex}.exploration-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#153d5377}.panel-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px 15px;display:flex}.panel-header small{color:#83a0a7;font-size:9px}.panel-header h2{letter-spacing:-.06em;margin:5px 0 0;font-size:24px;font-weight:900}.panel-bank{background:#e3edef;border-radius:12px;flex-shrink:0;justify-content:center;gap:20px;margin:0 26px;padding:11px 15px;display:flex}.panel-bank>span{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.panel-bank .icon{color:#88a0a8;width:16px;height:16px}.panel-bank>span:nth-child(2) .icon{color:#db8b80}.panel-bank>span:nth-child(4) .icon{color:#84bdd1}.panel-bank>span:nth-child(5) .icon{color:#d1a755}.panel-bank small{color:#708e96;font-size:9px}.panel-tabs{border-bottom:1px solid #d2e0e3;flex-shrink:0;gap:7px;padding:15px 26px 0;display:flex}.panel-tabs button{color:#829da5;background:0 0;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 12px 13px;font-size:12px;display:flex}.panel-tabs .icon{width:17px;height:17px}.panel-tabs button.selected{color:#2d6173;border-color:#b99052}.panel-tabs button:hover{background:#dfebec}.panel-content{overscroll-behavior:contain;flex:1;min-height:0;padding:22px 26px;overflow:auto}.panel-footer{color:#8ba2a9;text-align:center;border-top:1px solid #d7e3e5;flex-shrink:0;padding:11px 18px;font-size:9px}.world-map-layout{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr);gap:25px;display:grid}.world-map{background:#e1eeed;border:2px solid #c6dcde;border-radius:18px;align-self:start;overflow:hidden}.map-legend{color:#78979d;justify-content:space-between;padding:14px 17px 0;font-size:10px;display:flex}.map-legend b{color:#56808d;font-size:9px}.world-map>svg{width:100%;height:auto;max-height:370px;display:block}.map-region{cursor:pointer;outline:none}.map-region>circle:first-child{stroke:#fff;stroke-width:2px;opacity:.75}.map-region.unexplored>circle:first-child{fill:#cbdadf}.map-region.selected>circle:first-child{stroke:#b98c4d;stroke-width:3px;opacity:1}.map-region:focus-visible>circle:first-child{stroke:#2874a3;stroke-width:4px}.map-region text{fill:#436b77;paint-order:stroke;stroke:#e8f2f1;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;font-size:10px;font-weight:900}.map-region .map-level{fill:#81a0a8;font-size:7px}.map-north{fill:#698b99;font-size:10px;font-weight:900}.map-key{color:#7b999f;justify-content:center;align-items:center;gap:12px;padding:0 8px 14px;font-size:8px;display:flex}.map-key>span{align-items:center;gap:3px;display:flex}.map-key i{border:1px solid #fff;border-radius:50%;width:7px;height:7px;display:inline-block}.map-key-you{background:#214f65}.map-key-camp{background:#ce913e}.region-details>small{color:#9aa9a3;font-size:9px}.region-details h3{letter-spacing:-.06em;margin:8px 0 11px;font-size:24px;font-weight:900}.recommend-level{color:#608792;background:#e0eae9;border-radius:6px;padding:5px 8px;font-size:9px}.region-details>p{color:#78929b;margin:18px 0;font-size:11px;line-height:1.9}.region-boss{color:#8a829b;background:#e5e5ed;border-radius:11px;align-items:center;gap:7px;margin-bottom:14px;padding:11px 12px;font-size:11px;display:flex}.region-boss .icon{width:16px;height:16px}.region-boss>b{color:#9e8e99;margin-left:auto;font-size:8px}.outpost-info{background:#fbf5e7;border:1px solid #f2dfba;border-radius:14px;padding:15px}.outpost-info>.icon{color:#c69248;width:24px;height:24px;margin-bottom:8px}.outpost-info>b{color:#94723e;font-size:12px}.outpost-info>p{color:#a08b67;margin:8px 0 12px;font-size:10px;line-height:1.8}.outpost-info>.primary-button{border-radius:10px;min-height:42px;margin-top:12px;padding:8px 10px;font-size:11px}.outpost-info>.primary-button .icon{fill:none;width:14px;height:14px}.travel-note{margin-top:13px;line-height:1.8;display:block;color:#8da1a7!important;font-size:9px!important}.panel-intro h3{letter-spacing:-.04em;margin:0 0 7px;font-size:18px;font-weight:900}.panel-intro p{color:#8ba1a8;margin:0 0 20px;font-size:11px;line-height:1.8}.research-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.research-branch>h4{color:#698b94;align-items:center;gap:7px;margin:0 0 10px;font-size:12px;display:flex}.research-branch>h4 .icon{width:17px;height:17px}.research-card{background:#fffdf9;border:1px solid #d9e4e5;border-radius:13px;margin-bottom:10px;padding:13px}.research-title{justify-content:space-between;align-items:center;gap:5px;display:flex}.research-title>b{font-size:11px}.research-title>span{gap:3px;display:flex}.research-title i{background:#eef4f4;border:1px solid #c6d8dc;border-radius:50%;width:5px;height:5px}.research-title i.filled{background:#96b692;border-color:#89ab85}.research-card>p{color:#83979e;min-height:32px;margin:10px 0;font-size:9px;line-height:1.8}.panel-costs{flex-wrap:wrap;gap:9px;font-size:10px;display:flex}.panel-costs .icon{width:12px;height:12px}.research-card>button,.weapon-card>button{color:#5b8778;background:#e4f0e7;border:1px solid #c1d6d2;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:12px;padding:8px 6px;font-size:10px;display:flex}.research-card>button>.icon,.weapon-card>button>.icon{width:12px;height:12px}.research-card>button:disabled,.weapon-card>button:disabled{color:#a5b3b1;background:#eff3f1;border-color:#e1e7e5}.weapon-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.weapon-card{background:#fafcf9;border:2px solid #dce6e4;border-radius:17px;padding:20px 17px}.weapon-card.equipped{background:#fcfbef;border-color:#b9c69a}.weapon-art{background:#e4ecea;border-radius:13px;place-items:center;height:80px;margin-bottom:20px;display:grid}.weapon-art>.icon{color:#6a8d99;stroke-width:1.5px;filter:drop-shadow(2px 4px #aac2c45e);width:42px;height:42px;transform:rotate(-12deg)}.weapon-card:nth-child(2) .weapon-art{background:#e1eef5}.weapon-card:nth-child(3) .weapon-art{background:#e8e3ee}.weapon-card h4{margin:0 0 10px;font-size:15px}.weapon-card p{color:#8d9f9f;min-height:55px;margin:0;font-size:10px;line-height:1.9}.combat-guide{background:#e2ebef;border:1px solid #d4e1e5;border-radius:13px;margin-top:20px;padding:15px}.combat-guide>span,.raid-report>span{align-items:center;gap:7px;font-size:11px;display:flex}.combat-guide>span>.icon,.raid-report>span>.icon{color:#7d9eb0;width:16px;height:16px}.combat-guide p,.raid-report p{color:#8a9fa7;margin:10px 0 0;font-size:10px;line-height:1.9}.ally-list{flex-direction:column;gap:10px;display:flex}.ally-card{background:#fffdf8;border:1px solid #dce5e3;border-radius:14px;align-items:center;gap:13px;padding:14px 16px;display:flex}.ally-avatar{color:#7994b4;background:#dfe6f0;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.ally-card h4{margin:0 0 5px;font-size:13px}.ally-card p{color:#8a9fa6;margin:0;font-size:10px}.ally-card label{color:#8ba2aa;align-items:center;gap:10px;margin-left:auto;font-size:9px;display:flex}.ally-card select{color:#537d89;cursor:pointer;background:#edf3f2;border:1px solid #d4e3e2;border-radius:9px;padding:6px 10px;font-family:inherit;font-size:16px}.empty-allies{text-align:center;background:#e4eeed;border:1px dashed #b4cecf;border-radius:16px;padding:25px 20px 30px}.empty-allies>.icon{color:#8fa9ad;width:40px;height:40px;margin:auto}.empty-allies h4{margin:12px 0 8px;font-size:14px}.empty-allies p{color:#8ca2a6;margin:0;font-size:11px;line-height:1.9}.ally-jobs{justify-content:space-around;gap:12px;margin:20px 0;display:flex}.ally-jobs>span{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.ally-jobs>.icon{width:20px;height:20px}.ally-jobs b{font-size:11px}.ally-jobs small{text-align:center;color:#8da3a9;width:100%;font-size:9px}.raid-report{background:#e6ecf0;border:1px solid #d2e0e4;border-radius:12px;padding:14px}@media (width<=1000px){.upgrade-area{width:calc(100% - 200px);left:50%;transform:translate(-50%)}.journal-button{width:62px;height:61px;left:20px}.skill-button{width:57px;height:57px;bottom:143px;right:23px}.survival-bars{bottom:165px}.context-hint{bottom:222px;left:50%;right:auto;transform:translate(-50%)}}@media (width<=700px),(pointer:coarse){.upgrade-area{width:auto;left:50%;bottom:calc(25px + env(safe-area-inset-bottom))}.journal-button{left:50%;bottom:calc(83px + env(safe-area-inset-bottom));width:43px;height:41px;box-shadow:none;background:#fff8;border-radius:12px;transform:translate(-50%)}.journal-button:not(:disabled):active{transform:translate(-50%,2px)}.journal-button>span{display:none}.journal-button>.icon{width:20px;height:20px}.skill-button{width:58px;height:58px;right:calc(37px + env(safe-area-inset-right));bottom:calc(161px + env(safe-area-inset-bottom))}.context-hint{bottom:calc(244px + env(safe-area-inset-bottom))}.survival-bars{bottom:calc(186px + env(safe-area-inset-bottom))}.camp-guide{bottom:calc(230px + env(safe-area-inset-bottom));padding:5px 8px}.raid-banner{top:calc(272px + env(safe-area-inset-top));padding:8px 11px;font-size:9px}.level-row>b{font-size:8px}.level-row{margin-bottom:5px}}@media (width<=700px){.exploration-dialog{width:calc(100% - 20px);height:calc(100dvh - 30px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:21px}.panel-header{padding:16px 17px 13px}.panel-header h2{font-size:21px}.panel-header small{font-size:8px}.panel-bank{gap:11px;margin:0 14px;padding:10px 9px}.panel-bank small{display:none}.panel-bank .icon{width:14px;height:14px}.panel-bank>span{gap:4px;font-size:11px}.panel-tabs{gap:0;padding:10px 11px 0}.panel-tabs button{gap:5px;padding:10px 6px;font-size:10px}.panel-tabs .icon{width:14px;height:14px}.panel-content{padding:17px 15px}.panel-footer{padding:10px;font-size:8px}.world-map-layout{grid-template-columns:1fr;gap:20px}.world-map>svg{max-height:310px}.region-details h3{margin-bottom:8px;font-size:21px}.region-details>p{margin:13px 0;font-size:10px}.region-details{padding:0 3px 5px}.outpost-info{padding:13px}.outpost-info>.icon{float:left;width:18px;height:18px;margin:0 7px 0 0}.outpost-info>p{clear:both;margin-bottom:10px;padding-top:7px}.outpost-info>.primary-button{max-width:250px;margin-left:auto;margin-right:auto}.panel-intro h3{font-size:16px}.panel-intro p{margin-bottom:16px;font-size:10px}.research-branches{grid-template-columns:1fr;gap:10px}.research-branch{grid-template-columns:1fr;gap:7px;display:grid}.research-branch>h4{margin-bottom:3px}.research-card{margin:0;padding:12px}.research-card>p{min-height:0;margin:7px 0}.research-card>button{max-width:180px;margin-top:9px;margin-left:auto}.research-title>b{font-size:12px}.weapon-cards{grid-template-columns:1fr;gap:12px}.weapon-card{grid-template-columns:65px 1fr;align-items:start;gap:7px 13px;padding:15px;display:grid}.weapon-art{border-radius:11px;grid-row:1/4;height:100%;min-height:102px;margin:0}.weapon-art>.icon{width:34px;height:34px}.weapon-card h4{margin:0;font-size:13px}.weapon-card p{min-height:0;font-size:10px}.weapon-card>button{justify-self:end;max-width:180px;margin-top:0}.ally-card{gap:9px;padding:12px}.ally-card h4{font-size:11px}.ally-avatar{width:33px;height:39px}.ally-avatar>.icon{width:20px;height:20px}.ally-card label{gap:0;font-size:0}.ally-card select{max-width:99px;padding:5px;font-size:16px}.ally-jobs{gap:7px}.ally-jobs .icon{width:15px;height:15px}.ally-jobs b{font-size:10px}.ally-jobs small{font-size:8px}.raid-banner{max-width:calc(100% - 32px)}}@media (height<=720px) and (width<=700px){.context-hint{bottom:calc(202px + env(safe-area-inset-bottom));font-size:8px}.survival-bars{bottom:calc(157px + env(safe-area-inset-bottom))}.skill-button{bottom:calc(133px + env(safe-area-inset-bottom));width:51px;height:51px;right:31px}.camp-guide{display:none!important}.journal-button{bottom:calc(76px + env(safe-area-inset-bottom));width:37px;height:36px}.upgrade-area{bottom:calc(17px + env(safe-area-inset-bottom))}.raid-banner{white-space:normal;max-width:calc(100% - 36px);top:230px}}@media (height<=520px) and (width>=600px){.skill-button{bottom:calc(121px + env(safe-area-inset-bottom));width:50px;height:50px;right:35px}.journal-button{bottom:calc(77px + env(safe-area-inset-bottom));left:50%}.survival-bars{bottom:141px}.context-hint{display:none}.exploration-dialog{width:calc(100% - 40px);height:calc(100dvh - 24px)}.panel-header{padding:12px 21px}.panel-header h2{font-size:18px}.panel-header small{display:none}.panel-bank{gap:12px;margin:0;padding:8px 12px;position:absolute;top:14px;right:72px}.panel-bank small{display:none}.panel-tabs{padding-top:0}.panel-tabs button{padding:7px}.panel-content{padding:14px 23px}.panel-footer{padding:7px}.raid-banner{top:70px}}.upgrade-card:disabled{color:#476773}.upgrade-description{color:#627d87}.cost.insufficient{color:#8d695b}.locked-label{color:#796d61}.upgrade-level{color:#617b85}.research-card>p,.weapon-card p,.region-details>p,.panel-intro p{color:#6d8790}.research-card>button:disabled,.weapon-card>button:disabled{color:#7a918f}.map-level{paint-order:stroke}.panel-content{scrollbar-width:thin;scrollbar-color:#a8c2c7 #e5eeee}