:root{font-family:system-ui,sans-serif;color:#edf2dc;background:#06191f;color-scheme:dark}header #journal,header #garden,header #settings{padding:8px;font-size:12px}header small{display:none}.region-card{margin:14px 0;padding:14px;border:1px solid #659e8855;border-radius:16px;background:linear-gradient(135deg,#24443a,#10252e 75%)}.region-card[data-region=water]{background:linear-gradient(135deg,#205164,#10252e 75%)}.region-card[data-region=highland]{background:linear-gradient(135deg,#544251,#10252e 75%)}.region-inhabitants{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.region-inhabitants button{display:grid;justify-items:center;padding:6px;font-size:12px}.region-inhabitants img{width:54px;height:54px;object-fit:contain}.region-stages{display:grid;gap:6px}.region-stages button{display:flex;align-items:center;gap:10px;text-align:left}.region-stages small{margin-left:auto;white-space:nowrap}.region-stages [aria-current=step]{border-color:#efc56f}.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.journal-grid button{display:grid;justify-items:center;padding:8px;gap:4px}.journal-grid img{width:100%;height:130px;object-fit:contain}.journal-grid .discovered{border-color:#efc56f88}.journal-grid .undiscovered{background:#0a2028}.unit-report{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #53797655}.unit-report img{width:64px;height:64px;object-fit:contain}.unit-report p{margin-top:4px;font-size:13px;color:#b3ccc5}#result-allies summary{padding:12px 0;cursor:pointer;min-height:44px}#result-observation{padding:12px;background:#152e34;border-radius:10px;line-height:1.7;font-size:14px}.unlock-note{padding:10px;background:#36403a;border-radius:10px;color:#efc56f}.discovery{text-align:center}.discovery .detail-portrait{filter:drop-shadow(0 0 24px #d9bc6155)}#rescue{width:100%;font-size:13px}#campaign[data-region=water] .objective{border-color:#74c7d988}#campaign[data-region=highland] .objective{border-color:#d497b988}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(#06191f88,#06191fe8),url(/assets/ui/forest-garden-v1.webp) center/cover fixed}button,select,input{font:inherit}button,select{min-height:44px;border:1px solid #7cb7aa66;border-radius:10px;color:#deece5;background:#11303a;padding:8px 12px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #e9c76c}button[aria-pressed=true]{outline:2px solid #f4d57e}.primary{background:linear-gradient(110deg,#a4e6a9,#63d6db);color:#11291e;font-weight:800;border:0}h1,h2,p{margin:0}h1{font-family:serif;font-size:23px}h2{font-size:17px}small,.small{font-size:12px;color:#b3ccc5}#campaign{max-width:480px;margin:auto;padding:max(8px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom));min-height:100dvh}header{display:flex;align-items:center;gap:6px;height:56px}header>div{flex:1}header small{font-size:9px}header strong{color:#f4d57e;white-space:nowrap}.objective{display:flex;align-items:center;gap:8px;padding:10px;background:#0c2b33cc;border:1px solid #74bbae55;border-radius:12px}.objective>div{flex:1}.objective p{font-size:13px;line-height:1.4;margin-top:4px}#adventure{height:calc(100dvh - 108px);display:grid;grid-template-rows:auto minmax(120px,1fr) auto auto auto;gap:7px}#stage-view{min-height:0;position:relative}#stage-view #board{height:100%}#growth-stage{position:absolute;inset:0;overflow:auto;border:1px solid #7fb8a2;border-radius:14px;background:#0b282ff5;z-index:1}.growth-card{text-align:center;padding:8px}#growth-stage .growth-card{display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-areas:"title title" "parents result" "stats stats" "note note" "destination destination";gap:2px}#growth-stage h2{grid-area:title}#growth-stage .growth-parents{grid-area:parents;flex-direction:column;gap:0}#growth-stage .growth-parents img{width:42px;height:26px}#growth-stage .growth-parents figure{margin:0}#growth-stage .growth-parents figcaption{line-height:1.2}#growth-stage .growth-result{grid-area:result;flex-direction:column;gap:0}#growth-stage .growth-result>img{width:92px;height:92px}#growth-stage .growth-result strong{font-size:14px}#growth-stage .growth-result p{display:none}#growth-stage .growth-stats{grid-area:stats;margin:2px 0}#growth-stage .growth-card>small{grid-area:note}#growth-stage .growth-destination{grid-area:destination}.growth-card h2{font-size:16px}.growth-parents{display:flex;align-items:center;justify-content:center;gap:20px}.growth-parents figure{margin:4px 0;font-size:12px}.growth-parents img{height:42px;width:60px;object-fit:contain}.growth-result{display:flex;align-items:center;justify-content:center;gap:8px}.growth-result>img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 15px #dfe58844)}.growth-result b{display:block;color:#f2d17d}.growth-result p{font-size:12px}.growth-stats{display:flex;justify-content:center;gap:14px;margin:4px 0;font-size:14px}.growth-stats b{color:#a5ecc3}.growth-destination{font-size:12px}.growth-destination button{padding:4px 8px;font-size:12px}.growth-card.detailed .growth-result{flex-direction:column}.growth-card.detailed .growth-result>img{height:170px;width:170px}.growth-card.detailed p{font-size:14px}.destination-map{width:170px;margin:8px auto}.destination-map svg{width:100%}.detail-portrait{display:block;width:180px;height:180px;object-fit:contain;margin:auto}.recipe-portrait{width:80px;height:80px;object-fit:contain;float:right}.party-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px}.party-heading button{min-height:32px;padding:3px 8px;font-size:12px}.selection-check{position:absolute;top:2px;right:2px;color:#70dfe6;background:#071b24;border-radius:50%;padding:0 3px}#quick-units button[aria-pressed=true]{outline-color:#70dfe6}.recipe-goal{width:100%;display:flex;align-items:center;gap:6px;text-align:left;padding:3px 6px}.recipe-goal img{width:36px;height:36px;object-fit:contain}.recipe-goal>span:first-of-type{flex:1;min-width:0}.recipe-goal strong{font-size:12px}.recipe-goal small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-goal>span:last-child{font-size:12px}#catalog article{border:1px solid #427776;border-radius:10px;overflow:hidden;background:#0c2b33}.catalog-detail{position:relative;width:100%;display:grid;justify-items:center;border:0;background:transparent;padding:3px;border-radius:0}.catalog-detail span{font-size:12px;min-height:34px}.catalog-detail img{width:100%;height:54px;object-fit:contain}.catalog-detail small{font-size:12px;white-space:nowrap}.catalog-detail em{font-size:10px;font-style:normal;position:absolute;right:2px;top:38px;background:#183e34e8;color:#bde1bf}#catalog .buy{border-radius:0;min-height:44px;font-size:16px;font-weight:800;color:#f4d57e;border:0;border-top:1px solid #427776}#garden-dialog #owned{display:block}#owned details{padding:8px;border-bottom:1px solid #537c75}#owned summary{cursor:pointer;min-height:44px}#owned summary small{display:block}.group-members{display:flex;flex-wrap:wrap;gap:8px}#merge-dialog>.primary{display:block;width:calc(100% - 10px)}#board{min-height:0;container-type:size;display:grid;place-items:center}#board canvas{width:min(100cqw,calc(100cqh * 390 / 340))!important;height:min(100cqh,calc(100cqw * 340 / 390))!important;margin:0!important}#quick-party{min-width:0}#quick-units{display:flex;gap:6px;overflow-x:auto;padding:3px}#quick-units button{flex:0 0 76px;padding:2px;display:grid;justify-items:center;position:relative}#quick-units img{width:40px;height:36px;object-fit:contain}#quick-units span,#quick-units small{font-size:10px}#quick-clear,#quick-merge{padding:4px 8px;font-size:12px}#quick-anchor{min-width:0;max-width:120px;padding:4px;font-size:12px}#message{max-height:34px;overflow:auto}.battle-actions{display:flex;gap:8px}.battle-actions .primary{flex:1}.market-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.market-heading span{font-size:10px}#catalog{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px)/4);overflow-x:auto;gap:6px}#catalog article{position:relative}.buy{width:100%;padding:6px 3px;display:grid;justify-items:center;gap:2px;border-radius:10px;background:linear-gradient(#21454b,#0a252d)}.buy span{font-size:11px;padding-right:18px;min-height:28px}.buy img{width:100%;height:64px;object-fit:contain}.buy strong{color:#f4d57e}.buy small{font-size:10px}.question{position:absolute;right:0;top:0;width:44px;height:44px;min-height:44px;padding:0;border:0;background:transparent;color:#f4d57e;font-weight:800;transform:translate(10px,-2px)}#message{font-size:13px;min-height:30px;padding:6px 0;color:#efd889}#welcome{text-align:center;padding:28px 10px}#welcome img{height:min(36dvh,300px);max-width:100%;object-fit:contain}#welcome p{margin:16px 0;line-height:1.6}#welcome .primary{width:100%}dialog{width:min(94vw,520px);max-height:90dvh;overflow:auto;border:1px solid #87b7a7;border-radius:16px;background:#0b262f;color:#eaf2de;padding:18px}dialog::backdrop{background:#001019b8}dialog h2,dialog p,dialog label{margin-bottom:12px}dialog>button{margin:5px}dialog label{display:block}#owned{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0;max-height:40dvh;overflow:auto}#owned button{padding:6px;display:grid;justify-items:center;align-content:start;font-size:12px}#owned img{width:60px;height:60px;object-fit:contain}#owned small{font-size:10px}#positions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:8px 0}#positions button{font-size:11px;padding:3px}.actions{display:flex;flex-wrap:wrap;gap:6px}.small{line-height:1.3}[hidden]{display:none!important}@media(max-height:740px){#campaign{padding-top:4px}header{height:48px}#adventure{height:calc(100dvh - 100px);gap:4px;grid-template-rows:auto minmax(100px,1fr) auto auto auto}.objective{padding:6px}.objective h2{font-size:14px}.objective small{font-size:10px}.buy{gap:0;padding:3px 1px}.buy small{display:none}.market-heading h2{font-size:14px}#quick-units img{height:28px}#quick-units button{flex-basis:68px}.buy img{height:32px}.buy span{font-size:10px}.objective p{font-size:12px;line-height:1.2}.objective{padding:4px 6px}.objective p,.recipe-goal small{display:none}.recipe-goal img{height:28px;width:28px}.recipe-goal{min-height:32px}.market-heading{display:none}.catalog-detail img{height:36px}.catalog-detail span{min-height:30px}.catalog-detail small{display:none}.catalog-detail em{top:30px;font-size:10px}.party-heading button{min-height:28px}#growth-stage .growth-parents{float:left;flex-direction:column;gap:0;width:60px}#growth-stage .growth-parents img{height:24px;width:36px}#growth-stage .growth-parents figcaption{font-size:10px}#growth-stage .growth-result>img{width:72px;height:72px}#growth-stage .growth-card h2{display:none}#growth-stage .growth-stats{font-size:12px;gap:6px}#growth-stage .growth-card>small{display:none}.small{font-size:10px}#catalog{gap:4px}}#adventure{height:auto;display:flex;flex-direction:column;gap:8px}#stage-view{width:100%;aspect-ratio:390 / 340;flex:none}#stage-view #board{position:absolute;inset:0}.objective{padding:6px 10px;background:#0c2b33}.objective p{font-size:12px}#action-context{padding:10px 12px;border:1px solid #467577;border-radius:10px;background:#0b2830;font-size:14px;line-height:1.5}#action-context strong{display:block;margin-bottom:4px;font-size:14px}#quick-units .unit-rank{font-size:16px;color:#f2d17d;line-height:1.2}#quick-units .unit-location{padding:1px 5px;border-radius:5px;background:#1b4145;font-size:12px}.compatible-label{font-size:12px;color:#a0e6c3;font-style:normal}.detail-purchase{display:block;width:100%;margin-top:16px;min-height:48px}.detail-role{font-weight:700;text-align:center}.descendants{display:flex;gap:8px;flex-wrap:wrap}.descendants button{flex:1;min-width:110px;display:grid;justify-items:center}.descendants img{height:96px;width:100px;object-fit:contain}#info-body{font-size:14px;line-height:1.6}#info-body h3{margin:12px 0 6px;font-size:15px}#message{min-height:0;max-height:none}@media(min-width:800px){#campaign{max-width:540px}}#growth-stage .growth-card{height:100%;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"title title" "parents result" "stats stats"}#growth-stage .growth-card>small,#growth-stage .growth-destination{display:none}#growth-stage .growth-parents{float:none;width:auto;flex-direction:row;gap:4px;min-height:0}#growth-stage .growth-parents figure{min-width:0}#growth-stage .growth-result{height:100%;min-height:0}#growth-stage .growth-result>img{height:min(110px,calc(100% - 38px));width:auto;max-width:110px;aspect-ratio:1}#growth-stage .growth-result strong{font-size:13px}#growth-stage .growth-stats{background:#0b282f;padding:2px}#change-destination{padding:4px 8px;font-size:12px}#quick-merge{font-size:16px}#quick-units span,#quick-units small{font-size:12px}#quick-units button{flex-basis:96px}#quick-units small{white-space:nowrap}@media(max-height:740px){#growth-stage .growth-card{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"parents result" "stats stats"}#growth-stage .growth-parents img{height:24px;width:28px}#growth-stage .growth-result>img{width:64px;height:64px;max-width:64px;flex:0 0 64px}#growth-stage .growth-result{flex-direction:row;gap:4px}#growth-stage .growth-result strong{font-size:12px}#growth-stage .growth-result b{font-size:14px}}