*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1a1a2e}#game-container{position:relative;width:100vw;height:100vh}#pixi-container{position:absolute;top:0;left:0;width:100%;height:100%}#pixi-container canvas{display:block;width:100%;height:100%}#top-bar{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(180deg,#2d5016,#1e3a0f);border-bottom:3px solid #4a7c23;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:100;pointer-events:auto}#money-display{background:#1a1a1a;padding:8px 20px;border-radius:5px;border:2px solid #4a7c23;font-size:18px;color:#4aff4a}#zoo-name{font-size:24px;color:#fff}#date-display{background:#1a1a1a;padding:8px 12px 8px 20px;border-radius:5px;border:2px solid #4a7c23;font-size:16px;display:flex;align-items:center;gap:10px}#speed-btn{background:linear-gradient(180deg,#4a4a4a,#333);border:2px solid #666;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 10px;color:#fff;transition:all .15s ease}#speed-btn:hover{background:linear-gradient(180deg,#5a5a5a,#444);border-color:#888}#speed-btn.fast{background:linear-gradient(180deg,#c80,#950);border-color:#fa0}#top-bar-right{display:flex;align-items:center;gap:10px}#visibility-toggles{display:flex;gap:5px;background:#1a1a1a;padding:4px 8px;border-radius:5px;border:2px solid #4a7c23}.visibility-btn{background:linear-gradient(180deg,#4a4a4a,#333);border:2px solid #666;border-radius:4px;cursor:pointer;font-size:16px;padding:2px 8px;transition:all .15s ease;opacity:.5}.visibility-btn:hover{background:linear-gradient(180deg,#5a5a5a,#444);border-color:#888}.visibility-btn.active{opacity:1;background:linear-gradient(180deg,#4a7c23,#2d5016);border-color:#6aac33}#camera-rotation-controls{display:flex;gap:4px;background:#1a1a1a;padding:4px 8px;border-radius:5px;border:2px solid #4a7c23}.rotation-btn{background:linear-gradient(180deg,#4a4a4a,#333);border:2px solid #666;border-radius:4px;cursor:pointer;font-size:18px;padding:2px 10px;color:#fff;transition:all .15s ease}.rotation-btn:hover{background:linear-gradient(180deg,#5a5a5a,#444);border-color:#888}.rotation-btn:active{background:linear-gradient(180deg,#4a7c23,#2d5016);border-color:#6aac33}#tool-panel{position:absolute;left:10px;top:70px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:5px;z-index:100;pointer-events:auto}.tool-btn{width:50px;height:50px;font-size:24px;background:linear-gradient(180deg,#4a4a4a,#333);border:2px solid #666;border-radius:6px;cursor:pointer;transition:all .15s ease}.tool-btn:hover{background:linear-gradient(180deg,#5a5a5a,#444);border-color:#888}.tool-btn.active{background:linear-gradient(180deg,#4a7c23,#2d5016);border-color:#6aac33;box-shadow:0 0 10px #4a7c2380}#submenu-panel{position:absolute;left:75px;top:70px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;padding:10px;min-width:200px;max-height:calc(100vh - 150px);display:flex;flex-direction:column;z-index:100;pointer-events:auto}#submenu-panel.hidden{display:none}.submenu-scroll-container{overflow-y:auto;overflow-x:hidden;max-height:400px;scrollbar-width:thin;scrollbar-color:#555 #2a2a2a}.submenu-scroll-container::-webkit-scrollbar{width:8px}.submenu-scroll-container::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.submenu-scroll-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.submenu-scroll-container::-webkit-scrollbar-thumb:hover{background:#666}.submenu-item{display:flex;align-items:center;gap:10px;padding:10px;background:#3a3a3a;border:1px solid #555;border-radius:5px;margin-bottom:5px;cursor:pointer;color:#fff;transition:all .15s ease}.submenu-item:hover{background:#4a4a4a;border-color:#4a7c23}.submenu-item.selected{background:#2d5016;border-color:#4a7c23}.submenu-item .icon{font-size:24px}.submenu-item .details{flex:1}.submenu-item .name{font-weight:700;font-size:14px}.submenu-item .cost{font-size:12px;color:#4aff4a}.submenu-item .biome-icon{font-size:24px;margin-left:auto}.submenu-tabs{display:flex;gap:2px;padding:4px;background:#1a1a1a;border-radius:6px 6px 0 0;margin-bottom:4px}.submenu-tab{flex:1;padding:8px 12px;background:#2a2a2a;border:none;border-radius:4px;color:#888;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.submenu-tab:hover{background:#3a3a3a;color:#aaa}.submenu-tab.active{background:linear-gradient(180deg,#4a7a4a,#3a6a3a);color:#fff}.submenu-items-container{max-height:200px;overflow-y:auto}.brush-size-control{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#2a2a2a;border-top:1px solid #444;margin-top:5px;border-radius:0 0 6px 6px}.brush-label{font-size:12px;color:#aaa}.brush-size-buttons{display:flex;align-items:center;gap:8px}.brush-btn{width:28px;height:28px;font-size:16px;font-weight:700;background:linear-gradient(180deg,#4a4a4a,#333);border:2px solid #666;border-radius:4px;color:#fff;cursor:pointer;transition:all .15s ease}.brush-btn:hover:not(:disabled){background:linear-gradient(180deg,#5a5a5a,#444);border-color:#888}.brush-btn:disabled{opacity:.4;cursor:not-allowed}#brush-size-value{font-size:14px;font-weight:700;color:#4aff4a;min-width:40px;text-align:center}.brush-hint{font-size:10px;color:#666;margin-left:8px}.rotation-control{display:flex;align-items:center;justify-content:space-between;padding:10px;background:#2a2a2a;border-top:1px solid #444;margin-top:5px;border-radius:0 0 6px 6px}.rotation-label{font-size:12px;color:#aaa}.rotation-buttons{display:flex;align-items:center;gap:8px}.rotate-btn{width:28px;height:28px;font-size:16px;font-weight:700;background:linear-gradient(180deg,#4a4a4a,#333);border:2px solid #666;border-radius:4px;color:#fff;cursor:pointer;transition:all .15s ease}.rotate-btn:hover{background:linear-gradient(180deg,#5a5a5a,#444);border-color:#888}#rotation-value{font-size:14px;font-weight:700;color:#4aff4a;min-width:40px;text-align:center}.rotation-hint{font-size:10px;color:#666;margin-left:8px}#info-panel{position:absolute;right:10px;top:70px;width:280px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;z-index:100;color:#fff;pointer-events:auto}#info-panel.hidden{display:none}#info-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(180deg,#2d5016,#1e3a0f);border-radius:6px 6px 0 0;border-bottom:2px solid #4a7c23}#info-title{font-size:18px;font-weight:700}#info-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px}#info-close:hover{color:#f66}#info-content{padding:15px}#debug-panel{position:absolute;bottom:10px;left:10px;background:#000000b3;color:#0f0;font-family:monospace;font-size:12px;padding:10px;border-radius:5px;z-index:100;pointer-events:none}#debug-panel.hidden{display:none}#settings-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:16px;padding:4px 8px;cursor:pointer;margin-left:10px}#settings-btn:hover{background:#fff3}#settings-panel{position:absolute;top:60px;right:10px;width:320px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;z-index:150;color:#fff;pointer-events:auto}#settings-panel.hidden{display:none}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(180deg,#2d5016,#1e3a0f);border-radius:6px 6px 0 0;border-bottom:2px solid #4a7c23}.settings-header h3{margin:0;font-size:16px}.settings-body{padding:15px}.settings-section h4{margin:0 0 10px;font-size:14px;color:#aaa}.settings-toggle{display:flex;align-items:center;margin-bottom:12px;cursor:pointer}.settings-toggle input{display:none}.toggle-slider{width:44px;height:24px;background:#555;border-radius:12px;position:relative;transition:background .2s;margin-right:10px;flex-shrink:0}.toggle-slider:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s}.settings-toggle input:checked+.toggle-slider{background:#4a7c23}.settings-toggle input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{font-size:14px}#tasks-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border:1px solid #555;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}#tasks-btn:hover{background:linear-gradient(180deg,#5a5a5a,#4a4a4a)}#tasks-btn #tasks-count{background:#666;padding:2px 6px;border-radius:10px;font-size:11px;min-width:18px;text-align:center}#tasks-btn.has-tasks #tasks-count{background:#4a7c23}#task-list-panel{position:absolute;top:60px;right:10px;width:380px;max-height:500px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border-radius:10px;box-shadow:0 4px 20px #00000080;border:1px solid #555;z-index:1000;display:flex;flex-direction:column}#task-list-panel.hidden{display:none}.task-list-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:linear-gradient(180deg,#2d5016,#1e3a0f);border-radius:10px 10px 0 0;border-bottom:1px solid #4a7c23}.task-list-header h3{margin:0;font-size:16px}.task-list-stats{display:flex;gap:20px;padding:10px 15px;background:#1a1a1a;border-bottom:1px solid #444}.task-stat{font-size:13px;color:#aaa}.task-stat strong{color:#fff}.task-list-body{padding:10px 15px;overflow-y:auto;max-height:380px}.task-list-section{margin-bottom:15px}.task-list-section:last-child{margin-bottom:0}.task-list-section h4{font-size:12px;color:#888;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.tasks-container{background:#1a1a1a;border-radius:5px;border:1px solid #444;max-height:150px;overflow-y:auto}.tasks-container:empty:after{content:"No tasks";display:block;padding:12px;color:#666;font-style:italic;font-size:12px;text-align:center}.task-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #333}.task-item:last-child{border-bottom:none}.task-item-icon{font-size:16px;width:24px;text-align:center}.task-item-info{flex-grow:1;min-width:0}.task-item-type{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-item-location{font-size:11px;color:#888}.task-item-priority{font-size:10px;padding:2px 6px;border-radius:3px;text-transform:uppercase;font-weight:700}.task-item-priority.urgent{background:#dc2626;color:#fff}.task-item-priority.normal{background:#ca8a04;color:#fff}.task-item-priority.low{background:#4b5563;color:#fff}.task-item-worker{font-size:11px;color:#4ade80;white-space:nowrap}.info-stat{margin-bottom:12px}.info-stat-label{font-size:12px;color:#aaa;margin-bottom:4px}.info-stat-bar{height:16px;background:#1a1a1a;border-radius:8px;overflow:hidden;border:1px solid #555}.info-stat-fill{height:100%;transition:width .3s ease}.info-stat-fill.hunger{background:linear-gradient(90deg,#ff6b6b,#ee5a5a)}.info-stat-fill.happiness{background:linear-gradient(90deg,#ffd93d,#f0c929)}.info-stat-fill.health{background:linear-gradient(90deg,#6bcb77,#4aba5a)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.modal.hidden{display:none}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3}.modal-content{position:relative;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:3px solid #4a7c23;border-radius:12px;min-width:400px;max-width:90%;box-shadow:0 10px 40px #00000080;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(180deg,#2d5016,#1e3a0f);padding:20px;border-radius:9px 9px 0 0;border-bottom:2px solid #4a7c23;display:flex;align-items:center;gap:15px}.modal-icon{font-size:36px}.modal-header h2{color:#fff;font-size:22px;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.modal-body{padding:25px;color:#fff}.exhibit-info{font-size:16px;color:#ccc;margin-bottom:20px}.exhibit-info span{color:#4aff4a;font-weight:700}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;color:#aaa}.input-group input{padding:12px 15px;font-size:16px;border:2px solid #555;border-radius:6px;background:#1a1a1a;color:#fff;outline:none;transition:border-color .2s ease}.input-group input:focus{border-color:#4a7c23}.input-group input::placeholder{color:#666}.modal-footer{padding:15px 25px 25px;display:flex;justify-content:flex-end;gap:10px}.modal-btn{padding:12px 25px;font-size:14px;font-weight:700;border:2px solid;border-radius:6px;cursor:pointer;transition:all .2s ease}.modal-btn.cancel{background:linear-gradient(180deg,#4a4a4a,#333);border-color:#666;color:#fff}.modal-btn.cancel:hover{background:linear-gradient(180deg,#5a5a5a,#444);border-color:#888}.modal-btn.confirm{background:linear-gradient(180deg,#4a7c23,#2d5016);border-color:#6aac33;color:#fff}.modal-btn.confirm:hover{background:linear-gradient(180deg,#5a8c33,#3d6026);border-color:#7abc43;box-shadow:0 0 15px #4a7c2366}.tool-divider{height:2px;background:#555;margin:5px 0}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn:disabled:hover{background:linear-gradient(180deg,#4a4a4a,#333);border-color:#666}#animal-info-panel{position:absolute;left:290px;top:70px;width:300px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;z-index:100;pointer-events:auto;color:#fff}#animal-info-panel.hidden{display:none}.animal-info-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(180deg,#2d5016,#1e3a0f);border-radius:6px 6px 0 0;border-bottom:2px solid #4a7c23}.animal-info-header #animal-info-icon{font-size:40px}.animal-info-title h3{margin:0;font-size:18px;color:#fff}.animal-info-title span{font-size:12px;color:#aaa;font-style:italic}.animal-info-body{padding:15px}#animal-info-description{font-size:13px;color:#ccc;line-height:1.4;margin:0 0 15px}.animal-info-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.animal-stat{background:#1a1a1a;padding:8px 10px;border-radius:4px;border:1px solid #444}.animal-stat .stat-label{font-size:11px;color:#888;display:block}.animal-stat .stat-value{font-size:13px;color:#fff;font-weight:700}.animal-info-needs{background:#1a1a1a;padding:12px;border-radius:6px;border:1px solid #444}.animal-info-needs h4{margin:0 0 10px;font-size:13px;color:#4a7c23}.need-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.need-item .need-name{color:#ccc}.need-item .need-bar{width:80px;height:8px;background:#333;border-radius:4px;overflow:hidden}.need-item .need-fill{height:100%;background:linear-gradient(90deg,#4a7c23,#6aac33);border-radius:4px}.need-item .need-value{color:#4aff4a;font-weight:700;min-width:35px;text-align:right}#foliage-info-panel{position:absolute;left:330px;top:70px;width:280px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;z-index:100;pointer-events:auto;color:#fff}#foliage-info-panel.hidden{display:none}.foliage-info-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(180deg,#165016,#0f3a0f);border-radius:6px 6px 0 0;border-bottom:2px solid #2a8c2a}.foliage-info-header #foliage-info-icon{font-size:36px}.foliage-info-title h3{margin:0;font-size:16px;color:#fff}.foliage-info-title #foliage-info-biome{font-size:12px;color:#8c8;font-style:italic;display:block}.foliage-info-body{padding:15px}#foliage-info-description{font-size:13px;color:#ccc;line-height:1.4;margin:0 0 15px}.foliage-info-stats{display:flex;flex-direction:column;gap:8px}.foliage-stat{display:flex;justify-content:space-between;background:#1a1a1a;padding:8px 10px;border-radius:4px;border:1px solid #444}.foliage-stat .stat-label{font-size:12px;color:#888}.foliage-stat .stat-value{font-size:12px;color:#fff;font-weight:700}#building-info-panel{position:absolute;left:290px;top:70px;width:300px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;z-index:100;pointer-events:auto;color:#fff}#building-info-panel.hidden{display:none}.building-info-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(180deg,#4a3d16,#3a2f0f);border-radius:6px 6px 0 0;border-bottom:2px solid #8c7a2a}.building-info-header #building-info-icon{font-size:36px}.building-info-title h3{margin:0;font-size:16px;color:#fff}.building-info-title #building-info-type{font-size:12px;color:#cc8;font-style:italic;display:block}.building-info-body{padding:15px}#building-info-description{font-size:13px;color:#ccc;line-height:1.4;margin:0 0 15px}.building-info-stats{display:flex;flex-direction:column;gap:8px}.building-stat{display:flex;justify-content:space-between;background:#1a1a1a;padding:8px 10px;border-radius:4px;border:1px solid #444}.building-stat .stat-label{font-size:12px;color:#888}.building-stat .stat-value{font-size:12px;color:#fff;font-weight:700}.building-info-items{margin-top:15px;padding-top:15px;border-top:1px solid #444}.building-info-items h4{margin:0 0 10px;font-size:13px;color:#aaa}.building-info-items.hidden{display:none}#building-info-items-list{display:flex;flex-direction:column;gap:6px}.building-item{display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;padding:6px 10px;border-radius:4px;font-size:12px}.building-item .item-name{color:#ccc}.building-item .item-price{color:#4aff4a;font-weight:700}.gender-selector{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:10px;background:#1a1a1a;border-radius:6px;border:1px solid #444}.gender-label{font-size:13px;color:#aaa}.gender-buttons{display:flex;gap:8px;flex:1}.gender-btn{flex:1;padding:8px 12px;font-size:13px;font-weight:700;border:2px solid #555;border-radius:5px;cursor:pointer;transition:all .15s ease;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);color:#ccc}.gender-btn:hover{background:linear-gradient(180deg,#4a4a4a,#3a3a3a);border-color:#666}.gender-btn.active[data-gender=male]{background:linear-gradient(180deg,#2d5a8c,#1e4060);border-color:#4a8cd4;color:#8cc4ff}.gender-btn.active[data-gender=female]{background:linear-gradient(180deg,#8c2d5a,#601e40);border-color:#d44a8c;color:#ff8cc4}#exhibit-info-panel{position:absolute;right:10px;top:70px;width:320px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;z-index:100;pointer-events:auto;color:#fff}#exhibit-info-panel.hidden{display:none}.exhibit-panel-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(180deg,#2d5016,#1e3a0f);border-radius:6px 6px 0 0;border-bottom:2px solid #4a7c23}#exhibit-panel-icon{font-size:32px}.exhibit-panel-title{flex:1}.exhibit-name-input{width:100%;background:#0000004d;border:2px solid transparent;border-radius:4px;padding:6px 10px;font-size:16px;font-weight:700;color:#fff;transition:all .2s ease}.exhibit-name-input:hover{background:#0006;border-color:#fff3}.exhibit-name-input:focus{outline:none;background:#00000080;border-color:#4a7c23}.panel-close-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:5px;opacity:.7;transition:opacity .2s ease}.panel-close-btn:hover{opacity:1;color:#f66}.exhibit-panel-body{padding:15px}.exhibit-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.exhibit-stat{background:#1a1a1a;padding:10px;border-radius:5px;border:1px solid #444}.exhibit-stat .stat-label{display:block;font-size:11px;color:#888;margin-bottom:2px}.exhibit-stat .stat-value{font-size:14px;font-weight:700;color:#4aff4a}.exhibit-animal-list{background:#1a1a1a;border-radius:5px;border:1px solid #444;padding:10px;margin-bottom:15px;max-height:150px;overflow-y:auto}.exhibit-animal-list:empty:after{content:"No animals in exhibit";color:#666;font-style:italic;font-size:13px}.animal-list-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #333}.animal-list-item:last-child{border-bottom:none}.animal-list-item .icon{font-size:20px}.animal-list-item .name{flex:1;font-size:13px}.animal-list-item .gender{font-size:14px}.exhibit-actions{display:flex;gap:10px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(180deg,#4a4a4a,#333);border:2px solid #666;border-radius:6px;cursor:pointer;transition:all .15s ease}.action-btn:hover{background:linear-gradient(180deg,#5a5a5a,#444);border-color:#888}.action-btn.active,.gate-relocate-mode #exhibit-info-panel .action-btn{background:linear-gradient(180deg,#c80,#950);border-color:#fa0}.gate-relocate-hint{margin-top:10px;padding:10px;background:#c803;border:1px solid #cc8800;border-radius:5px;font-size:12px;color:#fc6;text-align:center}#entrance-panel{position:absolute;right:10px;top:70px;width:320px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #8B4513;border-radius:8px;z-index:100;pointer-events:auto;color:#fff}#entrance-panel.hidden{display:none}.entrance-panel-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(180deg,#8b4513,#654321);border-radius:6px 6px 0 0;border-bottom:2px solid #A0522D}#entrance-panel-icon{font-size:32px}.entrance-panel-title{flex:1}.zoo-name-input{width:100%;background:#0000004d;border:2px solid transparent;border-radius:4px;padding:6px 10px;font-size:18px;font-weight:700;color:gold;transition:all .15s ease}.zoo-name-input:hover{background:#0006;border-color:#ffd7004d}.zoo-name-input:focus{outline:none;background:#00000080;border-color:gold}.entrance-panel-body{padding:15px}.entrance-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.entrance-stat{background:#0003;padding:10px;border-radius:5px;display:flex;flex-direction:column;gap:4px}.entrance-stat .stat-label{font-size:11px;color:#888;text-transform:uppercase}.entrance-stat .stat-value{font-size:18px;font-weight:700;color:#4aff4a}.entrance-fee-section{background:#0003;padding:12px;border-radius:5px;margin-bottom:15px}.entrance-fee-section label{display:block;font-size:12px;color:#888;margin-bottom:8px}.entrance-fee-control{display:flex;align-items:center;gap:4px}.entrance-fee-control span{font-size:18px;color:#4aff4a;font-weight:700}.entrance-fee-control input{width:80px;background:#0000004d;border:2px solid #555;border-radius:4px;padding:6px 10px;font-size:18px;font-weight:700;color:#4aff4a;text-align:right}.entrance-fee-control input:focus{outline:none;border-color:#4aff4a}.entrance-rating{background:#0003;padding:12px;border-radius:5px;display:flex;align-items:center;justify-content:space-between}.entrance-rating .stat-label{font-size:12px;color:#888}.zoo-rating{display:flex;gap:2px}.zoo-rating .star{font-size:20px;color:gold}.zoo-rating .star.empty{color:#444}.entrance-actions{margin-top:15px}.entrance-actions .action-btn{width:100%;padding:12px;font-size:14px;font-weight:700;background:linear-gradient(180deg,#4a7c23,#2d5016);border:2px solid #6aac33;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.entrance-actions .action-btn:hover{background:linear-gradient(180deg,#5a8c33,#3d6026);border-color:#7abc43;box-shadow:0 0 15px #4a7c2366}.history-modal-content{width:700px;max-width:95%}.history-modal-body{min-height:400px}.history-stat-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.history-stat-btn{padding:8px 14px;font-size:12px;font-weight:700;background:linear-gradient(180deg,#4a4a4a,#333);border:2px solid #555;border-radius:5px;color:#aaa;cursor:pointer;transition:all .15s ease}.history-stat-btn:hover{background:linear-gradient(180deg,#5a5a5a,#444);border-color:#666;color:#fff}.history-stat-btn.active{background:linear-gradient(180deg,#4a7c23,#2d5016);border-color:#6aac33;color:#fff}.history-chart-container{background:#0000004d;border-radius:8px;padding:15px;margin-bottom:15px}#history-chart{width:100%;height:300px}.history-info{text-align:center;font-size:13px;color:#888}.history-no-data{display:block;padding:20px;color:#888;font-style:italic}.history-no-data.hidden{display:none}#selected-animal-panel{position:absolute;right:10px;top:70px;width:300px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;z-index:100;pointer-events:auto;color:#fff}#selected-animal-panel.hidden{display:none}.animal-panel-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(180deg,#8b5a2b,#6b4423);border-radius:6px 6px 0 0;border-bottom:2px solid #a67c52}#selected-animal-icon{font-size:36px}.animal-panel-title{flex:1;display:flex;flex-direction:column;gap:2px}.animal-name-input{width:100%;background:#0000004d;border:2px solid transparent;border-radius:4px;padding:4px 8px;font-size:15px;font-weight:700;color:#fff;transition:all .2s ease}.animal-name-input:hover{background:#0006;border-color:#fff3}.animal-name-input:focus{outline:none;background:#00000080;border-color:#a67c52}#selected-animal-species{font-size:11px;color:#ccc;font-style:italic;padding-left:8px}.animal-panel-body{padding:15px}.animal-panel-stats{display:flex;gap:15px;margin-bottom:15px}.animal-stat-row{display:flex;gap:5px;align-items:center}.animal-stat-row .stat-label{font-size:12px;color:#888}.animal-stat-row .stat-value{font-size:13px;font-weight:700;color:#fff}.animal-panel-bars{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.stat-bar-group{display:flex;flex-direction:column;gap:4px}.stat-bar-label{display:flex;justify-content:space-between;font-size:12px;color:#aaa}.stat-bar{height:14px;background:#1a1a1a;border-radius:7px;overflow:hidden;border:1px solid #444}.stat-bar-fill{height:100%;border-radius:7px;transition:width .3s ease,background .3s ease;background:linear-gradient(90deg,#6bcb77,#4aba5a)}.stat-bar-fill.bar-good{background:linear-gradient(90deg,#6bcb77,#4aba5a)!important}.stat-bar-fill.bar-medium{background:linear-gradient(90deg,#ffd93d,#f0c929)!important}.stat-bar-fill.bar-poor{background:linear-gradient(90deg,#ff6b6b,#ee5a5a)!important}.stat-bar-group.clickable{cursor:pointer}.stat-bar-group.clickable:hover .stat-bar-label{color:#ffd93d}.expand-arrow{display:inline-block;font-size:10px;transition:transform .2s ease;margin-left:4px}.stat-bar-group.expanded .expand-arrow{transform:rotate(90deg)}.happiness-breakdown{margin-top:8px;padding:10px;background:#1a1a1a;border-radius:6px;border:1px solid #444;animation:slideDown .2s ease-out}.happiness-breakdown.hidden{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.breakdown-item{padding:6px 0;border-bottom:1px solid #333}.breakdown-item:last-child{border-bottom:none}.breakdown-row{display:flex;align-items:center;gap:8px}.breakdown-reason{font-size:10px;color:#ff9800;padding:4px 0 2px 24px;font-style:italic}.breakdown-reason.hidden{display:none}.breakdown-label{font-size:11px;color:#aaa;min-width:90px}.breakdown-bar{flex:1;height:10px;background:#333;border-radius:5px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:5px;transition:width .3s ease,background .3s ease;background:linear-gradient(90deg,#6bcb77,#4aba5a)}.breakdown-bar-fill.bar-good{background:linear-gradient(90deg,#6bcb77,#4aba5a)!important}.breakdown-bar-fill.bar-medium{background:linear-gradient(90deg,#ffd93d,#f0c929)!important}.breakdown-bar-fill.bar-poor{background:linear-gradient(90deg,#ff6b6b,#ee5a5a)!important}.breakdown-value{font-size:11px;font-weight:700;min-width:35px;text-align:right}.breakdown-value.good{color:#6bcb77}.breakdown-value.medium{color:#ffd93d}.breakdown-value.poor{color:#ff6b6b}.animal-panel-info{background:#1a1a1a;border-radius:5px;border:1px solid #444;padding:10px}.animal-state{font-size:13px;color:#ccc}.animal-state:before{content:"Status: ";color:#888}.animal-pregnancy{margin-top:8px;padding-top:8px;border-top:1px solid #333;font-size:13px;color:#ff8cc4}.animal-pregnancy.hidden{display:none}#selected-staff-panel{position:absolute;right:10px;top:70px;width:300px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;z-index:100;pointer-events:auto;color:#fff}#selected-staff-panel.hidden{display:none}.staff-panel-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(180deg,#3d6b8c,#2d4f66);border-radius:6px 6px 0 0;border-bottom:2px solid #5a9bc4}#selected-staff-icon{font-size:36px}.staff-panel-title{flex:1;display:flex;flex-direction:column;gap:2px}.staff-name-input{width:100%;background:#0000004d;border:2px solid transparent;border-radius:4px;padding:4px 8px;font-size:15px;font-weight:700;color:#fff;transition:all .2s ease}.staff-name-input:hover{background:#0006;border-color:#fff3}.staff-name-input:focus{outline:none;background:#00000080;border-color:#5a9bc4}#selected-staff-type{font-size:11px;color:#ccc;padding-left:8px}.staff-panel-body{padding:15px}.staff-panel-status{display:flex;gap:8px;align-items:center;margin-bottom:10px}.staff-panel-status .status-label{font-size:12px;color:#888}.staff-panel-status .status-value{font-size:13px;font-weight:700;color:#5a9bc4}.staff-task{background:#1a1a1a;border-radius:5px;border:1px solid #444;padding:10px;margin-bottom:15px;font-size:13px;color:#ffd93d}.staff-task.hidden{display:none}.staff-panel-section{margin-bottom:15px}.staff-panel-section h4{font-size:12px;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.assigned-exhibits-list,.available-exhibits-list{background:#1a1a1a;border-radius:5px;border:1px solid #444;padding:8px;max-height:120px;overflow-y:auto}.assigned-exhibits-list:empty:after{content:"No exhibits assigned";color:#666;font-style:italic;font-size:12px}.available-exhibits-list:empty:after{content:"No exhibits available";color:#666;font-style:italic;font-size:12px}.task-toggles-list{background:#1a1a1a;border-radius:5px;border:1px solid #444;padding:8px}.task-toggle-item{display:flex;align-items:center;gap:10px;padding:6px 4px;cursor:pointer;transition:background .15s ease;border-radius:4px}.task-toggle-item:hover{background:#2a2a2a}.task-toggle-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4ade80}.task-toggle-item .task-label{font-size:13px;color:#fff;flex-grow:1}.task-toggle-item .task-label.disabled{color:#666}.exhibit-assign-item{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:4px;background:#2a2a2a;margin-bottom:4px;cursor:pointer;transition:all .15s ease}.exhibit-assign-item:last-child{margin-bottom:0}.exhibit-assign-item:hover{background:#3a3a3a}.exhibit-assign-item .exhibit-name{font-size:13px;color:#fff}.exhibit-assign-item .exhibit-animals{font-size:11px;color:#888}.exhibit-assign-item .assign-btn,.exhibit-assign-item .unassign-btn{padding:4px 10px;font-size:11px;font-weight:700;border:1px solid;border-radius:4px;cursor:pointer;transition:all .15s ease}.exhibit-assign-item .assign-btn{background:linear-gradient(180deg,#4a7c23,#2d5016);border-color:#6aac33;color:#fff}.exhibit-assign-item .assign-btn:hover{background:linear-gradient(180deg,#5a8c33,#3d6026)}.exhibit-assign-item .unassign-btn{background:linear-gradient(180deg,#8c3d3d,#662d2d);border-color:#c45a5a;color:#fff}.exhibit-assign-item .unassign-btn:hover{background:linear-gradient(180deg,#9c4d4d,#763d3d)}#selected-guest-panel{position:absolute;right:10px;top:70px;width:300px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;box-shadow:0 4px 20px #00000080;z-index:1000}#selected-guest-panel.hidden{display:none}.guest-panel-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(180deg,#6b5a8b,#4f4366);border-radius:6px 6px 0 0;border-bottom:1px solid #444}#selected-guest-icon{font-size:28px}.guest-panel-title{flex:1}.guest-label{font-size:18px;font-weight:700;color:#fff}.guest-panel-body{padding:15px}.guest-panel-stats{background:#1a1a1a;border-radius:5px;padding:10px;margin-bottom:15px}.guest-stat-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.guest-stat-row .stat-label{color:#888}.guest-stat-row .stat-value{color:#fff;font-weight:700}.guest-panel-bars{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.guest-happiness-breakdown{background:#1a1a1a;border-radius:5px;padding:10px}.guest-happiness-breakdown h4{font-size:12px;color:#888;margin-bottom:10px;text-transform:uppercase}.favorites-display{font-size:12px}#selected-building-panel{position:absolute;right:10px;top:70px;width:280px;background:linear-gradient(180deg,#3d3d3d,#2a2a2a);border:2px solid #555;border-radius:8px;box-shadow:0 4px 20px #00000080;z-index:1000}#selected-building-panel.hidden{display:none}.building-panel-header{display:flex;align-items:center;gap:12px;padding:15px;background:linear-gradient(180deg,#8b6b3d,#665a33);border-radius:6px 6px 0 0;border-bottom:1px solid #444}#selected-building-icon{font-size:28px}.building-panel-title{flex:1}#selected-building-name{font-size:16px;font-weight:700;color:#fff;display:block}.building-status{font-size:12px;padding:2px 8px;border-radius:10px;display:inline-block;margin-top:4px}.building-status.status-open{background:#27ae60;color:#fff}.building-status.status-closed{background:#e74c3c;color:#fff}.building-panel-body{padding:15px}.building-panel-stats{background:#1a1a1a;border-radius:5px;padding:10px;margin-bottom:15px}.building-stat-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.building-stat-row .stat-label{color:#888}.building-stat-row .stat-value{color:#fff;font-weight:700}.building-menu-section{background:#1a1a1a;border-radius:5px;padding:10px;margin-bottom:15px}.building-menu-section.hidden{display:none}.building-menu-section h4{font-size:12px;color:#888;margin-bottom:10px;text-transform:uppercase}.building-menu-list{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:10px;padding:8px;background:#2a2a2a;border-radius:4px}.menu-item-icon{font-size:20px}.menu-item-name{flex:1;color:#fff;font-size:13px}.menu-item-price{color:#2ecc71;font-weight:700;font-size:13px}.menu-empty{color:#666;font-style:italic;text-align:center;padding:10px}.building-panel-actions{display:flex;gap:10px}.building-panel-actions .action-btn{flex:1;padding:8px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;background:#555;color:#fff;transition:background .2s}.building-panel-actions .action-btn:hover{background:#666}.entrance-happiness-section{margin-top:10px;padding-top:10px;border-top:1px solid #444}.entrance-happiness-section .entrance-stat{margin-bottom:8px}.entrance-happiness-bar{height:8px;background:#1a1a1a}#selected-shelter-panel{position:fixed;top:60px;right:10px;width:280px;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border:2px solid #555;border-radius:8px;box-shadow:0 4px 20px #00000080;z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#selected-shelter-panel.hidden{display:none}.shelter-panel-header{display:flex;align-items:center;padding:12px 15px;background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border-bottom:1px solid #444;border-radius:6px 6px 0 0}#selected-shelter-icon{font-size:24px;margin-right:10px}.shelter-panel-title{flex:1}#selected-shelter-name{font-size:16px;font-weight:700;color:#fff}.shelter-panel-body{padding:15px}.shelter-panel-stats{margin-bottom:15px}.shelter-stat-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #333}.shelter-stat-row:last-child{border-bottom:none}.shelter-animals-section h4{font-size:12px;color:#888;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.shelter-animals-list{background:#1a1a1a;border-radius:5px;border:1px solid #444;padding:8px;max-height:150px;overflow-y:auto}.shelter-animals-list .no-animals{color:#666;font-style:italic;font-size:12px}.shelter-animal-item{display:flex;align-items:center;padding:6px 8px;border-radius:4px;background:#2a2a2a;margin-bottom:4px}.shelter-animal-item:last-child{margin-bottom:0}.shelter-animal-item .animal-icon{font-size:18px;margin-right:8px}.shelter-animal-item .animal-name{font-size:13px;color:#fff}#touch-controls{position:fixed;inset:0;pointer-events:none;z-index:90}#touch-controls.hidden{display:none}.touch-controls-group{position:absolute;display:flex;flex-direction:column;gap:10px;pointer-events:auto}.touch-controls-left{left:10px;bottom:100px}.touch-controls-right{right:10px;bottom:100px}.touch-control-btn{width:60px;height:60px;font-size:28px;background:linear-gradient(180deg,#4a4a4ae6,#333333e6);border:3px solid #666;border-radius:50%;color:#fff;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 15px #0006;display:flex;align-items:center;justify-content:center}.touch-control-btn:active{transform:scale(.95);background:linear-gradient(180deg,#5a5a5af2,#444444f2);border-color:#888}#touch-confirm-bar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;background:linear-gradient(180deg,#2d5016f2,#1e3a0ff2);border:2px solid #4a7c23;border-radius:30px;padding:12px 20px;pointer-events:auto;box-shadow:0 4px 20px #00000080}#touch-confirm-bar.hidden{display:none}#touch-confirm-text{color:#fff;font-size:14px;font-weight:700}.touch-confirm-btn,.touch-cancel-btn{padding:10px 20px;font-size:16px;font-weight:700;border:2px solid;border-radius:20px;cursor:pointer;transition:all .15s ease}.touch-confirm-btn{background:linear-gradient(180deg,#4a7c23,#2d5016);border-color:#6aac33;color:#fff}.touch-confirm-btn:active{background:linear-gradient(180deg,#5a8c33,#3d6026)}.touch-cancel-btn{background:linear-gradient(180deg,#8c3d3d,#662d2d);border-color:#c45a5a;color:#fff}.touch-cancel-btn:active{background:linear-gradient(180deg,#9c4d4d,#763d3d)}body.touch-mode{overflow:hidden;position:fixed;width:100%;height:100%;touch-action:none}body.touch-mode #game-container{overflow:hidden}body.touch-mode #tool-panel{padding:10px;gap:8px;max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}body.touch-mode #tool-panel::-webkit-scrollbar{width:4px}body.touch-mode #tool-panel::-webkit-scrollbar-track{background:transparent}body.touch-mode #tool-panel::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}body.touch-mode .tool-btn{width:60px;height:60px;font-size:28px}body.touch-mode #submenu-panel{left:85px}body.touch-mode .submenu-item{padding:14px;gap:12px}body.touch-mode .submenu-item .icon{font-size:28px}body.touch-mode .submenu-item .name{font-size:16px}body.touch-mode .submenu-item .cost{font-size:14px}.touch-selected-tile{position:absolute;pointer-events:none;z-index:50}#touch-mode-indicator{position:fixed;top:55px;left:50%;transform:translate(-50%);background:#4a7c23e6;color:#fff;padding:6px 15px;border-radius:15px;font-size:12px;font-weight:700;z-index:101;pointer-events:none}body.touch-mode .brush-btn,body.touch-mode .rotate-btn{width:40px;height:40px;font-size:20px}body.touch-mode .brush-size-control,body.touch-mode .rotation-control{padding:14px}body.touch-mode .rotation-hint,body.touch-mode .brush-hint{display:none}body.touch-mode{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}