.landing{min-height:100vh;background:#000;color:var(--color-text-primary);font-family:var(--font-family-base);display:flex;flex-direction:column}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-sticky);display:flex;align-items:center;gap:4px;padding:0 20px;height:52px;background:#000;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--color-border)}.landing-nav-link{background:none;border:none;color:var(--color-text-secondary);font-size:14px;font-family:var(--font-family-base);padding:6px 12px;border-radius:var(--border-radius-md);cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.landing-nav-link:hover{color:var(--color-text-primary);background:#ffffff12}.landing-nav-cta{margin-left:auto;padding:7px 20px;font-size:14px}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;padding:100px 24px 48px;text-align:center}.landing-hero-inner{max-width:540px;display:flex;flex-direction:column;align-items:center;gap:20px}.landing-logo{width:60vw;max-width:280px;height:auto}@media(min-width:768px){.landing-logo{width:25vw;max-width:480px}}.landing-tagline{font-size:15px;color:var(--color-text-secondary);margin:0;line-height:1.7;max-width:420px;font-style:italic}.landing-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.landing-btn{padding:12px 32px;border-radius:var(--border-radius-md);font-size:16px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.landing-btn:hover{opacity:.88;transform:translateY(-1px)}.landing-btn-primary{background:var(--color-equilibrio);color:var(--color-text-primary);border:1px solid var(--color-border)}.landing-btn-secondary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.landing-alpha-badge{font-size:13px;color:var(--color-warning);margin:0}.landing-section-inner{max-width:800px;margin:0 auto;padding:64px 24px;width:100%}.landing-section-title{font-size:22px;font-weight:700;text-align:center;margin:0 0 12px;color:var(--color-text-primary)}.landing-section-subtitle{font-size:14px;color:var(--color-text-secondary);text-align:center;line-height:1.6;max-width:480px;margin:0 auto 32px}.landing-pillars{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.landing-pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}.landing-pillar-card{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:24px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.landing-pillar-icon{font-size:32px;line-height:1}.landing-pillar-title{font-size:15px;font-weight:700;margin:0;color:#178399}.landing-pillar-desc{font-size:13px;color:var(--color-text-secondary);margin:0;line-height:1.5}.landing-howto{background:var(--color-bg-primary)}.landing-accordion{display:flex;flex-direction:column;gap:8px}.landing-accordion-item{border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:border-color .15s}.landing-accordion-item.is-open{border-color:var(--color-secondary)}.landing-accordion-header{width:100%;background:var(--color-bg-secondary);border:none;padding:14px 18px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;color:var(--color-text-primary);font-size:15px;font-family:var(--font-family-base);transition:background .12s}.landing-accordion-header:hover{background:#ffffff0d}.landing-accordion-icon{font-size:20px;flex-shrink:0}.landing-accordion-title{flex:1;font-weight:600}.landing-accordion-chevron{font-size:11px;color:var(--color-text-secondary);flex-shrink:0}.landing-accordion-body{padding:14px 18px 16px 50px;background:var(--color-bg-primary);font-size:14px;color:var(--color-text-secondary);line-height:1.6}.landing-accordion-body p{margin:0 0 10px}.landing-accordion-body p:last-child{margin-bottom:0}.landing-footer{margin-top:auto;border-top:1px solid var(--color-border);padding:20px 24px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--color-text-secondary)}.landing-footer-sep{opacity:.4}@media(max-width:480px){.landing-tagline{font-size:15px}.landing-btn{padding:11px 24px;font-size:15px}.landing-section-inner{padding:48px 16px}.landing-pillars-grid{grid-template-columns:1fr 1fr}.landing-accordion-body{padding-left:18px}}.container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-m);gap:var(--spacing-m);width:100%}.container>button{background:var(--color-equilibrio);color:var(--color-text-primary);border-color:var(--color-border)}.logo{width:60vw;max-width:280px;height:auto}@media(min-width:768px){.logo{width:25vw;max-width:480px}}.tabs{display:flex;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-m);width:100%;max-width:var(--container-max-width)}.tabs button{flex:1;padding:var(--spacing-xs) var(--spacing-s);background:var(--color-odio);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all .2s ease}.tabs button.active{background:var(--color-equilibrio);color:var(--color-text-primary);border-color:var(--color-border)}.tabs button:hover{opacity:.9}.form form{display:flex;flex-direction:column;gap:var(--spacing-s);align-items:center;width:100%;max-width:var(--container-max-width)}.form input{width:100%}.form button{width:100%;margin-top:var(--spacing-s);background:var(--color-equilibrio);color:var(--color-text-primary);border-color:var(--color-border)}.game-list{list-style:none;padding:0;width:100%;max-width:var(--container-max-width);display:flex;flex-direction:column;gap:var(--spacing-s)}.game-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-m);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);position:relative}.share-flag{position:absolute;top:-1px;right:16px;width:42px;height:42px;background:var(--color-secondary, #524281);border:1px solid var(--color-border);border-top:none;border-radius:0 0 6px 6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--color-text-primary);transition:background .2s ease,transform .15s ease;z-index:2;box-shadow:0 2px 6px #0000004d;-webkit-user-select:none;user-select:none}.share-flag:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--color-primary, #4caf50);border-radius:0}.share-flag:hover{background:var(--color-primary, #4caf50);transform:translateY(2px)}.share-flag.active{background:var(--color-primary, #4caf50)}.share-panel{display:none;flex-direction:column;gap:var(--spacing-xs);background:var(--color-bg-primary);border:1px solid var(--color-primary, #4caf50);border-radius:var(--border-radius-md);padding:var(--spacing-s) var(--spacing-m);margin-top:var(--spacing-xs);animation:shareSlideDown .2s ease-out}.share-panel.open{display:flex}@keyframes shareSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.share-panel-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600;margin:0}.share-panel-row{display:flex;gap:var(--spacing-xs);align-items:center}.share-url-input{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:6px var(--spacing-s);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:monospace;overflow-x:auto;white-space:nowrap;cursor:text;min-width:0;min-height:unset;width:100%;outline:none;-webkit-user-select:text;user-select:text}.share-url-input:focus{border-color:var(--color-primary)}.share-copy-btn{flex-shrink:0;width:auto!important;padding:6px var(--spacing-m)!important;margin-top:0!important;background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important;font-size:var(--font-size-sm);font-weight:600;transition:background .2s ease}.share-copy-btn.copied{background:var(--color-equilibrio, #2e7d32)!important}.share-copy-btn:hover:not(.copied){opacity:.85}.game-item h2{margin-bottom:var(--spacing-xs);color:var(--color-primary)}.game-item button:not(.share-flag):not(.share-copy-btn){margin-top:var(--spacing-s);width:100%;background:var(--color-equilibrio);color:var(--color-text-primary);border-color:var(--color-border)}.back-button{margin-bottom:var(--spacing-xs)}.enter-game-btn{background:var(--color-equilibrio)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}.enter-game-btn-disabled{background:var(--color-bg-tertiary, #333)!important;color:var(--color-text-secondary, #888)!important;border-color:var(--color-border)!important;opacity:.6;cursor:not-allowed}.delete-game-btn,.admin-btn{background:var(--color-odio)!important;color:var(--color-text-primary)!important;border-color:var(--color-error)!important}.fill-ai-btn{background:linear-gradient(135deg,#fbbf24,#d97706)!important;color:#000!important;border-color:#b45309!important;font-weight:700}.fill-ai-btn:hover{background:linear-gradient(135deg,#f59e0b,#b45309)!important}.view-map-btn,.view-weather-btn{background-color:var(--color-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border)!important}.abandon-game-btn{background:transparent!important;color:var(--color-error, #ef4444)!important;border:1px solid var(--color-error, #ef4444)!important;font-size:var(--font-size-sm);opacity:.8}.abandon-game-btn:hover{background:var(--color-error, #ef4444)!important;color:var(--color-text-primary)!important;opacity:1}.abandon-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal, 1000);padding:var(--spacing-m)}.abandon-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-l);max-width:460px;width:100%;display:flex;flex-direction:column;gap:var(--spacing-m)}.abandon-modal h3{margin:0;color:var(--color-error, #ef4444);font-size:var(--font-size-lg)}.abandon-warning{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.abandon-checkbox-label{display:flex;align-items:center;gap:var(--spacing-s);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600}.abandon-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-error, #ef4444)}.abandon-buttons{display:flex;gap:var(--spacing-s);justify-content:flex-end}.abandon-cancel-btn{background:var(--color-bg-tertiary, #333)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;padding:var(--spacing-s) var(--spacing-m)!important;width:auto!important}.abandon-confirm-btn{background:var(--color-error, #ef4444)!important;color:#fff!important;border:1px solid var(--color-error, #ef4444)!important;padding:var(--spacing-s) var(--spacing-m)!important;width:auto!important}.abandon-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.header{width:100%;padding:var(--spacing-s) var(--spacing-m);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-index-sticky)}.header-right{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s);width:100%}.header-username{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;flex:1}.avatar-container{position:relative;width:44px;height:44px}.avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--color-primary);object-fit:cover;cursor:pointer}.avatar-edit-btn{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-bg-secondary);cursor:pointer;padding:0;min-height:auto;display:flex;align-items:center;justify-content:center;font-size:10px}.avatar-edit-btn:before{content:"✎";color:#fff;font-size:10px}.hamburger-btn{background:transparent;border:none;display:flex;flex-direction:column;justify-content:space-around;width:32px;height:32px;padding:5px 0;cursor:pointer;min-height:auto}.hamburger-line{width:100%;height:3px;background-color:var(--color-text-primary);border-radius:3px;transition:all .3s ease}.hamburger-btn:hover .hamburger-line{background-color:var(--color-primary)}.header-menu{display:none;flex-direction:column;gap:var(--spacing-s);padding-top:var(--spacing-m);border-top:1px solid var(--color-border);margin-top:var(--spacing-s);animation:slideDown .3s ease-out;max-width:320px;align-self:flex-end;margin-left:auto;margin-right:0}.header-menu.open{display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-user-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding-bottom:var(--spacing-s);border-bottom:1px solid var(--color-border)}.menu-avatar{width:80px;height:80px;border-radius:50%;border:3px solid var(--color-primary);object-fit:cover}.menu-username{font-weight:700;color:var(--color-text-primary);font-size:var(--font-size-lg)}.menu-actions{display:flex;flex-direction:column;gap:var(--spacing-s)}.menu-item{width:100%;padding:var(--spacing-s);text-align:left;background:var(--color-equilibrio);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;min-height:44px}.menu-item:hover{opacity:.9}.menu-item.logout-btn{margin-top:var(--spacing-s);border-color:var(--color-error);color:var(--color-text-primary);background:var(--color-odio)}.menu-item.logout-btn:hover{opacity:.9}.language-selector{padding:var(--spacing-s);cursor:default;background:var(--color-bg-primary)!important}.language-selector label{margin:0;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:block}.language-selector select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);font-weight:700;width:80%;margin:0;padding:var(--spacing-xs);min-height:44px;cursor:pointer;font-size:var(--font-size-base);border-radius:var(--border-radius-sm)}.language-selector select:focus{outline:none;border-color:var(--color-primary)}.language-selector select option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-xs)}.username{display:none}.header>.header-right>select:not(.language-selector select),.header>.header-right>button:not(.hamburger-btn):not(.menu-item){display:none}.create-game-form{width:100%;max-width:var(--container-max-width);margin:0 auto}.form-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-m);margin-bottom:var(--spacing-m)}.form-section h3{color:var(--color-primary);margin-bottom:var(--spacing-m);text-align:center;font-size:var(--font-size-lg);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}.create-game-form .form-group{margin-bottom:var(--spacing-m)}.create-game-form .form-group label{display:block;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:500}.create-game-form .form-group input,.create-game-form .form-group select,.create-game-form .form-group textarea{width:100%;padding:var(--spacing-s);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);min-height:44px;transition:border-color .2s ease}.create-game-form .form-group input:focus,.create-game-form .form-group select:focus,.create-game-form .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4caf5033}.create-game-form .form-group textarea{min-height:80px;resize:vertical;font-family:inherit}.create-game-form .form-group small{display:block;margin-top:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.create-game-form .form-group span{color:var(--color-primary);font-weight:700;margin-left:var(--spacing-xs)}.info-box{background:#5242811a;border:1px solid var(--color-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-s);margin-top:var(--spacing-s)}.info-box p{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:700}.info-box ul{margin-left:var(--spacing-m);color:var(--color-text-secondary)}.create-game-form .form-actions{display:flex;flex-direction:column;gap:var(--spacing-s);margin-top:var(--spacing-l);padding-top:var(--spacing-m);border-top:1px solid var(--color-border)}@media(min-width:480px){.create-game-form .form-actions{flex-direction:row;justify-content:space-between}.create-game-form .form-actions button{width:auto;flex:1}}.create-game-form .form-group input[type=range]{padding:0;border:none;background:transparent}.create-game-form .form-group input[type=checkbox]{width:20px;min-height:20px;display:inline-block;vertical-align:middle;margin-right:var(--spacing-xs);margin-bottom:0}.password-modal{max-width:500px;width:90%}.password-modal h2{margin:0 0 var(--spacing-m) 0;color:var(--color-primary);font-size:var(--font-size-xl);text-align:center}.password-modal .error-message{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-s);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-m);text-align:center;font-size:var(--font-size-sm)}.password-form{display:flex;flex-direction:column;gap:var(--spacing-m);margin-bottom:var(--spacing-l)}.password-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.password-form .form-group label{color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-sm)}.password-form .form-group input{width:100%;padding:var(--spacing-s);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base)}.password-form .form-group input:focus{outline:none;border-color:var(--color-primary)}.password-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.password-modal .modal-actions{display:flex;gap:var(--spacing-s);justify-content:flex-end}.password-modal .cancel-btn,.password-modal .confirm-btn{padding:var(--spacing-s) var(--spacing-l);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all .2s ease;border:1px solid var(--color-border);min-width:120px}.password-modal .cancel-btn{background:var(--color-bg-primary);color:var(--color-text-primary)}.password-modal .confirm-btn{background:var(--color-primary);color:#fff}.password-modal .cancel-btn:hover:not(:disabled),.password-modal .confirm-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.password-modal .cancel-btn:disabled,.password-modal .confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:480px){.password-modal .modal-actions{flex-direction:column}.password-modal .cancel-btn,.password-modal .confirm-btn{width:100%}}.avatar-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal);padding:var(--spacing-s);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.avatar-modal-content{background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-m);max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080;border:1px solid var(--color-border);overflow:hidden}.avatar-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.avatar-modal-header h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}.avatar-modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.avatar-modal-close:hover{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.avatar-grid-container{flex:1;overflow-y:auto;margin-bottom:var(--spacing-m);padding-right:var(--spacing-xs)}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs);padding:4px}.avatar-option{aspect-ratio:1;border:3px solid transparent;border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--color-bg-primary);position:relative}.avatar-option:hover{border-color:var(--color-text-secondary);transform:scale(1.05)}.avatar-option.selected{border-color:var(--color-primary);box-shadow:0 0 12px #4caf5066}.avatar-option img{width:100%;height:100%;object-fit:cover;display:block}.avatar-modal-actions{display:flex;gap:var(--spacing-s);justify-content:flex-end;padding-top:var(--spacing-s);border-top:1px solid var(--color-border);flex-shrink:0;background:var(--color-bg-secondary)}.avatar-btn{padding:var(--spacing-s) var(--spacing-m);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;min-height:44px}.avatar-btn-cancel{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border)}.avatar-btn-cancel:hover{background-color:var(--color-border)}.avatar-btn-accept{background-color:var(--color-primary);color:#fff}.avatar-btn-accept:hover{opacity:.9}.avatar-grid-container::-webkit-scrollbar{width:8px}.avatar-grid-container::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:4px}.avatar-grid-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.avatar-grid-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.avatar-container{position:relative;display:inline-block}.avatar-edit-btn{position:absolute;top:0;right:0;width:24px;height:24px;background-color:var(--color-primary);border:2px solid var(--color-bg-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:all .2s ease;z-index:10}.avatar-edit-btn:hover{transform:scale(1.1)}.avatar-edit-btn:before{content:"✏️";font-size:10px}@media(max-width:480px){.avatar-grid{grid-template-columns:repeat(3,1fr)}}.admin-container{max-width:1200px;margin:0 auto;padding:var(--spacing-m)}.admin-container h1{text-align:center;color:var(--color-primary);margin-bottom:var(--spacing-l)}.admin-tabs{display:flex;gap:var(--spacing-s);margin-bottom:var(--spacing-l);border-bottom:2px solid var(--color-border)}.tab-button{background:transparent!important;color:var(--color-text-secondary)!important;border:none!important;padding:var(--spacing-s) var(--spacing-l);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all .2s ease;border-bottom:3px solid transparent!important;margin-bottom:-2px}.tab-button:hover{color:var(--color-text-primary)!important}.tab-button.active{color:var(--color-primary)!important;border-bottom-color:var(--color-primary)!important}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bugs-summary{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-m);margin-bottom:var(--spacing-l);display:flex;justify-content:space-around;gap:var(--spacing-m)}.bugs-summary p{margin:0;color:var(--color-text-primary);font-size:var(--font-size-base)}.bugs-summary strong{color:var(--color-primary);font-size:var(--font-size-lg)}.bugs-summary .unread-count{color:var(--color-odio)}.error-message{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-m);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-m);text-align:center}.no-bugs{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);font-size:var(--font-size-lg)}.bugs-list{display:flex;flex-direction:column;gap:var(--spacing-m);margin-bottom:var(--spacing-l)}.bug-item{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-m);transition:all .2s ease}.bug-item.unread{border-color:var(--color-odio);background:#ef44440d}.bug-item.read{opacity:.7}.bug-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-s);gap:var(--spacing-s);flex-wrap:wrap}.bug-subject{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.bug-subject h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);word-break:break-word}.unread-badge{color:var(--color-odio);font-size:20px;line-height:1}.bug-date{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.bug-user-info{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-s);margin-bottom:var(--spacing-s)}.bug-user-info p{margin:var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-sm)}.bug-user-info strong{color:var(--color-primary)}.bug-text{background:var(--color-bg-primary);border-left:3px solid var(--color-secondary);padding:var(--spacing-m);margin-bottom:var(--spacing-s);border-radius:var(--border-radius-sm)}.bug-text p{margin:0;color:var(--color-text-primary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.bug-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-s)}.mark-read-btn{background:var(--color-equilibrio)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all .2s ease;min-height:36px}.mark-read-btn:hover{opacity:.9;transform:translateY(-1px)}.read-label{color:var(--color-primary);font-weight:700;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.back-button{width:100%;max-width:300px;margin:var(--spacing-l) auto 0;display:block;background:var(--color-equilibrio)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;padding:var(--spacing-s) var(--spacing-m);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all .2s ease}.back-button:hover{opacity:.9}.users-summary{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-m);margin-bottom:var(--spacing-l);display:flex;justify-content:space-around;gap:var(--spacing-m)}.users-summary p{margin:0;color:var(--color-text-primary);font-size:var(--font-size-base)}.users-summary strong{color:var(--color-primary);font-size:var(--font-size-lg)}.users-summary .active-count{color:var(--color-equilibrio)}.no-users{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);font-size:var(--font-size-lg)}.users-list{display:flex;flex-direction:column;gap:var(--spacing-m);margin-bottom:var(--spacing-l)}.user-item{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-m);transition:all .2s ease}.user-item:hover{border-color:var(--color-primary)}.user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-s);gap:var(--spacing-m);flex-wrap:wrap}.user-info{flex:1}.user-info h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-lg)}.user-email{margin:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.user-date{margin:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.user-status{padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--border-radius-sm);font-weight:700;font-size:var(--font-size-sm);white-space:nowrap}.user-status.active{background:#22c55e33;color:var(--color-equilibrio);border:1px solid var(--color-equilibrio)}.user-status.inactive{background:#ef444433;color:var(--color-odio);border:1px solid var(--color-odio)}.user-actions{display:flex;gap:var(--spacing-s);flex-wrap:wrap}.toggle-active-btn,.reset-password-btn{padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all .2s ease;min-height:36px;border:1px solid var(--color-border)!important}.toggle-active-btn.activate{background:var(--color-equilibrio)!important;color:var(--color-text-primary)!important}.toggle-active-btn.deactivate{background:var(--color-odio)!important;color:#fff!important}.reset-password-btn{background:var(--color-secondary)!important;color:var(--color-text-primary)!important}.toggle-active-btn:hover,.reset-password-btn:hover{opacity:.9;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-l);max-width:500px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{margin:0 0 var(--spacing-m) 0;color:var(--color-primary);font-size:var(--font-size-xl)}.modal-content p{margin:var(--spacing-s) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.password-input{width:100%;padding:var(--spacing-s);margin:var(--spacing-m) 0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-size:var(--font-size-base)}.password-input:focus{outline:none;border-color:var(--color-primary)}.modal-actions{display:flex;gap:var(--spacing-s);justify-content:flex-end;margin-top:var(--spacing-m)}.cancel-btn,.confirm-btn{padding:var(--spacing-s) var(--spacing-l);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:all .2s ease;border:1px solid var(--color-border)!important}.cancel-btn{background:var(--color-bg-primary)!important;color:var(--color-text-primary)!important}.confirm-btn{background:var(--color-primary)!important;color:#fff!important}.cancel-btn:hover,.confirm-btn:hover{opacity:.9;transform:translateY(-1px)}@media(max-width:768px){.bugs-summary,.users-summary{flex-direction:column;text-align:center}.bug-header,.user-header{flex-direction:column;align-items:flex-start}.bug-date{white-space:normal}.bug-actions,.user-actions{justify-content:center;width:100%}.user-status{align-self:flex-start}.modal-content{width:95%;padding:var(--spacing-m)}.modal-actions{flex-direction:column}.cancel-btn,.confirm-btn{width:100%}}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:var(--z-index-modal);padding:var(--spacing-s);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:var(--color-bg-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-m);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.modal-header h2{color:var(--color-warning);margin:0;font-size:var(--font-size-xl);font-weight:600}.modal-close{background:none;border:none;color:var(--color-text-primary);font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{color:var(--color-error)}.modal-body{padding:var(--spacing-m);overflow:auto;flex:1;display:flex;flex-direction:column;align-items:center}.grid-container{display:inline-block;border:1px solid var(--color-border);font-family:monospace;font-size:10px;line-height:1;background-color:#000}.grid-row{display:flex}.grid-cell{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:var(--color-text-primary);font-weight:700;cursor:pointer}.tile-0{background-color:#8b4513}.tile-1{background-color:#1e3a8a}.tile-2{background-color:#3b82f6}.tile-3{background-color:#10b981}.weather-0{background-color:#3b82f6;border:1px solid #2563EB}.weather-1{background-color:#fff;color:var(--color-text-primary);border:1px solid var(--color-border)}.weather-2{background-color:#6b7280;border:1px solid var(--color-border)}.legend{margin-top:var(--spacing-m);padding:var(--spacing-m);background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-m);justify-content:center;width:100%}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-primary);font-size:var(--font-size-sm)}.legend-item span:first-child{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);font-weight:700;font-size:10px}@media(max-width:768px){.modal-content{max-width:95vw;max-height:95vh}.grid-cell{width:15px;height:15px;font-size:8px}.legend{flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}}.action-programming-menu{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:min(95vw,800px);max-height:30vh;background:var(--map-modal-background);border:var(--map-modal-border);border-radius:var(--map-modal-border-radius);color:var(--map-text-primary);font-family:var(--font-family-base);z-index:2000;box-shadow:var(--map-modal-box-shadow);display:flex;flex-direction:column}.action-menu-toggle{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-s);cursor:pointer;font-size:var(--font-size-sm);z-index:100;transition:all .2s ease}.action-menu-toggle:hover{background:var(--map-bg-medium);border-color:var(--color-text-secondary)}.action-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-s);border-bottom:1px solid var(--color-border);background:var(--map-bg-light);border-radius:var(--map-modal-border-radius) var(--map-modal-border-radius) 0 0}.action-menu-header h3{margin:0;font-size:var(--font-size-base);font-weight:600}.default-posture-selector{display:flex;align-items:center;gap:var(--spacing-xs)}.default-posture-selector label{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.default-posture-selector select{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);padding:4px 8px;font-size:var(--font-size-xs);min-width:80px}.default-posture-selector select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4caf5033}.action-menu-close{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.action-menu-close:hover{background:var(--map-bg-medium);color:var(--color-text-primary)}.action-menu-content{display:flex;flex-direction:column;height:calc(30vh - 50px);min-height:200px}.actions-table-container{flex:1;overflow-y:auto;padding:var(--spacing-xs)}.actions-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.actions-table th{background:var(--map-bg-medium);padding:8px 6px;text-align:left;font-weight:600;border-bottom:1px solid var(--color-border);font-size:11px}.actions-table td{padding:6px;border-bottom:1px solid var(--map-border-subtle);vertical-align:middle}.actions-table tr:hover{background:var(--map-bg-subtle)}.no-actions{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:20px!important}.order-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.order-buttons{display:flex;flex-direction:column;gap:1px}.order-buttons button{background:var(--map-bg-medium);border:none;color:var(--color-text-primary);font-size:8px;width:16px;height:12px;cursor:pointer;border-radius:2px;transition:all .2s ease}.order-buttons button:hover:not(:disabled){background:var(--color-border)}.order-buttons button:disabled{opacity:.3;cursor:not-allowed}.postura-cell{text-transform:capitalize;font-weight:500}.action-buttons{display:flex;gap:4px}.edit-btn,.delete-btn{background:none;border:none;font-size:var(--font-size-xs);cursor:pointer;padding:2px 4px;border-radius:3px;transition:all .2s ease;color:var(--color-text-secondary)}.edit-btn:hover{background:#6496ff33;color:var(--color-info)}.delete-btn:hover{background:#ff646433;color:var(--color-error)}.action-form{background:var(--map-bg-light);border-top:1px solid var(--color-border);padding:var(--spacing-xs);margin-top:auto}.action-form h4{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-primary)}.form-row{display:flex;gap:var(--spacing-s);margin-bottom:var(--spacing-xs)}.form-group label{font-size:11px;color:var(--color-text-secondary);margin-bottom:4px;font-weight:500}.form-group select,.form-group input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);padding:6px 8px;font-size:var(--font-size-xs)}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4caf5033}.form-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end;margin-top:var(--spacing-xs)}.save-btn,.cancel-btn{padding:6px 12px;border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease}.save-btn{background:var(--color-primary);color:#fff}.cancel-btn{background:var(--color-bg-medium);border:1px solid var(--color-border);color:var(--color-text-primary)}.cancel-btn:hover{background:var(--color-border)}.menu-footer{padding:var(--spacing-xs);border-top:1px solid var(--color-border);display:flex;justify-content:center}.add-action-btn{background:var(--color-primary);border:none;color:#fff;padding:8px 16px;border-radius:var(--border-radius-md);font-size:var(--font-size-xs);cursor:pointer;transition:all .2s ease;font-weight:500}.add-action-btn:hover:not(:disabled){opacity:.9}.add-action-btn:disabled{background:var(--color-bg-medium);cursor:not-allowed;opacity:.6}.actions-table-container::-webkit-scrollbar{width:6px}.actions-table-container::-webkit-scrollbar-track{background:#3c3c3c4d;border-radius:3px}.actions-table-container::-webkit-scrollbar-thumb{background:#96969680;border-radius:3px}.actions-table-container::-webkit-scrollbar-thumb:hover{background:#969696b3}@media(max-width:768px){.action-programming-menu{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px);bottom:10px;left:10px;transform:none;border-radius:12px;border:2px solid var(--color-border)}.action-menu-header{border-radius:12px 12px 0 0;padding:8px 12px}.action-menu-header h3{font-size:14px}.action-menu-content{height:calc(100vh - 110px);min-height:unset}.actions-table-container{padding:8px}.form-row{flex-direction:column;gap:var(--spacing-xs)}.actions-table{font-size:10px}.actions-table th,.actions-table td{padding:6px 4px;font-size:10px}.header-controls{flex-direction:row;align-items:center;gap:8px}.default-posture-selector{flex-direction:column;align-items:flex-start;gap:2px}.default-posture-selector label{font-size:9px}.default-posture-selector select{font-size:10px;padding:3px 6px;min-width:70px}.menu-footer{padding:10px}.add-action-btn{padding:10px 16px;font-size:12px;width:auto}.action-buttons{gap:2px}.edit-btn,.delete-btn{font-size:14px;padding:4px}}.action-form-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh;z-index:2000;overflow-y:auto}.action-form-modal-content{background:var(--map-modal-background);border-radius:var(--map-modal-border-radius);padding:0;width:500px;max-width:95vw;min-height:400px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--map-modal-box-shadow);border:var(--map-modal-border);color:var(--map-text-primary);font-family:var(--font-family-base);margin-bottom:10vh}.action-form-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-s) var(--spacing-m);border-bottom:1px solid var(--color-border);background:var(--map-bg-light);border-radius:var(--map-modal-border-radius) var(--map-modal-border-radius) 0 0}.wind-ticks-info{font-size:12px;color:var(--map-text-secondary);white-space:nowrap}.header-controls{display:flex;align-items:center;gap:var(--spacing-s)}.posture-selector{margin:0;display:flex;align-items:center;gap:var(--spacing-xs);flex-direction:row;width:auto;flex:1}.posture-selector label{font-size:var(--font-size-xs);margin-bottom:0;color:var(--color-text-secondary);white-space:nowrap}.posture-selector select{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);padding:4px 8px;font-size:var(--font-size-xs);min-width:100px}.posture-selector select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #4caf5033}.action-form-modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.action-form-modal-close{background:none;border:none;color:var(--map-close-color);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:var(--map-close-opacity)}.action-form-modal-close:hover{background-color:var(--map-bg-medium);opacity:var(--map-close-hover-opacity)}.action-form-modal-body{padding:var(--spacing-m);flex:1;overflow-y:auto}.form-row{display:flex;gap:var(--spacing-s);margin-bottom:var(--spacing-s)}.form-group{display:flex;flex-direction:column;flex:1}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.form-group select,.form-group input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-s);font-size:var(--font-size-base);transition:all .2s ease}.form-group select:focus,.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4caf5033}.form-group input[type=number]{max-width:120px}.action-form-modal-footer{display:flex;gap:var(--spacing-s);justify-content:flex-end;padding:var(--spacing-s) var(--spacing-m);border-top:1px solid var(--color-border);background:var(--map-bg-subtle);border-radius:0 0 var(--map-modal-border-radius) var(--map-modal-border-radius)}.save-btn,.cancel-btn{padding:var(--spacing-xs) var(--spacing-m);margin:5px 0;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.cancel-btn{background-color:var(--color-bg-medium);border:1px solid var(--color-border);color:var(--color-text-primary)}.cancel-btn:hover{background-color:var(--color-border)}.save-btn{background-color:var(--color-primary);color:#fff}.save-btn:hover{opacity:.9}.tick-counter-container{display:flex;align-items:center;gap:10px}.tick-btn{width:45px;height:40px;background:#555!important;border:1px solid #666!important;border-radius:var(--border-radius-sm);color:#fff!important;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tick-btn:hover{background:#666!important}.tick-btn:active{transform:scale(.95)}.tick-input{width:60px!important;max-width:60px!important;text-align:center;font-size:14px!important;font-weight:700;padding:10px 8px!important;height:40px;margin-bottom:0!important}@media(max-width:768px){.action-form-modal-overlay{padding-top:0;align-items:center}.action-form-modal-content{width:calc(100vw - 20px);height:calc(100vh - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);min-height:unset;margin:0;border-radius:12px;border:2px solid var(--color-border)}.action-form-modal-header{border-radius:12px 12px 0 0;padding:10px 12px}.action-form-modal-header h3{font-size:14px}.form-row{flex-direction:row;gap:var(--spacing-s);flex-wrap:wrap}.form-group{flex-direction:row!important;align-items:center!important;gap:8px!important;flex:none!important}.form-group label{font-size:13px!important;margin-bottom:0!important;white-space:nowrap;min-width:70px;flex-shrink:0}.form-group select,.form-group input{font-size:13px!important;padding:10px 12px!important;height:40px;max-width:200px;width:auto;margin-bottom:0!important}.action-form-modal-body{padding:var(--spacing-s);overflow-y:auto}.action-form-modal-footer{padding:var(--spacing-s);border-radius:0 0 12px 12px}.save-btn,.cancel-btn{padding:8px 16px;min-width:80px;max-width:120px;font-size:12px}.posture-selector{flex-direction:row;align-items:center;gap:8px}.posture-selector label{font-size:13px;line-height:40px}.posture-selector select{font-size:13px;padding:6px 8px;min-width:80px;height:40px}.tick-counter-container{display:flex;align-items:center;gap:10px}.tick-btn{width:45px;height:40px;background:#555!important;border:1px solid #666!important;border-radius:var(--border-radius-sm);color:#fff!important;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tick-btn:hover{background:#666!important}.tick-btn:active{transform:scale(.95)}.tick-input{width:60px!important;max-width:60px!important;text-align:center;font-size:14px!important;font-weight:700;padding:10px 8px!important;height:40px}}.crew-card-details-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:var(--spacing-s)}.crew-card-details-content{background:#0b0f14;border-radius:12px;padding:var(--spacing-m);max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.12);position:relative;color:var(--color-text-primary);font-family:var(--font-family-base)}.crew-details-close-button{position:absolute;top:10px;right:10px;background:none;color:#fff;border:none;width:auto;height:auto;font-size:24px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:5px 10px;z-index:10}.crew-details-close-button:hover{background:#ffffff1a}.crew-details-layout{display:grid;grid-template-columns:350px 1fr;gap:var(--spacing-l);margin-top:0}.crew-details-card-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m)}.crew-details-card{width:100%;max-width:100%}.crew-details-card-info{text-align:center;width:100%}.crew-details-card-info h3{color:#4a9eff;font-size:var(--font-size-2xl);margin:0 0 var(--spacing-xs) 0}.crew-type{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0 0 var(--spacing-s) 0}.crew-current-level{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0}.crew-current-level strong{color:#4a9eff;font-size:var(--font-size-xl)}.crew-details-table-section{display:flex;flex-direction:column;gap:var(--spacing-s)}.crew-details-table-title{color:#4a9eff;font-size:var(--font-size-xl);margin:0;border-bottom:2px solid #444;padding-bottom:var(--spacing-xs)}.crew-details-table-container{overflow-y:auto;max-height:600px}.crew-details-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:var(--border-radius-lg);overflow:hidden}.crew-details-table thead{background:#4a9eff26;position:sticky;top:0;z-index:1}.crew-details-table th{color:#4a9eff;font-weight:700;padding:12px 8px;text-align:left;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #444}.crew-details-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.crew-details-table tbody tr:hover{background:#ffffff0d}.crew-details-table tbody tr.current-level{background:#51cf6626;border:2px solid rgba(81,207,102,.4);box-shadow:0 0 10px #51cf6633}.crew-details-table tbody tr.current-level:hover{background:#51cf6633}.crew-details-table td{padding:2px 8px;color:#ddd;font-size:13px}.level-cell{width:70px;text-align:center}.level-badge{display:inline-block;background:linear-gradient(135deg,#403e32,#221407);color:#fff;padding:12px 0;border-radius:20px;font-weight:700;font-size:var(--font-size-base);min-width:42px;text-align:center;letter-spacing:1px;min-height:36px}.current-level .level-badge{background:linear-gradient(135deg,#51cf66,#37b24d);box-shadow:0 0 10px #51cf6680}.description-cell{color:var(--color-text-primary);font-size:15px;line-height:1.6;padding:15px 20px}.current-level .description-cell{font-weight:500;color:#51cf66}.bonus-extra-description{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,215,0,.3);color:#ff8f00;font-weight:600;font-style:italic}@media(max-width:1024px){.crew-details-layout{grid-template-columns:1fr;gap:var(--spacing-m)}.crew-details-card-section{flex-direction:row;justify-content:center;align-items:flex-start}.crew-details-card{max-width:200px}}@media(max-width:768px){.crew-card-details-content{padding:var(--spacing-s)}.crew-details-layout{grid-template-columns:200px 1fr;gap:var(--spacing-s);align-items:start}.crew-details-card-section{flex-direction:column}.crew-details-card{max-width:200px}.crew-details-table th,.crew-details-table td{padding:6px 4px;font-size:10px}.description-cell{font-size:11px;padding:8px 6px}.level-badge{font-size:11px;padding:4px 8px;min-width:30px;min-height:26px}.crew-details-card-info h3{font-size:var(--font-size-sm)}.crew-type{font-size:10px}.crew-current-level{font-size:11px}}.loot-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--spacing-s)}.loot-modal-content{background:var(--map-modal-background);border:var(--map-modal-border);border-radius:var(--map-modal-border-radius);padding:var(--spacing-m);max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--map-modal-box-shadow);color:var(--map-text-primary);font-family:var(--font-family-base);animation:lootModalSlideIn .3s ease-out}@keyframes lootModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.loot-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-s);padding-bottom:var(--spacing-s);border-bottom:1px solid var(--color-border)}.loot-modal-title{margin:0;font-size:var(--font-size-xl);color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-weight:700;flex:1}.loot-close-button{background:#ffffff1a;color:var(--map-close-color);border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);width:36px;height:36px;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.loot-close-button:hover{background:#fff3;border-color:#ffffff80}.loot-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.loot-header-cell{padding:var(--spacing-xs);text-align:center;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:700;letter-spacing:.5px}.loot-name-cell{padding:var(--spacing-s);text-align:center;border-radius:var(--border-radius-md)}.player-name-text{font-size:var(--font-size-lg);font-weight:700;color:var(--map-text-primary);text-shadow:1px 1px 3px rgba(0,0,0,.7)}.loot-details-cell{padding:var(--spacing-s);border-radius:var(--border-radius-md);min-height:100px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.current-player-bg{background:#4caf5014;border:1px solid rgba(76,175,80,.2)}.enemy-bg{background:#df2b1014;border:1px solid rgba(223,43,16,.2)}.loot-section-header{background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-xs);text-align:center}.loot-section-header h3{margin:0;color:gold;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px}.loot-line{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;margin-bottom:4px;transition:all .2s ease}.loot-line:hover{transform:translate(3px)}.loot-gain{background:#2ecc711a;border:1px solid rgba(46,204,113,.25);color:#2ecc71}.loot-loss{background:#e74c3c1a;border:1px solid rgba(231,76,60,.25);color:#e74c3c}.loot-label{font-weight:600}.loot-value{font-weight:700;white-space:nowrap}.no-loot{text-align:center;color:var(--map-text-muted);font-style:italic;font-size:var(--font-size-sm);padding:var(--spacing-s)}@media(max-width:768px){.loot-modal-content{padding:var(--spacing-xs);width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.loot-modal-header{margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.loot-modal-title{font-size:var(--font-size-base)}.loot-close-button{width:28px;height:28px;font-size:16px}.loot-grid{gap:3px}.loot-header-cell{padding:4px;font-size:var(--font-size-xs)}.loot-section-header{padding:3px}.loot-section-header h3{font-size:var(--font-size-xs)}.loot-details-cell{padding:var(--spacing-xs);min-height:60px}.loot-line{padding:3px 6px;font-size:11px;margin-bottom:2px}.loot-label,.loot-value{font-size:11px}.no-loot{font-size:var(--font-size-xs);padding:var(--spacing-xs)}}.boarding-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2100;padding:var(--spacing-s);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.boarding-modal-content{background:var(--map-modal-background);border-radius:var(--map-modal-border-radius);padding:var(--spacing-s);max-width:1200px;width:100%;max-height:95vh;overflow-y:auto;box-shadow:var(--map-modal-box-shadow);border:var(--map-modal-border);color:var(--map-text-primary);font-family:var(--font-family-base)}.boarding-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-s);gap:var(--spacing-m)}.boarding-modal-title{color:gold;font-size:var(--font-size-xl);margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);flex:1}.boarding-modal-header-actions{display:flex;gap:var(--spacing-xs);align-items:center}.reveal-all-button-compact{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-s);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0000004d;white-space:nowrap}.reveal-all-button-compact:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0006}.close-button{background:#ffffff1a;color:var(--map-close-color);border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);width:36px;height:36px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.close-button:hover{background:#ff6b6b4d;border-color:var(--color-error);color:var(--color-error);transform:scale(1.1)}.boarding-grid{display:grid;grid-template-columns:200px repeat(5,1fr);grid-template-rows:repeat(6,auto);gap:4px;margin-bottom:var(--spacing-s)}.boarding-cell{background:var(--map-bg-light);border:1px solid var(--map-border-light);border-radius:var(--border-radius-lg);padding:0;display:flex;align-items:center;justify-content:center;min-height:20px}.label-cell{background:#ffd7001a;border:2px solid rgba(255,215,0,.3);color:gold;font-size:var(--font-size-sm);text-align:center;font-weight:700}.player-info-cell{background:#6495ed1a;border:2px solid rgba(100,149,237,.3);padding:var(--spacing-xs);min-height:240px}.player-info-cell.enemy-cell{background:#df2b1014;border:2px solid rgba(223,43,16,.2)}.player-info-cell.current-player-cell{background:#4caf5014;border:2px solid rgba(76,175,80,.2)}.player-info{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.player-avatar{object-fit:cover;width:80px;height:80px;border-radius:25%;border:3px solid rgba(255,255,255,.2)}.player-details{text-align:center;width:100%}.player-name{color:var(--map-text-primary);font-weight:700;font-size:var(--font-size-xs);margin-bottom:2px}.ship-name{color:var(--map-text-secondary);font-size:11px;font-style:italic}.boarding-ship-image{max-width:50%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.power-cell{background:var(--map-bg-subtle)}.power-cell.enemy-cell{background:#df2b100d}.power-cell.enemy-cell .power-display{color:var(--color-error)}.power-cell.current-player-cell{background:#4caf500d}.power-cell.current-player-cell .power-display{color:var(--color-primary)}.power-display{font-size:var(--font-size-2xl);font-weight:700;border-radius:var(--border-radius-lg);min-width:50px;text-align:center}.card-cell{background:var(--map-bg-subtle);min-height:240px}.card-cell.enemy-cell{background:#df2b100d}.card-cell.current-player-cell{background:#4caf500d}.card-cell .crew-card-component{width:100%;margin:0 auto}.card-cell .crew-card-component:hover{transform:none;box-shadow:none}.empty-slot{color:var(--map-text-muted);font-style:italic;font-size:var(--font-size-sm)}.result-cell{background:var(--map-bg-subtle)}.result-text{font-weight:700;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--border-radius-md);text-align:center}.result-text.win{color:var(--color-primary)}.result-text.lose{color:var(--color-error)}.result-text.draw{color:gold}.score-cell{background:#ffd70026;border:2px solid rgba(255,215,0,.4);transition:all .5s ease}.score-cell-win{background:#4caf5033!important;border:2px solid rgba(76,175,80,.6)!important;box-shadow:0 0 20px #4caf5066}.score-cell-lose{background:#df2b1033!important;border:2px solid rgba(223,43,16,.6)!important;box-shadow:0 0 20px #df2b1066}.final-score{font-size:28px;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);transition:all .5s ease}.score-cell-win .final-score{color:var(--color-primary);text-shadow:0 0 10px rgba(76,175,80,.5)}.score-cell-lose .final-score{color:var(--color-error);text-shadow:0 0 10px rgba(223,43,16,.5)}.button-cell{background:var(--map-bg-subtle)}.reveal-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--border-radius-md);padding:10px 20px;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000004d;min-width:70px}.reveal-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0006}.reveal-button:disabled{background:#6464644d;cursor:not-allowed;opacity:.5}.clickable-lock{cursor:pointer;transition:transform .2s ease}.clickable-lock:hover{transform:scale(1.2)}.hidden-content{font-size:24px;color:#fff3;-webkit-user-select:none;user-select:none}.boarding-modal-actions{display:flex;justify-content:center;gap:var(--spacing-m);margin-top:var(--spacing-m)}.reveal-all-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:var(--border-radius-lg);padding:12px 30px;font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.reveal-all-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}.accept-button{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:var(--border-radius-lg);padding:12px 30px;font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.accept-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0006}.boarding-header-score{display:none;align-items:center;padding:4px 10px;border-radius:var(--border-radius-md);background:#ffd70026;border:1px solid rgba(255,215,0,.4)}.label-short{display:none}@media(max-width:1024px){.boarding-grid{grid-template-columns:150px repeat(5,1fr);gap:4px}.boarding-modal-title{font-size:var(--font-size-lg)}.reveal-all-button-compact{font-size:var(--font-size-xs);padding:6px 12px}.close-button{width:32px;height:32px;font-size:18px}.crew-card-display{width:60px;height:80px}.power-display{font-size:var(--font-size-lg)}}@media(max-width:768px){.boarding-modal-content{padding:var(--spacing-xs);max-height:95vh;overflow-x:hidden}.boarding-modal-header{flex-direction:row;align-items:flex-start;gap:6px;margin-bottom:var(--spacing-xs)}.boarding-modal-title{font-size:var(--font-size-sm);flex:1}.boarding-header-score{display:flex!important}.boarding-modal-header-actions{align-self:flex-start}.reveal-all-button-compact{font-size:10px;padding:4px 8px}.close-button{width:28px;height:28px;font-size:16px}.boarding-grid{grid-template-columns:60px repeat(5,1fr);gap:2px}.boarding-cell{padding:2px;min-height:auto}.label-cell{font-size:9px;padding:2px}.label-full{display:none}.label-short{display:inline}.player-info-cell{min-height:auto;padding:2px}.player-avatar{width:24px;height:24px}.player-name{font-size:9px}.ship-name{font-size:8px}.boarding-ship-image{max-width:40%}.card-cell{min-height:auto;overflow:hidden}.card-cell .crew-card-component{width:100%;max-width:100%;min-width:0!important;font-size:8px}.card-cell .crew-card-image{object-fit:contain!important;background:#0000004d}.card-cell .crew-card-info{padding:2px}.card-cell .crew-card-name{font-size:7px}.card-cell .crew-card-type{font-size:6px}.card-cell .crew-card-level{top:2px;right:2px;min-width:16px;height:16px;font-size:7px;padding:1px 3px}.power-display{font-size:var(--font-size-sm);min-width:auto}.result-text{font-size:9px;padding:2px 4px}.score-cell-desktop,.reveal-button-row{display:none}.reveal-button{padding:4px 8px;font-size:10px;min-width:40px}.final-score{font-size:14px}}.context-menu{position:fixed;background:var(--map-modal-background);border:2px solid #ff6b35;border-radius:var(--border-radius-lg);padding:var(--spacing-xs);z-index:4000;min-width:120px;box-shadow:var(--map-modal-box-shadow);transform:translate(-50%,-50%)}.context-menu-item{display:block;width:100%;padding:8px 12px;background:none;border:none;color:var(--map-text-primary);text-align:left;cursor:pointer;border-radius:var(--border-radius-sm);transition:background-color .2s;font-size:var(--font-size-sm)}.context-menu-item:hover{background:#ff6b3533;color:#ff6b35}.zoom-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000}.bug-report-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000;padding:var(--spacing-s);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bug-report-modal{background:var(--map-modal-background);border-radius:var(--map-modal-border-radius);padding:var(--spacing-m);max-width:600px;width:100%;box-shadow:var(--map-modal-box-shadow);border:var(--map-modal-border);position:relative;max-height:90vh;overflow-y:auto;color:var(--map-text-primary);font-family:var(--font-family-base)}.bug-report-close{position:absolute;top:var(--spacing-s);right:var(--spacing-s);background:#ffffff1a;color:var(--map-close-color);border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-md);width:32px;height:32px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;padding:0}.bug-report-close:hover{background:#ff6b6b4d;border-color:var(--color-error);color:var(--color-error);transform:scale(1.1)}.bug-report-header{display:flex;align-items:center;gap:var(--spacing-s);margin-bottom:var(--spacing-s)}.bug-report-icon{font-size:var(--font-size-xl)}.bug-report-header h2{color:#ff6b35;font-size:var(--font-size-2xl);margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.bug-report-description{color:var(--map-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-m);padding:var(--spacing-s);background:#ff6b351a;border-left:3px solid #ff6b35;border-radius:var(--border-radius-sm)}.bug-report-form{display:flex;flex-direction:column;gap:var(--spacing-m)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:gold;font-weight:700;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{background:var(--map-bg-light);border:2px solid var(--map-border-medium);border-radius:var(--border-radius-md);padding:var(--spacing-s);color:var(--map-text-primary);font-size:var(--font-size-sm);font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff6b35;background:var(--map-bg-medium)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--map-text-muted)}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px}.bug-report-error{background:#df2b1033;border:1px solid rgba(223,43,16,.5);color:var(--color-error);padding:var(--spacing-s);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);text-align:center}.bug-report-success{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xl) var(--spacing-m);text-align:center}.success-icon{font-size:64px;color:var(--color-success);animation:successPop .5s ease}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.bug-report-success p{color:var(--color-success);font-size:var(--font-size-lg);font-weight:700;margin:0}.bug-report-actions{display:flex;gap:var(--spacing-s);justify-content:flex-end;margin-top:var(--spacing-xs)}.btn-cancel,.btn-submit{padding:12px 24px;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .3s ease;border:none}.btn-cancel{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-cancel:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;box-shadow:0 4px 8px #ff6b354d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #ff6b3566}.btn-cancel:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.bug-report-modal{padding:var(--spacing-s)}.bug-report-header h2{font-size:var(--font-size-xl)}.bug-report-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.guild-detail-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--spacing-s)}.guild-detail-modal-container{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);width:90vw;max-width:1400px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-primary);font-family:var(--font-family-base)}.guild-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-m);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.guild-detail-modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.guild-detail-modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.guild-detail-modal-close:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.guild-detail-modal-content{display:flex;gap:var(--spacing-m);padding:var(--spacing-m);overflow:hidden;flex:1}.guild-detail-left{flex:0 0 280px;display:flex;flex-direction:column}.guild-card-detail{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-m);display:flex;flex-direction:column;height:100%}.guild-card-detail .guild-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;text-align:center}.guild-card-detail .guild-lore{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;line-height:1.2;margin:0 0 var(--spacing-s) 0;min-height:54px;font-style:italic}.guild-card-detail .guild-banner{position:relative;width:100%;min-height:300px;background:#3c3c3c80;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex:1}.guild-card-detail .guild-banner img{width:100%;height:100%;display:block;object-fit:contain}.guild-card-detail .guild-members{position:absolute;bottom:0;left:0;right:0;background:#00000080;padding:var(--spacing-xs);display:flex;flex-direction:column;max-height:60%;overflow-y:auto}.guild-card-detail .members-header{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.guild-card-detail .members-list{display:flex;flex-direction:column;gap:4px}.guild-card-detail .member-item{font-size:var(--font-size-xs);color:var(--color-text-primary);padding:4px 8px;background:#ffffff1a;border-radius:var(--border-radius-sm);border-left:2px solid var(--color-primary)}.guild-card-detail .founder-badge{color:gold;font-weight:600;font-size:11px}.guild-detail-right{flex:1;display:flex;flex-direction:column;gap:var(--spacing-s);overflow:hidden}.members-detail-section{flex:1;overflow-y:auto;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-s);display:flex;flex-direction:column;gap:var(--spacing-s)}.member-detail-row{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-s);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-border);transition:all .2s ease;position:relative}.member-detail-row.current-player{background:#4682b433;border-color:#4682b480;box-shadow:0 0 10px #4682b44d}.member-player-info{display:flex;align-items:center;gap:var(--spacing-s);flex:0 0 200px}.member-avatar{width:60px;height:60px;border-radius:25%;border:3px solid rgba(255,255,255,.2);object-fit:cover;flex-shrink:0}.member-username{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary)}.founder-badge-inline{color:gold;font-weight:600;font-size:var(--font-size-xs)}.member-ship-info{display:flex;align-items:center;gap:var(--spacing-s);flex:0 0 auto}.ship-left{display:flex;align-items:center;justify-content:center}.member-ship-image{width:90px;height:90px;object-fit:contain}.member-ship-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-align:left;margin-bottom:6px}.ship-stats-detailed{display:flex;flex-direction:column;gap:4px}.stat-row{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs)}.stat-label{color:var(--color-text-secondary);min-width:120px;text-align:left}.stat-value{color:var(--color-primary);font-weight:700;font-family:monospace;min-width:30px}.member-extra-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.member-fragments-row{display:flex;flex-direction:column;gap:6px}.member-abandoned-warning{color:#ef4444;font-size:var(--font-size-xs);font-weight:600}.member-fragments{display:flex;gap:6px;flex-wrap:wrap}.fragment-icon{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid;transition:all .3s ease;overflow:hidden;position:relative}.fragment-icon .fragment-image{width:100%;height:100%;object-fit:contain}.fragment-icon.lit{background:radial-gradient(circle,gold,orange,#441010);border-color:#5a311ac9;box-shadow:0 0 10px #ffd70099,0 0 20px #0006;animation:flicker 2s infinite}.fragment-icon.unlit{background:#222;border-color:#444;opacity:.4}.fragment-icon.unlit .fragment-image{filter:grayscale(100%) brightness(5)}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}.member-status-row{display:flex;gap:var(--spacing-s);align-items:center}.member-lives{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.member-coords{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:monospace}.member-menu-container{position:relative;align-self:flex-end}.member-menu-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);width:32px;height:32px;cursor:pointer;font-size:12px;transition:all .2s ease}.member-menu-button:hover{background:var(--color-bg-primary);border-color:var(--color-text-secondary)}.member-dropdown-menu{position:absolute;right:0;top:36px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:0 4px 12px #00000080;z-index:10;min-width:140px;overflow:hidden}.member-dropdown-menu button{width:100%;background:none;border:none;color:var(--color-text-primary);padding:10px 14px;text-align:left;cursor:pointer;font-size:13px;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.member-dropdown-menu button:last-child{border-bottom:none}.member-dropdown-menu button:hover{background:var(--color-bg-primary)}.member-dropdown-menu button.danger-action{color:var(--color-error)}.member-dropdown-menu button.danger-action:hover{background:#ff6b6b33}.guild-fragments-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-s);display:flex;align-items:center;gap:var(--spacing-s)}.guild-fragments-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;flex:0 0 180px}.guild-fragments-display{flex:1;display:flex;gap:var(--spacing-xs);justify-content:center}.guild-fragment-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;border:3px solid;transition:all .3s ease;overflow:hidden;position:relative}.guild-fragment-icon .fragment-image{width:100%;height:100%;object-fit:contain}.guild-fragment-icon.lit{background:radial-gradient(circle,gold,orange,#441010);border-color:#5a311ac9;box-shadow:0 0 15px #ffd700cc,0 0 30px #00000080;animation:flicker 2s infinite}.guild-fragment-icon.unlit{background:#222;border-color:#444;opacity:.4}.guild-fragment-icon.unlit .fragment-image{filter:grayscale(100%) brightness(5)}.mutiny-button{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);padding:10px 20px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;flex:0 0 auto}.mutiny-button:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-text-secondary)}.mutiny-button:disabled{opacity:.4;cursor:not-allowed}.members-detail-section::-webkit-scrollbar,.guild-card-detail .guild-members::-webkit-scrollbar{width:6px}.members-detail-section::-webkit-scrollbar-track,.guild-card-detail .guild-members::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:3px}.members-detail-section::-webkit-scrollbar-thumb,.guild-card-detail .guild-members::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.members-detail-section::-webkit-scrollbar-thumb:hover,.guild-card-detail .guild-members::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media(max-width:1200px){.guild-detail-modal-content{flex-direction:column}.guild-detail-left{flex:0 0 auto;max-height:400px}.member-detail-row{flex-wrap:wrap}}.guild-detail-modal-header .guild-fragments-section,.mutiny-section{display:none}@media(max-width:768px){.guild-detail-modal-container{width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px)}.guild-detail-modal-header{padding:8px 12px;flex-wrap:wrap;gap:8px}.guild-detail-modal-header h2{font-size:16px;flex:0 0 auto}.guild-detail-modal-header .guild-fragments-section{display:flex;flex:1;padding:0;border:none;background:transparent;gap:6px;order:2;width:100%}.guild-detail-right>.guild-fragments-section{display:none}.guild-fragments-title{font-size:11px;flex:0 0 auto}.guild-detail-modal-header .guild-fragments-section .fragments-label{display:none}.guild-fragments-display{gap:4px}.guild-fragment-icon{width:24px;height:24px;border-width:2px}.guild-detail-modal-close{order:3;font-size:20px;width:28px;height:28px}.guild-detail-modal-content{flex-direction:row;gap:8px;padding:8px;overflow:hidden}.guild-detail-left{flex:0 0 25%;width:25%;height:100%;display:flex;overflow:visible}.guild-detail-right{flex:0 0 75%;width:75%;height:100%;overflow-y:auto;overflow-x:hidden}.guild-card-detail{padding:6px;height:100%;display:flex;flex-direction:column}.guild-card-detail .guild-banner{width:100%!important;flex:1!important;height:100%!important;overflow:hidden!important;min-height:0!important;max-height:none!important}.guild-card-detail .guild-banner img{max-width:100%!important;max-height:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;display:block!important}.guild-card-detail .guild-members{max-height:40%;font-size:9px}.guild-card-detail .members-header{font-size:9px;margin-bottom:2px}.guild-card-detail .member-item{font-size:9px;padding:2px 4px}.members-detail-section{padding:8px;gap:8px}.member-detail-row{padding:8px;gap:8px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.member-ship-info{grid-column:1;grid-row:1}.member-player-info{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:4px;position:relative}.member-player-info .member-avatar{align-self:center}.member-player-info .member-username{text-align:center}.member-player-info .member-status-row{display:flex;justify-content:space-around;font-size:11px;gap:8px}.member-player-info .member-menu-container{position:absolute;top:0;right:0}.member-extra-info{grid-column:1 / -1;grid-row:2}.member-menu-button{width:44px;height:44px;padding:0;flex:0 0 44px;display:flex;align-items:center;justify-content:center;font-size:16px}.member-avatar{width:70px;height:70px}.member-ship-image{width:auto;height:100%;max-width:100%;object-fit:contain}.stat-row{font-size:11px}.stat-label{min-width:100px}.fragment-icon{width:22px;height:22px}.member-fragments-row{flex-direction:row;flex-wrap:wrap;align-items:center}.mutiny-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:8px;display:flex;justify-content:center}.mutiny-button{padding:8px 16px;font-size:12px}}.grimorio-countdown-container{position:fixed;top:90px;left:50%;transform:translate(-50%);width:600px;border-radius:var(--border-radius-lg);z-index:900}.grimorio-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);text-shadow:0 0 16px rgba(0,0,0,.8);margin-bottom:var(--spacing-xs);text-align:center;font-family:var(--font-family-base)}@keyframes pulse-title{0%,to{text-shadow:0 0 10px rgba(255,107,53,.8)}50%{text-shadow:0 0 20px rgba(255,107,53,1)}}.grimorio-progress-bar{position:relative;width:100%;height:30px;background:#0009;border-radius:10px;overflow:hidden;border:2px solid var(--color-border)}.grimorio-progress-fill{position:absolute;top:0;left:0;height:100%;transition:width .5s ease-out;border-radius:10px}.grimorio-progress-bar.losing .grimorio-progress-fill{background:linear-gradient(90deg,#8b0000,#dc143c,#ff4500,#dc143c,#8b0000);background-size:200% 100%;animation:lava-flow 3s linear infinite;box-shadow:0 0 20px #dc143ccc,inset 0 0 20px #ff450080}@keyframes lava-flow{0%{background-position:0% 0%}to{background-position:200% 0%}}.grimorio-progress-bar.winning .grimorio-progress-fill{background:linear-gradient(90deg,#0047ab,#1e90ff,#00bfff,#1e90ff,#0047ab);background-size:200% 100%;animation:energy-flow 3s linear infinite;box-shadow:0 0 20px #1e90ffcc,inset 0 0 20px #00bfff80}@keyframes energy-flow{0%{background-position:0% 0%}to{background-position:200% 0%}}.grimorio-progress-bar.finished{border:2px solid #f0d080}.grimorio-progress-bar.finished .grimorio-progress-fill{background:linear-gradient(90deg,#8b6914,#daa520,gold,#daa520,#8b6914);background-size:200% 100%;animation:gold-flow 3s linear infinite;box-shadow:0 0 20px #ffd700cc,inset 0 0 20px #daa52080}@keyframes gold-flow{0%{background-position:0% 0%}to{background-position:200% 0%}}.grimorio-progress-glow{position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:glow-sweep 2s ease-in-out infinite}@keyframes glow-sweep{0%{left:-50%}to{left:150%}}.grimorio-tick-labels{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;pointer-events:none}.grimorio-tick-elapsed,.grimorio-tick-remaining{font-size:17px;font-weight:700;color:var(--color-text-primary);text-shadow:0 0 4px rgba(0,0,0,1),0 0 8px rgba(0,0,0,.8);z-index:10;font-family:var(--font-family-base)}@media(max-height:768px){.grimorio-countdown-container{max-width:55%!important;top:65px}.grimorio-title{font-size:11px}.grimorio-progress-bar{height:22px}.grimorio-tick-elapsed,.grimorio-tick-remaining{font-size:12px}}.fishing-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.fishing-modal{background:#1e1e1ef5;border:2px solid #444;border-radius:12px;padding:16px;width:92vw;max-width:380px;position:relative;color:#eee;font-family:inherit}.fishing-modal-close{position:absolute;top:6px;right:10px;background:none;border:none;color:#aaa;font-size:22px;cursor:pointer;line-height:1;z-index:1}.fishing-modal-close:hover{color:#fff}.fishing-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding-right:32px}.fishing-header-left{display:flex;align-items:center;gap:8px}.fishing-title-text{font-size:17px;font-weight:700;color:#f0c040}.fishing-equip-badge{background:#f0c04033;border:1px solid rgba(240,192,64,.5);color:#f0c040;font-size:13px;font-weight:700;padding:2px 8px;border-radius:12px;white-space:nowrap}.fishing-bait-toggle{padding:4px 10px;font-size:12px;font-weight:600;border:1px solid #555;border-radius:16px;background:#ffffff0f;color:#ccc;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.fishing-bait-toggle:hover:not(:disabled){background:#66bb6a26;border-color:#66bb6a}.fishing-bait-toggle:disabled{opacity:.35;cursor:not-allowed}.fishing-bait-toggle.active{background:#4caf5040;border-color:#66bb6a;color:#81c784}.fishing-modal-title{margin:0 0 12px;font-size:18px;text-align:center;color:#f0c040}.fishing-info-row{display:flex;align-items:center;gap:12px;font-size:13px;margin-bottom:10px;padding:6px 10px;background:#ffffff0f;border-radius:6px}.fishing-water-tag{margin-left:auto;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.fishing-water-tag.water-1{background:#64b5f633;color:#90caf9}.fishing-water-tag.water-2{background:#42a5f533;color:#64b5f6}.fishing-water-tag.water-3{background:#1e88e540;color:#42a5f5}.fishing-error{color:#ef5350;text-align:center;margin-bottom:10px;font-size:13px}.fishing-loading{text-align:center;padding:16px;color:#aaa}.fishing-options{display:flex;flex-direction:column;gap:6px}.fishing-option-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid #555;border-radius:8px;background:#ffffff0d;color:#eee;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.fishing-option-btn:hover:not(:disabled){background:#ffffff1f;border-color:#888}.fishing-option-btn:disabled{opacity:.35;cursor:not-allowed}.fishing-option-btn:active:not(:disabled){transform:scale(.98)}.fishing-btn-icon{font-size:22px;flex-shrink:0;width:28px;text-align:center}.fishing-btn-text{display:flex;flex:1;align-items:baseline;gap:6px}.fishing-btn-label{font-size:14px;font-weight:600}.fishing-btn-cost{font-size:11px;color:#999;white-space:nowrap}.fishing-btn-1{border-left:3px solid #4fc3f7}.fishing-btn-2{border-left:3px solid #ab47bc}.fishing-btn-3{border-left:3px solid #ff7043}.fishing-monster-desc{text-align:center;font-size:13px;color:#ccc;margin-bottom:14px}.fishing-monster-options{display:flex;flex-direction:column;gap:8px}.fishing-monster-btn{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:8px;border:none;cursor:pointer;font-size:15px;font-weight:700;color:#fff;transition:filter .15s}.fishing-monster-btn:hover:not(:disabled){filter:brightness(1.15)}.fishing-monster-btn:disabled{opacity:.5;cursor:not-allowed}.fishing-monster-btn:active:not(:disabled){transform:scale(.98)}.fishing-monster-btn.fight{background:linear-gradient(135deg,#c62828,#e53935)}.fishing-monster-btn.flee{background:linear-gradient(135deg,#1565c0,#42a5f5)}.fishing-btn-sub{font-size:11px;font-weight:400;margin-top:4px;opacity:.85;text-align:center;line-height:1.3}.fishing-result-details{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding:10px;background:#ffffff0a;border-radius:8px}.fishing-result-line{font-size:13px}.fishing-result-line.good{color:#81c784}.fishing-result-line.bad{color:#ef5350}.fishing-result-line.neutral{color:#bbb}.fishing-accept-btn{display:block;width:100%;padding:11px;border:none;border-radius:8px;background:linear-gradient(135deg,#f0c040,#e6a800);color:#1a1a1a;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s}.fishing-accept-btn:hover{filter:brightness(1.1)}.fishing-accept-btn:active{transform:scale(.98)}@media(max-width:480px){.fishing-modal{width:96vw;padding:12px;border-radius:10px;max-height:85vh;overflow-y:auto}.fishing-header{padding-right:20px}.fishing-title-text{font-size:15px}.fishing-equip-badge{font-size:12px;padding:1px 6px}.fishing-bait-toggle{font-size:11px;padding:3px 8px}.fishing-info-row{font-size:12px;padding:5px 8px;gap:8px}.fishing-option-btn{padding:9px 10px;gap:8px}.fishing-btn-icon{font-size:20px;width:24px}.fishing-btn-label{font-size:13px}.fishing-btn-cost{font-size:10px}.fishing-monster-btn{padding:10px;font-size:14px}.fishing-btn-sub{font-size:10px}.fishing-modal-title{font-size:16px;margin-bottom:10px}.fishing-result-line{font-size:12px}.fishing-accept-btn{padding:10px;font-size:13px}}.kraken-button-container{position:fixed;bottom:30px;right:130px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);z-index:800}.kraken-button{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:3px solid #60a5fa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #3b82f666,0 0 20px #3b82f633;position:relative}.kraken-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #3b82f699,0 0 30px #3b82f666;border-color:#93c5fd}.kraken-button:active{transform:scale(1.05)}.kraken-button.active{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#f87171;animation:krakenPulse 1.5s ease-in-out infinite}.kraken-button.disabled{background:linear-gradient(135deg,#374151,#6b7280);border-color:#9ca3af;cursor:not-allowed;opacity:.6}.kraken-button.disabled:hover{transform:none;box-shadow:0 4px 15px #6b72804d}.kraken-icon{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.kraken-counter{background:#000c;color:#fff;padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:700;border:2px solid #60a5fa;box-shadow:0 2px 8px #0006;letter-spacing:1px;min-width:50px;text-align:center}.kraken-counter.empty{border-color:var(--color-error);color:var(--color-error)}.kraken-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:var(--spacing-s);background:#000000f2;color:#fff;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;border:1px solid rgba(59,130,246,.5);box-shadow:0 4px 12px #00000080;z-index:800;max-width:280px;white-space:normal;line-height:1.4}.kraken-button-container:hover .kraken-tooltip{opacity:1;transform:translateY(0)}.kraken-tooltip:after{content:"";position:absolute;top:100%;right:20px;border:8px solid transparent;border-top-color:#000000f2}@keyframes krakenPulse{0%,to{box-shadow:0 4px 15px #dc262666,0 0 20px #dc262633}50%{box-shadow:0 6px 25px #dc2626b3,0 0 40px #dc262680}}@media(max-width:768px){.kraken-button-container{bottom:20px;right:95px}.kraken-button{width:60px;height:60px}.kraken-icon{width:35px;height:35px}.kraken-counter{font-size:.75rem;padding:4px 10px}.kraken-tooltip{max-width:200px;font-size:.75rem;right:-10px}}.jump-button-container{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);z-index:800}.jump-button{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#92400e,#d97706);border:3px solid #fbbf24;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px #d9770666,0 0 20px #d9770633;position:relative}.jump-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #d9770699,0 0 30px #d9770666;border-color:#fcd34d}.jump-button:active{transform:scale(1.05)}.jump-button.active{background:linear-gradient(135deg,#b45309,#f59e0b);border-color:#fcd34d;animation:jumpPulse 1.5s ease-in-out infinite}.jump-button.disabled{background:linear-gradient(135deg,#374151,#6b7280);border-color:#9ca3af;cursor:not-allowed;opacity:.6}.jump-button.disabled:hover{transform:none;box-shadow:0 4px 15px #6b72804d}.jump-icon{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.jump-counter{background:#000c;color:#fff;padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:700;border:2px solid #fbbf24;box-shadow:0 2px 8px #0006;letter-spacing:1px;min-width:50px;text-align:center}.jump-counter.empty{border-color:var(--color-error);color:var(--color-error)}.jump-tooltip{position:absolute;bottom:100%;right:0;margin-bottom:var(--spacing-s);background:#000000f2;color:#fff;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;border:1px solid rgba(217,119,6,.5);box-shadow:0 4px 12px #00000080;z-index:800;max-width:280px;white-space:normal;line-height:1.4}.jump-button-container:hover .jump-tooltip{opacity:1;transform:translateY(0)}.jump-tooltip:after{content:"";position:absolute;top:100%;right:20px;border:8px solid transparent;border-top-color:#000000f2}@keyframes jumpPulse{0%,to{box-shadow:0 4px 15px #d9770666,0 0 20px #d9770633}50%{box-shadow:0 6px 25px #d97706b3,0 0 40px #d9770680}}@media(max-width:768px){.jump-button-container{bottom:20px;right:20px}.jump-button{width:60px;height:60px}.jump-icon{width:35px;height:35px}.jump-counter{font-size:.75rem;padding:4px 10px}.jump-tooltip{max-width:200px;font-size:.75rem;right:-10px}}#game-container canvas{display:block}@media screen and (max-width:768px)and (orientation:portrait){#game-container:before{content:"📱";position:fixed;top:calc(50% - 140px);left:50%;transform:translate(-50%) rotate(90deg);font-size:80px;z-index:10000;animation:rotatePhone 4s ease-in-out infinite}@keyframes rotatePhone{0%,to{transform:translate(-50%) rotate(0)}30%{transform:translate(-50%) rotate(90deg)}70%{transform:translate(-50%) rotate(90deg)}}#game-container:after{content:"↩️ Por favor, gira tu dispositivo ↩️";position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-family:sans-serif;z-index:9999;text-align:center;padding:60px 20px 20px}#game-container>*:not(:before):not(:after){display:none}}#game-container{position:relative;width:100vw;height:100vh;overflow:hidden}#game-container canvas{display:block;position:absolute;top:0;left:0;width:100%!important;height:100%!important;image-rendering:pixelated;touch-action:none}.hamburger-menu-btn{display:none;position:absolute;top:10px;right:10px;z-index:10;width:50px;height:50px;background:#000000b3;border:2px solid var(--color-border);border-radius:8px;color:#fff;font-size:28px;cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center;padding:0;line-height:1}.hamburger-menu-btn:hover{background:#000000e6}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;z-index:9999;padding:20px}.mobile-menu-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.mobile-menu-bug{position:absolute;top:0;left:0;width:50px;height:50px;background:#01010166;border:1px solid var (--color-border);border-radius:8px;color:#fff6;font-size:16px;cursor:pointer;z-index:1001;transition:all .2s ease}.mobile-menu-bug:hover{background:#ff6b35e6;transform:scale(1.05)}.mobile-menu-close{position:absolute;top:0;right:0;width:50px;height:50px;background:#ff0000b3;border:2px solid var(--color-error);border-radius:8px;color:#fff;font-size:24px;cursor:pointer;z-index:1001}.mobile-menu-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:70px;width:100%;max-width:90vw;margin-left:auto;margin-right:auto}.mobile-menu-grid button{aspect-ratio:1;background:var(--color-equilibrio);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px}.mobile-menu-grid button:hover{background:var(--color-primary);transform:scale(1.05)}.mobile-menu-grid button:disabled{opacity:.5;cursor:not-allowed}.mobile-menu-grid button.exit-btn{background:var(--color-odio)}.mobile-menu-grid button.exit-btn:hover{background:var(--color-error)}.zoom-control{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:0;background:var(--color-bg-secondary, rgba(0,0,0,.6));border:1px solid var(--color-border, rgba(255,255,255,.3));border-radius:var(--border-radius-lg, 8px);z-index:100;overflow:hidden}.zoom-control button{background:none;border:none;color:var(--color-text-primary, #fff);padding:6px 12px;cursor:pointer;font-size:16px;font-weight:700;transition:background .2s;line-height:1}.zoom-control button:hover{background:#ffffff26}.zoom-control button:active{background:#ffffff40}.zoom-control button:disabled{opacity:.3;cursor:default}.zoom-control button:disabled:hover{background:none}.zoom-control .zoom-pct{font-size:12px;color:var(--color-text-primary, #fff);min-width:42px;text-align:center;-webkit-user-select:none;user-select:none;padding:6px 2px;border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15)}.menu{position:absolute;top:20px;right:20px;z-index:10;background:#00000080;padding:8px;border-radius:4px;color:#fff;font-family:sans-serif}.menu button{display:block;margin:4px 0;width:120px;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;cursor:pointer;font-family:sans-serif}.menu button:hover{background:#fff3}@media(max-height:768px){.hamburger-menu-btn,.mobile-menu-overlay{display:flex}.menu{display:none}.bug-report-btn-desktop,.game-info-fase,.game-info-players,.game-info-fragments{display:none!important}.compact-info-panel{display:flex!important}.game-info-ranking{margin-top:0!important;padding-top:8px!important;border-top:none!important}.game-info-panel{min-width:120px!important;max-width:150px!important;top:auto!important;bottom:20px!important}.ranking-name-full{display:none!important}.ranking-name-short{display:inline!important}.ranking-title-full{display:none!important}.ranking-title-short{display:inline!important}}.menu button.functional{background:#0064c84d}.menu button.functional:hover{background:#0064c880}#btn-land:hover{background:#4ade80}#btn-land{display:none;position:absolute;z-index:11;transform:translate(-50%,-50%);border:1px solid var(--color-border);background:#0006;color:#ffffffab}@media screen and (max-width:768px){#btn-land{width:42px!important;height:38px!important;border-radius:50%!important;padding:0!important;font-size:20px!important;min-width:42px!important;text-align:center!important;line-height:38px!important;position:relative;overflow:hidden}#btn-land:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(0) translate(-100%);animation:subtle-shine 6s ease-in-out infinite;pointer-events:none}#btn-land span{display:none}@keyframes subtle-shine{0%{transform:rotate(0) translate(-100%);opacity:0}10%{opacity:1}40%{transform:rotate(0) translate(100%);opacity:1}50%{opacity:0}to{opacity:0}}}#btn-eye-fragment{display:none;position:absolute;z-index:11;transform:translate(-50%,-50%);border:1px solid rgba(180,130,255,.6);background:#502878b3;color:#e0c0ff;border-radius:50%;width:42px;height:38px;font-size:20px;cursor:pointer;transition:background .15s,transform .15s;padding:0;line-height:38px;text-align:center}#btn-eye-fragment:hover{background:#783cb4e6;transform:translate(-50%,-50%) scale(1.15)}@media screen and (max-width:768px){.game-finished-message{font-size:12px!important;padding:10px 20px!important}}.map-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-family:sans-serif}.map-error{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-family:sans-serif;flex-direction:column}.map-error button{margin-top:20px}.compass-wrapper{position:absolute;top:0;left:6px;z-index:100}.game-info-panel{position:absolute;top:180px;left:20px;background-color:#000c;border:2px solid rgba(136,136,136,.6);border-radius:8px;padding:5px;color:#fff;font-family:Arial,sans-serif;font-size:14px;min-width:160px;max-width:220px;z-index:100;box-shadow:0 4px 6px #00000080}.game-info-fase{margin-top:6px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between}.game-info-fase-label{font-size:12px;color:#aaa}.game-info-fase-info-btn{cursor:pointer;font-size:12px;color:#4a9eff;border:1px solid #4a9eff;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:none}.mode-info-box{margin-top:8px;padding:8px;background-color:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:4px;font-size:11px;line-height:1.4}.game-info-players{margin-top:6px;display:flex;align-items:center;gap:8px}.game-info-fragments{margin-top:4px;display:flex;align-items:center;gap:8px}.game-info-stat-label{font-size:12px;color:#aaa}.game-info-stat-value{font-weight:700;font-size:13px}.game-info-ranking{margin-top:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.2)}.compact-info-panel{display:none;gap:10px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:4px;font-size:12px}.context-menu{position:fixed;z-index:1000;background:#000000d9;border:1px solid #555;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px}.context-menu button{padding:6px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;cursor:pointer;font-size:13px;transition:background .15s}.context-menu button:hover{background:#ffffff40}.game-finished-message{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:100;padding:15px 30px;border-radius:8px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;text-align:center;white-space:nowrap;box-shadow:0 4px 6px #00000080}.game-finished-winner{background-color:#008000d9;border:2px solid #4ade80;color:#fff}.game-finished-loser{background-color:#8b0000d9;border:2px solid #f87171;color:#fff}.grimorio-status-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:100;background-color:#000c;border:2px solid #ff9900;border-radius:8px;padding:8px 16px;color:#fff;font-family:Arial,sans-serif;font-size:14px;text-align:center;box-shadow:0 4px 6px #00000080}.guild-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--spacing-s)}.guild-modal-container{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);width:90vw;max-width:1400px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-primary);font-family:var(--font-family-base)}.guild-modal-header{display:flex;flex-direction:column;padding:var(--spacing-m);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.guild-header-top{display:flex;justify-content:space-between;align-items:center}.guild-names-row{display:none}.guild-modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.guild-modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.guild-modal-close:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.guild-modal-content{padding:var(--spacing-m);overflow-y:auto;flex:1}.guilds-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-m);width:100%}.guild-card{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xs);display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.guild-card:hover{border-color:var(--color-text-secondary);transform:translateY(-2px);box-shadow:0 4px 16px #0006}.guild-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;text-align:center}.guild-lore{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;line-height:1.5;margin:0 0 var(--spacing-s) 0;min-height:54px;font-style:italic}.guild-banner{position:relative;width:100%;min-height:300px;background:#3c3c3c80;border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:var(--spacing-s);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.guild-banner img{width:100%;height:auto;display:block;object-fit:contain}.guild-members{position:absolute;bottom:0;left:0;right:0;background:#00000080;padding:var(--spacing-xs);display:flex;flex-direction:column;max-height:60%;overflow-y:auto}.members-header{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.members-list{display:flex;flex-direction:column;gap:4px}.member-item{font-size:var(--font-size-xs);color:var(--color-text-primary);padding:4px 8px;background:#ffffff1a;border-radius:var(--border-radius-sm);border-left:2px solid var(--color-primary)}.founder-badge{color:gold;font-weight:600;font-size:11px}.no-members{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;text-align:center;padding:0}.guild-action-btn{width:100%;padding:10px 16px;background:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.guild-action-btn:hover:not(.disabled){opacity:.9;transform:scale(1.02)}.guild-action-btn.disabled{background:var(--color-bg-medium);cursor:not-allowed;opacity:.5}.guild-modal-close-float{display:none}.guild-info-hint{display:none;margin:var(--spacing-s) var(--spacing-xs) 0 0}.guild-lore-overlay{display:none}.guild-modal-content::-webkit-scrollbar,.guild-members::-webkit-scrollbar{width:6px}.guild-modal-content::-webkit-scrollbar-track,.guild-members::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:3px}.guild-modal-content::-webkit-scrollbar-thumb,.guild-members::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.guild-modal-content::-webkit-scrollbar-thumb:hover,.guild-members::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media(max-width:1400px){.guilds-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-m)}.guild-name{font-size:var(--font-size-lg)}.guild-lore{font-size:11px;min-height:48px}}@media(max-width:1200px){.guild-modal-container{width:95vw}.guilds-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-s)}.guild-card{padding:var(--spacing-s)}.guild-name{font-size:var(--font-size-base)}}@media(max-width:900px){.guilds-grid{grid-template-columns:repeat(2,1fr)}.guild-lore{font-size:11px;min-height:60px}}.guild-confirm-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guild-confirm-container{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-l);max-width:420px;width:90vw;display:flex;flex-direction:column;gap:var(--spacing-s);box-shadow:0 8px 32px #0009;text-align:center}.guild-confirm-title{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.guild-confirm-name{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-primary)}.guild-confirm-text{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.guild-confirm-cost{display:inline-block;margin-top:var(--spacing-xs);font-size:var(--font-size-base);font-weight:700;color:gold}.guild-confirm-free{display:inline-block;margin-top:var(--spacing-xs);font-size:var(--font-size-base);font-weight:700;color:#4ade80}.guild-confirm-buttons{display:flex;gap:var(--spacing-s);justify-content:center;margin-top:var(--spacing-xs)}.guild-confirm-btn{flex:1;padding:10px 16px;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.guild-confirm-cancel{background:var(--color-bg-medium, #333);color:var(--color-text-secondary)}.guild-confirm-cancel:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.guild-confirm-accept{background:var(--color-primary);color:#fff}.guild-confirm-accept:hover{opacity:.85;transform:scale(1.02)}@media(max-width:768px){.guild-modal-overlay{padding:0}.guild-confirm-container{padding:var(--spacing-m)}.guild-modal-container{width:calc(100vw - 20px);max-width:calc(100vw - 20px);height:calc(100vh - 20px);max-height:calc(100vh - 20px)}.guild-modal-header{padding:4px 8px;border-bottom:none;min-height:unset;gap:2px}.guild-modal-header h2{font-size:12px}.guild-modal-close{width:22px;height:22px;font-size:14px}.guild-names-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:100%}.guild-name-header{font-size:10px;font-weight:700;color:var(--color-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.guild-name{display:none}.guild-modal-content{padding:0;overflow:hidden}.guilds-grid{grid-template-columns:repeat(5,1fr);gap:0;width:100%;height:100%}.guild-card{position:relative;padding:0 var(--spacing-xs);border:none;border-radius:0;min-width:0;overflow:hidden;background:#111}.guild-card:hover{transform:none;box-shadow:none}.guild-lore{display:none}.guild-banner{position:relative;flex:1;display:flex;flex-direction:column;min-height:unset;margin:0;border:none;border-radius:0}.guild-banner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.guild-info-hint{display:block;position:absolute;top:4px;right:4px;z-index:3;font-size:14px;color:#fffc;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.8)}.guild-lore-overlay{position:absolute;inset:0;z-index:3;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer}.guild-lore-overlay p{margin:0;font-size:8px;color:var(--color-text-primary);text-align:center;line-height:1.4;font-style:italic}.guild-banner img{cursor:pointer}.guild-members{position:relative;margin-top:auto;left:0;right:0;width:100%;padding:3px;font-size:7px;background:#0009}.members-header{font-size:7px;margin-bottom:2px}.members-list{gap:2px}.member-item{font-size:7px;padding:1px 3px}.founder-badge,.no-members{font-size:7px}.guild-action-btn{padding:5px 4px;font-size:10px;letter-spacing:1px;border-radius:var(--border-radius-lg);margin:0 var(--spacing-xs) 0 var(--spacing-xs)}}.sell-fish-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:var(--spacing-s)}.sell-fish-modal-container{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);width:90vw;max-width:580px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-primary);font-family:var(--font-family-base)}.sell-fish-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-m);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.sell-fish-modal-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.sell-fish-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.sell-fish-header-stock{font-size:var(--font-size-sm);color:var(--color-info);font-weight:600;background:var(--color-bg-primary);padding:4px 10px;border-radius:var(--border-radius-md);border:1px solid var(--color-border);white-space:nowrap}.sell-fish-modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:24px;font-weight:700;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.sell-fish-modal-close:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.sell-fish-modal-content{padding:var(--spacing-m);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--spacing-m)}.fish-info-box{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-m);text-align:center}.fish-info-box p{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.fish-info-box .highlight{color:var(--color-info);font-weight:700}.slider-container{display:flex;flex-direction:column;gap:var(--spacing-s)}.slider-wrapper{position:relative;display:flex;align-items:center}.slider-value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none;z-index:1}.slider-input{width:100%;height:24px;border-radius:12px;appearance:none;cursor:pointer;outline:none;background:var(--color-bg-tertiary)}.slider-input::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border-radius:50%;background:var(--color-primary);cursor:pointer;position:relative;z-index:2}.slider-input::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:none;position:relative;z-index:2}.slider-marks{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.earnings-box{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-m);display:flex;flex-direction:column;gap:var(--spacing-s)}.earnings-box p{margin:0;text-align:center;color:var(--color-text-primary)}.earnings-total{font-size:var(--font-size-xl);font-weight:700;color:var(--color-success)}.earnings-detail{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sell-fish-columns{display:flex;flex-direction:row;gap:var(--spacing-m);width:100%}.sell-fish-columns>.earnings-box{flex:1 1 50%;min-width:0}.sell-fish-col-right{flex:1 1 50%;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-m)}.sell-fish-col-right .fish-info-box{flex:1;display:flex;align-items:center;justify-content:center}.accept-button{align-self:stretch;width:100%;padding:12px 32px;background:linear-gradient(to right,#16a34a,#15803d);border:none;border-radius:var(--border-radius-md);color:#fff;font-size:var(--font-size-base);font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .2s ease}.accept-button:hover{background:linear-gradient(to right,#15803d,#166534);transform:scale(1.05)}.confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--spacing-s)}.confirmation-container{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);width:90vw;max-width:400px;padding:var(--spacing-m);box-shadow:0 8px 32px #0009;color:var(--color-text-primary)}.confirmation-container h3{margin:0 0 var(--spacing-m) 0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);text-align:center}.confirmation-container p{margin:0 0 var(--spacing-m) 0;text-align:center;color:var(--color-text-secondary);line-height:1.5}.confirmation-buttons{display:flex;gap:var(--spacing-m);justify-content:center}.confirmation-button{padding:10px 24px;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .2s ease}.confirmation-button.cancel{background:var(--color-bg-tertiary);color:#fff}.confirmation-button.cancel:hover{background:#4b5563}.confirmation-button.confirm{background:var(--color-success);color:#fff}.confirmation-button.confirm:hover{background:#15803d}@media(max-width:768px){.sell-fish-modal-overlay{padding:10px}.sell-fish-modal-container{width:calc(100vw - 20px);max-width:none;max-height:calc(100vh - 20px);border-radius:12px;border:2px solid rgba(255,255,255,.12)}.sell-fish-modal-header{padding:12px 16px}.sell-fish-modal-header h2{font-size:16px}.sell-fish-modal-close{font-size:20px;width:28px;height:28px}.sell-fish-modal-content{padding:12px;gap:10px}.fish-info-box{padding:10px}.fish-info-box p{font-size:13px}.slider-value,.slider-marks{font-size:10px}.earnings-box{padding:10px;gap:4px}.earnings-box p{font-size:12px}.earnings-total{font-size:16px}.earnings-detail{font-size:11px}.sell-fish-header-left{gap:8px}.sell-fish-header-stock{font-size:11px;padding:3px 8px}.accept-button{padding:10px 24px;font-size:14px;width:100%}.confirmation-container{width:calc(100vw - 40px);max-width:none;padding:16px}.confirmation-container h3{font-size:15px}.confirmation-container p{font-size:13px}.confirmation-buttons{gap:10px}.confirmation-button{padding:10px 20px;font-size:13px;flex:1}}.prologue-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;overflow:hidden;font-family:var(--font-family-base)}.prologue-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#000}.prologue-nav-button{position:absolute;top:50%;transform:translateY(-50%);color:#313131;font-size:3rem;width:85px;height:85px;cursor:pointer;transition:all .3s ease;z-index:15;display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:50%;font-weight:600}.prologue-nav-button:hover{background-color:#fff3;border-color:#fff9;transform:translateY(-50%) scale(1.1);color:#fff}.prologue-nav-left{left:40px}.prologue-nav-right{right:40px}.prologue-text-overlay{position:absolute;bottom:0;left:0;width:100%;height:25%;background:linear-gradient(to top,#000000e6,#000000b3 80%,#0000);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--spacing-l);box-sizing:border-box;z-index:5}.prologue-text-content{width:100%;max-width:1200px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-s)}.prologue-text-line{color:var(--color-text-primary);font-size:var(--font-size-xl);margin:0;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;font-family:Georgia,serif;line-height:1.5;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.prologue-text-line.visible{opacity:1;transform:translateY(0)}.prologue-skip-button{position:absolute;bottom:30px;right:30px;background-color:#ffffff1a;color:var(--color-text-secondary);border:2px solid var(--color-border);padding:12px 24px;font-size:var(--font-size-lg);cursor:pointer;transition:all .3s ease;border-radius:var(--border-radius-md);font-weight:600;letter-spacing:.5px;z-index:20}.prologue-skip-button:hover{background-color:#fff3;border-color:var(--color-text-primary);transform:translate(5px);color:var(--color-text-primary)}.prologue-skip-button.pulse{animation:pulseGlow 2s ease-in-out infinite;color:#fff;border-color:#fff}.prologue-nav-right.pulse{animation:pulseGlow 2s ease-in-out infinite;color:#fff}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #ffffff4d,0 0 20px #fff3;border-color:#ffffff80}50%{box-shadow:0 0 20px #fff9,0 0 40px #fff6;border-color:#fffc}}@media(max-width:768px){.prologue-nav-button{font-size:2rem;width:60px;height:60px;padding:10px}.prologue-nav-left{left:10px}.prologue-nav-right{right:10px}.prologue-text-overlay{height:30%;padding:var(--spacing-m)}.prologue-text-line{font-size:var(--font-size-lg)}.prologue-skip-button{font-size:var(--font-size-base);padding:10px 20px;bottom:20px;right:20px}}@media(max-width:480px){.prologue-text-overlay{height:35%}.prologue-text-line{font-size:var(--font-size-base);gap:4px}.prologue-nav-button{font-size:1.5rem;width:50px;height:50px}}:root{--color-primary: #4ade80;--color-secondary: #524281;--color-bg-primary: #090c0f;--color-bg-secondary: #16181b;--color-text-primary: #ffffff;--color-text-secondary: #aaaaaa;--color-border: #333333;--color-success: #26b6ac;--color-error: #df2b10;--color-warning: #eab308;--color-info: #3b82f6;--color-equilibrio: linear-gradient(0deg, rgba(23, 131, 153, .5), rgba(17, 14, 15, .1));--color-odio: linear-gradient(0deg, rgba(190, 85, 20, .5), rgba(128, 3, 3, .9));--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--line-height-base: 1.5;--spacing-base: 8px;--spacing-xs: 8px;--spacing-s: 16px;--spacing-m: 24px;--spacing-l: 32px;--spacing-xl: 40px;--spacing-2xl: 48px;--container-max-width: 480px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%}body{font-family:var(--font-family-base);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-base);height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-s);font-weight:600;line-height:1.2}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-s)}small{font-size:var(--font-size-sm);color:var(--color-text-secondary)}button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-s);border-radius:var(--border-radius-md);border:1px solid transparent;font-family:inherit;font-size:var(--font-size-base);cursor:pointer;transition:opacity .2s,background-color .2s;min-height:44px}button.primary,.btn-primary{background-color:var(--color-primary);color:#fff}button.primary:hover,.btn-primary:hover{opacity:.9}button.primary:active,.btn-primary:active{opacity:.8}button.secondary,.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-primary)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{display:block;width:100%;min-height:44px;padding:var(--spacing-xs) var(--spacing-s);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-s)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary)}label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-s);display:flex;flex-direction:column}.mb-s{margin-bottom:var(--spacing-s)}.mb-m{margin-bottom:var(--spacing-m)}.gap-s{gap:var(--spacing-s)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}:root{--map-modal-background: var(--color-bg-primary);--map-modal-border: 1px solid var(--color-border);--map-modal-box-shadow: 0 20px 60px rgba(0, 0, 0, .5);--map-modal-border-radius: var(--border-radius-lg);--map-text-primary: var(--color-text-primary);--map-text-secondary: var(--color-text-secondary);--map-text-muted: rgba(170, 170, 170, .7);--map-close-color: var(--color-text-primary);--map-close-opacity: .8;--map-close-hover-opacity: 1;--map-bg-subtle: rgba(255, 255, 255, .03);--map-bg-light: var(--color-bg-secondary);--map-bg-medium: rgba(255, 255, 255, .08);--map-bg-gradient-header: linear-gradient(90deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, .15));--map-border-subtle: rgba(255, 255, 255, .06);--map-border-light: rgba(255, 255, 255, .08);--map-border-medium: rgba(255, 255, 255, .1);--map-border-strong: var(--color-border)}.map-page-container{width:100%;height:100vh;position:relative;overflow:hidden;background-color:var(--color-bg-primary)}.map-canvas-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}.map-ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-s)}.map-ui-overlay>*{pointer-events:auto}.map-modal{background-color:var(--map-modal-background);border:var(--map-modal-border);border-radius:var(--map-modal-border-radius);box-shadow:var(--map-modal-box-shadow);color:var(--map-text-primary);padding:var(--spacing-m)}@media(orientation:landscape){.map-ui-overlay{flex-direction:row;align-items:flex-start}}