:root{--color-primary: #0d0d0d;--color-secondary: #e5e3de;--color-accent: #10b981;--color-neutral: #9ca3af;--bg-primary: var(--color-primary);--bg-panel: transparent;--button-click: var(--color-accent);--button-click-hover: #0ea572;--button-affordable: var(--color-accent);--button-unaffordable: #2d2d2d;--button-locked: #1a1a1a;--upgrade-affordable: var(--color-accent);--upgrade-unaffordable: #2d2d2d;--upgrade-teaser: #1a1a1a;--reset-button: #7f1d1d;--reset-button-hover: #991b1b;--text-primary: var(--color-secondary);--text-secondary: var(--color-neutral);--text-tertiary: #6b7280;--text-locked: #374151;--text-unaffordable: #6b7280;--text-teaser: #4b5563;--font-family: "Courier New", Courier, monospace;--border-color: var(--color-accent);--section-padding: 15px}.game-ui{display:flex;width:100vw;height:100vh;font-family:var(--font-family);-webkit-user-select:none;user-select:none;background-color:var(--bg-primary)}.left-panel{width:300px;height:100%;display:flex;flex-direction:column;align-items:center;border-right:2px solid var(--border-color);padding:var(--section-padding);box-sizing:border-box}.token-display{display:flex;flex-direction:column;align-items:center;padding:20px;gap:8px;border:2px solid var(--border-color);border-radius:8px;width:100%}.tokens-text{font-size:32px;color:var(--text-primary);font-weight:700}.tokens-label{font-size:16px;color:var(--text-secondary);margin-top:-4px}.tps-text{font-size:20px;color:var(--text-secondary)}.per-click-text{font-size:18px;color:var(--text-tertiary)}.click-button-container{flex:1;display:flex;align-items:center;justify-content:center}.click-button{width:150px;height:80px;background-color:transparent;border:3px solid var(--color-accent);border-radius:16px;color:var(--text-primary);font-size:32px;font-family:var(--font-family);cursor:pointer;transition:transform 50ms ease,border-color .1s ease}.click-button:hover{border-color:var(--button-click-hover)}.click-button:active{transform:scale(.9)}.reset-button{width:100px;height:30px;background-color:var(--reset-button);border:none;border-radius:6px;color:var(--text-primary);font-size:14px;font-family:var(--font-family);cursor:pointer;transition:background-color .1s ease;margin-bottom:10px}.reset-button:hover{background-color:var(--reset-button-hover)}.right-panel{flex:1;padding:var(--section-padding);display:flex;flex-direction:column;gap:15px;overflow:visible}.upgrade-panel{display:flex;gap:8px;flex-wrap:wrap;padding:10px 10px 70px;border:2px solid var(--border-color);border-radius:8px;min-height:60px;max-height:200px;overflow-y:auto}.upgrade-item{width:145px;padding:6px 8px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;box-sizing:border-box;position:relative}.upgrade-item:hover{opacity:.9;z-index:100}.upgrade-item.affordable{background-color:transparent;border:2px solid var(--color-accent)}.upgrade-item.unaffordable{background-color:var(--upgrade-unaffordable)}.upgrade-item.teaser{background-color:var(--upgrade-teaser);cursor:default}.upgrade-item.teaser:hover{opacity:1}.upgrade-item.hidden{display:none}.upgrade-name{font-size:12px;line-height:1.2;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-cost{font-size:10px;line-height:1.2;color:var(--text-primary)}.upgrade-desc{display:none;position:absolute;top:100%;left:0;min-width:180px;margin-top:4px;padding:6px 8px;font-size:10px;color:var(--text-primary);background-color:#1a1a1a;border:1px solid var(--border-color);border-radius:4px;white-space:normal;z-index:1000;pointer-events:none;box-shadow:0 2px 8px #00000080}.upgrade-item:hover .upgrade-desc{display:block}.upgrade-target{font-size:9px;line-height:1.2;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upgrade-item.unaffordable .upgrade-name,.upgrade-item.unaffordable .upgrade-cost{color:var(--text-unaffordable)}.upgrade-item.unaffordable .upgrade-target{color:#555}.upgrade-item.teaser .upgrade-name,.upgrade-item.teaser .upgrade-cost,.upgrade-item.teaser .upgrade-target{color:var(--text-teaser)}.upgrade-item.affordable .upgrade-target{color:var(--color-accent)}.building-panel{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1;padding:10px;border:2px solid var(--border-color);border-radius:8px}.building-row{height:70px;padding:10px;display:flex;align-items:center;box-sizing:border-box;position:relative}.building-row.hidden{display:none}.building-info{flex:1;display:flex;flex-direction:column}.building-header{display:flex;align-items:baseline;gap:10px}.building-name,.building-count{font-size:16px;color:var(--text-primary)}.building-production{font-size:12px;color:var(--text-secondary);margin-top:2px}.building-cost{font-size:14px;color:var(--text-primary);margin-top:4px}.building-buy-btn{width:70px;height:40px;border:2px solid transparent;border-radius:6px;font-size:14px;font-family:var(--font-family);color:var(--text-primary);cursor:pointer;transition:opacity .1s ease}.building-buy-btn:hover{opacity:.85}.building-buy-btn.affordable{background-color:transparent;border-color:var(--color-accent)}.building-buy-btn.unaffordable{background-color:var(--button-unaffordable)}.building-buy-btn.locked{background-color:var(--button-locked);cursor:default}.building-buy-btn.locked:hover{opacity:1}.building-row.unaffordable .building-name,.building-row.unaffordable .building-count,.building-row.unaffordable .building-cost{color:var(--text-unaffordable)}.building-row.unaffordable .building-production{color:#666}.building-row.locked .building-name,.building-row.locked .building-count,.building-row.locked .building-cost,.building-row.locked .building-production{color:var(--text-locked)}.building-tooltip{display:none;position:absolute;top:100%;left:10px;min-width:240px;max-width:300px;margin-top:4px;padding:10px 12px;font-size:11px;color:var(--text-primary);background-color:#1a1a1a;border:1px solid var(--border-color);border-radius:6px;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #0009}.building-row:hover .building-tooltip{display:block}.building-row.locked:hover .building-tooltip{display:none}.tooltip-header{font-size:13px;font-weight:700;color:var(--color-accent);margin-bottom:8px;border-bottom:1px solid var(--border-color);padding-bottom:4px}.tooltip-section{margin-bottom:8px}.tooltip-row{display:flex;justify-content:space-between;padding:2px 0}.tooltip-subtotal{border-top:1px dashed var(--text-tertiary);margin-top:4px;padding-top:4px}.tooltip-label{color:var(--text-secondary);font-size:10px;margin-bottom:2px}.tooltip-upgrade{font-size:10px;color:var(--text-secondary);padding-left:8px}.tooltip-final{border-top:1px solid var(--border-color);padding-top:6px;margin-top:4px}.tooltip-final .tooltip-row{font-weight:700}.click-button-container{position:relative}.click-value-popup{position:absolute;color:var(--color-accent);font-size:20px;font-weight:700;pointer-events:none;animation:float-up .6s ease-out forwards;white-space:nowrap}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.branding{display:flex;flex-direction:column;align-items:center;gap:2px;padding-bottom:10px}.branding-version,.branding-name{font-size:10px;color:var(--text-tertiary)}.branding-name a{color:var(--text-tertiary);text-decoration:none}.branding-name a:hover{color:var(--color-accent)}