:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#1a2e1a;color:#f0f7e8}.app{min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:.5rem}.top-bar h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:#a8d97f}.stats-row{display:flex;gap:1.25rem;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:#d4e8c0}.stat-icon{font-size:1.1rem}.stat-bar-wrap{width:80px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.stat-bar{height:100%;border-radius:4px;transition:width .4s ease}.stat-bar.clean{background:#5cb85c}.stat-bar.happy{background:#f0ad4e}.stat-bar.energy{background:#5bc0de}.main-area{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.25rem}.park-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;max-width:520px;width:100%}.tile{aspect-ratio:1;border-radius:.65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:2px solid transparent;transition:transform .15s,border-color .2s,box-shadow .2s;position:relative;-webkit-user-select:none;user-select:none;font-size:2rem;gap:.15rem}.tile:hover{transform:scale(1.06);border-color:#ffffff40;box-shadow:0 4px 16px #0000004d}.tile:active{transform:scale(.97)}.tile-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff9}.tile-condition{position:absolute;bottom:4px;left:8px;right:8px;height:3px;background:#ffffff1f;border-radius:2px;overflow:hidden}.tile-condition-fill{height:100%;border-radius:2px;transition:width .3s ease}.tile-condition-fill.good{background:#5cb85c}.tile-condition-fill.ok{background:#f0ad4e}.tile-condition-fill.bad{background:#d9534f}.trash-badge{position:absolute;top:2px;right:4px;font-size:.85rem;animation:wiggle 2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.tile.grass{background:#2d5a1e}.tile.path{background:#8b7355}.tile.bench{background:#3d6b3d}.tile.fountain{background:#2a5a7a}.tile.flowers{background:#5a3d6b}.tile.playground{background:#6b5a2a}.tile.tree{background:#1e4a2a}.tile.pond{background:#1a4a6a}.tile.garden{background:#4a6b2a}.tile.trashcan{background:#5a5a3d}.action-panel{max-width:520px;width:100%;background:#00000040;border-radius:.75rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.06)}.action-panel h2{margin:0 0 .6rem;font-size:.9rem;font-weight:700;color:#a8d97f;text-transform:uppercase;letter-spacing:.06em}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.45rem .85rem;border:1px solid rgba(255,255,255,.15);border-radius:.4rem;background:#ffffff0f;color:#d4e8c0;cursor:pointer;font-size:.8rem;font-weight:600;transition:background .15s,transform .1s;display:flex;align-items:center;gap:.35rem}.action-btn:hover:not(:disabled){background:#ffffff1f;transform:translateY(-1px)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.selected{background:#a8d97f33;border-color:#a8d97f;color:#a8d97f}.shop-panel{max-width:520px;width:100%;background:#00000040;border-radius:.75rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.06)}.shop-panel h2{margin:0 0 .6rem;font-size:.9rem;font-weight:700;color:#f0ad4e;text-transform:uppercase;letter-spacing:.06em}.shop-items{display:flex;gap:.5rem;flex-wrap:wrap}.shop-btn{padding:.45rem .85rem;border:1px solid rgba(255,255,255,.15);border-radius:.4rem;background:#ffffff0f;color:#d4e8c0;cursor:pointer;font-size:.8rem;font-weight:600;transition:background .15s;display:flex;align-items:center;gap:.35rem}.shop-btn:hover:not(:disabled){background:#f0ad4e26}.shop-btn:disabled{opacity:.4;cursor:not-allowed}.event-log{max-width:520px;width:100%;background:#00000040;border-radius:.75rem;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.06);max-height:150px;overflow-y:auto}.event-log h2{margin:0 0 .5rem;font-size:.9rem;font-weight:700;color:#5bc0de;text-transform:uppercase;letter-spacing:.06em}.event-entry{font-size:.78rem;color:#fff9;padding:.15rem 0;border-bottom:1px solid rgba(255,255,255,.03)}.event-entry .event-time{color:#ffffff4d;margin-right:.4rem;font-family:ui-monospace,monospace;font-size:.7rem}.visitor-popup{position:fixed;pointer-events:none;font-size:1.5rem;animation:float-up 1.2s ease-out forwards;z-index:100}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}.day-display{font-size:.8rem;color:#ffffff80;font-weight:600}.day-display span{color:#f0ad4e}@media(max-width:540px){.park-grid{grid-template-columns:repeat(4,1fr);max-width:360px}.stats-row{gap:.75rem}}