:root{--parchment: #f4e4bc;--dark-wood: #2a1b0a;--gold: #d4af37;--sea-blue: #002d3d;--crimson: #8b0000;--font-pirate: "Pirata One", cursive;--font-body: "MedievalSharp", cursive}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--dark-wood);color:var(--parchment);font-family:var(--font-body)}#game-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1;overflow:hidden}#game-container canvas{width:100%!important;height:100%!important;display:block}#ui-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99990;pointer-events:none}#ui-layer .overlay,#ui-layer .sidebar-menu,#ui-layer button,#ui-layer input{pointer-events:auto}.overlay{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99999;pointer-events:auto;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}#login-overlay{background:radial-gradient(circle,#0003,#000c),url(../assets/islabaner.png) no-repeat center center;background-size:cover}#login-overlay .parchment{background:var(--parchment);box-shadow:0 0 20px #00000080,inset 0 0 50px #8b45134d;padding:2.2rem 2rem;border-radius:5px;width:440px;min-height:440px;height:auto;max-width:90vw;max-height:90vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;color:#3e2723;border:10px solid transparent;border-image:url(https://www.transparenttextures.com/patterns/dark-leather.png) 30 round;position:relative;transition:min-height .3s ease,height .3s ease}#login-overlay .parchment:after{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;border:2px solid var(--gold);pointer-events:none}#login-overlay .pirate-title{color:#fff!important;font-size:2.8rem;margin:0 0 1rem;text-shadow:2px 2px 0px #000000,3px 3px 5px rgba(0,0,0,.8);-webkit-text-stroke:1.5px #1a0f00;letter-spacing:1px}#login-overlay .auth-tabs{margin-bottom:1.2rem}#login-overlay #auth-form{width:100%}#login-overlay .input-group{margin-bottom:.8rem;width:100%}#login-overlay #group-captain-name{max-height:0;opacity:0;overflow:hidden;margin-bottom:0!important;transition:max-height .3s ease-out,opacity .3s ease-out,margin-bottom .3s ease-out}#login-overlay #group-captain-name.show{max-height:80px;opacity:1;margin-bottom:.8rem!important}#login-overlay input{padding:.6rem;width:100%;box-sizing:border-box;margin-bottom:0}#login-overlay .btn-nautical{margin-top:.5rem;padding:.6rem 2rem;font-size:1.3rem;width:100%;box-sizing:border-box}.overlay.hidden{display:flex!important;opacity:0;visibility:hidden;pointer-events:none}.parchment{background:var(--parchment);box-shadow:0 0 20px #00000080,inset 0 0 50px #8b45134d;padding:3rem;border-radius:5px;max-width:400px;text-align:center;color:#3e2723;border:10px solid transparent;border-image:url(https://www.transparenttextures.com/patterns/dark-leather.png) 30 round;position:relative}.overlay input,.overlay textarea,.overlay button,.overlay .market-nav-btn{pointer-events:auto!important;cursor:text}.overlay button,.overlay .market-nav-btn{cursor:pointer}.parchment:after{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;border:2px solid var(--gold);pointer-events:none}.pirate-title{font-family:var(--font-pirate);font-size:3.5rem;margin:0 0 1.5rem;color:var(--crimson);text-shadow:2px 2px 0px rgba(0,0,0,.2)}.btn-nautical{background:var(--dark-wood);color:var(--gold);border:2px solid var(--gold);padding:.8rem 2rem;font-family:var(--font-pirate);font-size:1.5rem;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase;letter-spacing:2px}.btn-nautical:hover{background:var(--gold);color:var(--dark-wood);transform:scale(1.05);box-shadow:0 0 15px var(--gold)}input[type=text],input[type=email],input[type=password]{background:#ffffffb3;border:2px solid #a0522d;padding:.8rem;font-family:var(--font-body);font-size:1rem;width:90%;margin-bottom:.5rem;border-radius:4px}.auth-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:2rem;border-bottom:2px solid rgba(160,82,45,.3);padding-bottom:10px}.tab-btn{background:none;border:none;font-family:var(--font-pirate);font-size:1.4rem;color:#5d4037;cursor:pointer;padding:5px 15px;transition:all .3s;opacity:.6}.tab-btn.active{color:var(--crimson);opacity:1;border-bottom:2px solid var(--crimson)}.input-group{text-align:left;margin-bottom:1.2rem;width:100%}.input-group label{display:block;font-family:var(--font-pirate);font-size:1.2rem;margin-bottom:5px;color:#3e2723}.error-msg{color:var(--crimson);font-size:.9rem;margin-top:10px;min-height:1.2rem}#game-hud{position:absolute;top:0;left:0;height:100%;z-index:10000;pointer-events:none}.sidebar-menu{position:absolute;top:0;left:0;width:280px;height:100vh;background:#2a1b0af2;border-right:4px solid var(--gold);border-image:linear-gradient(to bottom,#d4af37,#8b6b00) 1;padding:20px 20px 50px;display:flex;flex-direction:column;gap:20px;box-shadow:10px 0 30px #000c;pointer-events:auto;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transform:translate(0);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.sidebar-menu::-webkit-scrollbar{width:8px}.sidebar-menu::-webkit-scrollbar-track{background:#0000004d}.sidebar-menu::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px;border:1px solid var(--dark-wood)}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#fff}.sidebar-menu.hidden{transform:translate(-100%)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;width:100%}.sidebar-close-btn{background:none;border:none;color:var(--gold);font-size:2rem;cursor:pointer;transition:transform .2s;line-height:1}.sidebar-close-btn:hover{transform:scale(1.2);color:#fff}.sidebar-btn{position:absolute;top:20px;left:20px;width:50px;height:50px;background:var(--dark-wood);border:2px solid var(--gold);color:var(--gold);font-size:1.5rem;cursor:pointer;z-index:10001;pointer-events:auto;transition:all .3s;display:flex;justify-content:center;align-items:center;border-radius:4px}.sidebar-btn:hover{background:var(--gold);color:var(--dark-wood);box-shadow:0 0 15px var(--gold)}.sidebar-btn.active{left:300px}.sidebar-header{border-bottom:2px solid var(--gold);padding-bottom:10px;text-align:center;margin-bottom:10px}.pirate-title-mini{font-family:var(--font-pirate);font-size:2.2rem;color:var(--gold);margin:0;letter-spacing:2px}.sidebar-section{display:flex;flex-direction:column;gap:12px;background:#0003;padding:15px;border-radius:4px;border:1px solid rgba(212,175,55,.1)}.section-title{font-family:var(--font-pirate);font-size:1.2rem;color:#8b6b00;margin:0;border-left:3px solid var(--crimson);padding-left:10px;text-transform:uppercase;letter-spacing:1px}.hud-btn{background:#ffffff0d;border:1px solid rgba(212,175,55,.3);color:#ccc;padding:12px;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center;gap:10px;width:100%}.hud-btn:hover{background:#d4af3726;border-color:var(--gold);color:var(--gold);transform:translate(5px)}.economy-list{display:flex;flex-direction:column;gap:10px;padding:5px}.economy-item{display:flex;align-items:center;gap:12px;color:var(--parchment);font-family:var(--font-body);font-size:1.1rem}.economy-item .icon{font-size:1.4rem;width:25px;text-align:center}.sidebar-footer{padding-top:20px;border-top:1px solid rgba(212,175,55,.2);margin-top:20px}.logout-btn{border-color:#8b0000;color:#faa}.logout-btn:hover{background:#8b000033;border-color:#f30;color:#fff}.progress-container.mini{width:100%;height:12px;position:relative;background:#00000080;border:1px solid #444;border-radius:2px;overflow:hidden}.bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:MedievalSharp,cursive;font-size:.75rem;color:#fff;text-shadow:1px 1px 2px #000;width:100%;text-align:center;z-index:5;pointer-events:none}.hp-box-multi{display:flex;flex-direction:column;gap:8px}.hp-layer{display:flex;flex-direction:column;gap:4px}.label-mini{font-family:var(--font-pirate);font-size:.9rem;color:var(--gold)}.progress-bar{height:100%;transition:width .3s ease}.progress-bar.purple{background:linear-gradient(to right,#9d00ff,indigo)}.progress-bar.gold{background:linear-gradient(to right,gold,#b8860b)}.progress-bar.red{background:linear-gradient(to right,#f30,#8b0000)}.red-glow{border-color:#f44!important;color:#faa!important}.red-glow:hover{background:#f003!important;box-shadow:0 4px 15px #f006!important}#marketplace-overlay{z-index:20000;display:flex!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#marketplace-overlay:not(.hidden){opacity:1;visibility:visible}.parchment-large{background:var(--parchment);width:90%;height:85%;max-width:1100px;background-image:url(https://www.transparenttextures.com/patterns/handmade-paper.png);border:15px solid transparent;border-image:url(https://www.transparenttextures.com/patterns/dark-leather.png) 30 round;box-shadow:0 0 50px #000000e6,inset 0 0 100px #8b451366;position:relative;display:flex;flex-direction:column;color:#3e2723}.market-header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#2a1b0a1a;border-bottom:2px solid rgba(139,69,19,.2)}.pirate-title-gold{font-family:var(--font-pirate);font-size:3rem;color:#8b6b00;text-shadow:1px 1px 0px rgba(255,255,255,.5);margin:0}.close-btn{background:none;border:none;font-size:3rem;color:#8b0000;cursor:pointer;transition:transform .2s}.close-btn:hover{transform:scale(1.2) rotate(90deg)}.market-content{flex-grow:1;display:flex;overflow:hidden}.market-sidebar{width:250px;background:#2a1b0a0d;border-right:2px solid rgba(139,69,19,.2);display:flex;flex-direction:column;padding:20px;gap:15px}.market-nav-btn{background:#ffffff4d;border:2px solid #a0522d;padding:15px;font-family:var(--font-pirate);font-size:1.4rem;color:#3e2723;text-align:left;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px}.market-nav-btn:hover{background:var(--gold);border-color:#8b6b00;transform:translate(5px)}.market-nav-btn.active{background:var(--dark-wood);color:var(--gold);border-color:var(--gold);box-shadow:0 0 15px #d4af3780}.market-main{flex-grow:1;padding:30px;overflow-y:auto;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px}.admiralty-card{background:#ffffff80;border:1px solid rgba(139,69,19,.3);border-radius:4px;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s;box-shadow:0 5px 15px #0000001a;position:relative}.admiralty-card:hover{background:#fffc;transform:translateY(-5px);box-shadow:0 10px 25px #8b45134d;border-color:var(--gold)}.card-icon{width:80px;height:80px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.2))}.card-title{font-family:var(--font-pirate);font-size:1.3rem;color:#2a1b0a;margin:10px 0}.card-desc{font-family:var(--font-body);font-size:.9rem;color:#5d4037;margin:5px 0 15px;line-height:1.2}.card-price{font-weight:700;font-size:1.1rem;color:#3e2723;margin-bottom:15px;display:flex;align-items:center;gap:5px}.buy-btn-premium{background:var(--dark-wood);color:var(--gold);border:1px solid var(--gold);padding:8px 20px;font-family:var(--font-pirate);font-size:1.1rem;cursor:pointer;transition:all .2s;width:100%}.buy-btn-premium:hover{background:var(--gold);color:var(--dark-wood)}.fleet-stats-mini{background:#2a1b0a0d;border:2px dashed rgba(139,69,19,.3);padding:20px;margin-bottom:30px;border-radius:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{font-family:var(--font-pirate);font-size:1rem;color:#5d4037}.stat-value{font-size:1.2rem;font-weight:700;color:#2a1b0a}.loading-msg,.error-msg{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#3e2723;font-family:var(--font-pirate);font-weight:700;font-size:1.5rem;letter-spacing:1px}.error-msg{color:#8b0000}.pirate-table{width:100%;border-collapse:collapse;margin-top:10px;font-family:MedievalSharp,cursive;color:#432;background:#fff5dc66}.pirate-table th{background:#8b650833;color:#5d4037;padding:12px;border-bottom:2px solid #8b6508;text-align:left;font-size:1.1rem}.pirate-table td{padding:10px 12px;border-bottom:1px solid rgba(139,101,8,.1);font-size:1rem}.pirate-table tr:hover{background:#8b65081a}.scroll-y{overflow-y:auto;max-height:500px}.cost-diamonds{color:#008b8b;font-weight:700}.clan-section{width:100%}.parchment-inner{background:#0000000d;padding:25px;border-radius:8px;border:1px solid rgba(139,69,19,.2);max-width:600px;margin:0 auto}#clan-create-desc{width:90%;height:100px;background:#ffffffb3;border:2px solid #a0522d;padding:.8rem;font-family:var(--font-body);font-size:1rem;margin-bottom:.5rem;border-radius:4px;resize:none}.clan-card{background:#ffffff80;border:2px solid rgba(139,69,19,.2);border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s}.clan-card:hover{border-color:var(--gold);background:#fffc;transform:translateY(-5px)}.clan-logo-img{width:100px;height:100px;object-fit:cover;border-radius:50%;border:3px solid var(--gold);background:#000}.clan-tag{font-family:var(--font-pirate);font-size:1.5rem;color:var(--gold);text-shadow:1px 1px 2px #000}.member-list{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.member-item{background:#2a1b0a1a;padding:15px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--gold)}.role-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:700;text-transform:uppercase}.role-lider{background:gold;color:#000}.role-marinero{background:#888;color:#fff}.island-tag{display:inline-block;padding:5px 12px;background:#002d3d;color:gold;border-radius:15px;font-size:.9rem;margin:5px;border:1px solid #ffd700}.pirate-qty-input{width:70px;background:#000000b3;border:2px solid var(--gold);border-radius:4px;padding:8px;font-family:var(--font-body);font-weight:700;text-align:center;color:var(--gold)}.buy-controls{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto;padding-top:10px}.equipment-card{background:linear-gradient(135deg,#d4af371a,#8b45131a)!important;border:2px solid var(--gold)!important}.equipment-card .card-title{color:#8b6b00;font-weight:700}.clan-room-container{display:flex;flex-direction:column;gap:30px;padding:20px;height:100%;overflow-y:auto}.clan-room-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#2a1b0a66,#0009);padding:30px;border-radius:15px;border:1px solid rgba(212,175,55,.3);box-shadow:0 10px 30px #00000080}.clan-hero-info{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.clan-hero-logo{width:140px;height:140px;border-radius:15px;border:4px solid var(--gold);box-shadow:0 0 20px #d4af3766;object-fit:cover}.clan-description-large{font-size:1.2rem;color:#ccc;font-style:italic;margin:10px 0 20px}.clan-stats-ribbon{display:flex;gap:10px;flex-wrap:wrap}.stat-badge{padding:6px 15px;border-radius:20px;background:#0006;border:1px solid rgba(255,255,255,.1);font-size:1.1rem;display:flex;align-items:center;gap:8px}.stat-badge.gold{border-color:gold;color:gold}.stat-badge.pearls{border-color:#fff;color:#fff}.stat-badge.diamonds{border-color:#0ff;color:#0ff}.stat-badge.rubies{border-color:#f05;color:#f05}.stat-badge.silver{border-color:silver;color:silver}.stat-badge.members{border-color:#00bcd4;color:#00bcd4}.stat-badge.islands{border-color:#f44;color:#f44}.input-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:15px}.premium-btn{padding:15px 30px;font-size:1.4rem;box-shadow:0 5px 15px #d4af374d}.clan-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.clan-panel-dark{background:#00000080;border:1px solid rgba(139,69,19,.3);border-radius:10px;padding:20px;display:flex;flex-direction:column}.member-list-scroll{max-height:400px;overflow-y:auto;margin-top:15px;display:flex;flex-direction:column;gap:10px}.member-row{background:#ffffff08;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border-left:3px solid rgba(212,175,55,.3);transition:all .2s}.member-row:hover{background:#d4af370d;border-left-color:var(--gold)}.member-name{display:block;font-weight:700;color:#fff;font-size:1.1rem}.member-date{display:block;font-size:.8rem;color:#666}.log-table-container{margin-top:15px;height:400px;overflow-y:auto}.pirate-table-logs{width:100%;border-collapse:collapse;table-layout:fixed}.pirate-table-logs th{text-align:left;padding:12px;color:#8b6b00;border-bottom:1px solid rgba(212,175,55,.2);font-family:var(--font-pirate);font-size:1.2rem}.pirate-table-logs td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);word-wrap:break-word;overflow-wrap:break-word}.pirate-table-logs th:nth-child(1),.pirate-table-logs td:nth-child(1){width:25%}.pirate-table-logs th:nth-child(2),.pirate-table-logs td:nth-child(2){width:20%}.pirate-table-logs th:nth-child(3),.pirate-table-logs td:nth-child(3){width:55%}.log-type-tag{font-size:.7rem;padding:3px 8px;border-radius:3px;font-weight:700}.type-donation{background:#2e7d32;color:#fff}.type-join{background:#1565c0;color:#fff}.type-creation{background:#6a1b9a;color:#fff}.type-purchase{background:#d4af37;color:#000}.type-kick{background:#c62828;color:#fff}.btn-mini-red{background:#c62828;color:#fff;border:none;padding:3px 8px;border-radius:3px;font-size:.7rem;cursor:pointer;font-weight:700;transition:background .2s}.btn-mini-red:hover{background:#b71c1c}.log-details{font-size:.9rem;color:#aaa}.clan-panel-alert{background:#8b00001a;border:1px solid rgba(255,170,0,.3);border-radius:10px;padding:20px}.application-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-top:15px}.app-card{background:#0006;padding:15px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,170,0,.2)}.app-btns{display:flex;gap:10px}.btn-mini-green,.btn-mini-red{border:none;padding:5px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;font-family:var(--font-pirate)}.btn-mini-green{background:#2e7d32;color:#fff}.btn-mini-red{background:#c62828;color:#fff}.clan-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--parchment);padding:30px;z-index:100000;box-shadow:0 0 100px #000;border-radius:10px;width:400px;color:#3e2723;background-image:url(https://www.transparenttextures.com/patterns/handmade-paper.png);border:5px solid var(--gold)}.modal-btns{display:flex;gap:15px;margin-top:20px}.modal-btns button{flex:1}#nautical-grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10005}.nautical-strip{position:absolute;background:#0006;display:flex;justify-content:space-around;align-items:center;font-family:var(--font-pirate);color:var(--gold);text-shadow:2px 2px 2px #000;font-size:1.1rem;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nautical-strip.top{top:0;left:40px;width:calc(100% - 40px);height:30px;border-bottom:2px solid var(--gold)}.nautical-strip.left{top:30px;left:0;width:30px;height:calc(100% - 30px);flex-direction:column;border-right:2px solid var(--gold)}.nautical-strip.right{top:30px;right:0;width:30px;height:calc(100% - 30px);flex-direction:column;border-left:2px solid var(--gold)}.coord-label{flex:1;display:flex;justify-content:center;align-items:center}button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-left:5px}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}#custom-toolbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;background:#2a1b0ae6;border:3px solid var(--gold);border-radius:10px;padding:10px;z-index:100000;pointer-events:auto;box-shadow:0 5px 15px #00000080}.toolbar-row{display:flex;gap:10px;justify-content:center}.toolbar-slot{width:50px;height:50px;background:var(--dark-wood);border:2px solid #8b6b00;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s;color:#fff;font-size:1.5rem}.toolbar-slot:hover{border-color:var(--gold);background:#d4af3733}.category-slot{background:linear-gradient(135deg,#2a1b0a,#4a3319)}.center-slot{border-color:gold;background:#ffd7001a;font-size:1.8rem}.center-slot:hover{background:#ffd7004d;box-shadow:0 0 10px gold}.quick-slot{border-style:dashed}.quick-slot.drag-over{background:#00ff001a;border-color:#0f0}.toolbar-dropdown{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#2a1b0af2;border:2px solid var(--gold);border-radius:5px;padding:5px;display:flex;flex-direction:column;gap:5px;margin-bottom:10px;z-index:100001;box-shadow:0 -5px 10px #00000080}.dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:3px;white-space:nowrap;font-family:MedievalSharp,cursive;font-size:.9rem;color:gold;cursor:grab;transition:background .2s}.dropdown-item:hover{background:#ffd70033}#toolbar-handle{text-align:center;color:#8b6b00;font-size:.85rem;letter-spacing:4px;cursor:grab;padding:2px 0;border-bottom:1px solid rgba(139,107,0,.4);margin-bottom:4px;-webkit-user-select:none;user-select:none}#toolbar-handle:hover{color:gold}.dropdown-item:active{cursor:grabbing}#ad-container{position:fixed;bottom:20px;right:50px;width:300px;background:#2a1b0ae6;border:2px solid var(--gold);border-radius:8px;color:#fff;font-family:MedievalSharp,cursive;z-index:100000;box-shadow:0 0 15px #000000b3;overflow:hidden}.ad-header{background:var(--gold);color:#000;padding:6px;font-size:12px;font-weight:700;text-transform:uppercase;text-align:center;border-bottom:1px solid rgba(0,0,0,.2)}.ad-content{padding:15px;text-align:center;font-family:sans-serif;font-size:.9rem}.ad-content p{margin:0 0 10px;color:gold}.ad-content small{color:#aaa}#minimap-container{position:fixed;top:20px;right:20px;width:220px;background:#140f0af2;border:3px solid var(--gold);border-image:linear-gradient(to bottom,#d4af37,#8b6b00) 1;box-shadow:0 10px 30px #000c,inset 0 0 15px #00000080;z-index:10005;display:flex;flex-direction:column;pointer-events:auto;border-radius:2px}#minimap-handle{background:#2a1b0a;height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;cursor:grab;border-bottom:2px solid var(--gold)}#minimap-handle:active{cursor:grabbing}#minimap-handle .title{font-family:var(--font-pirate);color:var(--gold);font-size:1.1rem;letter-spacing:1px}.close-btn-mini{background:none;border:none;color:var(--crimson);font-size:1.5rem;cursor:pointer;line-height:1}.minimap-content{background:#001a26;width:200px;height:200px;margin:10px auto;border:1px solid rgba(212,175,55,.3);position:relative;overflow:hidden}#minimap-canvas{display:block;image-rendering:pixelated;cursor:crosshair}.minimap-controls{display:flex;justify-content:space-around;padding:5px 10px 10px;gap:5px}.mini-ctrl-btn{background:#ffffff0d;border:1px solid rgba(212,175,55,.4);color:#fff;padding:5px;cursor:pointer;border-radius:3px;flex:1;transition:all .2s;font-size:1.2rem;display:flex;justify-content:center;align-items:center}.mini-ctrl-btn:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 0 10px var(--gold)}#target-hud{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:45000;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);opacity:1;display:block}#target-hud.hidden{top:-150px;opacity:0;pointer-events:none}.target-container{background:#2a1b0af2;border:3px solid transparent;border-image:linear-gradient(to right,#d4af37,#8b6b00,#d4af37) 1;box-shadow:0 10px 30px #000000d9,inset 0 0 15px #8b451380;padding:12px 18px;border-radius:4px;width:320px;display:flex;flex-direction:column;gap:8px;pointer-events:auto}.target-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(212,175,55,.25);padding-bottom:6px}.target-identity{display:flex;align-items:center;gap:8px}#target-category{font-family:var(--font-pirate);font-size:.9rem;color:#e74c3c;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);padding:2px 6px;border-radius:3px;text-transform:uppercase}#target-name{font-family:var(--font-body);font-size:1.05rem;color:var(--parchment);font-weight:700;text-shadow:1px 1px 2px #000;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-close-btn{background:none;border:none;color:var(--gold);font-size:1.5rem;cursor:pointer;line-height:1;transition:all .2s;padding:0 4px}.target-close-btn:hover{color:#f30;transform:scale(1.2)}.target-vitals{display:flex;flex-direction:column;gap:6px}.map-grid{display:grid;grid-template-columns:repeat(5,1fr)!important;gap:16px!important;width:100%;margin-top:10px;background:url(../assets/worldmap_background.png) no-repeat center center;background-size:cover;padding:30px!important;border-radius:12px;box-shadow:inset 0 0 40px #000000d9,0 10px 25px #0009;border:3px solid #d4af37;box-sizing:border-box}.map-btn{padding:12px 10px!important;font-size:.95rem!important;background:#2a1b0ac7!important;color:gold!important;border:2px solid #d4af37!important;border-radius:6px!important;font-family:MedievalSharp,cursive!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 4px 6px #0000004d!important;text-shadow:1px 1px 2px #000!important;text-align:center!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.map-btn:hover{background:linear-gradient(to bottom,#d4af37,#b8860b)!important;color:#2a1b0a!important;border-color:#fff!important;transform:scale(1.05)!important;box-shadow:0 6px 15px #d4af3799!important;text-shadow:none!important}.map-btn.safe-port-btn{background:#1b5e20c7!important;color:gold!important;border-color:#81c784!important;font-weight:700!important}.map-btn.safe-port-btn:hover{background:linear-gradient(to bottom,#81c784,#4caf50)!important;color:#1b5e20!important;border-color:#fff!important;box-shadow:0 6px 15px #4caf5099!important}.map-btn.conquered-map{background:#b8860bc7!important;border-color:#ffeb3b!important;text-shadow:0 0 5px #ffd700,1px 1px 2px #000!important;font-weight:700!important;box-shadow:0 0 10px #ffd70066!important}.map-btn.conquered-map:hover{background:linear-gradient(to bottom,#ffeb3b,#fbc02d)!important;color:#2a1b0a!important;border-color:#fff!important;box-shadow:0 6px 15px #ffd700cc!important}.ui-empty{grid-column:1 / -1;padding:26px 16px;text-align:center;border:1px dashed rgba(212,175,55,.45);border-radius:10px;background:#0000002e}.ui-empty-title{color:#d4af37;font-size:1rem}.ui-empty-hint{color:#b9a06a;font-size:.82rem;margin-top:6px}.ui-error{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 16px;border:1px solid rgba(224,59,59,.5);border-radius:10px;background:#3c0c0c40;color:#ffb3b3;font-size:.9rem}.ui-retry-btn{padding:5px 14px;border-radius:6px;border:1px solid #d4af37;background:linear-gradient(180deg,#3a2a12,#1c1208);color:#ffe9a8;font-family:inherit;font-size:.82rem;cursor:pointer}.ui-retry-btn:hover{border-color:#fff2b0}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #fff2b0;outline-offset:2px}.treasure-overlay{display:flex;align-items:center;justify-content:center;z-index:14000;background:#0000009e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .18s ease}.treasure-overlay.hidden{display:none}.treasure-overlay.visible{opacity:1}.treasure-modal{width:min(760px,94vw);max-height:88vh;overflow:auto;padding:22px 24px 18px;border-radius:16px;border:2px solid var(--gold);background:radial-gradient(120% 90% at 50% 0%,rgba(212,175,55,.12),transparent 60%),linear-gradient(165deg,#201709,#0d0a05 55%,#191106);box-shadow:0 24px 60px #000000c7,inset 0 0 46px #d4af370f;transform:translateY(14px) scale(.98);transition:transform .2s ease}.treasure-open .treasure-modal{transform:translateY(0) scale(1)}.treasure-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.treasure-subtitle{margin:2px 0 0;color:#b9a06a;font-family:var(--font-body);font-size:.85rem;letter-spacing:1px}.treasure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.treasure-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(212,175,55,.25);background:linear-gradient(180deg,#d4af371a,#00000047);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.treasure-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 10px 24px #00000073}.treasure-icon{font-size:1.9rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.treasure-info{display:flex;flex-direction:column;min-width:0}.treasure-name{font-family:var(--font-body);font-size:.72rem;letter-spacing:1.3px;text-transform:uppercase;color:#b9a06a}.treasure-amount{font-family:var(--font-pirate);font-size:1.45rem;line-height:1.1;color:#ffe9a8;text-shadow:0 0 12px rgba(212,175,55,.28)}.treasure-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(212,175,55,.2)}.treasure-hint{font-family:var(--font-body);font-size:.78rem;color:#8a7a58}.treasure-btn{justify-content:flex-start}.treasure-btn-label{letter-spacing:1px}.treasure-btn-amount{margin-left:auto;font-family:var(--font-pirate);font-size:1.1rem;color:#ffe9a8}.sidebar-section{background:linear-gradient(180deg,#d4af370d,#0000002e);border-radius:10px;border:1px solid rgba(212,175,55,.12)}.section-title{font-size:.95rem;color:var(--gold);background:linear-gradient(90deg,rgba(212,175,55,.14),transparent);padding:5px 8px;border-left:3px solid var(--gold);border-radius:4px}.hud-btn{border-radius:8px;font-family:var(--font-body);letter-spacing:.5px}.hud-btn .icon{width:22px;text-align:center}.hud-btn:hover{transform:translate(3px);box-shadow:0 4px 14px #00000059}#shipyard-overlay .market-panel{border-radius:16px;box-shadow:0 24px 60px #000000b8,inset 0 0 40px #d4af370d}#shipyard-overlay .market-header{background:linear-gradient(90deg,#d4af3733,#d4af3705);border-bottom:2px solid rgba(212,175,55,.35);border-radius:14px 14px 0 0;padding:12px 16px}#shipyard-overlay .market-sidebar{display:flex;flex-direction:column;gap:8px}#shipyard-overlay .market-nav-btn{border-radius:8px;border:1px solid rgba(212,175,55,.18);background:#00000047;color:#e8d9b0;transition:transform .15s ease,border-color .15s ease,background .15s ease}#shipyard-overlay .market-nav-btn:hover{transform:translate(3px);border-color:var(--gold);background:#d4af371f}#shipyard-overlay .market-nav-btn.active{background:linear-gradient(90deg,#d4af3747,#d4af370f);border-color:var(--gold);color:#ffe9a8;font-weight:700}#shipyard-overlay .shipyard-column{border-radius:12px!important;border:1px solid rgba(212,175,55,.18);background:linear-gradient(180deg,#ffffff09,#00000042)!important}#shipyard-overlay .items-grid>*{border-radius:10px;transition:transform .15s ease,border-color .15s ease}#shipyard-overlay .items-grid>*:hover{transform:translateY(-2px);border-color:#d4af3780}#shipyard-overlay ::-webkit-scrollbar{width:9px}#shipyard-overlay ::-webkit-scrollbar-track{background:#0000004d;border-radius:9px}#shipyard-overlay ::-webkit-scrollbar-thumb{background:#d4af3759;border-radius:9px}#shipyard-overlay ::-webkit-scrollbar-thumb:hover{background:#d4af378c}.treasure-history{margin-top:18px;padding-top:14px;border-top:1px solid rgba(212,175,55,.2)}.treasure-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.treasure-history-title{margin:0;font-family:var(--font-pirate);font-size:1rem;letter-spacing:1.5px;color:var(--gold)}.treasure-history-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;padding-right:4px}.treasure-history-list::-webkit-scrollbar{width:8px}.treasure-history-list::-webkit-scrollbar-thumb{background:#d4af3759;border-radius:8px}.treasure-history-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;border:1px solid rgba(212,175,55,.12);background:#00000038}.treasure-history-row:hover{border-color:#d4af3759}.treasure-history-icon{font-size:1.15rem;width:22px;text-align:center}.treasure-history-body{display:flex;flex-direction:column;min-width:0;flex:1}.treasure-history-label{font-family:var(--font-body);font-size:.82rem;color:#f0e2bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.treasure-history-date{font-size:.68rem;color:#8a7a58}.treasure-history-values{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.treasure-history-amount{font-family:var(--font-pirate);font-size:.95rem;white-space:nowrap}.treasure-history-amount.gain{color:#7fe08f}.treasure-history-amount.spend{color:#ff9b9b}.treasure-history-empty{padding:10px;font-family:var(--font-body);font-size:.8rem;color:#8a7a58;text-align:center}.toolbar-ammo-label{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);padding:1px 6px;border-radius:8px;background:#000000b8;border:1px solid rgba(212,175,55,.35);font-family:var(--font-body);font-size:.58rem;letter-spacing:.5px;white-space:nowrap;pointer-events:none;max-width:92px;overflow:hidden;text-overflow:ellipsis}.sy-summary{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid rgba(212,175,55,.25);background:linear-gradient(180deg,#d4af371a,#00000047)}.sy-summary-item{display:flex;flex-direction:column;gap:4px}.sy-summary-item.wide{justify-content:center}.sy-summary-label{font-family:var(--font-body);font-size:.68rem;letter-spacing:1.2px;text-transform:uppercase;color:#b9a06a}.sy-summary-value{font-family:var(--font-pirate);font-size:1.35rem;color:#f4e4bc}.sy-summary-value.gold{color:#ffd76a}.sy-summary-value small{font-size:.8rem;color:#9a8a66}.sy-summary-bar{height:8px;border-radius:8px;background:#00000073;overflow:hidden;border:1px solid rgba(212,175,55,.2)}.sy-summary-bar span{display:block;height:100%;background:linear-gradient(90deg,#8a6a1f,#ffd76a);border-radius:8px;transition:width .3s ease}.sy-cannon-card{display:flex;gap:12px;padding:12px;border-radius:12px;border:1px solid rgba(212,175,55,.16);background:linear-gradient(180deg,#ffffff0a,#0000004d);transition:border-color .15s ease,transform .15s ease}.sy-cannon-card:hover{border-color:#d4af3780;transform:translateY(-2px)}.sy-cannon-card.is-equipped{border-color:#2ecc7159;background:linear-gradient(180deg,#2ecc7114,#0000004d)}.sy-cannon-badge{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#00000073;border:1px solid rgba(212,175,55,.28);font-size:1.2rem;flex:0 0 auto}.sy-cannon-body{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.sy-cannon-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sy-cannon-name{font-family:var(--font-body);font-size:.92rem;color:#f4e4bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sy-cannon-qty{font-family:var(--font-pirate);font-size:1rem;color:#ffd76a;flex:0 0 auto}.sy-cannon-meta{display:flex;gap:10px;font-size:.7rem;color:#9a8a66;flex-wrap:wrap}.sy-cannon-damage{color:#7fe08f}.sy-cannon-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sy-cannon-input{width:58px;padding:4px 6px;border-radius:6px;border:1px solid rgba(212,175,55,.45);background:#00000080;color:#fff;font-family:var(--font-body);font-size:.8rem}.sy-cannon-btn{padding:5px 10px;border-radius:7px;border:1px solid rgba(212,175,55,.3);background:#00000059;color:#e8d9b0;font-family:var(--font-body);font-size:.75rem;cursor:pointer;transition:all .15s ease}.sy-cannon-btn:hover{border-color:var(--gold);color:#ffe9a8;transform:translateY(-1px)}.sy-cannon-btn.primary{background:linear-gradient(180deg,#2f7a46,#14452a);border-color:#2ecc71;color:#eaffef}.sy-cannon-btn.danger{background:#8b000073;border-color:#c0392b;color:#ffd9d9}.sy-cannon-btn.ghost{background:#2980b940;border-color:#2980b9;color:#d8ecff}@media (max-width: 900px){.sy-summary{grid-template-columns:1fr 1fr}.sy-summary-item.wide{grid-column:1 / -1}}.sy-design-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px solid rgba(212,175,55,.18);background:linear-gradient(180deg,#ffffff0a,#00000052);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.sy-design-card:hover{transform:translateY(-3px);border-color:#d4af378c;box-shadow:0 14px 30px #00000073}.sy-design-card.is-equipped{border-color:#2ecc7173;background:linear-gradient(180deg,#2ecc711a,#00000052)}.sy-design-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sy-design-name{font-family:var(--font-pirate);font-size:1.05rem;color:#ffd76a;letter-spacing:.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sy-design-badge{font-family:var(--font-body);font-size:.65rem;letter-spacing:1px;padding:2px 8px;border-radius:20px;background:#2ecc712e;border:1px solid rgba(46,204,113,.55);color:#7fe08f;flex:0 0 auto}.sy-design-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:6px;border-radius:10px;background:radial-gradient(circle at 50% 40%,#1e3c5a80,#0000008c);border:1px solid rgba(255,255,255,.06)}.sy-design-thumb{margin:0;display:flex;flex-direction:column;align-items:center;gap:2px}.sy-design-thumb img{width:100%;height:68px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:transform .18s ease}.sy-design-card:hover .sy-design-thumb img{transform:scale(1.06)}.sy-design-thumb figcaption{font-family:var(--font-body);font-size:.6rem;letter-spacing:1.5px;color:#7f8c8d}.sy-design-equip{margin-top:auto;padding:8px 14px;border-radius:8px;font-family:var(--font-pirate);letter-spacing:1px;border:1px solid #3498db;background:linear-gradient(180deg,#2980b9,#1b4f72);color:#fff;cursor:pointer;transition:filter .15s ease,transform .15s ease}.sy-design-equip:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.sy-design-equip:disabled,.sy-design-card.is-equipped .sy-design-equip{background:linear-gradient(180deg,#27ae60,#145a32);border-color:#2ecc71;cursor:default}#shipyard-overlay .market-panel{background:radial-gradient(120% 80% at 50% -10%,rgba(212,175,55,.14),transparent 60%),linear-gradient(180deg,#17130c,#0d0b07 60%,#080705);border:1px solid rgba(212,175,55,.35);box-shadow:0 26px 70px #000000bf,inset 0 1px #ffecb314;border-radius:14px;overflow:hidden}#shipyard-overlay .market-header{position:relative;padding:16px 22px 14px;background:linear-gradient(180deg,#d4af372e,#00000059);border-bottom:1px solid rgba(212,175,55,.3)}#shipyard-overlay .market-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,106,.75),transparent)}.sy-title-block{display:flex;flex-direction:column;gap:2px}#shipyard-overlay .pirate-title-gold{font-size:1.75rem;letter-spacing:2px;text-shadow:0 2px 10px rgba(255,200,80,.35)}.sy-tagline{margin:0;font-size:.78rem;letter-spacing:.6px;color:#a89a76;text-transform:uppercase}#shipyard-overlay .market-content{gap:18px;padding:18px 20px 22px}#shipyard-overlay .market-sidebar{background:linear-gradient(180deg,#ffffff09,#00000059);border:1px solid rgba(212,175,55,.18);border-radius:12px;padding:10px;gap:6px}#shipyard-overlay .market-nav-btn{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:9px;border:1px solid transparent;background:transparent;color:#cbbd96;font-size:.86rem;letter-spacing:.5px;transition:all .16s ease}#shipyard-overlay .market-nav-btn:hover:not(:disabled){background:#d4af371a;border-color:#d4af374d;color:#ffe9a8;transform:translate(2px)}#shipyard-overlay .market-nav-btn.active{background:linear-gradient(90deg,#d4af373d,#d4af370d);border-color:#ffd76a8c;color:#ffe9a8;box-shadow:inset 3px 0 #ffd76a,0 4px 14px #00000059}#shipyard-overlay .market-nav-btn:disabled{opacity:.38;cursor:not-allowed}#shipyard-overlay .sy-panel{background:linear-gradient(180deg,#ffffff0a,#0000004d)!important;border:1px solid rgba(212,175,55,.16)!important;border-radius:12px!important;padding:14px!important;min-height:220px}#shipyard-overlay .sy-panel-title{text-align:center;font-size:1rem!important;letter-spacing:1.4px;color:#ffd76a;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid rgba(212,175,55,.18)}#shipyard-overlay #cannons-storage,#shipyard-overlay #cannons-equipped{max-height:42vh;overflow-y:auto;padding-right:4px}#shipyard-overlay .sy-summary{background:linear-gradient(90deg,#d4af3729,#0000004d);border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:12px 16px}#shipyard-overlay #shipyard-ships-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:16px!important}#shipyard-overlay #shipyard-ships-grid>*{border-radius:12px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}#shipyard-overlay #shipyard-ships-grid>*:hover{transform:translateY(-3px);box-shadow:0 14px 28px #00000073;border-color:#ffd76a8c!important}#shipyard-overlay:not(.hidden) .market-panel{animation:sy-open .22s ease-out}@keyframes sy-open{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 900px){#shipyard-overlay #shipyard-cannons-view{grid-template-columns:1fr!important}#shipyard-overlay .market-content{flex-direction:column;padding:12px}#shipyard-overlay .market-sidebar{flex-direction:row;overflow-x:auto;gap:8px}#shipyard-overlay .market-nav-btn{white-space:nowrap}#shipyard-overlay .pirate-title-gold{font-size:1.35rem}}