html,body,#root{height:100%;margin:0;padding:0}html,body{scroll-behavior:smooth}body{overflow:hidden;background-color:#2c2c2c;color:#ccc}#root{margin:0 auto;text-align:center}.App{height:100vh;display:flex;flex-direction:column;overflow:hidden;text-align:center;font-family:Arial,sans-serif;scroll-behavior:smooth}.App-header{background-color:#1a1a1a;padding:10px 20px;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0003;display:flex;flex-direction:column;gap:8px}.header-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.App-header h1{margin:0;font-size:1.4em;flex-grow:1;text-align:left}.click-score-display{font-size:1.1em;font-weight:700;color:#4caf50;padding:0 10px;white-space:nowrap;display:flex;align-items:center}.auto-clicker-status{font-size:.8em;color:#ffeb3b;margin-left:8px;font-style:italic}.header-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;width:100%}.header-buttons-group{display:flex;gap:5px;flex-wrap:nowrap;justify-content:flex-end;align-items:stretch;flex-grow:1;overflow:hidden}.sidebar-toggle-button,.media-interaction-toggle-button,.goon-type-refresh-button,.reset-game-button{flex-grow:1;flex-shrink:1;flex-basis:0;min-width:50px;padding:6px 8px;font-size:.8em;white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.2;height:auto;display:flex;align-items:center;justify-content:center;text-align:center;overflow:visible;text-overflow:clip}.sidebar-toggle-button{background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.sidebar-toggle-button:hover{background-color:#5a6268}.reset-game-button{padding:8px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.reset-game-button:hover{background-color:#c82333}.mood-refresh-button{padding:8px 12px;background-color:#17a2b8;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.mood-refresh-button:hover{background-color:#138496}.global-mute-button{padding:8px 12px;background-color:#6f42c1;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.global-mute-button:hover{background-color:#5a32a3}.auto-clicker-pause-button{padding:6px 10px;font-size:.85em;background-color:#ffc107;color:#212529;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.auto-clicker-pause-button:hover{background-color:#e0a800}.auto-clicker-pause-button:disabled{background-color:#555!important;color:#aaa!important;cursor:not-allowed!important}.App-header button{padding:8px 15px;border-radius:15px;border:none;background-color:#007bff;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:auto}.App-header button:hover{background-color:#0056b3}.App-header button:disabled{background-color:#555;color:#aaa;cursor:not-allowed}.navigation-controls{display:flex;justify-content:center;align-items:stretch;gap:5px;padding-top:5px;min-height:40px;width:100%;flex-wrap:nowrap;overflow:hidden}.scroll-button-up,.hide-all-header-button,.auto-clicker-pause-button{flex-grow:1;flex-shrink:1;flex-basis:0;min-width:50px;padding:5px;font-size:.75em;white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.1;height:auto;display:flex;align-items:center;justify-content:center;text-align:center;overflow:visible;text-overflow:clip}.scroll-button-up{background-color:#ffc107!important}.scroll-button-up:hover{background-color:#e0a800!important}.scroll-button-up:disabled{background-color:#555!important;color:#aaa!important;cursor:not-allowed!important}main{flex-grow:1;background-color:#2c2c2c;display:flex;overflow:hidden;padding:0}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:10px}.sidebar{width:280px;min-width:250px;background-color:#1e1e1e;padding:15px;overflow-y:auto;border-left:2px solid #444;box-shadow:-2px 0 5px #0000001a;display:flex;flex-direction:column;gap:15px}.media-stream-scroll-container{flex-grow:1;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth}.media-list{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}.media-item{border:1px solid #444;border-radius:8px;background-color:#1e1e1e;width:80%;max-width:600px;box-shadow:0 4px 8px #0003;overflow:hidden;min-height:200px;display:flex;justify-content:center;align-items:center;position:relative}.media-item.media-item-error{min-height:50px;height:auto;padding:10px;color:#ff8a80;background-color:#2a2a2a;border-color:#555;font-size:.9em;text-align:center;display:flex;justify-content:center;align-items:center}.media-loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#1e1e1ecc;color:#ccc;font-size:.9em}.media-item img,.media-item video{max-width:100%;max-height:70vh;object-fit:contain}.error-text{padding:15px;font-size:1.1em;color:#fdd;background-color:#8b0000;border:1px solid #ff7777;border-radius:5px;margin:20px auto;max-width:600px}.auto-clicker-tuner-panel{background-color:#2a2a2a;padding:15px;border-radius:6px;margin-bottom:15px;border:1px solid #444}.auto-clicker-tuner-panel h4{margin-top:0;margin-bottom:10px;color:#eee}.auto-clicker-tuner-panel label{display:block;margin-bottom:8px;font-size:.95em;color:#ccc}.cps-slider{width:100%;margin-bottom:5px;cursor:pointer}.cps-slider::-webkit-slider-runnable-track{background:#555;height:8px;border-radius:4px}.cps-slider::-moz-range-track{background:#555;height:8px;border-radius:4px}.cps-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#007bff;border-radius:50%;margin-top:-5px}.cps-slider::-moz-range-thumb{width:18px;height:18px;background:#007bff;border-radius:50%;border:none}.tuner-range-labels{display:flex;justify-content:space-between;font-size:.8em;color:#aaa}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.media-stream-scroll-container{flex-grow:1;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.media-stream-scroll-container::-webkit-scrollbar{display:none}.media-list{display:flex;flex-direction:column;align-items:center;gap:15px;padding:10px 0}.media-item{border:1px solid #444;border-radius:8px;background-color:#1e1e1e;width:100%;max-width:700px;box-shadow:0 4px 8px #0000004d;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:250px}.media-item h5{color:#eee;margin:5px 0;padding:0 10px;font-size:.9em;text-align:center}.media-item img,.media-item video{max-width:100%;max-height:80vh;object-fit:contain;display:block}.loading-text,.info-text{padding:20px;font-size:1.2em;color:#aaa;width:100%;text-align:center}.media-stream-tiktok-container{width:100%;height:100%;overflow:hidden;position:relative;background-color:#111}.media-list-tiktok{width:100%;display:flex;flex-direction:column;transition:transform .3s ease-out}.media-item-tiktok-wrapper{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-shrink:0;position:relative;border-bottom:1px solid #222}.media-item-tiktok-wrapper .media-item{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000}.media-item-tiktok-wrapper .media-item img,.media-item-tiktok-wrapper .media-item video{max-width:100%;max-height:100%;object-fit:contain}.upgrades-panel{display:flex;flex-direction:column;gap:20px;padding:10px;background-color:#252525;border-radius:8px;height:100%;overflow-y:auto;color:#e0e0e0}.upgrades-panel h3,.upgrades-panel h4{margin-top:20px;margin-bottom:10px;color:#fff;border-bottom:1px solid #555;padding-bottom:5px}.upgrades-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.upgrade-item{background-color:#2a2a2a;padding:12px;border-radius:6px;border:1px solid #444;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.upgrade-item h5{margin-top:0;margin-bottom:8px;color:#f0f0f0}.upgrade-item p{font-size:.9em;color:#b0b0b0;margin-bottom:10px}.upgrade-item button{padding:8px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.upgrade-item button:hover:not(:disabled){background-color:#0056b3}.upgrade-item button:disabled{background-color:#555;color:#aaa;cursor:not-allowed}.upgrade-item.unlocked{background-color:#3a4a3a;border-color:#5a7a5a}.upgrade-item.unlocked h5{color:#a0d0a0}.upgrade-item.disabled{opacity:.7}.requirements-not-met{font-size:.8em;color:#ff8a80!important;font-style:italic}.sort-options-selector{margin-bottom:20px}.sort-options-selector select{width:100%;padding:8px;background-color:#333;color:#fff;border:1px solid #555;border-radius:4px;font-size:.95em}.goon-filters-section{margin-bottom:20px}.goon-filters-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:5px 0;border-bottom:1px solid #555;margin-bottom:10px}.goon-filters-header h4{margin:0;border-bottom:none}.goon-filters-arrow{font-size:1.2em;transition:transform .3s ease}.goon-filters-arrow.collapsed{transform:rotate(-90deg)}.goon-types-container{padding-top:5px}.goon-types-list{list-style:none;padding:0;margin:0}.goon-type-item{padding:8px 5px;border-bottom:1px solid #3a3a3a;transition:background-color .2s ease}.goon-type-item:last-child{border-bottom:none}.goon-type-item label{display:flex;align-items:center;cursor:pointer;color:silver;font-size:.9em}.goon-type-item input[type=checkbox]{margin-right:10px;cursor:pointer;accent-color:#007bff}.goon-type-item.selected label{color:#00e676;font-weight:700}.goon-type-item.disabled label{color:#777;cursor:not-allowed}.goon-type-item.disabled input[type=checkbox]{cursor:not-allowed;opacity:.5}.goon-type-item:not(.disabled):hover{background-color:#333}.no-goon-types-text{width:100%;text-align:center;font-style:italic;color:#999;padding:10px 0}.goon-upgrade-category{margin-bottom:15px;border:1px solid #383838;border-radius:4px;background-color:#2c2c2c}.goon-upgrade-category-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;background-color:#333;border-bottom:1px solid #383838;transition:background-color .2s ease}.goon-upgrade-category-header:hover{background-color:#3a3a3a}.goon-upgrade-category-header h4{margin:0;font-size:1.1em;color:#e0e0e0;border-bottom:none;padding-bottom:0}.category-arrow{font-size:1em;transition:transform .3s ease}.category-arrow.expanded{transform:rotate(180deg)}.goon-upgrade-category .upgrades-list{padding:10px;gap:10px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:#2c2c2c;padding:25px 30px;border-radius:8px;box-shadow:0 5px 15px #00000080;text-align:center;color:#ccc;width:90%;max-width:450px;border:1px solid #444}.modal-content h2{margin-top:0;color:#fff;font-size:1.6em}.modal-content p{margin-bottom:20px;font-size:1.1em;line-height:1.5}.modal-actions{display:flex;justify-content:space-around;gap:15px}.modal-actions.vertical{flex-direction:column}.modal-button{padding:12px 20px;border:none;border-radius:5px;font-size:1em;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .1s ease;min-width:120px}.modal-button:hover{transform:translateY(-1px)}.modal-button.confirm,.modal-button.preference-button{background-color:#28a745;color:#fff}.modal-button.confirm:hover,.modal-button.preference-button:hover{background-color:#218838}.modal-button.deny{background-color:#dc3545;color:#fff}.modal-button.deny:hover{background-color:#c82333}.denial-message{margin-top:20px;color:#ffc107;font-weight:700}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}