: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(240px,1fr) auto minmax(160px,1fr);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}.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}.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%)}.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}@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}.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{display:none}.brand strong{font-size:19px}.brand-mark{transform-origin:0;margin-right:-5px;transform:scale(.82)}.topbar{gap:8px}.time-controls{gap:5px}.round-button,.speed-button{height:34px}.round-button{width:34px}.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}.toast{display:none}.empty-hint{top:29%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}