:root{--ui-radius:14px;--ui-line:#63817760;--ui-gap:16px;--font-body:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;--font-heading:"Yu Mincho","Hiragino Mincho ProN",serif}
body,button,input,select,summary{font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-heading)}
body[data-screen="setup"]{background:#0b2924!important;color:#eef4e8!important}body[data-screen="setup"]>header,body[data-screen="setup"]>footer{display:none}body[data-screen="setup"]>main{padding:0!important;max-width:none;margin:0}body[data-screen="setup"] #setup:not([hidden]){display:block!important;margin:0;min-height:100svh}body[data-screen="setup"] .eyebrow{display:none}
body[data-screen="setup"][data-setup-mode="landing"]{overflow:hidden}.landing{position:relative;isolation:isolate;height:100svh;height:100dvh;min-height:480px;width:100%;overflow:hidden;background:#12382f}.landing-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;z-index:-2}.landing:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#09231c55 0%,transparent 35%,#09251b55 55%,#08251cf5 82%,#08251c 100%)}
.guide-dock{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;display:flex;gap:8px}.guide-dock button{width:50px;min-height:58px;display:grid;place-content:center;gap:3px;background:#0b302cba;backdrop-filter:blur(10px);border:1px solid #cbe5d247;border-radius:var(--ui-radius);color:#f0f6e8;padding:6px}.guide-dock span{font-size:22px;line-height:1}.guide-dock small{font-size:10px}
.landing-content{position:absolute;bottom:0;left:0;right:0;padding:20px 16px max(20px,env(safe-area-inset-bottom));text-align:center}.landing-content h1{white-space:nowrap;font-size:clamp(12px,3.65vw,26px);font-weight:600;letter-spacing:0;line-height:1.6;color:#fff8e7!important;margin:0 auto 24px;max-width:none;text-shadow:0 2px 10px #08241d}.landing-actions{display:grid;gap:10px;max-width:400px;margin:auto}.landing-actions button{min-height:56px;border-radius:var(--ui-radius);font-size:17px;font-weight:700;padding:14px 18px;box-shadow:none}.landing-actions .primary{color:#102e23;background:linear-gradient(135deg,#d2e7ad,#90c9a2);border:1px solid #cfebc2}.landing-actions .secondary{color:#e5eee1;background:#123a30c9;border:1px solid #87a18b99;min-height:48px;font-size:15px}.landing-time{margin:17px 0 7px;font-size:12px;color:#e2e9d9}.landing-note{margin:0;font-size:10px;line-height:1.7;color:#c5d4c4}
body[data-screen="setup"] .config{max-width:600px;margin:0 auto;box-shadow:none;background:#0b2924;border:0;border-radius:0;padding:24px 20px;color:#edf4e6}body[data-screen="setup"] .config h2{color:#edf4e6;font-size:25px}body[data-screen="setup"] .config .sub,body[data-screen="setup"] .config .footnote{color:#b8cdbf}.back-home{background:none;border:0;color:#d1e1cc;padding:8px 0;margin:0 0 20px;font-size:14px}.config-head{align-items:center;gap:12px}.config .points strong{font:600 14px var(--font-body)!important;color:#d2e7ad!important;white-space:nowrap}.config .points{padding:8px 12px;border:1px solid var(--ui-line);border-radius:var(--ui-radius)}body[data-screen="setup"] .config .chip{background:#163a30;color:#dfebd5;border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:9px 12px}body[data-screen="setup"] .allocation{border-color:var(--ui-line);padding:14px 0}body[data-screen="setup"] .alloc-copy strong{color:#e5efdb}body[data-screen="setup"] .alloc-copy small{color:#b7ccbc}body[data-screen="setup"] .alloc-icon{color:#b7d5a8}body[data-screen="setup"] .stepper b{color:#edf4e6}body[data-screen="setup"] .stepper button{background:#234b3c;border-color:var(--ui-line);border-radius:10px;color:#ecf4e1;width:40px;height:40px}body[data-screen="setup"] .stepper button:disabled{background:#153329;color:#627e6a}body[data-screen="setup"] .config input{background:#14372c;color:#edf4e6;border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:12px;width:100%}body[data-screen="setup"] .name-row label{color:#c9dbc7}.config .name-row{margin:24px 0 16px}body[data-screen="setup"] .config>.primary{background:linear-gradient(135deg,#d2e7ad,#90c9a2);color:#123325;border:1px solid var(--ui-line);border-radius:var(--ui-radius);min-height:54px}body[data-screen="setup"] .config>.primary:disabled{background:#26483a;color:#a0b6a6}
.setup-hints{border:1px solid var(--ui-line);border-radius:var(--ui-radius);margin:20px 0;padding:14px 16px;background:#13372d}.setup-hints summary{color:#d7e8c9;cursor:pointer}.setup-hints p{font-size:13px;line-height:1.9;color:#bfd4c1}.setup-hints #evolutionPreview{background:none;padding:0;border:0;margin:0}
.guide-dialog{background:#0e2c25;color:#e9f2e0;width:min(94vw,720px);max-width:720px;max-height:88svh;padding:20px;border:1px solid var(--ui-line);border-radius:var(--ui-radius)}.guide-dialog::backdrop{background:#031712c9;backdrop-filter:blur(5px)}.guide-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.guide-dialog h2{color:#edf4df;font-size:23px;margin:0}.guide-dialog-head button{width:auto;background:#244b3b;color:#e3eedb;border:1px solid var(--ui-line);border-radius:10px;padding:10px 12px;min-height:44px}.guide-dialog #catalogSection{margin:0;padding:0;border:0;background:none}.guide-dialog #discoveryNote{font-size:12px;color:#b7cebb}.guide-dialog #catalogSection>details{margin:0;padding:0;background:none;border:0;border-radius:var(--ui-radius)}.guide-dialog #catalogSection>details>summary{display:none}.guide-dialog #catalogSection>details>p{color:#b7cebb;font-size:13px}.guide-dialog #catalogGrid,.guide-dialog .resident-grid,.guide-dialog #endingGuide,.guide-dialog #worldCollection{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-dialog #catalogGrid>*,.guide-dialog .resident-grid>*,.guide-dialog #endingGuide>*,.guide-dialog #worldCollection>*{margin:0!important;background:#193c30!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;padding:12px!important;color:#e4edd9!important;min-width:0;overflow:hidden}.guide-dialog h3,.guide-dialog strong{color:#e4edd9!important}.guide-dialog p,.guide-dialog small{color:#bbcfbd!important}.guide-dialog .art{max-width:100%}.eyebrow,.scene-top,.journal-heading>span,.portrait-caption>span,.brand small{display:none!important}
@media(min-width:800px){.landing-art{object-fit:cover;object-position:50% 42%}.landing-content{padding-bottom:32px}.landing-content h1{font-size:26px}.landing-actions{max-width:420px}.landing-note{font-size:12px}.guide-dock{right:32px;top:24px}.guide-dialog #catalogGrid,.guide-dialog .resident-grid,.guide-dialog #endingGuide,.guide-dialog #worldCollection{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:600px){.landing-content{padding-top:12px;padding-bottom:12px}.landing-content h1{margin-bottom:12px}.landing-actions button{min-height:46px}.landing-time{margin-top:10px}.guide-dock button{min-height:48px}.landing{min-height:0}}
.landing-content h1{font-size:clamp(12px,3.65vw,26px)!important;line-height:1.6!important;letter-spacing:0!important}.guide-dock small{white-space:nowrap;font-size:9px;letter-spacing:0}.guide-dock button{height:58px;min-height:58px}

.landing-content .landing-invitation{font-family:var(--font-heading);font-size:clamp(16px,4.5vw,22px);font-weight:600;line-height:1.5;color:#f2f5e4;margin:0 0 16px;text-shadow:0 2px 8px #08241d}.landing-content h1{margin-bottom:12px}@media(max-height:600px){.landing-content .landing-invitation{margin-bottom:10px;font-size:16px}}