*{box-sizing:border-box}html,body,#app{color:#f2eadc;background:#050705;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{color:#f2eadc;font:inherit;touch-action:manipulation;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#060806bd;border:1px solid #f2eadc24;border-radius:8px}button:disabled{opacity:.36}.world-shell{isolation:isolate;background:radial-gradient(circle at 50% 18%,#9c392c2e,#0000 34%),linear-gradient(#090d09 0%,#030403 100%);width:100vw;height:100dvh;position:relative;overflow:hidden}.world-shell canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.world-canvas{z-index:0;position:absolute;inset:0}.hud{top:max(10px, env(safe-area-inset-top));z-index:3;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:min(100vw - 24px,430px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.hud span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0405048a;border:1px solid #f2eadc17;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:33px;padding:5px 7px;line-height:1;display:inline-flex}.hud strong{font-variant-numeric:tabular-nums;min-width:1.2em;font-size:.82rem;font-weight:800}.resource-icon{flex:0 0 15px;width:15px;height:15px;display:inline-block;position:relative}.resource-icon.wood:before{content:"";background:#9a7044;border-radius:2px;position:absolute;inset:2px 6px 0}.resource-icon.wood:after{content:"";background:#3d7650;border-radius:9px 9px 5px 5px;width:11px;height:9px;position:absolute;top:0;left:2px}.resource-icon.stone:before{content:"";background:#8b8e84;border-radius:6px 7px 5px 8px;position:absolute;inset:3px 2px 2px}.resource-icon.food:before{content:"";background:#b29b58;border-radius:50% 50% 46% 46%;position:absolute;inset:2px}.resource-icon.faith:before{content:"";background:#e4c46f;position:absolute;inset:2px;transform:rotate(45deg)scale(.82)}.resource-icon.hunger:before{content:"";border:2px solid #c84d38;border-radius:50%;position:absolute;inset:1px}.resource-icon.hunger:after{content:"";background:#c84d38;border-radius:3px;width:3px;height:7px;position:absolute;top:4px;left:6px}.resource-icon.stability:before{content:"";border:2px solid #d6e0bf;border-radius:4px;position:absolute;inset:2px}.move-pad{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));z-index:3;grid-template-rows:repeat(2,48px);grid-template-columns:repeat(3,48px);gap:6px;display:grid;position:absolute}.move-pad button{min-width:48px;min-height:48px;font-size:1.45rem;font-weight:800}.move-pad button:first-child{grid-area:1/1/span 2}.move-pad button:nth-child(2){grid-area:1/2}.move-pad button:nth-child(3){grid-area:1/3/span 2}.move-pad button:nth-child(4){grid-area:2/2}.action-dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:3;grid-template-columns:repeat(6,42px);gap:6px;display:grid;position:absolute;transform:translate(-50%)}.action-dock button{place-items:center;width:42px;height:42px;min-height:42px;padding:0;display:grid}.action-glyph{width:22px;height:22px;display:block;position:relative}.action-glyph.shrine:before,.action-glyph.grove:before,.action-glyph.quarry:before{content:"";border-bottom:19px solid #e4c46f;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.action-glyph.grove:before{border-bottom-color:#60b26b;border-left-width:10px;border-right-width:10px}.action-glyph.quarry:before{border-bottom-color:#a5aaa0;transform:translate(-50%)rotate(18deg)}.action-glyph.purify:before{content:"";border:3px solid #d6e0bf;border-radius:50%;position:absolute;inset:3px}.action-glyph.banish:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:"";background:#c84d38;border-radius:4px;position:absolute;inset:2px}.action-glyph.sacrifice:before{content:"";border:4px solid #b23c30;border-radius:50%;position:absolute;inset:3px}.minimap{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#040504a3;border:1px solid #f2eadc1f;border-radius:8px;grid-template-rows:repeat(7,12px);grid-template-columns:repeat(7,12px);gap:3px;padding:8px;display:grid;position:absolute}.minimap i{background:#111711;border-radius:2px;display:block}.minimap i[data-type=frontier]{background:#314238}.minimap i[data-type=forest]{background:#315f42}.minimap i[data-type=plains]{background:#7f8950}.minimap i[data-type=mountain]{background:#7e8077}.minimap i[data-type=swamp]{background:#36584f}.minimap i[data-type=ruins]{background:#8f7650}.minimap i[data-type=abyss]{background:#120f16}.minimap i[data-damaged=true]{box-shadow:inset 0 0 0 2px #b23c30}.minimap i.player{outline-offset:1px;outline:2px solid #f2eadc}.world-birth{z-index:2;aspect-ratio:1;pointer-events:none;filter:blur(1px);opacity:0;background:radial-gradient(circle,#f2d98b57,#0000 18%),conic-gradient(#0000,#d6e0bf2e,#0000,#c84d383d,#0000);border-radius:50%;width:min(84vw,620px);animation:1.6s ease-out both world-birth;position:absolute;top:52%;left:50%}@keyframes world-birth{0%{opacity:0;transform:translate(-50%,-50%)scale(.18)rotate(-18deg)}24%{opacity:.86}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)rotate(42deg)}}@media (width<=680px){.hud{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;width:calc(100vw - 16px)}.hud span{min-height:31px;padding:4px}.hud strong{font-size:.74rem}.resource-icon{flex-basis:13px;width:13px;height:13px}.move-pad{grid-template-rows:repeat(2,42px);grid-template-columns:repeat(3,42px)}.move-pad button{min-width:42px;min-height:42px}.action-dock{bottom:max(126px, env(safe-area-inset-bottom));grid-template-columns:repeat(3,42px)}.minimap{grid-template-rows:repeat(7,10px);grid-template-columns:repeat(7,10px);gap:2px}}