:root{--bg-gradient-start: #f5f5f5;--bg-gradient-end: #e8e8e8;--card-bg: #ffffff;--section-bg: #f8f8f8;--bg-secondary: #eeeeee;--item-bg: #ffffff;--popover-bg: #ffffff;--text-primary: #2a2a2a;--text-secondary: #6b6b6b;--text-muted: #8a8a8a;--primary-color: #4a4a4a;--accent-gradient-start: #6a6a6a;--accent-gradient-end: #4a4a4a;--border-color: #d4d4d4;--shadow-color: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .15);--input-bg: #ffffff;--input-border: #d4d4d4;--input-focus: #5a5a5a;--overlay-lightest: rgba(0, 0, 0, .05);--overlay-lighter: rgba(0, 0, 0, .08);--overlay-light: rgba(0, 0, 0, .1);--overlay-medium: rgba(0, 0, 0, .2);--overlay-strong: rgba(0, 0, 0, .3);--overlay-heavy: rgba(0, 0, 0, .5);--overlay-intense: rgba(0, 0, 0, .7);--overlay-opaque: rgba(0, 0, 0, .9);--overlay-06: rgba(0, 0, 0, .06);--overlay-12: rgba(0, 0, 0, .12);--overlay-15: rgba(0, 0, 0, .15);--overlay-40: rgba(0, 0, 0, .4);--overlay-60: rgba(0, 0, 0, .6);--overlay-80: rgba(0, 0, 0, .8);--highlight-subtle: rgba(255, 255, 255, .05);--highlight-soft: rgba(255, 255, 255, .1);--highlight-medium: rgba(255, 255, 255, .2);--highlight-strong: rgba(255, 255, 255, .3);--highlight-02: rgba(255, 255, 255, .02);--highlight-60: rgba(255, 255, 255, .6);--highlight-70: rgba(255, 255, 255, .7);--highlight-85: rgba(255, 255, 255, .85);--highlight-90: rgba(255, 255, 255, .9);--bg-glass: rgba(255, 255, 255, .95);--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 50%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #0071eb;--accent-green: #43b581;--accent-coral: #ff6b6b;--accent-amber: #f59e0b;--accent-purple: #9b59b6;--accent-teal: #14b8a6;--accent-slate: #2d3748;--accent-slate-light: #4a5568;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--rarity-ur-fg: var(--rarity-ur);--rarity-ssr-fg: #e8a320;--rarity-sr-fg: var(--rarity-sr);--rarity-r-fg: var(--rarity-r);--rarity-n-fg: var(--text-muted);--primary-alpha-10: rgba(0, 113, 235, .1);--primary-alpha-15: rgba(0, 113, 235, .15);--primary-alpha-20: rgba(0, 113, 235, .2);--primary-alpha-30: rgba(0, 113, 235, .3);--primary-alpha-25: rgba(0, 113, 235, .25);--primary-alpha-40: rgba(0, 113, 235, .4);--primary-alpha-50: rgba(0, 113, 235, .5);--danger-alpha-10: rgba(231, 76, 60, .1);--danger-alpha-15: rgba(231, 76, 60, .15);--danger-alpha-25: rgba(231, 76, 60, .25);--danger-alpha-40: rgba(231, 76, 60, .4);--success-alpha-05: rgba(39, 174, 96, .05);--success-alpha-10: rgba(39, 174, 96, .1);--success-alpha-20: rgba(39, 174, 96, .2);--info-alpha-40: rgba(52, 152, 219, .4);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #ffffff;--surface-elevated: #f5f5f5;--surface-border: #e0e0e0;--text-on-surface: #4a4a4a;--z-base: 1;--z-dropdown: 100;--z-sticky: 500;--z-drawer-backdrop: 997;--z-drawer: 998;--z-navbar: 1000;--z-overlay: 1500;--z-modal: 2000;--z-toast: 9000;--z-max: 9999}body{--focus-ring: 0 0 0 3px var(--primary-alpha-15)}body{--card-lift: -2px;--card-hover-shadow: var(--shadow-lg);--bg-elevated: var(--card-bg);--bg-input: var(--input-bg)}body.dark-mode{--bg-gradient-start: #1a1a1a;--bg-gradient-end: #0a0a0a;--card-bg: #2a2a2a;--section-bg: #1f1f1f;--bg-secondary: #252525;--item-bg: #2a2a2a;--popover-bg: #2a2a2a;--text-primary: #e8e8e8;--text-secondary: #a8a8a8;--text-muted: #808080;--primary-color: #c0c0c0;--accent-gradient-start: #5a5a5a;--accent-gradient-end: #3a3a3a;--border-color: #3a3a3a;--shadow-color: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--input-bg: #1f1f1f;--input-border: #3a3a3a;--input-focus: #6a6a6a;--danger-color: #e74c3c;--danger-hover: #c0392b;--success-color: #27ae60;--warning-color: #faa61a;--info-color: #3498db;--accent-blue: #7289da;--accent-green: #43b581;--rarity-ur: #e91e8c;--rarity-ur-light: #ffb3d9;--rarity-ur-bg: linear-gradient(135deg, #fdeebb, #ffc8b2, #ffb7c5, #dcb5ff, #fdeebb);--rarity-ur-text: #4a0028;--rarity-ssr: #ffd54f;--rarity-ssr-text: #5d4037;--rarity-sr: #ba68c8;--rarity-sr-text: #ffffff;--rarity-r: #6495ed;--rarity-r-text: #ffffff;--rarity-n: #b0bec5;--rarity-n-text: #37474f;--primary-alpha-10: rgba(114, 137, 218, .1);--primary-alpha-15: rgba(114, 137, 218, .15);--primary-alpha-20: rgba(114, 137, 218, .2);--primary-alpha-30: rgba(114, 137, 218, .3);--primary-alpha-25: rgba(114, 137, 218, .25);--primary-alpha-40: rgba(114, 137, 218, .4);--primary-alpha-50: rgba(114, 137, 218, .5);--danger-alpha-10: rgba(231, 76, 60, .1);--danger-alpha-15: rgba(231, 76, 60, .18);--danger-alpha-25: rgba(231, 76, 60, .3);--danger-alpha-40: rgba(231, 76, 60, .45);--island-stamina: #3498db;--island-points: #9b59b6;--island-success: #2ecc71;--surface-card: #2f3136;--surface-elevated: #3d4148;--surface-border: #4f545c;--text-on-surface: #b9bbbe;--bg-glass: rgba(0, 0, 0, .95)}body[data-theme=accent]{--primary-color: #0071eb;--primary-hover: #0056b3;--primary-light: #4da3ff;--accent-color: #27ae60;--accent-hover: #229954;--warning-color: #f39c12;--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #fafafa;--bg-elevated: #ffffff;--bg-input: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #666666;--text-dim: #999999;--text-link: #0071eb;--border-color: #e0e0e0;--border-light: #d0d0d0;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .05);--shadow-md: 0 .25rem .5rem rgba(0, 0, 0, .08);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .12);--shadow-xl: 0 1rem 2rem rgba(0, 0, 0, .15);--spacing-xs: .5rem;--spacing-sm: .75rem}body[data-theme=accent].dark-mode{--primary-color: #7289da;--primary-hover: #5b6eae;--primary-light: #8ea1e1;--accent-color: #43b581;--accent-hover: #3ca374;--danger-color: #f04747;--danger-hover: #d84040;--bg-primary: #36393f;--bg-secondary: #2f3136;--bg-tertiary: #202225;--bg-elevated: #3d4148;--bg-input: #40444b;--text-primary: #ffffff;--text-secondary: #dcddde;--text-muted: #b9bbbe;--text-dim: #72767d;--text-link: #7289da;--border-color: #4f545c;--border-light: #5c6067;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .2);--shadow-md: 0 .25rem .5rem rgba(0, 0, 0, .3);--shadow-lg: 0 .5rem 1rem rgba(0, 0, 0, .4);--shadow-xl: 0 1rem 2rem rgba(0, 0, 0, .5);--spacing-xs: .5rem;--spacing-sm: .75rem}@media(max-width:480px){body[data-theme=accent]{--spacing-lg: 1rem;--spacing-xl: 1.5rem}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.header-title-container{--page-header-gap: .55rem}.header-title-container .material-symbols-outlined{font-size:1.5rem}.page-header h1{color:var(--primary-color);margin:0;font-size:1.5rem}.page-header-subtitle{margin:.3rem 0 0}.build-sim-status{margin:0 auto 2rem;padding:1rem;max-width:42rem;text-align:center;color:var(--danger-color);background:var(--card-bg);border:2px solid var(--danger-color);border-radius:12px;box-shadow:var(--shadow-md)}.pool-selector{display:flex;flex-direction:column;gap:.7rem;margin-bottom:2rem}.pool-group{--grid-min: 190px;--grid-gap: var(--spacing-sm)}.pool-icon{font-size:.95rem;line-height:1;flex-shrink:0}.pool-name{font-weight:600}section{background:var(--card-bg);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}section h2{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-primary)}section h3{margin:1.5rem 0 1rem;font-size:1.1rem;color:var(--text-primary)}.probability-chart-compact{margin-bottom:2rem}.stacked-bar{display:flex;height:60px;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:1rem}.stacked-segment{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;transition:all .3s ease;position:relative;min-width:0;padding:.5rem;cursor:pointer}.stacked-segment:hover{filter:brightness(1.1);transform:scaleY(1.05);z-index:10}.stacked-segment.ur{background:var(--rarity-ur)}.stacked-segment.ssr{background:var(--rarity-ssr)}.stacked-segment.sr{background:var(--rarity-sr)}.stacked-segment.r{background:var(--rarity-r)}.stacked-segment.n{background:var(--rarity-n)}.segment-label{font-weight:700;font-size:.9rem;color:#fff;text-shadow:0 1px 2px var(--overlay-strong);white-space:nowrap}.segment-value{font-weight:600;font-size:.85rem;color:#fffffff2;text-shadow:0 1px 2px var(--overlay-strong)}.stacked-segment[style*="width: 0%"]{display:none}.probability-legend{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;padding:1rem;background:var(--section-bg);border-radius:8px}.legend-item-compact{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.legend-color{width:20px;height:20px;border-radius:4px}.legend-color.ur{background:var(--rarity-ur)}.legend-color.ssr{background:var(--rarity-ssr)}.legend-color.sr{background:var(--rarity-sr)}.legend-color.r{background:var(--rarity-r)}.legend-color.n{background:var(--rarity-n)}.legend-text{color:var(--text-primary);font-weight:600}.legend-percent{color:var(--text-secondary)}.probability-calculator{background:var(--section-bg);padding:1.5rem;border-radius:12px}.ship-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:1rem;margin-bottom:1rem;cursor:pointer}.probability-result{display:flex;flex-direction:column;gap:.75rem}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--card-bg);border-radius:8px}.result-label{color:var(--text-secondary);font-size:.95rem}.result-value{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.probability-graph-container{margin-top:2rem;padding:1.5rem;background:var(--card-bg);border-radius:12px;border:2px solid var(--border-color)}.probability-graph-container h4{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary)}#probability-graph{width:100%;aspect-ratio:4 / 3;max-width:100%;display:block;border-radius:8px;background:var(--section-bg)}.graph-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.legend-dot{width:12px;height:12px;border-radius:50%;background:var(--accent-blue)}.graph-tooltip{position:fixed;display:none;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;box-shadow:var(--shadow-lg);z-index:var(--z-modal);pointer-events:none;min-width:200px}.tooltip-ship{font-weight:700;font-size:1rem;color:var(--text-primary);margin-bottom:.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.tooltip-builds,.tooltip-prob{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0}.tooltip-builds strong,.tooltip-prob strong{color:var(--text-primary);font-weight:700}.simulator-controls{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.sim-btn{flex:1;min-width:150px;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;color:#fff}.primary-btn{background:var(--accent-blue)}.secondary-btn{background:var(--accent-green)}.tertiary-btn{background:var(--info-color)}.sim-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sim-btn:active{transform:translateY(0)}.sim-btn-emoji{font-size:1.25rem}.build-results{min-height:300px;background:var(--section-bg);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-content:flex-start}.placeholder{width:100%;height:300px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.1rem}.ship-card{width:140px;background:var(--card-bg);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:3px solid transparent;animation:cardAppear .4s cubic-bezier(.175,.885,.32,1.275);transition:transform .2s ease}.ship-card:hover{transform:scale(1.05)}@keyframes cardAppear{0%{opacity:0;transform:scale(.8) rotateY(90deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.ship-card.ur{border-color:var(--rarity-ur);box-shadow:0 0 20px color-mix(in srgb,var(--rarity-ur) 35%,transparent)}.ship-card.ssr{border-color:var(--rarity-ssr);box-shadow:0 0 20px color-mix(in srgb,var(--rarity-ssr) 35%,transparent)}.ship-card.sr{border-color:var(--rarity-sr);box-shadow:0 0 20px color-mix(in srgb,var(--rarity-sr) 35%,transparent)}.ship-card.r{border-color:var(--rarity-r);box-shadow:0 0 20px color-mix(in srgb,var(--rarity-r) 35%,transparent)}.ship-card.n{border-color:var(--rarity-n)}.ship-card.custom-ship{position:relative;box-shadow:0 0 25px color-mix(in srgb,var(--warning-color) 55%,transparent)}.pickup-badge{position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px var(--overlay-strong);z-index:10}.ship-card-icon{width:100px;height:100px;border-radius:8px;object-fit:cover;background:var(--bg-secondary)}.ship-card-name{font-size:.9rem;font-weight:600;text-align:center;color:var(--text-primary)}.ship-card-rarity{font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:12px}.ship-card-rarity.ur{background:var(--rarity-ur-bg);color:var(--rarity-ur-text)}.ship-card-rarity.ssr{background:var(--rarity-ssr);color:var(--rarity-ssr-text)}.ship-card-rarity.sr{background:var(--rarity-sr);color:var(--rarity-sr-text)}.ship-card-rarity.r{background:var(--rarity-r);color:var(--rarity-r-text)}.ship-card-rarity.n{background:var(--rarity-n);color:var(--rarity-n-text)}.simulator-section{display:none}.stats-grid{--grid-min: 150px}.stat-card{background:var(--section-bg);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-left:4px solid var(--border-color)}.stat-card.ur-stat{border-left-color:var(--rarity-ur)}.stat-card.ssr-stat{border-left-color:var(--rarity-ssr)}.stat-card.sr-stat{border-left-color:var(--rarity-sr)}.stat-card.r-stat{border-left-color:var(--rarity-r)}.stat-card.n-stat{border-left-color:var(--rarity-n)}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.resource-stats{--grid-min: 200px;margin-top:1.5rem}.resource-card{background:var(--section-bg);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;border-left:4px solid var(--accent-blue)}.resource-icon{width:50px;height:50px;object-fit:contain;background:var(--card-bg);border-radius:8px;padding:.5rem}.resource-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.resource-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.resource-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.ship-adder{background:var(--section-bg);padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:2px dashed var(--border-color)}.ship-adder h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary)}.adder-controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.search-container{flex:1;min-width:250px;position:relative}.ship-search-input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease}.ship-search-input:focus{outline:none;border-color:var(--accent-blue)}.ship-dropdown{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;margin-top:.5rem;box-shadow:var(--shadow-lg);z-index:1000}.ship-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;cursor:pointer;border:none;background:transparent;color:inherit;text-align:left;transition:background .2s ease}.ship-option:hover{background:var(--section-bg)}.ship-option-empty{pointer-events:none;color:var(--text-secondary)}.ship-option.selected{background:var(--bg-secondary)}.ship-option-icon{width:40px;height:40px;border-radius:6px;object-fit:cover;background:var(--bg-secondary)}.ship-option-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.ship-option-name{font-weight:600;color:var(--text-primary)}.ship-option-id{font-size:.85rem;color:var(--text-secondary)}.ship-option-rarity{font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;align-self:flex-start}.ship-option-rarity.ur{background:var(--rarity-ur-bg);color:var(--rarity-ur-text)}.ship-option-rarity.ssr{background:var(--rarity-ssr);color:var(--rarity-ssr-text)}.ship-option-rarity.sr{background:var(--rarity-sr);color:var(--rarity-sr-text)}.ship-option-rarity.r{background:var(--rarity-r);color:var(--rarity-r-text)}.ship-option-rarity.n{background:var(--rarity-n);color:var(--rarity-n-text)}.pickup-input-group{display:flex;flex-direction:column;gap:.5rem}.pickup-input-group label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.pickup-rate-input{padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:1rem;width:150px}.pickup-rate-input:focus{outline:none;border-color:var(--accent-blue)}.add-ship-btn,.reset-pool-btn{--btn-pad-y: .75rem;--btn-pad-x: 1.5rem;--btn-font-size: 1rem}.added-ships-list{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.75rem}.added-ship-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;position:relative}.added-ship-tag.pickup{border-color:var(--warning-color);background:color-mix(in srgb,var(--warning-color) 10%,var(--card-bg))}.added-ship-tag-icon{width:30px;height:30px;border-radius:4px;object-fit:cover}.added-ship-tag-info{display:flex;flex-direction:column;gap:.25rem}.added-ship-tag-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.added-ship-tag-rate{font-size:.75rem;color:var(--text-secondary)}.added-ship-tag-remove{margin-left:.5rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px;transition:all .2s ease}.added-ship-tag-remove:hover{background:var(--bg-secondary);color:var(--rarity-ur)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;cursor:pointer;user-select:none}.section-header h2{margin:0}.collapse-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-primary)}.collapse-btn:hover{background:var(--bg-secondary)}.collapse-btn .material-symbols-outlined{transition:transform .3s ease}.collapse-btn.collapsed .material-symbols-outlined{transform:rotate(180deg)}.collapsible-content{max-height:5000px;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}.collapsible-content.collapsed{max-height:0;opacity:0}.pool-filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pool-filters .filter-bar label{font-weight:600;color:var(--text-primary)}.rarity-filters{display:flex;gap:.5rem;flex-wrap:wrap}.rarity-filter{padding:.5rem 1rem;border:2px solid var(--border-color);background:var(--section-bg);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.rarity-filter:hover{background:var(--bg-secondary)}.rarity-filter.active{background:var(--accent-blue);color:#fff;border-color:transparent}.ship-search{flex:1;min-width:250px;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:1rem}.ship-grid{--grid-min: 100px;--grid-gap: .75rem;margin-bottom:1rem}.ship-grid .ship-card{animation:none;width:100%;padding:.75rem}.ship-grid .ship-card-icon{width:70px;height:70px}.ship-grid .ship-card-name{font-size:.8rem}.ship-grid .ship-card-rarity{font-size:.7rem;padding:.2rem .5rem}.ship-count{text-align:center;color:var(--text-secondary);font-size:.95rem;padding-top:1rem;border-top:1px solid var(--border-color)}.modal-overlay{position:fixed;inset:0;background:var(--overlay-intense);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem}.modal-content{background:var(--card-bg);border-radius:16px;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.selection-info{background:var(--section-bg);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem}.selection-info p{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.selection-status{display:flex;gap:2rem;font-size:.95rem;color:var(--text-secondary)}.selection-status span{font-weight:600}.selection-status span span{color:var(--text-primary);font-weight:700;font-size:1.1rem}.rarity-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.rarity-tab{flex:1;padding:.75rem 1.5rem;border:2px solid var(--border-color);background:var(--section-bg);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.rarity-tab:hover{background:var(--bg-secondary)}.rarity-tab.active{background:var(--accent-blue);color:#fff;border-color:transparent}.modal-ship-grid{--grid-min: 120px;min-height:300px}.modal-ship-card{background:var(--section-bg);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:3px solid transparent;cursor:pointer;transition:all .2s ease;position:relative}.modal-ship-card:hover{transform:translateY(var(--card-lift));box-shadow:var(--card-hover-shadow)}.modal-ship-card.selected{border-color:var(--accent-blue);background:var(--primary-alpha-10)}.modal-ship-card.ur{border-color:var(--rarity-ur)}.modal-ship-card.ssr{border-color:var(--rarity-ssr)}.modal-ship-card.sr{border-color:var(--rarity-sr)}.modal-ship-card.selected.ur{background:color-mix(in srgb,var(--rarity-ur) 12%,var(--section-bg));box-shadow:0 0 20px color-mix(in srgb,var(--rarity-ur) 35%,transparent)}.modal-ship-card.selected.ssr{background:color-mix(in srgb,var(--rarity-ssr) 12%,var(--section-bg));box-shadow:0 0 20px color-mix(in srgb,var(--rarity-ssr) 35%,transparent)}.modal-ship-card.selected.sr{background:color-mix(in srgb,var(--rarity-sr) 12%,var(--section-bg));box-shadow:0 0 20px color-mix(in srgb,var(--rarity-sr) 35%,transparent)}.modal-ship-icon{width:80px;height:80px;border-radius:8px;object-fit:cover;background:var(--bg-secondary)}.modal-ship-name{font-size:.85rem;font-weight:600;text-align:center;color:var(--text-primary)}.modal-ship-rarity{font-size:.7rem;font-weight:700;padding:.2rem .5rem;border-radius:4px}.modal-ship-rarity.ur{background:var(--rarity-ur-bg);color:var(--rarity-ur-text)}.modal-ship-rarity.ssr{background:var(--rarity-ssr);color:var(--rarity-ssr-text)}.modal-ship-rarity.sr{background:var(--rarity-sr);color:var(--rarity-sr-text)}.selected-check{position:absolute;top:-8px;right:-8px;background:var(--accent-blue);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--overlay-strong)}.selected-check .material-symbols-outlined{color:#fff;font-size:24px}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:2px solid var(--border-color)}.modal-btn{flex:1}@media(max-width:768px){.container{padding:1rem .5rem}section{padding:1.5rem 1rem}.simulator-controls{flex-direction:column}.sim-btn{min-width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.ship-grid{--grid-min: 120px}.ship-card{width:120px}.pool-filters .filter-bar{flex-direction:column;align-items:flex-start}.resource-stats{grid-template-columns:1fr}}@media(max-width:480px){.ship-grid{--grid-min: 85px}.ship-grid .ship-card{padding:.5rem}.ship-grid .ship-card-icon{width:60px;height:60px}.ship-grid .ship-card-name{font-size:.75rem}.probability-graph-container{padding:1rem}}