body{text-align:center;font-family:MonospaceTypewriter,monospace}button{text-align:center;font-family:MonospaceTypewriter,monospace;font-size:16px}.container{display:flex;flex-direction:column;align-items:center;margin:0 auto;max-width:540px;width:100%;background:#fff;border-radius:10px}@media(max-width:540px){.container{width:100%}}.header-fixed{position:sticky;top:0;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;width:100%}.header-text{font-weight:700;line-height:150%}.tabs{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));grid-auto-rows:minmax(40px,auto);gap:5px;margin:10px 0}.tab{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #ccc;border-radius:4px;text-align:center;font-size:16px}@media(max-width:540px){.tabs{grid-template-columns:repeat(4,minmax(60px,130px))}.tab{font-size:16px;padding:5px}}.active-tab{background-color:#f0f0f0}.clickable{cursor:pointer}.pei-image{margin:0 auto;background-size:cover;background-position:center;border-radius:8px}.click-effects-container{position:relative;bottom:-50%;left:30%;right:0;pointer-events:none}.click-effect{position:absolute;font-size:16px;color:#114514;font-weight:700;animation:floatUp 2s ease-out forwards;text-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes floatUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}@media(max-width:540px){.big-pei{font-size:80px}.click-effect{font-size:18px}}.golden-pei{width:50px;height:50px;background-color:gold}.golden-pei-hide{width:50px;height:50px;background-color:#ccc}.effect-toast{position:fixed;right:20px;bottom:20px;background:#fff3e0;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000001a;border-left:5px solid #ff9800;animation:slideIn .3s ease-out}.disabled{background-color:#ccc}.divider{line-height:0px;color:#fff}.building-grid{display:grid;grid-template-columns:repeat(auto-fit,1fr)}.building{border:2px solid #ccc;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:space-between;background:#f8f8f8}.bulk-selector{margin:10px 0;padding:5px;background:#f0f0f0}.upgrade-grid{display:grid;grid-template-columns:repeat(auto-fit,1fr)}.upgrade{border:2px solid #ccc;border-radius:4px;padding:4px;display:flex;align-items:center;justify-content:space-between;background:#f8f8f8}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,1fr)}.achievement{border:2px solid #ccc;border-radius:4px;padding:4px;display:flex;align-items:center;justify-content:space-between;background:#f8f8f8}.achievement.unlocked{border-color:#4caf50;background:#e8f5e9}.achievement-icon{font-size:2em;margin-right:15px}.achievement-info h4{margin:0 0 5px;color:#333}.achievement-info p{margin:0;color:#666}.achievement-info small{color:#999;font-size:.8em}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.achievement-toast{position:fixed;right:20px;bottom:20px;background:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000001a;animation:slideIn .3s ease-out;border-left:5px solid #4CAF50}.shop{margin-top:20px;border-top:2px solid #666;padding-top:15px}.upgrade-item{border:2px solid #aaa;padding:10px;border-radius:5px;background:#f8f8f833}.upgrade-item button{margin:5px 0}.upgrade-item.unlocked{border-color:#4caf50;background:#c8ffc833}.space{background-color:#001c60;color:#ffe29f}.space-reset-section{background:#0000004d;padding:15px;border-radius:8px;margin-bottom:20px}.space-reset-button{background:#4a6cf7;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:16px}.space-reset-button:hover{background:#3a5ce7}.reset-locked{color:#ff6b6b}.reset-ready{color:#4ecdc4}.space-upgrades-tree{margin-top:20px}.upgrade-node{margin:5px 0;padding:5px;border-radius:5px;background:#0003}.upgrade-node.unlocked{background:#4ecdc433}.children-container{display:flex;flex-wrap:wrap;gap:5px;margin-left:5px;padding-left:5px;border-left:2px dashed #4ecdc4}.upgrade-info{min-width:300px}.progress-bar{height:16px;background:#f0f0f0;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;margin:8px}.progress-bar>div{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:8px}.progress-bar2{height:16px;background:#f0f0f0;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a;margin:8px}.progress-bar2>div{height:100%;background:linear-gradient(90deg,#4c50af,#8184c7);border-radius:8px}.pei-life{background:#fff;border:#dfbf0d solid 2px;border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.pei-cele{background:#fff;border:#0d1bdf solid 2px;border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.offline-toast{position:fixed;right:20px;bottom:80px;background:#e3f2fd;padding:15px;border-radius:8px;box-shadow:0 4px 6px #0000001a;border-left:5px solid #2196F3;animation:slideIn .3s ease-out}