:root{color-scheme:dark;--kh-ink:#f6f0da;--kh-muted:#bdcbbb;--kh-ground:#142e2d;--kh-panel:#1b3b35;--kh-card:#274b41;--kh-line:#52715b;--kh-accent:#c4df9c;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:#132c35;color:var(--kh-ink)}[hidden]{display:none!important}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #f7dda0;outline-offset:2px}button:active:not(:disabled){filter:brightness(1.09)}.main-hero{width:min(100%,1000px);margin:auto}.main-poster{object-fit:cover}.main-summary{line-height:1.55}.main-goal{font-weight:700}.main-progress{font-variant-numeric:tabular-nums}body[data-screen=battle]{overflow:hidden}.battle-screen{position:fixed;inset:0;overflow:hidden}.battle-workspace{min-width:0;min-height:0;height:100%;overflow:hidden}#hud{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-variant-numeric:tabular-nums}#hud>span{display:flex;align-items:center;gap:4px;white-space:nowrap}#hud img{width:27px;height:27px;object-fit:contain}#sanctuary{height:100%;min-height:0;display:grid;grid-template-rows:minmax(240px,1fr) minmax(0,1.32fr);background:var(--kh-ground);overflow:hidden}.world-column{min-width:0;min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr) 48px;overflow:hidden;background:#243f38}.habitat-track{display:flex;align-items:center;gap:10px;padding:2px 12px;background:#17372f}.habitat-track label{font-size:12px;font-weight:700;color:var(--kh-muted)}.habitat-track select{min-height:44px;min-width:0;flex:1;border:0;background:transparent;color:var(--kh-ink);font-weight:700;font-size:15px;padding:4px 8px}.habitat-track option{background:var(--kh-panel)}#world{position:relative;min-width:0;min-height:0;overflow:hidden}.world-caption{display:flex;align-items:center;gap:9px;padding:0 10px;background:#17372f}.world-caption>img{width:38px;height:38px;object-fit:contain}.world-caption>span{flex:1;font-size:12px;line-height:1.35;font-weight:700}.world-caption button{min-width:52px;min-height:44px;border:0;background:transparent;color:var(--kh-accent);font-size:12px;font-weight:700}.work-column{min-width:0;min-height:0;display:grid;grid-template-rows:50px minmax(0,1fr) auto 46px;background:var(--kh-panel);border-top:1px solid #61785c}#tabs{display:flex;align-items:stretch;border-bottom:1px solid #405d4a;padding:3px 8px;gap:5px}#tabs>button,#moreTabs{flex:1;min-width:0}#tabs button,#moreTabs>summary{min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--kh-muted);font-weight:700;font-size:13px;padding:6px 8px;text-align:center}#tabs button[aria-selected=true]{background:var(--kh-card);color:var(--kh-ink)}#tabs button:disabled{opacity:.5}#moreTabs{position:relative}#moreTabs>summary{cursor:pointer;list-style:none;display:grid;place-items:center}#moreTabs>summary::-webkit-details-marker{display:none}#moreTabs[open]>div{position:absolute;inset-inline-end:0;top:46px;min-width:160px;padding:6px;background:#294a3f;border:1px solid #789167;border-radius:12px;z-index:5;box-shadow:0 10px 20px #0005;display:grid}#workPanel{min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#71885a transparent;padding:8px 12px 12px}#workPanel h2,#workPanel h3,#workPanel p{margin:0}#workPanel button:not(.primary),#dialogBody button{color:var(--kh-ink);background:var(--kh-card);border:1px solid var(--kh-line);border-radius:12px;min-height:44px}#workPanel .target-heading{background:transparent;border:0;border-radius:0;width:100%;padding:0 2px 7px;display:flex;align-items:center;gap:8px;text-align:start}#workPanel .target-heading>span{margin-inline-start:auto;padding:10px}.species-heading{display:flex;gap:10px;align-items:center;min-width:0;flex:1}.species-heading>.portrait{width:56px;height:56px;flex:none;object-fit:contain;background:#b8cfa617;border-radius:13px}.species-heading>div{min-width:0;flex:1}.species-heading strong{display:block;font-size:17px;line-height:1.25}.small{display:block;font-size:11px;line-height:1.6;color:var(--kh-muted)}.meter{height:4px;background:#112f27;border-radius:4px;margin-top:4px;overflow:hidden}.meter>span{display:block;height:100%;border-radius:4px;background:#c6dfa0}.prep-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.prep-tabs button{font-size:12px;font-weight:700;padding:4px}#workPanel .prep-tabs button[aria-selected=true]{background:#385a45;border-color:var(--kh-accent);color:#e9f4cd}.prep-tabs button>span{font-size:10px;color:#b8cc9e}.clue{min-height:42px;display:flex;align-items:center;font-size:12px;line-height:1.4;padding:5px 3px;color:#e0e9c6}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.choice-grid>button{position:relative;display:flex;align-items:center;gap:5px;min-width:0;min-height:60px!important;padding:4px 22px 4px 4px;text-align:start;font-size:13px;font-weight:650}.choice-grid>button img{width:44px;height:44px;object-fit:contain;flex:none}#workPanel .choice-grid>button[aria-pressed=true]{border:2px solid #c4df9c;padding:3px 21px 3px 3px;background:#3c5d43}.choice-check{position:absolute;inset-inline-end:7px;opacity:0;color:#dbf2af}.choice-grid>button[aria-pressed=true] .choice-check{opacity:1}.packing-list{display:flex;gap:5px;margin-top:7px}.packing-list>button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:2px;padding:2px;font-size:10px!important;background:#17392e!important;border-color:transparent!important}.packing-list img{width:24px;height:28px;object-fit:contain}#primaryActions{padding:7px 12px;background:#17372f;border-top:1px solid #496149}.primary{min-height:48px;border:1px solid #e7f4b7;border-radius:13px;background:var(--kh-accent);color:#243923;font-weight:750;font-size:14px;padding:10px 14px;box-shadow:0 3px #061b1966}.primary:disabled{background:#375441;border-color:#66825b;color:#c4d1b5;box-shadow:none}.wide{width:100%}#feedback{margin:0;padding:5px 13px;display:flex;align-items:center;color:#d8e7bc;font-size:11px;line-height:1.35;background:#142f28;min-width:0;overflow:auto}#feedback:empty:before{content:""}#feedback[data-result=error]{color:#ffd1b1}.encounter{padding:4px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--kh-accent)}.encounter-clue{padding:9px 0 13px;font-size:15px;line-height:1.5}.approach-options{display:grid;gap:7px}.approach-options button{display:flex;align-items:center;gap:10px;padding:6px 10px;font-size:14px;text-align:start;min-height:48px!important}.approach-number{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#d9eabd;background:#102e25;font-size:12px}.care-focus{display:flex;align-items:center;gap:14px;padding:14px 3px}.care-focus>.portrait{width:100px;height:100px;object-fit:contain;flex:none}.care-focus p{font-size:15px;line-height:1.6}.next-discovery{display:flex;align-items:center;gap:8px;width:100%;text-align:start;padding:6px}.next-discovery .portrait{width:46px;height:46px;object-fit:contain}.next-discovery>span:first-of-type{flex:1;font-size:12px}.next-discovery>span:last-child{padding:8px}.cards{display:grid;gap:10px}.pet-card{text-align:start;padding:10px}.pet-card>span{display:block;font-size:12px;color:var(--kh-muted);padding-top:8px}.empty-state{padding:28px 8px;font-size:14px;line-height:1.6}.album-section{padding:3px 0 18px}.album-section h2{display:flex;justify-content:space-between;font-size:15px;padding:7px 1px 12px}.album-section h2>span{color:var(--kh-muted);font-size:12px}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.album-card{display:flex;flex-direction:column;align-items:center;padding:6px 3px;min-width:0;min-height:115px!important;text-align:center}.album-card.collected{border-color:#b7d394!important;background:#35573d!important}.album-card>.portrait{width:65px;height:65px;object-fit:contain}.album-card strong{font-size:11px;line-height:1.35;overflow-wrap:anywhere}.album-card small{font-size:10px;color:var(--kh-muted);margin-top:3px}.upgrade-card{display:flex;gap:12px;border:1px solid #4e6b50;border-radius:14px;padding:12px;background:#25463b}.upgrade-card>img{width:82px;height:82px;object-fit:contain;flex:none}.upgrade-card>div{flex:1;min-width:0}.upgrade-card h3{font-size:15px}.upgrade-card p{font-size:12px;line-height:1.5;padding:5px 0}.price{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--kh-muted);min-height:30px}.price img{width:27px;height:27px;object-fit:contain}.upgrade-card button{width:100%;margin-top:4px;font-weight:700;font-size:13px}.upgrade-card button:disabled{opacity:.6}.overlay{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:#061c25c9;padding:58px 16px 20px;backdrop-filter:blur(5px)}.dialog{width:min(100%,430px);max-height:100%;overflow:auto;background:#203f36;color:var(--kh-ink);border:1px solid #879367;border-radius:20px;padding:20px;box-shadow:0 20px 70px #00131888}.dialog h2{font-size:22px;line-height:1.3;margin:0 0 12px}.dialog p{font-size:14px;line-height:1.65;margin:10px 0}.dialog #dialogActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.dialog #dialogActions button{flex:1;min-height:48px;border-radius:12px;padding:9px 12px;border:1px solid #759065;font-weight:700;background:#375842;color:var(--kh-ink);font-size:14px}.dialog #dialogActions .primary{background:var(--kh-accent);color:#243923}.celebration{text-align:center}.result-portrait{width:170px;height:170px;margin:0 auto;background:#b6d39915;border-radius:50%;display:grid;place-items:center}.result-portrait .portrait{width:155px;height:155px;object-fit:contain}.result-reward{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.result-reward img{width:38px;height:38px;object-fit:contain}.result-reward b{font-size:24px;color:#d1e8ac}.resource-flight{position:fixed;width:38px;height:38px;z-index:80;pointer-events:none}#saveWarning{position:fixed;bottom:0;inset-inline:0;padding:10px;background:#7f3329;color:#fff;z-index:90;font-size:13px}.battle-workspace{container-type:size;container-name:kh-play}@container kh-play (min-aspect-ratio:1.2){#sanctuary{grid-template-columns:minmax(0,1.4fr) minmax(340px,.86fr);grid-template-rows:minmax(0,1fr)}.work-column{border-top:0;border-inline-start:1px solid #61785c;grid-template-rows:48px minmax(0,1fr) auto 42px}.world-column{grid-template-rows:48px minmax(0,1fr) 48px}}@media(orientation:landscape){.overlay{padding:56px 16px 14px}.dialog{width:min(100%,520px)}.celebration .result-portrait{width:110px;height:110px}.celebration .portrait{width:100px;height:100px}}@media(min-width:760px)and (orientation:portrait){#sanctuary{grid-template-rows:minmax(350px,1fr) minmax(0,1.05fr)}#workPanel{padding:12px 24px}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-grid>button{flex-direction:column;min-height:96px!important;padding:7px!important;text-align:center}.choice-grid>button img{width:56px;height:56px}.packing-list{margin-top:12px}.species-heading>.portrait{width:66px;height:66px}.clue{font-size:14px}.album-card>.portrait{width:90px;height:90px}.care-focus>.portrait{width:140px;height:140px}}.work-column[data-primary=false]{grid-template-rows:50px minmax(0,1fr) 46px}.prep-tabs small{display:block;font-size:10px;font-weight:400;color:#d2dfc3;line-height:1.35}.choice-grid>button{padding-inline:4px 22px!important}.choice-grid>button[aria-pressed=true]{padding-inline:3px 21px!important}.clue{min-height:36px}#workPanel{padding-bottom:8px}.dialog{display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}#dialogBody{min-height:0;overflow:auto;overscroll-behavior:contain}.result-portrait .portrait{border-radius:16px}@media(orientation:landscape){.celebration{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;column-gap:16px}.celebration .result-portrait{grid-row:1/4}.celebration p{margin:3px 0;font-size:13px}.result-reward img{width:30px;height:30px}.dialog #dialogActions{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}#sanctuary{grid-template-rows:minmax(0,1fr) 268px}.world-column{grid-template-rows:minmax(0,1fr) 48px}.work-column,.work-column[data-primary=false]{grid-template-areas:"tabs" "panel" "action" "feedback";grid-template-rows:auto minmax(0,1fr) auto 44px}#tabs{grid-area:tabs}#tabs>button{flex:1}#workPanel{grid-area:panel;padding:12px 16px}#primaryActions{grid-area:action}#feedback{grid-area:feedback}.simple-task{min-height:100%;display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center}.simple-object{width:82px;height:82px;border-radius:16px;background:#b6d39918;display:grid;place-items:center}.simple-object img{width:78px;height:78px;object-fit:contain}#workPanel .simple-copy h2{font-size:19px;line-height:1.35;margin:0 0 7px}#workPanel .simple-copy p{font-size:14px;line-height:1.5}.simple-progress{margin-top:10px;font-size:11px;color:var(--kh-muted)}.simple-progress b{font-variant-numeric:tabular-nums;color:var(--kh-ink)}.simple-progress .meter{margin-top:5px}@container kh-play (min-aspect-ratio:1.2){#sanctuary{grid-template-rows:minmax(0,1fr)}.world-column{grid-template-rows:minmax(0,1fr) 48px}.work-column,.work-column[data-primary=false]{grid-template-rows:auto minmax(0,1fr) auto 44px}}