*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.6}#ship-list-container:empty,#ship-list-container:has(>.page-status){min-height:70vh}.st-page-header{margin:var(--spacing-md) auto 0;max-width:1400px;width:calc(100% - 2rem)}.st-page-header .header-title-container .material-symbols-outlined{font-size:2rem}.st-page-header h1{color:var(--text-primary);margin:0;font-size:1.6em}.st-page-header .header-title-container .info-button{font-size:1.5em;margin-left:.5rem}.st-page-sub{margin:2px 0 0;font-size:.85rem;color:var(--text-secondary)}.st-sticky-sentinel{height:1px}.st-control-surface{max-width:1400px;width:calc(100% - 2rem);margin:var(--spacing-sm) auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg)}@media(min-width:1025px){.st-control-surface{position:sticky;top:var(--navbar-height, 65px);z-index:100}.st-control-surface.is-stuck{box-shadow:var(--shadow-md)}}.st-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.st-toolbar-left{flex:1;display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.st-toolbar-right{display:flex;gap:var(--spacing-xs)}.st-search-wrapper{position:relative;flex:1;max-width:300px;min-width:140px}.st-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--text-secondary);pointer-events:none}.st-search-input{width:100%;padding:8px 12px 8px 36px;font-size:.85rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--input-bg);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.st-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.st-search-input::placeholder{color:var(--text-secondary)}.st-toolbar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;color:var(--text-primary);background:var(--section-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;white-space:nowrap}.st-toolbar-btn:hover{background:var(--overlay-lightest);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.st-toolbar-btn .material-symbols-outlined{font-size:1.15rem}.st-summary{display:flex;flex-wrap:wrap;width:100%;margin:0}.st-sum-item{flex:1 1 160px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px}.st-sum-item+.st-sum-item{border-left:1px solid var(--border-color)}.st-sum-label{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--text-secondary);letter-spacing:.03em}.st-sum-value{font-size:1.05rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.2}.st-sum-value small{font-size:.78rem;font-weight:600;color:var(--text-secondary)}@media(max-width:700px){.st-sum-item{flex-basis:45%}.st-sum-item+.st-sum-item{border-left:0}}.st-chips-row:empty{display:none}.st-chips-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-md);width:100%;margin:0;border-top:1px solid var(--border-color)}.st-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px 4px 10px;font-size:.75rem;font-weight:600;color:var(--primary-color);background:var(--primary-alpha-10);border:1px solid var(--primary-alpha-20);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.st-chip:hover{background:var(--primary-alpha-20);border-color:var(--primary-color)}.st-chip .material-symbols-outlined{font-size:.85rem;border-radius:50%;padding:1px;transition:background var(--transition-fast)}.st-chip:hover .material-symbols-outlined{background:var(--primary-alpha-15)}.st-toolbar-btn:focus-visible,.st-chip:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.hidden{display:none!important}.st-modal{position:fixed;inset:0;background:var(--overlay-heavy);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);padding:var(--spacing-md)}.st-modal-content{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:85vh;overflow-y:auto;border:1px solid var(--border-color);width:100%}.st-modal-lg{max-width:900px}.st-modal-md{max-width:550px}.st-modal-sm{max-width:420px}.st-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-md);border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--card-bg);z-index:1;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.st-modal-header h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.st-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.st-modal-close:hover{background:var(--overlay-lightest);color:var(--text-primary)}.st-modal-body{padding:var(--spacing-md)}body.dark-mode .st-toolbar-btn{background:var(--highlight-subtle)}body.dark-mode .st-toolbar-btn:hover{background:var(--highlight-soft)}body.dark-mode .st-modal-content{box-shadow:var(--shadow-xl)}.st-drawer{--drawer-width: 22.5rem;--drawer-top: var(--navbar-height, 65px);--drawer-height: calc(100dvh - var(--navbar-height, 65px));overflow:hidden}.st-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color);flex-shrink:0}.st-drawer-header h2{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.st-drawer-count{font-size:.8rem;font-weight:600;color:var(--text-muted)}.st-drawer-head-actions{display:flex;align-items:center;gap:4px}.st-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.st-drawer-close:hover{background:var(--overlay-lightest);color:var(--text-primary)}.st-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.st-drawer-section{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.st-drawer-section:last-child{border-bottom:none}.st-drawer-section h3{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0}.st-filter-details summary{cursor:pointer;font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:2px 0}.st-filter-label{font-size:.72rem;font-weight:600;color:var(--text-muted)}.st-rarity-chips{display:flex;flex-wrap:wrap;gap:6px}.st-rarity-chip{padding:4px 12px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;background:transparent;color:var(--text-secondary);text-decoration:line-through;text-decoration-color:currentColor;transition:all var(--transition-fast)}.st-rarity-chip.active{text-decoration:none;color:#fff}.st-rarity-chip[data-rarity=ur].active{background:var(--rarity-ur);border-color:var(--rarity-ur)}.st-rarity-chip[data-rarity=ssr].active{background:var(--rarity-ssr);border-color:var(--rarity-ssr);color:var(--rarity-ssr-text)}.st-rarity-chip[data-rarity=sr].active{background:var(--rarity-sr);border-color:var(--rarity-sr);color:var(--rarity-sr-text)}.st-rarity-chip[data-rarity=r].active{background:var(--rarity-r);border-color:var(--rarity-r);color:var(--rarity-r-text)}.st-rarity-chip[data-rarity=n].active{background:var(--rarity-n);border-color:var(--rarity-n);color:var(--rarity-n-text)}.st-rarity-chip:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.checkbox-filter-item label{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background-color:var(--section-bg);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem;font-weight:500;user-select:none}.checkbox-filter-item label:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.checkbox-filter-item input[type=checkbox]{display:none}.checkbox-filter-item input[type=checkbox]:checked+label{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue);box-shadow:var(--shadow-sm)}.filter-position-group{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0;width:100%}.filter-icon{width:16px;height:16px;object-fit:contain}.dropdown-controls-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dropdown-filter-group{position:relative;display:flex;flex-direction:column;gap:.4rem}.dropdown-filter-group select{min-width:0;width:100%;cursor:pointer;background-color:var(--input-bg);color:var(--text-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;font-size:.85rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dropdown-filter-group select:hover{border-color:var(--primary-color)}.dropdown-filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.dropdown-filter-group select option{background-color:var(--card-bg);color:var(--text-primary)}.st-bulk-actions{display:flex;flex-wrap:wrap;gap:6px}.bulk-check-btn{--btn-pad-y: 7px;--btn-pad-x: 14px;--btn-font-size: .75rem}.dropdown-content{display:none;position:absolute;background-color:var(--card-bg);min-width:100%;max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:10;box-shadow:var(--shadow-lg);top:100%;left:0}.dropdown-content a,.dropdown-content .dropdown-option{color:var(--text-primary);padding:10px 14px;text-decoration:none;display:block;width:100%;text-align:left;background:none;border:none;font:inherit;cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-content a:hover,.dropdown-content .dropdown-option:hover,.dropdown-content .dropdown-option:focus-visible{background-color:var(--section-bg)}.filter-group{display:flex;flex-direction:column;gap:.5rem;background-color:var(--section-bg);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.filter-group-label{font-size:.85rem;font-weight:700;color:var(--primary-color);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.5rem}.filter-group-label:before{content:"";width:3px;height:14px;background-color:var(--primary-color);border-radius:2px}.filter-controls-wrapper{display:flex;flex-wrap:wrap;gap:8px}body.dark-mode .checkbox-filter-item label,body.dark-mode .filter-group{background-color:var(--highlight-subtle);border-color:var(--border-color)}body.dark-mode .dropdown-content{box-shadow:0 4px 8px var(--overlay-strong)}.dropdown-filter-group--wide{grid-column:1 / -1}.st-filter-chips{display:flex;flex-wrap:wrap;gap:6px}#ship-list-container[data-view=cards]{--grid-min: 190px;--grid-gap: 12px;padding:1rem;align-items:start}[data-view=cards] .ship-card{--card-row-gap: 10px;background-color:var(--card-bg);border:1px solid var(--border-color);border-top:3px solid transparent;border-radius:8px;padding:.7rem;display:flex;flex-direction:column;gap:var(--card-row-gap);box-shadow:0 1px 3px var(--overlay-12),0 1px 2px var(--overlay-lighter);transition:transform .2s ease,box-shadow .2s ease}[data-view=cards] .ship-card:hover{transform:translateY(var(--card-lift));box-shadow:var(--card-hover-shadow)}[data-view=cards] .lr-rar-n{border-top-color:var(--rarity-n);border-left-color:transparent!important}[data-view=cards] .lr-rar-r{border-top-color:var(--rarity-r);border-left-color:transparent!important}[data-view=cards] .lr-rar-sr{border-top-color:var(--rarity-sr);border-left-color:transparent!important}[data-view=cards] .lr-rar-ssr{border-top-color:var(--rarity-ssr);border-left-color:transparent!important}[data-view=cards] .lr-rar-ur{border-top-color:var(--rarity-ur);border-left-color:transparent!important}[data-view=cards] .lr-icon{align-self:center}[data-view=cards] .ship-icon{width:72px;height:72px;border-radius:50%;border:2px solid var(--border-color)}[data-view=cards] .lr-name{width:100%}[data-view=cards] .lr-nm{justify-content:center}[data-view=cards] .lr-sub{justify-content:center;margin-top:5px}[data-view=cards] .lr-expander{display:none}[data-view=cards] .lr-cell-label{display:block;flex-basis:100%;font-size:.72rem;font-weight:600;color:var(--text-primary)}[data-view=cards] .ship-card>*{order:2}[data-view=cards] .lr-icon,[data-view=cards] .lr-name{order:0}[data-view=cards] .lr-stats{order:1}[data-view=cards] .lr-progress{display:flex;flex-direction:column;gap:0;width:100%;border:1px solid var(--border-color);border-radius:4px 4px 0 0;border-bottom:0}[data-view=cards] .lr-ck{flex-direction:row-reverse;justify-content:space-between;width:100%;padding:5px 8px;background:none;transition:background-color var(--transition-fast)}[data-view=cards] .lr-ck+.lr-ck{border-top:1px solid var(--border-color)}[data-view=cards] .lr-ck:first-child{border-radius:3px 3px 0 0}[data-view=cards] .lr-ck:last-child{border-radius:0}[data-view=cards] .lr-ck input{width:16px;height:16px}[data-view=cards] .lr-ck:hover{background:var(--border-color)}[data-view=cards] .lr-ck-label{display:inline;font-size:.75rem;color:var(--text-primary)}[data-view=cards] .lr-cap,[data-view=cards] .lr-chips{justify-content:flex-start;flex-wrap:wrap;row-gap:6px}[data-view=cards] .lr-cap{border-top:1px solid var(--border-color);padding-top:10px}[data-view=cards] .lr-cap button{flex:1;width:auto;max-width:88px}[data-view=cards] .lr-chip-ghost{display:none}[data-view=cards] .lr-chip{font-size:.7rem;padding:3px 7px;min-height:24px}[data-view=cards] .lr-chip-caret{font-size:14px}[data-view=cards] .lr-memo{text-align:left;width:100%;border-top:1px solid var(--border-color);padding-top:8px}[data-view=cards] .lr-memo-btn{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border-radius:4px;background:none;font-size:.8rem;color:var(--text-secondary);transition:background-color var(--transition-fast)}[data-view=cards] .lr-memo-btn:hover{background:var(--border-color)}[data-view=cards] .lr-memo-btn .material-symbols-outlined{font-size:18px}[data-view=cards] .lr-memo-txt{display:inline}[data-view=cards] .lr-pt{display:flex;align-items:baseline;margin-top:calc(var(--card-row-gap) * -1);padding:5px 8px;border:1px solid var(--border-color);border-radius:0 0 4px 4px;text-align:left;font-size:.75rem}[data-view=cards] .lr-pt .lr-cell-label{display:inline;flex:1 1 auto;margin-right:6px}[data-view=cards] .lr-stats{display:flex;flex-direction:column;gap:3px;width:100%;padding:5px 8px;border-radius:4px;background:var(--section-bg);border:1px solid var(--border-color);font-size:.72rem;line-height:1.35}[data-view=cards] .lr-stat{display:flex;align-items:baseline;gap:4px;min-width:0}[data-view=cards] .lr-stat .lr-dk{flex:none;margin-right:0}[data-view=cards] .lr-stat-types{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-view=cards] .lr-stat-types,[data-view=cards] .lr-stat-val{font-size:.64rem}[data-view=cards] .lr-stat-val{flex:none;white-space:nowrap}[data-view=cards] .lr-detail-toggle{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:5px 8px;border-radius:4px;background:none;border:0;cursor:pointer;font-size:.8rem;color:var(--text-secondary)}[data-view=cards] .lr-detail-toggle:hover{background:var(--border-color)}[data-view=cards] .lr-detail-toggle .material-symbols-outlined{font-size:18px;transition:transform var(--transition-fast)}[data-view=cards] .lr-expanded .lr-detail-toggle .material-symbols-outlined{transform:rotate(180deg)}[data-view=cards] .lr-detail{display:none}[data-view=cards] .lr-expanded .lr-detail{display:block;border-top:1px solid var(--border-color);padding-top:6px;font-size:.75rem;color:var(--text-secondary)}[data-view=cards] .lr-detail>span{display:block;margin-top:6px}[data-view=cards] .lr-detail>span:first-child{margin-top:0}[data-view=cards] .lr-detail .lr-dk{display:block;margin:0 0 2px}[data-view=cards] .lr-desc{display:block}[data-view=cards] .lr-desc li{display:block;padding:1px 0;margin:0}body.dark-mode [data-view=cards] .ship-card{box-shadow:0 2px 4px var(--shadow-color)}body.dark-mode [data-view=cards] .lr-stats{background:var(--highlight-subtle)}.score-table-wrapper{background:linear-gradient(135deg,var(--section-bg) 0%,var(--card-bg) 100%);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.score-table-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--text-secondary) 50%,var(--primary-color) 100%);opacity:.4}.score-table-wrapper:hover{transform:translateY(var(--card-lift));box-shadow:var(--card-hover-shadow);border-color:var(--primary-color)}.score-table-wrapper h2{font-size:1.1rem;text-align:center;margin-bottom:1rem;margin-top:.5rem;color:var(--primary-color);font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;padding-bottom:.75rem}.score-table-wrapper h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:var(--primary-color);border-radius:2px}.score-table{width:100%;border-collapse:collapse;font-size:.9rem}.score-table th,.score-table td{padding:8px 12px;text-align:center;border:1px solid var(--border-color)}.score-table th{background-color:var(--section-bg);font-weight:600}.score-table td{background-color:var(--card-bg)}.score-table .header-col{font-weight:600;text-align:left;background-color:var(--section-bg)}.faction-tech-wrapper{margin-top:var(--spacing-md)}.faction-tech-header{font-size:1.1rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:var(--spacing-sm);padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.faction-level-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-md)}.faction-level-card{flex:1 1 0;min-width:120px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;background:var(--section-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.faction-level-card:hover{border-color:var(--primary-color)}.faction-level-card .faction-name{font-size:.85rem;font-weight:700;color:var(--text-primary)}.faction-level-card .faction-level{font-size:.8rem;font-weight:700;color:#fff;background:var(--primary-color);padding:2px 10px;border-radius:999px}.faction-level-card .faction-level.max-level{background:linear-gradient(135deg,#f39c12,#e74c3c)}.faction-level-card .faction-progress{font-size:.75rem;color:var(--text-secondary)}.faction-level-card .faction-max{color:#f39c12;font-weight:700}.faction-bonus-table{font-size:.8rem}.faction-bonus-table th{font-size:.75rem;padding:6px 8px;white-space:nowrap}.faction-bonus-table td{padding:5px 8px;font-size:.8rem}.faction-bonus-table .bonus-cell{font-weight:600;color:var(--success-color)}.faction-bonus-table .bonus-cell.empty{color:var(--text-secondary);opacity:.4;font-weight:400}body.dark-mode .faction-level-card{background:var(--highlight-subtle)}body.dark-mode .score-table-wrapper{background:linear-gradient(135deg,var(--card-bg) 0%,var(--section-bg) 100%);box-shadow:var(--shadow-md);border-color:var(--border-color)}body.dark-mode .score-table-wrapper:before{opacity:.5}.confirm-message{font-size:.95rem;line-height:1.6;color:var(--text-primary);text-align:center;padding:var(--spacing-sm) 0}.modal-actions{display:flex;justify-content:center;gap:12px;margin-top:var(--spacing-md)}.sheet-howto{margin:0 0 .75rem;padding-left:1.25rem;color:var(--text-secondary);font-size:.875rem;line-height:1.7}.sheet-note{margin:0 0 1.25rem;padding:.625rem .75rem;background:var(--section-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;line-height:1.7}.sheet-note code{padding:.0625rem .25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9em}.sheet-field{display:block;margin-bottom:1rem}.sheet-field-label{display:block;margin-bottom:.375rem;color:var(--text-primary);font-size:.8125rem;font-weight:600}#sheet-file{width:100%;color:var(--text-primary);font:inherit;font-size:.8125rem}#sheet-paste{width:100%;resize:vertical;padding:.5rem;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;white-space:pre}.sheet-status{margin:0 0 .5rem;min-height:1.25rem;color:var(--text-secondary);font-size:.8125rem}.sheet-status.is-error{color:var(--danger-color);font-weight:600}.sheet-preview:empty{display:none}.sheet-preview{max-height:15rem;overflow-y:auto;padding:.75rem;background:var(--section-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.sheet-summary{margin:0;color:var(--accent-green-text);font-size:.9375rem;font-weight:700}.sheet-problem-group{margin-top:.875rem}.sheet-problem-group h4{margin:0 0 .375rem;color:var(--text-primary);font-size:.8125rem;font-weight:600}.sheet-problem-group ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.25rem}.sheet-problem-group li{display:flex;gap:.5rem;align-items:baseline;color:var(--text-secondary);font-size:.78125rem;line-height:1.5}.sheet-problem-label{flex:none;min-width:3.75rem;color:var(--accent-blue-text);font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:768px){.st-page-header .header-title-container{width:100%}.st-page-header h1{font-size:1.5em}.st-toolbar{flex-direction:column;gap:var(--spacing-sm)}.st-toolbar-left{flex-direction:column;width:100%}.st-search-wrapper{max-width:100%}.st-toolbar-right{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}.st-toolbar-btn{justify-content:center;padding:8px 4px;min-width:0}.st-drawer{width:100%}.st-modal-content{width:95%!important;max-width:95%!important}#ship-list-container[data-view=cards]{--grid-gap: var(--spacing-sm);padding:.5rem}[data-view=cards] .ship-card{padding:.6rem}[data-view=cards] .ship-icon{width:70px;height:70px}.score-table-wrapper{flex:1 1 100%}.faction-level-row{gap:6px}.faction-level-card{min-width:0;padding:8px}.faction-bonus-table{font-size:.7rem}.faction-bonus-table th{font-size:.65rem;padding:4px 5px}.faction-bonus-table td{padding:4px 5px;font-size:.7rem}.goal-card-detailed{flex-direction:column-reverse;gap:1rem}.goal-card-image-wrapper{width:120px;height:120px;align-self:center}.goal-dropdown-wrapper{flex-direction:column;align-items:flex-start}.goal-select-dropdown{max-width:100%;width:100%}.goal-quick-buttons{gap:.4rem}.goal-quick-button{font-size:.8rem;padding:.35rem .65rem}}@media(max-width:480px){#ship-list-container[data-view=cards]{--grid-gap: var(--spacing-sm)}[data-view=cards] .ship-card{padding:.5rem}[data-view=cards] .ship-icon{width:64px;height:64px;margin-bottom:.4rem}.dropdown-filter-group select{min-width:100%}.goal-card{padding:.75rem}.goal-ship-name{font-size:1rem}.goal-req-label,.goal-progress-text{font-size:.8rem}.goal-dropdown-label{font-size:.9rem}.goal-quick-label{font-size:.8rem}}@media(max-width:360px){.st-page-header h1{font-size:1.3em;word-break:keep-all}.st-toolbar-btn{font-size:.78rem;gap:4px}.st-toolbar-btn .material-symbols-outlined{font-size:1rem}}.goal-selection-container{padding:var(--spacing-md);background-color:var(--card-bg);border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-md)}.goal-dropdown-wrapper{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.goal-dropdown-label{font-size:.95rem;color:var(--text-primary);white-space:nowrap;font-weight:600}.goal-select-dropdown{flex:1;min-width:200px;max-width:400px;cursor:pointer;font-weight:500;background-color:var(--input-bg);color:var(--text-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;font-size:.85rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.goal-select-dropdown:hover{border-color:var(--primary-color)}.goal-select-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.goal-select-dropdown:active,.goal-select-dropdown:focus-within{box-shadow:var(--focus-ring)}.goal-select-dropdown option,.goal-select-dropdown optgroup{background-color:var(--card-bg);color:var(--text-primary);padding:8px}.goal-select-dropdown optgroup{font-weight:700;color:var(--primary-color);background-color:var(--section-bg)}.goal-select-dropdown option{font-weight:500;padding-left:1rem}.goal-select-dropdown option:hover,.goal-select-dropdown option:focus,.goal-select-dropdown option:checked{background-color:var(--primary-color);color:#fff}body.dark-mode .goal-select-dropdown option,body.dark-mode .goal-select-dropdown optgroup{background-color:var(--card-bg)}body.dark-mode .goal-select-dropdown optgroup{background-color:var(--section-bg)}.goal-quick-buttons-wrapper{display:flex;flex-direction:column;gap:.5rem}.goal-quick-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.goal-quick-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.goal-quick-button{padding:.4rem .75rem;background-color:var(--section-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.goal-quick-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.goal-quick-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.goal-detail-container{padding:var(--spacing-md)}.goal-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast);position:relative}.goal-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(var(--card-lift))}.goal-card.complete{border-left-color:var(--success-color);background:linear-gradient(135deg,var(--card-bg) 0%,rgba(39,174,96,.05) 100%)}.goal-card-detailed{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem}.goal-card-content{flex:1;display:flex;flex-direction:column;gap:.75rem}.goal-card-image-wrapper{flex-shrink:0;width:150px;height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--section-bg),var(--card-bg));border-radius:var(--radius-md);padding:.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.goal-card-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.goal-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:var(--text-secondary);opacity:.3}.goal-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.goal-ship-name{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.goal-rarity{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.goal-rarity.rarity-PR{background:linear-gradient(135deg,var(--info-color),#2980b9);color:#fff}.goal-rarity.rarity-DR{background:linear-gradient(135deg,var(--danger-color),var(--danger-hover));color:#fff}.goal-requirements{display:flex;flex-direction:column;gap:.75rem}.goal-requirement{display:flex;flex-direction:column;gap:.25rem}.goal-req-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.goal-progress-bar{width:100%;height:20px;background-color:var(--section-bg);border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.goal-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--text-secondary));transition:width .5s ease;border-radius:10px 0 0 10px}.goal-progress-fill.complete{background:linear-gradient(90deg,var(--success-color),var(--island-success))}.goal-progress-text{font-size:.85rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.25rem}.goal-progress-text.complete{color:var(--success-color)}.goal-progress-text .checkmark{color:var(--success-color);font-size:1rem}.goal-complete-label{margin-top:.75rem;padding:.5rem;background:linear-gradient(135deg,#27ae601a,#2ecc711a);border:1px solid var(--success-color);border-radius:6px;text-align:center;font-weight:700;color:var(--success-color);font-size:.9rem}.faction-tech-wrapper{width:100%;margin:var(--spacing-md) 0;padding:1.25rem;background:linear-gradient(135deg,var(--card-bg) 0%,var(--section-bg) 100%);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.faction-tech-header{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.faction-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.faction-level{display:inline-block;padding:.25rem .75rem;background:var(--primary-color);color:#fff;border-radius:12px;font-size:.85rem;font-weight:600}.faction-level.max-level{background:linear-gradient(135deg,gold,#ffed4e);color:var(--rarity-ssr-text)}.faction-progress{margin-top:.5rem;font-size:.75rem;color:var(--text-secondary)}.bonus-value{color:var(--success-color);font-weight:700}#ledger-head,[data-view=ledger] .ship-card{display:grid;grid-template-columns:56px minmax(150px,1fr) 46px 46px 46px 72px 82px 290px 40px;align-items:center;gap:0 8px}[data-view=ledger] .lr-progress{display:contents}#ledger-head{max-width:1400px;width:calc(100% - 2rem);margin:0 auto;padding:8px 10px 8px 3px;font-size:.75rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-align:center;position:sticky;top:var(--st-sticky-h, 120px);background:var(--card-bg);z-index:5}#ledger-head .lh-name{text-align:left}#ship-list-container[data-view=ledger]{display:block;padding:0 0 1rem;max-width:1400px;width:calc(100% - 2rem);margin:0 auto}#ship-list-container[data-view=ledger] .ship-card{background:var(--card-bg);border-bottom:1px solid var(--border-color);border-left:3px solid transparent;border-radius:0;padding:8px 10px 8px 0;box-shadow:none}[data-view=ledger] .ship-card:hover{transform:none;box-shadow:none;background:var(--bg-secondary)}[data-view=ledger] .ship-icon{width:44px;height:44px;margin:0 auto;display:block}.lr-rar-n{border-left-color:var(--rarity-n)!important}.lr-rar-r{border-left-color:var(--rarity-r)!important}.lr-rar-sr{border-left-color:var(--rarity-sr)!important}.lr-rar-ssr{border-left-color:var(--rarity-ssr)!important}.lr-rar-ur{border-left-color:var(--rarity-ur)!important}.lr-unowned .ship-icon{opacity:.6;filter:grayscale(.4)}.lr-unowned .lr-nm-text{color:var(--text-secondary)}.lr-nm{display:flex;align-items:center;gap:6px;font-size:.95rem;font-weight:600;min-width:0}.lr-nm-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lr-sub{display:flex;align-items:center;flex-wrap:wrap;gap:2px 8px;font-size:.75rem;color:var(--text-secondary)}.lr-sub-item{display:inline-flex;align-items:center;gap:3px}.lr-sub-icon{width:14px;height:14px;object-fit:contain}[data-view=ledger] .lr-sub .rarity-badge{font-size:.62rem;padding:0 5px}.lr-star,.lr-expander{background:none;border:0;padding:2px;cursor:pointer;color:var(--text-muted);font-size:1rem;line-height:1}.lr-star.on{color:var(--warning-color)}.lr-expander .material-symbols-outlined{font-size:18px;transition:transform var(--transition-fast)}.lr-expanded .lr-expander .material-symbols-outlined{transform:rotate(180deg)}.lr-ck{display:flex;justify-content:center;align-items:center;gap:4px;cursor:pointer}.lr-ck input{width:18px;height:18px;accent-color:var(--accent-blue);margin:0;cursor:pointer}.lr-ck-label{display:none;font-style:normal;font-size:.75rem;color:var(--text-secondary)}.lr-ck-pt{font-size:.85em;font-weight:600;color:var(--text-secondary)}.lr-pt{text-align:center;font-size:.9rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.lr-pt b{color:var(--text-primary)}.lr-stats,.lr-detail,.lr-detail-toggle{display:none}[data-view=ledger] .lr-expanded .lr-stats,[data-view=ledger] .lr-expanded .lr-detail{display:flex;flex-wrap:wrap;gap:4px 26px;grid-column:1 / -1;margin:8px 8px 2px 64px;border:1px dashed var(--border-color);border-radius:var(--radius-sm);padding:8px 12px;font-size:.78rem;color:var(--text-secondary)}.lr-dk{font-style:normal;color:var(--text-primary);font-weight:600;margin-right:6px}.lr-stat-types{color:var(--text-secondary)}.lr-stat-val{color:var(--accent-green-text);font-weight:600}.lr-desc{list-style:none;margin:0;padding:0;display:inline}.lr-desc li{display:inline;margin-right:10px}@media(max-width:1100px){#ledger-head{display:none}#ship-list-container[data-view=ledger] .ship-card{display:grid;grid-template-columns:48px minmax(0,1fr) max-content;grid-template-areas:"icon name pt" "progress progress progress" "cap cap cap" "chips chips memo";gap:8px 10px;padding:10px}[data-view=ledger] .lr-icon{grid-area:icon}[data-view=ledger] .lr-name{grid-area:name;min-width:0}[data-view=ledger] .lr-pt{grid-area:pt}[data-view=ledger] .lr-progress{grid-area:progress;display:flex;gap:6px}[data-view=ledger] .lr-progress .lr-ck{flex:1 1 0;min-width:0;justify-content:center;gap:6px;padding:6px 4px;border-radius:var(--radius-sm);background:var(--section-bg)}.lr-ck-label{display:inline}[data-view=ledger] .lr-pt .lr-cell-label{display:inline;margin-right:4px;font-weight:600}[data-view=ledger] .lr-cap{grid-area:cap;justify-content:flex-start}[data-view=ledger] .lr-cap button{flex:1 1 0;width:auto;min-width:0;max-width:88px}[data-view=ledger] .lr-chips{grid-area:chips;justify-content:flex-start}[data-view=ledger] .lr-memo{grid-area:memo;justify-self:end}[data-view=ledger] .lr-expanded .lr-stats,[data-view=ledger] .lr-expanded .lr-detail{grid-column:1 / -1;margin:0}body.dark-mode [data-view=ledger] .lr-progress .lr-ck{background:var(--highlight-subtle)}}.lr-cap{display:flex;gap:3px;justify-content:center}.lr-cap button{width:38px;height:26px;padding:0;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;border:1px solid var(--border-color);border-radius:var(--radius-xs);background:transparent;color:var(--text-secondary);cursor:pointer}.lr-cap button.on{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.lr-cap button.on.u2{background:var(--warning-color);border-color:var(--warning-color);color:#3d2c00}.lr-cap button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.lr-chips{display:flex;flex-wrap:wrap;gap:3px 4px;justify-content:center}.lr-chip{display:inline-flex;align-items:center;font-size:.78rem;font-weight:600;padding:4px 9px;min-height:26px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.lr-chip.is-mid{border-color:var(--accent-blue);color:var(--accent-blue-text);background:var(--primary-alpha-10, rgba(0, 113, 235, .08))}.lr-chip.is-done{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.lr-chip-caret{font-size:16px;margin:0 -4px 0 -2px}.lr-chip-ghost{width:48px}.lr-cell-label{display:none}.lr-memo{text-align:center}.lr-memo-btn{background:none;border:0;padding:0;cursor:pointer;color:var(--text-muted);position:relative}.lr-memo-btn .material-symbols-outlined{font-size:22px}.lr-memo-txt{display:none}.lr-memo-btn.has:after{content:"";position:absolute;top:0;right:-2px;width:6px;height:6px;border-radius:var(--radius-full);background:var(--accent-blue)}#memo-input{width:100%;resize:vertical;background:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:var(--radius-sm);padding:8px;font:inherit}.st-status-menu{position:fixed;z-index:400;min-width:170px;padding:4px;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.st-status-menu[hidden]{display:none}.st-status-menu button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:0;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-primary);cursor:pointer;text-align:left}.st-status-menu button:hover,.st-status-menu button:focus-visible{background:var(--section-bg);outline:none}.st-status-menu button[aria-checked=true]{color:var(--accent-blue);font-weight:700}.st-status-menu button .material-symbols-outlined{font-size:18px;visibility:hidden}.st-status-menu button[aria-checked=true] .material-symbols-outlined{visibility:visible}@media(max-width:480px){.st-status-menu{left:0!important;right:0;top:auto!important;bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:max(8px,env(safe-area-inset-bottom))}.st-status-menu button{padding:12px 16px;font-size:.95rem}}body.dark-mode .st-status-menu button:hover,body.dark-mode .st-status-menu button:focus-visible{background:var(--highlight-subtle)}.lr-chip:focus-visible,.lr-star:focus-visible,.lr-memo-btn:focus-visible,.lr-expander:focus-visible,.lr-detail-toggle:focus-visible,.lr-ck input:focus-visible{outline:2px solid var(--accent-blue);outline-offset:1px}.lr-tile{display:none}#ship-list-container[data-view=wall]{--grid-min: 72px;--grid-gap: 6px;padding:.75rem;align-items:start}[data-view=wall] .ship-card{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);transition:transform .12s ease,box-shadow .12s ease,filter .2s ease,opacity .2s ease}[data-view=wall] .lr-rar-n,[data-view=wall] .lr-rar-r,[data-view=wall] .lr-rar-sr,[data-view=wall] .lr-rar-ssr,[data-view=wall] .lr-rar-ur{border-left-color:var(--border-color)!important}[data-view=wall] .ship-card>*{display:none}[data-view=wall] .ship-card>.lr-icon,[data-view=wall] .ship-card>.lr-tile{display:block}[data-view=wall] .lr-icon{position:absolute;inset:0}[data-view=wall] .ship-icon{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}[data-view=wall] .lr-tile{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}[data-view=wall] .ship-card:hover{transform:translateY(-2px);box-shadow:0 3px 10px -2px var(--overlay-strong);z-index:2}[data-view=wall] .ship-card:active{transform:none}[data-view=wall] .lr-tile:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;z-index:3}[data-view=wall] .lr-tile-top{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:3px;padding:3px 4px 9px;background:linear-gradient(180deg,var(--overlay-60) 0%,var(--overlay-15) 60%,transparent 100%)}[data-view=wall] .lr-tile-rar{flex:none;padding:1px 3px;font-size:.55rem;font-weight:600;line-height:1.35;border-radius:var(--radius-xs)}[data-view=wall] .lr-tile-nat{flex:1 1 auto;min-width:0;text-align:right;font-size:.56rem;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px var(--overlay-80);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-wall-metric=lv]{--wall-accent: var(--accent-blue)}[data-wall-metric=skl]{--wall-accent: var(--accent-purple)}[data-wall-metric=aff]{--wall-accent: var(--accent-pink)}#wall-metric-group .btn.is-active{background:var(--wall-accent, var(--accent-blue));border-color:var(--wall-accent, var(--accent-blue))}[data-view=wall] .lr-tile-bar{position:absolute;inset:auto 0 0;height:6px;background:var(--overlay-medium)}[data-view=wall] .lr-tile-fill{display:block;height:100%;width:var(--wall-f, 0%);background:var(--wall-accent, var(--accent-blue));transition:width .18s ease,background-color .18s ease}[data-view=wall] .ship-card[data-wall-top="1"]{border-color:var(--wall-accent, var(--accent-blue));box-shadow:inset 0 0 0 1px var(--wall-accent, var(--accent-blue))}[data-view=wall] .ship-card[data-wall-owned="0"]{filter:grayscale(1);opacity:.4}@media(prefers-reduced-motion:reduce){[data-view=wall] .ship-card,[data-view=wall] .lr-tile-fill{transition:none}[data-view=wall] .ship-card:hover{transform:none}}.st-wall-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);max-width:1400px;width:calc(100% - 2rem);margin:0 auto;padding:var(--spacing-sm) 0 0}.st-wall-metrics-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--text-secondary)}#wall-sort-btn .material-symbols-outlined{font-size:1.05rem}.st-wall-hint{margin-left:auto;font-size:.72rem;color:var(--text-secondary)}.st-wall-hint--touch{display:none}@media(max-width:860px){.st-wall-hint{margin-left:0;width:100%;line-height:1.35}.st-wall-hint--pointer{display:none}.st-wall-hint--touch{display:block}}body.dark-mode [data-view=wall] .ship-card:hover{box-shadow:0 3px 12px -2px var(--shadow-color)}