/* World-first layout. Navigation stays collapsed until requested. */
body{background:#98b47a}.sidebar,footer{display:none}.workspace{width:100%;margin:0}.topbar{position:fixed;inset:0 0 auto;height:0;padding:0;border:0;background:none;z-index:20;pointer-events:none}.breadcrumb,.preview-label{display:none}.top-actions{position:absolute;right:20px;top:18px;pointer-events:auto;gap:8px}.top-actions>.primary{display:none}.world-controls{display:flex;gap:8px;align-items:center}.world-control{background:#fafff1ed;border:1px solid #dce6ce;border-radius:9px;color:#2d452f;padding:10px 14px;box-shadow:0 2px 7px #294a2520;font-size:13px;pointer-events:auto}.world-controls select{width:130px;padding:10px;font-size:12px;background:#fafff1ed}.world-menu{position:fixed;left:18px;top:18px;z-index:30}.world-menu>summary{list-style:none;cursor:pointer;width:44px;height:42px;text-align:center;font-size:21px;line-height:40px;background:#fafff1ed;border:1px solid #dce6ce;border-radius:9px;box-shadow:0 2px 7px #294a2520}.world-menu>summary::-webkit-details-marker{display:none}.world-menu nav{margin-top:8px;padding:8px;background:#fafff5f5;border:1px solid #dce6ce;border-radius:11px;min-width:155px;box-shadow:0 6px 30px #213c2530;display:block}.world-menu nav button{color:#344d38;margin:0;padding:11px 14px;border-radius:6px;font-size:14px;width:100%;display:flex;gap:12px}.world-menu nav button i{display:none}.world-menu nav button.active{background:#d4e7b7}.world-menu nav button:hover:not(.active){background:#e8efdf;color:#213721}.world-menu nav .nav-caption{display:none}.world-menu nav button>span{font-size:17px;width:20px}.world-brand{position:fixed;top:27px;left:78px;z-index:19;color:#254433;background:#f4f9e8d9;padding:7px 10px;border-radius:4px;font-size:11px;letter-spacing:1.8px;pointer-events:none}main{max-width:none;padding:0;min-height:100vh}.page-heading{display:none}body[data-view=village] .world-layout{display:block}body[data-view=village] .world-panel{position:fixed;inset:0;border:0;border-radius:0;background:#93ad74}body[data-view=village] .world-viewport{height:100vh;aspect-ratio:auto;background:#93ad74}body[data-view=village] .world-viewport canvas{width:100%;height:100%;object-fit:contain;background:#96b176}body[data-view=village] .world-toolbar,body[data-view=village] .world-bottom,body[data-view=village] .map-label,body[data-view=village] .map-legend,body[data-view=village] .stats,body[data-view=village] .section-heading,body[data-view=village] .people-strip{display:none}body[data-view=village] .resident-card{display:none;position:fixed;bottom:22px;right:22px;width:250px;max-height:calc(100vh - 100px);overflow:auto;z-index:10;padding:18px;background:#fffff5f5;box-shadow:0 8px 30px #25462530}body[data-view=village].resident-open .resident-card{display:flex}.resident-card .portrait{height:75px;margin:10px 0}.resident-card .portrait canvas{height:65px;width:52px}.resident-card h2{font-size:20px}.resident-card .quote{font-size:12px;line-height:1.7;margin:10px 0}.resident-card .tags{margin-bottom:5px}.resident-dismiss{position:absolute;right:9px;top:8px!important;width:auto!important;border:0;background:none;color:#4d6443;font-size:20px}.resident-card .section-mini{padding-right:22px}body:not([data-view=village]){background:#95af77}body:not([data-view=village]) main{min-height:0;margin:85px auto 24px;padding:25px;max-width:1140px;width:calc(100% - 36px);background:#f6f8f1f7;border:1px solid #dce6d4;border-radius:14px;box-shadow:0 15px 80px #29432525}body:not([data-view=village]) .page-heading{display:flex;margin:0 0 20px}body:not([data-view=village]) .page-heading .eyebrow{display:none}body:not([data-view=village]) .page-heading h1{font-size:22px;margin:0 0 8px}body:not([data-view=village]) .page-heading p{font-size:12px}.translation-status{position:fixed;left:20px;bottom:15px;font-size:11px;color:#2b4733;background:#f7fbeddb;border-radius:5px;padding:6px 9px;z-index:20;pointer-events:none}.language-note{font-size:11px;color:#627356}.chat-people{max-height:600px;overflow:auto}
@media(max-width:700px){.world-brand{display:none}.top-actions{right:12px;top:12px}.world-menu{left:12px;top:12px}.world-controls select{width:103px}.world-control{padding:10px}.world-menu nav{max-height:75vh;overflow:auto}body:not([data-view=village]) main{width:calc(100% - 20px);padding:15px;margin-top:72px}.world-viewport canvas{object-fit:cover!important}body[data-view=village] .resident-card{right:10px;bottom:10px;width:235px}.chat-messages{height:300px}.translation-status{bottom:7px;left:10px;max-width:calc(100% - 20px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Life blocks replace the village scenery. */
body[data-view=village] .world-panel,body[data-view=village] .world-viewport{background:#101d24}
body[data-view=village] .world-viewport{overflow:auto;display:block}
body[data-view=village] #world{display:none!important}
.life-universe{min-height:100%;padding:100px 7vw 70px;color:#e3eae1;background-color:#101d24;background-image:linear-gradient(#9bbda00b 1px,transparent 1px),linear-gradient(90deg,#9bbda00b 1px,transparent 1px);background-size:24px 24px;text-align:left}
.life-heading{margin:0 auto 48px;max-width:1080px}.life-heading p{font-size:10px;letter-spacing:3px;color:#a3be9d;margin:0 0 14px}.life-heading h1{font-size:clamp(24px,4vw,42px);font-weight:500;letter-spacing:-1px;margin:0 0 12px;color:#e3eae1}.life-heading>span{font-size:13px;color:#93aaa9}
.life-map{position:relative;max-width:1080px;margin:auto}.life-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 70px;align-items:stretch}.life-edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.life-edges path{fill:none;stroke-width:2;stroke:#94bca2}.life-edges .life-claim-edge{stroke:#baa6db;stroke-dasharray:5 7}
.life-block{position:relative;display:flex;align-items:center;flex-direction:column;min-width:0;min-height:256px;aspect-ratio:1;background:#1d3038;color:#e3eae1;border:1px solid #506565;border-radius:0;padding:18px 12px 14px;text-align:center;cursor:pointer;box-shadow:6px 6px 0 #09151b;transition:transform .15s,border-color .15s}.life-block:hover{background:#273e45;transform:translateY(-3px);border-color:#b7d5ab}.life-block:focus-visible{outline:3px solid #e2d797;outline-offset:6px}.life-block.is-selected{border:2px solid #c5dea8;background:#293f43}.life-block-index{align-self:flex-start;font-size:10px;letter-spacing:1px;color:#abc0b8}.life-avatar{width:54px!important;height:72px!important;object-fit:contain!important;background:transparent!important;image-rendering:pixelated;margin:18px 0 10px}.life-name{font-size:19px;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.life-role{font-size:11px;color:#acbfba;margin:6px 0 14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.life-storage{font-size:10px;color:#c0d5b1;border-top:1px solid #58716b;padding-top:10px;width:80%;margin-top:auto}.life-id{font-family:monospace;font-size:9px;color:#809795;margin-top:7px}.life-add{border:1px dashed #516d70;background:#16272e;justify-content:center;gap:14px;color:#a8bdb9;box-shadow:none}.life-add b{font-size:30px;font-weight:400}.life-add strong{font-size:16px}.life-add>span{font-size:11px}.life-key{max-width:1080px;margin:40px auto 0;display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#9cadaa}.life-key span:last-child{flex-basis:100%;font-size:10px;color:#708b8c}
body[data-view=village] .resident-card{border-radius:0;border:1px solid #9bb69e}.world-control,.world-menu>summary{box-shadow:none}
@media(max-width:700px){.life-universe{padding:90px 22px 65px}.life-heading{margin-bottom:32px}.life-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}.life-block{min-height:226px;padding:12px 8px;aspect-ratio:auto}.life-name{font-size:16px}.life-avatar{margin-top:15px}.life-key{gap:12px}.life-heading h1{font-size:27px}}