/* Sunlit Sanctuary: phone-sized world with HTML controls over Canvas. */
:root{--sunlit-ink:#344c44;--sunlit-muted:#60796e;--sunlit-paper:#fffdf3}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html:has(.app[data-view="world"]),body:has(.app[data-view="world"]){background:#d5e9e5}
.app[data-view="world"]{max-width:500px;height:100dvh;background:#8cd6d6}
.app[data-view="world"]>.app-header,.app[data-view="world"]>.bottom-nav,.app[data-view="world"]>.demo-footer{display:none}
.sanctuary-home{color:var(--sunlit-ink);overflow:hidden;isolation:isolate}
#sanctuary-map{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
#sanctuary-map.is-dragging{cursor:grabbing}
.sanctuary-header{position:absolute;z-index:4;top:0;left:0;right:0;padding:calc(19px + var(--safe-top)) 20px 0;pointer-events:none;background:linear-gradient(#e4f1e8bc,transparent)}
.sanctuary-header button,.growth-preview-banner{pointer-events:auto}
.sanctuary-wordmark{display:flex;justify-content:center;align-items:center;gap:9px;line-height:1;margin-bottom:20px;color:#2e4d45;text-shadow:0 1px 0 #fffa;font-size:16px;font-weight:600;letter-spacing:3px}
.sanctuary-wordmark b{font-weight:400}.wordmark-leaf{font-size:23px;letter-spacing:0;color:#64866a}.wordmark-leaf.mirror{transform:scaleX(-1)}
.sanctuary-search-row{display:flex;gap:9px;align-items:center}
.sanctuary-search{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:48px;padding:0 15px;border:1px solid #fff9;background:#fffdf1ed;color:#718478;border-radius:24px;box-shadow:0 5px 18px #316b6320,inset 0 1px 0 #fff;text-align:left;font-size:14px;font-weight:500}
.sanctuary-search span:nth-child(2){flex:1}.sanctuary-search svg{width:19px;height:19px;stroke-width:1.5}.sanctuary-search span:last-child svg{width:17px}
.sanctuary-round{width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;background:#fffdf1ee;color:#617c69;border:1px solid #fffc;box-shadow:0 3px 12px #286d5810}
.sanctuary-round svg{width:21px;height:21px;stroke-width:1.6}
.world-meta{margin:12px 0 0;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;letter-spacing:.15px;text-align:center}
.world-population{background:#f3f9e7da;border:1px solid #ffffff78;padding:5px 12px;border-radius:20px;box-shadow:0 2px 8px #5693840a}
#world-connection{background:#fff6e4ec;padding:4px 10px;border-radius:14px;font-size:10px;color:#766447}
.sanctuary-camera{position:absolute;right:15px;top:44%;display:flex;flex-direction:column;align-items:center;z-index:3;border:1px solid #fffffff2;border-radius:24px;background:#fffdf1ed;box-shadow:0 5px 20px #24595120;overflow:hidden}
.sanctuary-camera button{display:grid;place-items:center;background:none;width:44px;height:44px;padding:0;color:#536e61}
.sanctuary-camera button:disabled{opacity:.35;cursor:default}.sanctuary-camera button:active{background:#e5edd7;transform:none}.sanctuary-camera svg{width:19px;height:19px}.sanctuary-camera>span{width:22px;height:1px;background:#dce2d2}
.first-egg-shortcut{position:absolute;z-index:3;left:15px;top:46%;min-height:44px;padding:7px 11px;display:flex;align-items:center;gap:6px;border-radius:22px;background:#fffdf1e8;box-shadow:0 4px 15px #2e63531a;border:1px solid #fff9;font-size:10px;font-weight:600}
.first-egg-shortcut svg{width:16px;height:16px}
.sanctuary-bottom{position:absolute;z-index:4;left:16px;right:16px;bottom:calc(14px + var(--safe-bottom))}
.map-gesture-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.1px;color:#e8fff4;text-shadow:0 1px 4px #164d5a9c;margin:0 0 12px;pointer-events:none}
.map-gesture-hint svg{width:13px;height:13px}
.founder-story{display:flex;align-items:center;gap:8px;width:100%;min-height:88px;padding:9px 13px 9px 4px;border:1px solid #fffef7;border-radius:25px;background:linear-gradient(115deg,#fffdf3f5,#f7f8e8ef);box-shadow:0 6px 24px #295c5523;margin-bottom:12px;text-align:left}
.founder-story>img{width:74px;height:74px;flex-shrink:0;object-fit:contain;margin-top:-6px}.founder-story>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
.founder-story small{font-size:8px;letter-spacing:1.6px;font-weight:700;color:#879474}.founder-story strong{font-size:16px;line-height:1.3;letter-spacing:-.45px;font-weight:650;color:#345448}.founder-story>span>span{font-size:11px;color:#75836b;line-height:1.4}
.story-arrow{margin-left:auto;flex-shrink:0}.story-arrow svg{width:18px;height:18px;color:#8b9676}
.sanctuary-nav{display:flex;height:69px;border-radius:27px;background:#fffdf2f2;border:1px solid #fffdfc;box-shadow:0 7px 25px #26595d2b;padding:5px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sanctuary-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;border-radius:22px;font-size:10px;font-weight:500;color:#8b9584}.sanctuary-nav button svg{width:23px;height:23px;stroke-width:1.55}.sanctuary-nav .is-current{color:#426d50;background:#eaf0de;box-shadow:inset 0 1px 0 #fff}
.world-loading{position:absolute;z-index:3;left:50%;top:43%;transform:translate(-50%,-50%);background:#fffdf0ef;padding:21px 25px;border-radius:24px;box-shadow:0 10px 30px #336c5420;min-width:240px;text-align:center;color:#556b51;font-size:12px}
.loading-leaf{font-size:32px;color:#81986c}.world-loading p{margin:7px 0;line-height:1.5}.world-loading button{margin-top:12px;background:#e3ead7;padding:12px 18px;border-radius:14px;min-height:44px}
.world-egg-sheet{position:absolute;left:12px;right:12px;bottom:calc(93px + var(--safe-bottom));z-index:5;background:#fffcf1fa;border:1px solid #fff;border-radius:27px;padding:15px 19px 17px;box-shadow:0 8px 35px #214b4b38;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.sheet-handle{width:30px;height:3px;background:#cbd2c1;border-radius:5px;margin:-5px auto 6px}.sheet-close{position:absolute;right:9px;top:9px;background:none;box-shadow:none;border:none}
.egg-sheet-heading{display:flex;align-items:center;gap:10px;padding-right:22px}.egg-sheet-heading img{width:75px;height:75px;object-fit:contain;flex-shrink:0}.egg-sheet-heading h2{font-size:21px;letter-spacing:-.7px;margin:4px 0 3px;font-weight:650;font-variant-numeric:tabular-nums}.egg-sheet-heading p{margin:0}.egg-sheet-heading #selected-egg-kicker{font-size:8px;letter-spacing:1.5px;color:#899273;font-weight:700}.egg-sheet-heading #selected-egg-owner{color:#778368;font-size:11px;overflow-wrap:anywhere}
.egg-sheet-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0 10px;padding-top:12px;border-top:1px solid #e8ead9}.egg-sheet-facts dt{font-size:9px;color:#89917c;margin-bottom:4px}.egg-sheet-facts dd{margin:0;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.egg-sheet-note{font-size:11px;line-height:1.55;color:#858e76;margin:0 0 13px}
.egg-sheet-actions{display:flex;gap:8px}.egg-sheet-actions button{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;background:#4e7458;color:#fffef5;border-radius:14px;font-size:11px;font-weight:600}.egg-sheet-actions button:last-child{background:#edf0e1;color:#607150}.egg-sheet-actions svg{width:16px;height:16px}
.has-selection .founder-story,.has-selection .map-gesture-hint{visibility:hidden;pointer-events:none}
.sunlit-dialog{color:var(--sunlit-ink);background:#fffcf2;max-width:500px;padding:35px 23px calc(25px + var(--safe-bottom));box-shadow:0 -10px 40px #1e4c3e22}
.sunlit-dialog::backdrop{background:#264e514f;backdrop-filter:blur(3px)}.sunlit-dialog-close{position:absolute;right:12px;top:12px;box-shadow:none;border:0;background:#eef0e2}
.sunlit-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#889774;margin:4px 0 10px}.sunlit-dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.7px;margin:0 35px 9px 0;color:#3f5d49}.sunlit-dialog-intro{font-size:13px;line-height:1.65;color:#7b8873;margin:0 0 22px}
#world-search-form label{display:block;font-size:11px;color:#77836c;margin:0 0 8px}.world-search-field{display:flex;align-items:center;border:1px solid #dce3cf;border-radius:17px;background:#fffef8;padding-right:4px}.world-search-field input{background:none;border:0;margin:0;padding:15px 12px;min-width:0;flex:1;font-size:16px;color:#375941;box-shadow:none;border-radius:17px}.world-search-field button{display:grid;place-items:center;width:44px;height:44px;background:#eaf0df;border-radius:13px;color:#607c55;flex-shrink:0}.world-search-field svg{width:19px;height:19px}
#world-search-feedback{font-size:11px;line-height:1.6;color:#829075;margin:12px 0}.world-search-result{display:flex;align-items:center;gap:10px;padding:9px 8px;width:100%;background:none;text-align:left;border-bottom:1px solid #eaecdf;color:#47604c}.world-search-result img{object-fit:contain;flex-shrink:0}.world-search-result>span:nth-child(2){display:flex;flex-direction:column;gap:5px;min-width:0}.world-search-result strong{font-size:13px}.world-search-result small{color:#839076;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.world-search-result>span:last-child{margin-left:auto}
.world-guide p{font-size:12px;line-height:1.7;color:#7b8873;margin:15px 0}.world-guide strong{display:block;color:#506c50;margin-bottom:3px}.world-source-note{font-size:11px;line-height:1.7;padding:13px;border-radius:15px;background:#edf1e1;color:#7c876c}
.growth-preview{margin-top:20px;border-top:1px solid #e1e6d6;padding-top:8px}.growth-preview summary{padding:12px 0;cursor:pointer;font-size:12px;font-weight:600;min-height:44px}.growth-preview p{font-size:11px;line-height:1.6;color:#859075}.growth-preview-options{display:flex;gap:8px}.growth-preview-options a{flex:1;text-align:center;padding:14px 6px;border-radius:12px;background:#eaf0dd;color:#557549;text-decoration:none;font-size:12px;min-height:44px}
.growth-preview-banner{margin:8px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#66593f;background:#fff2d6ec;border-radius:16px;padding:3px 8px}.growth-preview-banner button{background:none;text-decoration:underline;font-size:9px;min-height:28px;padding:2px;color:#6b613e}
@media(max-height:740px){.sanctuary-header{padding-top:calc(12px + var(--safe-top))}.sanctuary-wordmark{margin-bottom:12px;font-size:14px}.world-meta{margin-top:7px}.founder-story{min-height:69px;padding-block:3px;margin-bottom:9px;border-radius:22px}.founder-story>img{width:60px;height:60px}.founder-story strong{font-size:14px}.founder-story small{font-size:7px}.map-gesture-hint{display:none}.sanctuary-nav{height:61px}.world-egg-sheet{bottom:calc(84px + var(--safe-bottom));padding:13px 16px}.egg-sheet-note{display:none}.first-egg-shortcut{top:42%}}
@media(hover:hover) and (pointer:fine){.sanctuary-search:hover,.founder-story:hover{background:#fffdf3}.world-search-result:hover{background:#f2f5e8}.sanctuary-camera button:hover{background:#edf1e1}}
@media(prefers-reduced-motion:reduce){.sunlit-dialog[open]{animation:none}}