:root{--ink:#254743;--cream:#fffaf0;--paper:#fffaeff0;--line:#2b4c4629;--shadow:0 14px 40px #283f3a2e, 0 3px 9px #2d423e1f}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{color:var(--ink);background:#76998b;margin:0;font-family:Trebuchet MS,Arial Rounded MT Bold,Arial,sans-serif}button{font:inherit}.minitown-app{background:#90b4a1;grid-template-rows:70px minmax(0,1fr);width:100vw;height:100dvh;display:grid}.topbar{z-index:20;background:#fffaeff5;border-bottom:1px solid #37594f24;grid-template-columns:minmax(210px,1fr) auto auto auto;align-items:center;gap:18px;padding:0 22px;display:grid;box-shadow:0 5px 24px #30433f1f}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{background:#e86e59;border:2px solid #2f514d;flex:0 0 37px;width:37px;height:37px;display:block;position:relative;box-shadow:inset 0 -5px #7d373229}.brand-mark:before{content:"";background:#fff0c7;width:9px;height:15px;position:absolute;bottom:0;left:13px}.brand-mark:after{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:#37675f;width:41px;height:16px;position:absolute;top:-10px;left:-4px}.brand-mark i{z-index:2;background:#ffe3a1;width:6px;height:6px;position:absolute;top:9px}.brand-mark i:first-child{left:5px}.brand-mark i:nth-child(2){right:5px}.brand-mark i:nth-child(3){display:none}.brand strong{color:#e16050;letter-spacing:-.7px;font-size:22px;line-height:1;display:block}.brand span{color:#6f8178;letter-spacing:.08em;white-space:nowrap;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;display:block}.town-stats{border:1px solid var(--line);background:#f5efe09e;border-radius:10px;height:43px;padding:0 8px;display:flex}.town-stats>div{text-align:center;border-right:1px solid var(--line);min-width:76px;padding:7px 14px 5px}.town-stats>div:last-child{border-right:0}.town-stats span{letter-spacing:.15em;color:#71837a;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;display:block}.town-stats strong{color:#315954;white-space:nowrap;margin-top:1px;font-size:15px;line-height:1.2;display:block}.mood-stat strong{color:#db7e51}.resource-stats{border:1px solid var(--line);background:#edf2e6;border-radius:10px;align-items:center;gap:5px;padding:5px;display:flex}.resource-stats span{color:#8a6549;grid-template-columns:14px 1fr;align-items:center;min-width:57px;padding:3px 5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;display:grid}.resource-stats b{color:#315954;font-size:13px}.resource-stats small{color:#829087;letter-spacing:.1em;text-transform:uppercase;grid-column:1/-1;margin-top:-2px;font-size:7px}.time-controls{justify-self:end;gap:8px;display:flex}.time-controls button{color:#315954;cursor:pointer;background:#f4eddc;border:1px solid #304f492b;transition:transform .15s,background .15s;box-shadow:0 2px #374d481f}.time-controls button:hover{background:#fff8e8;transform:translateY(-1px)}.round-button{border-radius:50%;width:38px;height:38px;font-weight:900}.speed-button{border-radius:9px;min-width:46px;height:38px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:900}.network-button{letter-spacing:.08em;border-radius:9px;min-width:68px;height:38px;padding:0 9px;font:800 9px ui-monospace,SFMono-Regular,Consolas,monospace!important}.network-button.connected{color:#f5fff2!important;background:#577b5d!important;box-shadow:0 0 0 3px #577b5d26!important}.mobile-war-button{letter-spacing:.08em;border-radius:9px;min-width:62px;height:38px;padding:0 8px;display:none;font:800 9px ui-monospace,SFMono-Regular,Consolas,monospace!important}.world-shell{isolation:isolate;min-height:0;position:relative;overflow:hidden}.world-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.world-canvas.tool-explore{cursor:grab}.world-canvas.tool-explore:active{cursor:grabbing}.world-canvas:not(.tool-explore){cursor:crosshair}.empty-hint{text-align:center;color:#345d56;pointer-events:none;filter:drop-shadow(0 2px #ffffff73);width:min(340px,70vw);animation:.6s ease-out float-in;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}.hint-sun{color:#f3cc58;font-size:30px;line-height:1;animation:2.4s ease-in-out infinite twinkle;display:block}.empty-hint strong{margin-top:8px;font-size:19px;display:block}.empty-hint p{color:#496d64;margin:5px 0 0;font-size:12px}.toast{color:#49655e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaeee6;border:1px solid #2a464121;border-radius:9px;align-items:center;gap:9px;max-width:min(420px,100% - 210px);padding:10px 14px;font-size:11px;display:flex;position:absolute;top:16px;left:18px;box-shadow:0 7px 25px #2b3f3a1f}.toast-dot{background:#e5944d;border-radius:50%;flex:0 0 7px;width:7px;height:7px;box-shadow:0 0 0 3px #e5944d2b}.legend-card{width:170px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaefde;border:1px solid #2d494324;border-radius:11px;padding:13px 14px;position:absolute;top:16px;right:18px}.eyebrow{letter-spacing:.17em;color:#7b8c83;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;display:block}.legend-card>div{border-top:1px solid #2c4e4714;align-items:center;gap:9px;padding:6px 0;display:flex}.legend-card strong,.legend-card div span{display:block}.legend-card strong{font-size:10px}.legend-card div span{color:#738078;font-size:9px;line-height:1.3}.rhythm{border:1px solid #364f4a24;border-radius:50%;flex:0 0 20px;width:20px;height:20px;display:block}.rhythm.morning{background:linear-gradient(135deg,#f7c56d,#f5e5aa)}.rhythm.day{background:linear-gradient(135deg,#8abdaa,#dce0a2)}.rhythm.night{background:radial-gradient(circle at 35% 35%,#ffd06c 0 12%,#4e6083 16% 100%)}.war-room{width:218px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaefe8;border:1px solid #2d49432b;border-radius:11px;padding:13px;position:absolute;top:205px;right:18px}.war-room-close{display:none}.war-title{border-bottom:1px solid var(--line);letter-spacing:.12em;color:#687c73;justify-content:space-between;padding-bottom:8px;font:800 8px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.war-title b{color:#d37a4f;letter-spacing:0}.base-health,.enemy-health{color:#6f7f77;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:10px;font-size:8px;display:grid}.base-health i,.enemy-health i{background:#e1d9c9;border-radius:5px;height:6px;display:block;overflow:hidden}.base-health i b,.enemy-health i b{border-radius:inherit;background:#65956d;height:100%;transition:width .3s;display:block}.enemy-health{grid-template-columns:1fr auto;margin-top:5px}.enemy-health i b{background:#cc6258}.versus-row{color:#718078;text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin-top:10px;font-size:8px;display:grid}.versus-row b{color:#355a55;font-size:16px;display:block}.versus-row em{color:#fff5e6;background:#d27756;border-radius:50%;place-items:center;width:25px;height:25px;font:900 8px ui-monospace,monospace;display:grid}.war-actions{gap:5px;margin-top:11px;display:grid}.war-actions button{color:#3e625c;cursor:pointer;background:#f5eedf;border:1px solid #344f4926;border-radius:7px;justify-content:space-between;align-items:center;padding:7px 8px;font-size:9px;font-weight:800;display:flex}.war-actions button:hover{background:#fff7e7}.war-actions small{color:#89948e;font-size:7px;font-weight:500}.war-actions .raid-button{color:#fff7e8;background:#b45d50;border-color:#934a42}.war-actions .raid-button small{color:#f3d5c7}.camera-help{color:#ffffeee0;text-shadow:0 1px 2px #243a3766;letter-spacing:.12em;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;position:absolute;bottom:103px;right:18px}.camera-help b{color:#f2c65c}.inspect-card{z-index:10;background:var(--paper);width:268px;box-shadow:var(--shadow);pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #314d4729;border-radius:12px;padding:14px;animation:.14s ease-out inspect-in;position:absolute}.inspect-heading{align-items:center;gap:10px;display:flex}.inspect-icon{border-radius:8px;place-items:center;width:36px;height:36px;font-size:21px;font-weight:900;display:grid}.inspect-heading span:not(.inspect-icon){color:#7e8b83;letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;display:block}.inspect-heading strong{color:#315752;margin-top:2px;font-size:15px;display:block}.happening{border-top:1px solid var(--line);color:#697a72;margin:12px 0 8px;padding-top:10px;font-size:11px}.resident-list>div{align-items:center;gap:8px;padding:5px 0;display:flex}.resident-list i{border-radius:3px 3px 2px 2px;width:9px;height:13px;box-shadow:inset 0 -3px #0000001a}.resident-list span,.resident-list strong{display:block}.resident-list span{color:#78837d;font-size:9px}.resident-list strong{color:#395d57;font-size:10px}.resident-list small{color:#8a958f;margin-top:5px;font-size:9px;display:block}.construction-status{border-top:1px solid var(--line);height:42px;margin-top:12px;padding-top:18px;position:relative;overflow:hidden}.construction-status:before{content:"";background:#e5dece;border-radius:4px;height:5px;position:absolute;top:14px;left:0;right:0}.construction-status i{background:#e4a047;border-radius:4px;height:5px;position:absolute;top:14px;left:0}.construction-status span{color:#6f7c75;font-size:10px}.build-dock{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaeff0;border:1px solid #2d48432e;border-radius:14px;align-items:stretch;gap:4px;padding:7px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #253a3740,0 3px #344c471a}.dock-tool{color:#355a55;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;min-width:142px;height:58px;padding:7px 12px 7px 8px;transition:background .16s,transform .16s,border-color .16s;display:flex;position:relative}.dock-tool:hover{background:#f7f0df;transform:translateY(-1px)}.dock-tool.active{background:#edf2e6;border-color:#375c5233;box-shadow:inset 0 -2px #33584f14}.dock-tool.active:after{content:"";background:#e88655;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-8px;left:15px;right:15px}.dock-tool>span:last-child,.dock-tool strong,.dock-tool small{display:block}.dock-tool strong{font-size:12px;line-height:1.2}.dock-tool small{color:#7b8982;white-space:nowrap;margin-top:3px;font-size:9px}.tool-icon{border-radius:8px;flex:0 0 39px;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:22px;font-weight:900;display:grid;box-shadow:inset 0 -3px #0000000d}.explore-icon{background:#e8eee1;position:relative}.explore-icon i{border:3px solid #4e746b;border-radius:50%;width:17px;height:17px}.explore-icon i:after{content:"";background:#4e746b;border-radius:2px;width:9px;height:3px;position:absolute;bottom:8px;right:7px;transform:rotate(45deg)}.dock-divider{background:#304d4721;width:1px;margin:9px 4px}.network-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#22333478;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.network-panel{background:#fffaf0;border:1px solid #2c484233;border-radius:16px;width:min(560px,100%);max-height:calc(100dvh - 110px);padding:24px;position:relative;overflow:auto;box-shadow:0 28px 80px #182a2a59}.network-close{color:#45665f;cursor:pointer;background:#eee8da;border:0;border-radius:50%;width:30px;height:30px;font-size:21px;position:absolute;top:11px;right:13px}.network-panel h2{color:#315954;margin:0;font-size:24px}.network-panel>p{color:#718079;margin:7px 0 13px;font-size:11px;line-height:1.5}.connection-pill{color:#756b5a;letter-spacing:.08em;text-transform:uppercase;background:#eee7d8;border-radius:20px;padding:6px 9px;font:800 8px ui-monospace,monospace;display:inline-flex}.connection-pill.connected{color:#efffec;background:#5f865f}.connection-pill.failed{color:#fff0e7;background:#b85c50}.network-choices{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.network-choices button,.apply-answer{color:#365e56;cursor:pointer;background:#eef2e5;border:1px solid #2f4e472e;border-radius:8px;padding:10px;font-size:11px;font-weight:800}.network-choices small{color:#7f8c85;margin-top:3px;font-size:8px;font-weight:500;display:block}.network-panel label{color:#64766e;margin-top:12px;font-size:9px;font-weight:800;display:block;position:relative}.network-panel textarea{resize:vertical;color:#395a55;background:#f5f1e8;border:1px solid #304d472e;border-radius:7px;width:100%;height:78px;margin-top:5px;padding:9px;font:8px/1.4 ui-monospace,Consolas,monospace}.network-panel label button{color:#fff;cursor:pointer;background:#557970;border:0;border-radius:5px;padding:5px 8px;font-size:8px;position:absolute;bottom:7px;right:7px}.apply-answer{color:#493f31;background:#e8a85e;width:100%;margin-top:7px}.network-panel ol{color:#6f7e77;margin:14px 0 8px;padding-left:21px;font-size:9px;line-height:1.65}.network-note{color:#9a7b67;font-size:8px;display:block}@keyframes twinkle{0%,to{opacity:.65;transform:scale(.9)rotate(0)}50%{opacity:1;transform:scale(1.12)rotate(12deg)}}@keyframes float-in{0%{opacity:0;transform:translate(-50%,-42%)}}@keyframes inspect-in{0%{opacity:0;transform:translateY(4px)scale(.98)}}@media (width<=900px){.topbar{grid-template-columns:1fr auto;padding:0 12px}.town-stats{z-index:30;background:#fffaefe6;position:absolute;top:78px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #2d3f3b24}.mood-stat,.legend-card{display:none}.resource-stats{z-index:31;position:absolute;top:128px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #2d3f3b24}.war-room{width:196px;top:16px}.toast{max-width:calc(100% - 36px);top:66px}.dock-tool{justify-content:center;width:62px;min-width:58px;padding:7px}.dock-tool>span:last-child{display:none}.dock-divider{margin-inline:1px}.camera-help{display:none}}@media (width<=560px){.minitown-app{grid-template-rows:58px minmax(0,1fr)}.brand span,.brand-mark{display:none}.brand strong{letter-spacing:-.4px;font-size:17px}.topbar{gap:5px;padding-inline:10px}.time-controls{gap:3px}.round-button,.speed-button,.network-button,.mobile-war-button{height:34px}.round-button{width:34px}.speed-button{min-width:38px}.network-button{min-width:51px;font-size:8px!important}.mobile-war-button{min-width:49px;padding-inline:4px;display:block;font-size:8px!important}.town-stats{top:64px}.town-stats>div{min-width:67px;padding-inline:9px}.town-stats strong{font-size:13px}.build-dock{max-width:calc(100% - 16px);bottom:10px}.dock-tool{width:52px;min-width:52px}.tool-icon{flex-basis:36px;width:36px;height:36px}.resource-stats{top:108px}.resource-stats span{min-width:48px;padding-inline:2px}.war-room{z-index:42;width:auto;max-height:calc(100% - 145px);padding:16px;display:none;top:68px;left:8px;right:8px;overflow:auto}.war-room.open{display:block}.war-room-close{color:#49645d;cursor:pointer;background:#ece5d7;border:0;border-radius:50%;place-items:center;width:27px;height:27px;font-size:18px;display:grid;position:absolute;top:7px;right:8px}.war-actions small{display:inline}.toast{display:none}.empty-hint{top:29%}.network-panel{padding:19px 15px}.network-choices{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}