*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #05070a;--bg-secondary: #0d1219;--bg-tertiary: #161b24;--bg-surface: #1c2333;--bg-hover: #252d40;--bg-sidebar: #0a0e14;--text-primary: #d0c0a0;--text-secondary: #8a8060;--text-muted: #5a5040;--text-inverse: #05070a;--accent-gold: #cfaa56;--accent-wood: #8f6a3b;--accent-rum: #a63e3e;--accent-crew: #3e7ca6;--accent-tech: #4a9eff;--border-color: #2a303c;--border-panel: #3d4655;--border-accent: #cfaa56;--success: #3fb950;--warning: #d29922;--danger: #f85149;--info: #4a9eff;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--font-heading: "Pirata One", Georgia, serif;--sidebar-width: 220px;--rightbar-width: 200px;--topbar-height: 68px}html{font-size:15.4px;color-scheme:dark}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh;background-image:radial-gradient(circle at 50% 10%,#111624,#05070a)}a{color:var(--accent-gold);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--accent-gold);line-height:1.2;text-transform:uppercase;letter-spacing:.05em}.app-layout{display:grid;grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:var(--sidebar-width) 1fr var(--rightbar-width);grid-template-areas:"topbar topbar topbar" "sidebar main rightbar";height:100vh;width:100vw;overflow:hidden}.top-resource-bar{grid-area:topbar;background:linear-gradient(180deg,#161b24,#0a0e14);border-bottom:1px solid var(--border-panel);display:flex;align-items:center;padding:.5rem 1rem;gap:1.5rem;z-index:100;box-shadow:0 4px 12px #00000080}.top-resource-bar .logo{font-family:var(--font-heading);font-size:1.4rem;color:var(--accent-gold);text-shadow:0 0 10px rgba(207,170,86,.3);margin-right:1rem}.resource-group{display:flex;gap:1.5rem;align-items:center;flex:1;justify-content:center}.resource-item{display:flex;flex-direction:row;align-items:center;gap:.5rem;font-size:.85rem;position:relative;padding:.25rem .75rem;border-radius:var(--radius-sm);cursor:default;transition:background .15s}.resource-item:hover{background:#ffffff0d}.resource-item .res-icon{width:84px;height:52px;object-fit:cover;border-radius:3px;filter:drop-shadow(0 0 3px rgba(0,0,0,.6))}.resource-item .res-text{display:flex;flex-direction:column;gap:0}.resource-item .res-amount{font-weight:700;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);font-size:.95rem;line-height:1.2}.resource-item .res-rate{font-size:.65rem;color:var(--text-secondary);line-height:1}.resource-coords{font-size:.7rem;color:var(--text-muted);font-family:monospace;margin-left:.5rem}.resource-item.storage-warning .res-amount{color:var(--warning)}.resource-item.storage-full .res-amount{color:var(--danger)}.wind-ok{color:var(--success, #4caf50)}.wind-low{color:var(--danger, #f44336)}.sidebar,.right-sidebar{background:var(--bg-sidebar);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;height:100%}.sidebar{position:fixed;top:var(--topbar-height);left:0;bottom:0;width:var(--sidebar-width);border-right:1px solid var(--border-panel);z-index:50}.right-sidebar{position:fixed;top:var(--topbar-height);right:0;bottom:0;width:var(--rightbar-width);border-left:1px solid var(--border-panel);z-index:50}.sidebar-section-title{font-family:var(--font-heading);font-size:.9rem;color:#fff;background:linear-gradient(90deg,var(--bg-tertiary) 0%,transparent 100%);padding:.5rem 1rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-shadow:0 1px 2px rgba(0,0,0,.5)}.nav-menu{list-style:none;padding:.5rem}.nav-menu li{display:block}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;margin-bottom:2px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);transition:all .15s;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.nav-item.active{background:linear-gradient(90deg,rgba(207,170,86,.15) 0%,transparent 100%);color:var(--accent-gold);border:1px solid var(--border-accent);box-shadow:inset 0 0 10px #cfaa560d}.island-list{padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.island-card{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.island-card:hover{border-color:var(--text-muted);background:var(--bg-hover)}.island-card.selected{border-color:var(--accent-gold);background:var(--bg-tertiary);box-shadow:0 0 5px #cfaa5633}.island-visual{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.island-meta{min-width:0}.island-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.island-coords{font-size:.7rem;color:var(--text-muted);font-family:monospace}.app-main{grid-area:main;padding:1.5rem;overflow-x:hidden;overflow-y:auto;background:#0003;min-width:0}.card{background:var(--bg-secondary);border:1px solid var(--border-panel);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 6px #0000004d}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.entity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.entity-card{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-sidebar) 100%);border:1px solid var(--border-panel);border-radius:var(--radius-md);overflow:hidden;transition:all .2s}.entity-card:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 4px 12px #0006}.entity-card-top{padding:1rem;display:flex;gap:1rem}.entity-card-image{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#000}.entity-card-info{flex:1}.entity-card-name{font-size:1.1rem;color:var(--accent-gold);margin-bottom:.25rem}.entity-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-bottom:.5rem}.entity-card-bottom{background:#00000040;padding:.75rem 1rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border:1px solid var(--border-panel);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-heading);font-size:1rem;text-transform:uppercase;cursor:pointer;transition:all .15s}.btn:hover{background:var(--bg-hover);border-color:var(--text-primary);color:#fff}.btn-primary{background:var(--accent-wood);border-color:var(--accent-wood);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.btn-primary:hover{background:#a37a45;border-color:#b58950}.btn-sm{padding:.3rem .6rem;font-size:.8rem}@media(max-width:900px){:root{--sidebar-width: 0px;--rightbar-width: 0px}.app-layout{grid-template-columns:1fr;grid-template-areas:"topbar" "main"}.sidebar,.right-sidebar{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--accent-gold);z-index:200;justify-content:space-around}}.text-gold{color:var(--accent-gold)}.text-wood{color:var(--accent-wood)}.text-rum{color:var(--accent-rum)}.hero-banner{position:relative;width:100%;height:220px;overflow:hidden;border-radius:var(--radius-md);margin-bottom:1rem}.card:has(>.hero-banner:first-child){padding-top:0}.card>.hero-banner{margin:0 -1.25rem 1rem;width:calc(100% + 2.5rem);border-radius:var(--radius-md) var(--radius-md) 0 0}.card>.hero-banner:last-child{margin-bottom:-1.25rem;border-radius:var(--radius-md)}.hero-image{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.hero-title{position:absolute;bottom:1rem;left:1.5rem;font-size:2rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.loading{padding:2rem;text-align:center;color:var(--text-muted);font-size:.9rem}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;padding:.5rem .75rem;color:var(--text-secondary);border-bottom:1px solid var(--border-panel);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border-color)}.data-table tbody tr:hover{background:var(--bg-hover)}.tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:0;overflow-x:auto;scrollbar-width:thin}.tab{padding:.5rem 1rem;background:transparent;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;transition:all .15s}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{color:var(--accent-gold);background:var(--bg-secondary);border-color:var(--border-panel);border-bottom:1px solid var(--bg-secondary);margin-bottom:-1px}.progress-banner{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:1rem;background:linear-gradient(90deg,rgba(207,170,86,.1) 0%,transparent 100%);border:1px solid var(--border-accent);border-radius:var(--radius-sm)}.progress-label{flex:1;font-size:.9rem}.countdown{font-family:monospace;font-weight:700;color:var(--accent-gold);font-variant-numeric:tabular-nums}.cost-row{display:flex;gap:.75rem;align-items:center}.cost-item{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.cost-icon{width:16px;height:16px}.entity-card-level{font-size:.85rem;font-weight:600;color:var(--accent-gold)}.entity-card-count{font-size:.85rem;font-weight:600;color:var(--accent-crew)}.build-input-group{display:flex;gap:.5rem;align-items:center}.build-input{width:60px;padding:.3rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;text-align:center}.build-input:focus{outline:none;border-color:var(--accent-gold)}.btn-danger{background:var(--accent-rum);border-color:var(--accent-rum);color:#fff}.btn-danger:hover{background:#c04848;border-color:#d05050}.btn:disabled{opacity:.4;cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.form-group label{font-size:.75rem;text-transform:uppercase;color:var(--text-secondary)}.form-input{padding:.5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem}.form-input:focus{outline:none;border-color:var(--accent-gold)}.island-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;padding:1rem 0}.island-overview-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.island-overview-item:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.island-overview-item img{width:48px;height:48px;border-radius:var(--radius-sm)}.overview-name{font-size:.7rem;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.overview-level{font-size:.75rem;font-weight:700;color:var(--accent-gold)}.top-bar-user{display:flex;align-items:center;gap:.75rem;margin-left:auto}.username{font-size:.85rem;color:var(--text-secondary)}.entity-card{position:relative}.entity-card-tooltip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--bg-primary);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:.75rem 1rem;z-index:50;min-width:200px;max-width:300px;box-shadow:0 8px 24px #0009;font-size:.8rem;pointer-events:none}.entity-card:hover .entity-card-tooltip{display:block}.entity-card-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--border-accent)}.tooltip-row{display:flex;justify-content:space-between;padding:.15rem 0}.tooltip-label{color:var(--text-muted)}.tooltip-value{color:var(--text-primary);font-weight:600}.tech-branch{margin-bottom:1.5rem}.tech-branch-title{font-family:var(--font-heading);font-size:1.1rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.06em;padding:.6rem 1rem;margin-bottom:.75rem;background:linear-gradient(90deg,rgba(207,170,86,.12) 0%,transparent 100%);border-left:3px solid var(--accent-gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.entity-card.locked{opacity:.6;filter:saturate(.3)}.entity-card.locked:hover{opacity:.8;filter:saturate(.5);border-color:var(--border-panel);transform:none;box-shadow:none}.entity-card.locked .entity-card-image{filter:grayscale(.8) brightness(.6)}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#0006;border-radius:var(--radius-sm);pointer-events:none}.requirements-list{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem 1rem;border-top:1px solid var(--border-color);font-size:.75rem}.requirement{padding:.15rem .5rem;border-radius:var(--radius-sm);white-space:nowrap}.requirement.met{color:var(--success);background:#3fb9501a}.requirement.unmet{color:var(--danger);background:#f851491a}.nav-icon{font-size:1.1rem;width:1.5rem;text-align:center}.fishing-cast-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;color:var(--bg-primary);background:linear-gradient(135deg,var(--accent-gold),#b8860b);border:2px solid var(--accent-gold);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.fishing-cast-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #cfaa5666}.fishing-cast-btn:disabled{opacity:.4;cursor:not-allowed}.fish-card-caught{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid;border-radius:var(--radius-md);background:var(--bg-secondary);max-width:500px;margin:0 auto}.fish-card-image{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.fish-card-info{display:flex;flex-direction:column;gap:.25rem}.fish-card-name{font-family:var(--font-heading);font-size:1.1rem;color:var(--text-primary)}.rarity-badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;color:#fff;width:fit-content}.bonus-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;background:#cfaa5633;color:var(--accent-gold);border:1px solid rgba(207,170,86,.3);width:fit-content}.aquarium-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.fish-card{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:2px solid;border-radius:var(--radius-sm);background:var(--bg-secondary);text-align:center;gap:.2rem}.fish-card-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm)}.fish-card-name-sm{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.aquarium-slot-empty{display:flex;align-items:center;justify-content:center;min-height:100px;border:2px dashed var(--border-panel);border-radius:var(--radius-sm);opacity:.3}.equipment-broken{padding:.75rem 1.5rem;background:#f8514926;border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-weight:700;font-size:1.1rem;margin-bottom:1rem}.faction-hero-content{padding:1.5rem}.faction-hero-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.faction-stats-bar{display:flex;gap:1.5rem;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md);margin:.75rem 1rem;flex-wrap:wrap}.faction-stat{display:flex;flex-direction:column;align-items:center;min-width:80px}.faction-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.faction-stat-value{font-size:1.2rem;font-weight:700;color:var(--accent-gold)}.faction-stat-value-sm{font-size:.8rem;color:var(--text-secondary)}.tier-badge{display:inline-block;padding:.15rem .5rem;background:#ff980026;border:1px solid rgba(255,152,0,.3);border-radius:var(--radius-sm);color:#ff9800;font-size:.7rem;font-weight:600;margin-top:.25rem}.faction-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:.75rem}.faction-card{padding:1rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:var(--radius-md);position:relative;transition:border-color .2s}.faction-card.active{border-width:2px;box-shadow:0 0 12px #c49b3c33}.faction-card-name{font-weight:700;font-size:1rem;margin-bottom:.25rem}.faction-card-theme{font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem}.faction-card-bonus{font-size:.75rem;color:#4caf50;font-weight:600}.faction-card-badge{position:absolute;top:.5rem;right:.5rem;padding:.1rem .4rem;background:var(--accent-gold);color:var(--bg-primary);border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase}.res-divider{width:1px;height:32px;background:var(--border-panel);flex-shrink:0}.pop-indicator .res-icon,.food-indicator .res-icon{width:42px;height:42px}.food-ok{color:var(--success, #4caf50)}.food-low{color:var(--danger, #f44336)}.faction-stat-wide{min-width:160px}.tier-progress-row{display:flex;flex-direction:column;gap:.25rem;width:100%}.tier-progress-bar{width:100%;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.tier-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.mobile-nav{display:none}