body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,html{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#2f3136;min-height:100vh;overflow-x:hidden;text-align:center}.top-blathers-img{height:56px;object-fit:contain;pointer-events:auto;width:56px}.App-header{justify-content:center;min-height:100px}.App-body,.App-header{align-items:left;background-color:initial;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin)}.App-body{justify-content:flex-start;min-height:calc(100vh - 100px)}.btn{align-items:center;background-color:#61dafb;border:none;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:14px;gap:5px;height:100px;justify-content:center;margin-bottom:10px;transition:all .3s ease;width:100px}.btn.active{background-color:#4caf50;box-shadow:0 4px 8px #0000004d;transform:scale(1.05)}.btn:hover{background-color:#21a1f3;transform:scale(1.02)}.btn.active:hover{background-color:#45a049}.btn img{border-radius:0;height:100%;object-fit:contain;width:100%}.menu{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:100%}.header-controls{align-items:center;display:flex;justify-content:space-between;margin-left:50px;margin-right:50px;width:calc(100% - 100px)}.right-buttons{gap:10px}.filter-trigger-btn,.info-trigger-btn{align-items:center;background-color:#61dafb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:270%;gap:5px;height:100px;justify-content:center;margin-bottom:10px;transition:all .3s ease;width:100px}.filter-trigger-btn:hover,.info-trigger-btn:hover{background-color:#21a1f3;transform:scale(1.02)}.header-title{gap:12px;justify-content:center}.blathers-logo{height:80px;width:80px}.app-title{font-size:calc(22px + 1.5vmin)}.App-header .app-title{font-size:50px;line-height:1}.App-header .blathers-logo{height:80px;width:80px}.grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(110px,110px));justify-content:center;justify-items:center;margin:20px auto;max-width:100%;padding:30px 10px;width:90%}.gridbutton{border:2px solid #ccc;border-radius:8px;height:120px;margin:5px;overflow:visible;position:relative;width:100px}@media (max-width:768px){.header-controls{flex-direction:column;gap:15px;margin-left:10px;margin-right:10px;width:calc(100% - 20px)}.right-buttons{justify-content:center}.btn{font-size:11px!important;height:60px!important;margin:2px!important;width:60px!important}.menu{gap:5px!important;max-width:100%!important;padding:0 5px!important}.filter-trigger-btn,.info-trigger-btn{font-size:200%!important;height:70px!important;margin-bottom:5px!important;width:70px!important}.gridbutton{height:75px!important;margin:1px!important;width:60px!important}.grid{gap:2px!important;grid-template-columns:repeat(5,1fr)!important;margin:10px auto!important;max-width:320px!important;padding:15px 2px!important;width:98%!important}.App-header{font-size:calc(8px + 2vmin)!important;min-height:120px!important}.App-header .app-title{font-size:calc(17px + 2vmin)!important;white-space:nowrap}.App-header .blathers-logo{height:60px!important;width:60px!important}.App-body{font-size:calc(8px + 2vmin)!important;min-height:calc(100vh - 80px)!important;padding-bottom:80px!important}}.gridbutton-top{align-items:center;background-color:#61dafb;border-bottom:1px solid #ccc;border-top-left-radius:6px;border-top-right-radius:6px;color:#222;cursor:pointer;display:flex;height:70%;justify-content:center;position:relative;transition:background-color .2s}.gridbutton-top:hover{background-color:#21a1f3;color:#fff}.tooltip-container{position:relative}.tooltip{background-color:#333;border-radius:4px;bottom:110%;color:#fff;font-size:11px;opacity:0;padding:5px 8px;pointer-events:none;transition:opacity .1s ease,visibility .1s ease;visibility:hidden;white-space:nowrap;z-index:1000}.tooltip,.tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:after{border:4px solid #0000;border-top-color:#333;content:"";top:100%}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.gridbutton-bottom{align-items:center;background-color:#ff6b6b;border-bottom-left-radius:6px;border-bottom-right-radius:6px;color:#fff;cursor:pointer;display:flex;height:30%;justify-content:center;transition:background-color .2s}.gridbutton-bottom:hover{background-color:#ff5252}.gridbutton-bottom.active{background-color:#4caf50!important}.gridbutton-bottom.active:hover{background-color:#45a049!important}.gridbutton-img{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border-radius:2px;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.filter-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filter-modal-content{animation:scaleIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:90vw;padding:24px;width:400px}.filter-modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.filter-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.filter-options-grid{display:flex;flex-direction:row;gap:12px}.filter-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:500;gap:8px;justify-content:center;min-height:80px;padding:16px;transition:all .2s ease}.filter-option:hover{background-color:#f8f9fa;border-color:#4caf50;transform:translateY(-1px)}.filter-option.active{background-color:#4caf50;border-color:#4caf50;box-shadow:0 2px 4px #4caf504d;color:#fff}.filter-icon{font-size:24px}.filter-text{font-size:14px;text-align:left}.filter-months-section{margin-top:24px}.months-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.months-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.current-month-btn{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.current-month-btn:hover{background:#1976d2;transform:translateY(-1px)}.clear-filter-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.clear-filter-btn:hover{background:#d32f2f;transform:translateY(-1px)}.filter-months-grid{grid-gap:12px;display:grid;flex-wrap:wrap;gap:12px;gap:8px;grid-template-columns:repeat(6,1fr)}.filter-month-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;min-height:36px;padding:8px 4px;transition:all .2s ease}.filter-month-btn:hover{background-color:#f8f9fa;border-color:#4caf50;transform:translateY(-1px)}@media (max-width:480px){.filter-months-grid{grid-template-columns:repeat(3,1fr)}}.filter-month-btn.active{background-color:#4caf50;border-color:#4caf50;box-shadow:0 2px 4px #4caf504d;color:#fff}.filter-action-buttons{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:24px;padding-top:16px}.right-buttons{display:flex;gap:12px}.apply-btn,.cancel-btn,.current-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.filter-time-section{margin-top:24px}.time-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.time-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.time-toggle-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:12px;font-weight:500;min-width:40px;padding:4px 12px;transition:all .2s ease}.time-toggle-btn:hover{background-color:#f8f9fa;border-color:#ccc}.time-toggle-btn.active{background-color:#2196f3;border-color:#2196f3;color:#fff}.time-toggle-btn.active:hover{background-color:#1976d2;border-color:#1976d2}.time-controls{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.time-inputs{display:flex;gap:16px;margin-bottom:16px}.time-input-group{flex:1 1}.time-input-group label{color:#666;display:block;font-size:12px;font-weight:500;margin-bottom:4px}.time-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;width:100%}.time-select:focus{border-color:#ff9800;outline:none}.time-presets{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.preset-btn:hover{background:#1976d2;transform:translateY(-1px)}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.cancel-btn:hover{background:#e8e8e8;color:#333}.apply-btn{background:#4caf50;color:#fff}.apply-btn:hover{background:#45a049;transform:translateY(-1px)}.filter-caught-section{margin-top:24px}.caught-header{margin-bottom:12px}.caught-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.caught-options{display:flex;gap:8px}.caught-option-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px 12px;transition:all .2s ease}.caught-option-btn:hover{background-color:#f8f9fa;border-color:#4caf50;transform:translateY(-1px)}.caught-option-btn.active{background-color:#4caf50;border-color:#4caf50;box-shadow:0 2px 4px #4caf504d;color:#fff}.status-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.status-modal-content{animation:scaleIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:90vw;padding:24px;width:400px}.status-modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.status-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.user-saves-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.user-saves-header h4{color:#2196f3;font-size:16px;font-weight:600;margin:0}.delete-all-data-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.delete-all-data-button:hover{background-color:#d32f2f}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.close-button:hover{background-color:#f0f0f0;color:#666}.status-modal-body{color:#333;line-height:1.6}.status-section{margin-bottom:24px}.status-section:last-child{margin-bottom:0}.status-section h4{color:#2196f3;font-size:16px;font-weight:600;margin:0 0 12px}.status-section p{font-size:14px;margin:0 0 12px}.status-section ul{margin:0;padding-left:20px}.status-section li{font-size:14px;margin-bottom:8px}.status-section li strong{color:#333;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.save-dropdown-container{margin-top:12px}.save-dropdown-container label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.save-row{align-items:center;display:flex;gap:12px}.save-dropdown{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:14px;max-width:200px;padding:10px 12px;transition:border-color .2s ease}.save-dropdown:hover{border-color:#2196f3}.save-dropdown:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.rename-section{flex-shrink:0}.rename-button{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s ease}.rename-button:hover{background-color:#1976d2}.rename-input-container{align-items:center;display:flex;gap:8px}.rename-input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.rename-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.rename-buttons{display:flex;gap:4px}.cancel-button,.confirm-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.confirm-button{background-color:#4caf50;color:#fff}.confirm-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#da190b}.profile-status{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-top:12px;padding:8px 12px}.collection-count{color:#666;font-size:14px;margin:0;text-align:center}.action-buttons{display:flex;gap:12px;margin-top:16px}.catch-all-button,.clear-all-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:background-color .2s ease}.catch-all-button{background-color:#4caf50;color:#fff}.catch-all-button:hover{background-color:#45a049}.catch-all-button.active{background-color:#388e3c;box-shadow:0 2px 8px #4caf5066;transform:translateY(1px)}.clear-all-button{background-color:#f44336;color:#fff}.clear-all-button:hover{background-color:#da190b}.clear-all-button.active{background-color:#c62828;box-shadow:0 2px 8px #f4433666;transform:translateY(1px)}.modal-footer{border-top:2px solid #e0e0e0;margin-top:24px;padding-top:16px}.footer-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-cancel-button,.modal-save-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;padding:10px 20px;transition:background-color .2s ease}.modal-cancel-button{background-color:#f5f5f5;border:2px solid #e0e0e0;color:#666}.modal-cancel-button:hover{background-color:#e0e0e0;color:#333}.modal-save-button{background-color:#2196f3;color:#fff}.modal-save-button:hover{background-color:#1976d2}.disclaimer-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.disclaimer-modal{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0006;color:#222;display:flex;flex-direction:column;max-height:90vh;max-width:720px;overflow:hidden;width:90%}.disclaimer-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.disclaimer-header h2{font-size:25px;margin:0}.disclaimer-modal h3{font-size:16px;margin-left:10px}.disclaimer-modal p{font-size:14px;margin-left:10px;margin-right:10px}.disclaimer-close{background:#0000;border:none;cursor:pointer;font-size:22px}.disclaimer-body{flex:1 1;overflow-y:auto;padding:16px 20px}.disclaimer-instructions{color:#444;font-size:14px;margin:0 0 8px}.disclaimer-textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;min-height:160px;padding:10px;resize:vertical;width:100%}.disclaimer-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 20px}.disclaimer-cancel{background:#eee}.disclaimer-cancel,.disclaimer-save{border:none;border-radius:6px;cursor:pointer;padding:8px 12px}.disclaimer-save{background:#61dafb;color:#fff}@media (max-width:480px){.disclaimer-textarea{min-height:120px}}.creature-detail-overlay{background-color:#2f3136;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.creature-detail-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.creature-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding:10px 0;position:relative}.header-title{align-items:center;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.blathers-logo{display:inline-block;height:36px;margin-right:1px;object-fit:contain;width:36px}.back-button{background:#61dafb;border:none;border-radius:5px;cursor:pointer;font-size:18px;padding:10px 15px;transition:background-color .2s}.back-button:hover{background-color:#21a1f3}.app-title{color:#fff;font-family:Jua,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:calc(18px + 2vmin);font-weight:600;margin:0;text-align:center}.creature-detail-header .blathers-logo{height:80px;width:80px}.creature-detail-header .app-title{font-size:50px;line-height:1}.navigation-hint{color:#8b4513;font-size:16px;opacity:.7}.creature-detail-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}.creature-detail-left{background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #0000004d;padding:30px}.creature-number-name{align-items:center;display:flex;gap:10px;margin-bottom:20px}.creature-icon{font-size:24px}.creature-number-name h2{color:#000;font-size:24px;margin:0}.creature-image-container{background-color:#f8f8f8;border-radius:10px;margin:30px 0;padding:20px;text-align:center}.creature-detail-image{height:auto;max-height:200px;max-width:200px;object-fit:contain;width:auto}.rarity-section{margin:20px 0;text-align:center}.rarity-badge{background-color:gold;border-radius:20px;color:#8b4513;font-size:14px;font-weight:700;padding:8px 16px}.description-section{margin:20px 0;text-align:center}.creature-description{color:#555;font-size:16px;font-style:italic;line-height:1.4}.mark-caught-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .2s;width:100%}.mark-caught-button.not-caught{background-color:#f44336;color:#fff}.mark-caught-button.not-caught:hover{background-color:#d32f2f;transform:translateY(-1px)}.mark-caught-button.caught{background-color:#4caf50;color:#fff}.mark-caught-button.caught:hover{background-color:#45a049;transform:translateY(-1px)}.creature-detail-right{background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;padding:30px}.hemispheres-container{display:flex;gap:20px;margin-bottom:30px}.hemisphere-calendar{flex:1 1}.hemisphere-label{color:#000;font-size:14px;font-weight:700;margin-bottom:10px;text-align:center}.months-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(6,1fr)}.month-button{background-color:#e6d7c1;border:1px solid #d4b896;border-radius:4px;font-size:12px;font-weight:500;padding:8px 4px;text-align:center}.month-button.available{background-color:#90ee90;border-color:#7bc97b;color:#2c5f2d}.availability-section{margin-bottom:30px}.availability-section h3{color:#000;margin-bottom:10px;text-align:center}.availability-section p{font-weight:700;margin-bottom:15px;text-align:center}.time-chart{display:flex;flex-direction:column;gap:5px}.time-labels-row{color:#000;display:flex;font-size:12px;font-weight:700;justify-content:space-between;position:relative}.time-labels-row span:nth-child(2){left:51%;position:absolute;transform:none}.time-bar{background-color:#e6d7c1;border-radius:3px;display:flex;height:20px;overflow:visible;position:relative}.time-bar:before{left:-3px}.time-bar.has-middle-notch:after,.time-bar:before{background-color:#8b4513;border-radius:2px;content:"";height:30px;position:absolute;top:-5px;width:6px;z-index:10}.time-bar.has-middle-notch:after{left:calc(50% - 3px)}.time-segment{border-right:1px solid #d4b896;flex:1 1;height:100%;position:relative}.time-segment:last-child{border-right:none}.time-segment.available{background-color:#90ee90}.time-segment.unavailable{background-color:#e6d7c1}.additional-info{display:flex;flex-direction:column;gap:10px}.info-item{border-bottom:1px solid #e6d7c1;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.info-item.notes{align-items:flex-start;flex-direction:column;gap:5px}.info-item strong{color:#000}@media (max-width:768px){.creature-detail-overlay{overflow-x:hidden}.creature-detail-container{margin:0;max-width:100%;padding:5px 5px 150px}.creature-detail-content{gap:15px;grid-template-columns:1fr}.creature-detail-header .header-title{gap:0}.creature-detail-header{align-items:center;flex-wrap:nowrap;gap:10px;margin-bottom:15px;padding:5px}.app-title{flex:1 1;font-size:calc(6px + 3vmin);text-align:center}.creature-detail-header .app-title{font-size:calc(14px + 2vmin)!important;white-space:nowrap}.creature-detail-header .blathers-logo{height:50px!important;width:50px!important}.back-button{flex-shrink:0;font-size:14px;padding:8px 12px}.navigation-hint{flex-shrink:0;font-size:12px}.creature-detail-left,.creature-detail-right{box-sizing:border-box;margin:0 5px;max-width:calc(100vw - 20px);padding:15px}.creature-number-name h2{font-size:18px}.creature-detail-image{max-height:120px;max-width:120px}.creature-image-container{margin:15px 0;padding:15px}.hemispheres-container{flex-direction:column;gap:15px;margin-bottom:20px}.months-grid{gap:5px;grid-template-columns:repeat(6,1fr)}.month-button{font-size:12px;padding:8px 4px}.hemisphere-label{font-size:12px;margin-bottom:8px}.availability-section{margin-bottom:20px}.availability-section h3{font-size:16px}.time-labels-row{font-size:10px}.time-bar{height:15px}.time-bar.has-middle-notch:after,.time-bar:before{height:25px;top:-5px;width:4px}.info-item{font-size:12px;padding:6px 0}.creature-description{font-size:14px}.rarity-badge{font-size:12px;padding:6px 12px}.mark-caught-button{font-size:14px;padding:12px}}
/*# sourceMappingURL=main.51f4d640.css.map*/