#unit-container{display:grid;display:block;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:10px}.unit-card{border:2px solid transparent;border-radius:8px;cursor:pointer;padding:10px;position:relative;text-align:center;transition:transform .2s}.unit-card:hover{transform:scale(1.05)}.unit-card img{height:80px;object-fit:contain;width:80px}.unit-name{color:var(--color-text-primary);display:block;font-size:12px;line-height:1.2;margin-top:5px;white-space:pre-line}.unit-card.owned{background-color:var(--color-msg-success-bg);border-color:var(--color-accent-event)}.unit-card.owned img{filter:grayscale(.5) opacity(.7)}.unit-card.owned:after{background:var(--color-accent-event);border-radius:4px;color:#fff;content:"済";font-size:10px;font-weight:700;padding:2px 5px;position:absolute;right:5px;top:5px}.status-0{background-color:var(--color-bg-sidebar);filter:grayscale(1);opacity:.6}.status-1{background-color:var(--color-accent-item-koyashi);border-color:var(--color-action-info-bg);filter:none;opacity:1}.status-2{background-color:var(--color-highlight-avoid-bg);border-color:var(--color-highlight-limited-shadow)}.status-3{background-color:var(--color-accent-item-uber);border-color:var(--color-highlight-path-single-border)}.status-badge{border-radius:10px;box-shadow:0 1px 3px var(--color-border-secondary);color:var(--color-bg-module);display:none;font-size:10px;font-weight:700;padding:2px 6px;position:absolute;right:-5px;top:-5px;z-index:2}.status-1 .status-badge{background-color:var(--color-action-info-bg);display:block}.status-1 .status-badge:after{content:"獲得済"}.status-2 .status-badge{background-color:#f39c12;display:block}.status-2 .status-badge:after{content:"第３まで進化済"}.status-3 .status-badge{background-color:#27ae60;display:block}.status-3 .status-badge:after{content:"第４まで進化済"}.material-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:10px}@media(min-width:768px){.material-grid{grid-template-columns:repeat(3,1fr)}}.material-item{background:var(--color-bg-subtle,#f5f5f5);border:1px solid #ddd;display:flex;font-size:small;justify-content:space-between}.m-count{color:var(--color-text-emphasis);font-weight:700}#material-drawer{background:var(--color-bg-sidebar);bottom:0;box-shadow:0 -2px 10px #0000001a;left:0;position:fixed;transition:height .3s;width:100%;z-index:100}.drawer-closed{height:40px!important;overflow:hidden}.drawer-open{height:auto!important;max-height:70vh;overflow-y:auto;transition:max-height .3s ease-out}.evolution-icon{background-color:#fffc;border-radius:50%;bottom:-10px;left:-10px;padding:2px}.unit-img-wrapper{display:inline-block;margin:0 auto;position:relative}.unit-img-wrapper img:not(.evolution-icon){height:100%;object-fit:contain;width:100%}.evolution-icon{bottom:0;height:20px!important;left:0;object-fit:contain;pointer-events:none;position:absolute;width:20px!important;z-index:5}#drawer-header{align-items:center;cursor:pointer;display:flex;font-weight:700;height:50px;justify-content:space-between;padding:0 15px}.recommend-box{border-radius:6px;font-size:12px;margin-bottom:8px;padding:6px 8px}.efficiency-table{border-collapse:collapse;font-size:10px;width:100%}.efficiency-table td,.efficiency-table th{border-bottom:1px solid #ddd;padding:4px 6px;text-align:center}.efficiency-table th{font-weight:600}.better{color:var(--color-action-success-bg);font-weight:700}.guide-note{font-size:11px;margin-top:5px}.unit-grid{border-bottom:1px solid var(--color-border-primary,#eee);display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));padding:15px 0}.tabs,.unit-grid{margin-bottom:20px}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px}.tab-btn:hover{background:#f0f0f0}.rarity-group-title{border-left:5px solid #3498db;color:var(--color-text-primary);font-size:1.2em;margin-top:20px;padding-left:10px}.tabs-menu{border-bottom:1px solid var(--color-border-primary);display:flex;gap:5px;margin-bottom:15px;overflow-x:auto;padding-bottom:0}.tab-button{background:var(--color-bg-sidebar);border:1px solid var(--color-border-primary);border-bottom:none;border-radius:4px 4px 0 0;color:var(--color-text-primary);cursor:pointer;padding:8px 16px;transition:all .2s;white-space:nowrap}.tab-button.active{background:var(--color-bg-module);box-shadow:0 2px 0 var(--color-bg-module);font-weight:700;margin-bottom:-1px;z-index:1}.controls-container{background-color:var(--color-bg-hover);border-radius:8px;padding:10px}.control-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.control-row:last-child{margin-bottom:0}.filter-display-row{justify-content:space-between}.filter-group{display:flex;flex-wrap:wrap;gap:5px}.display-settings-group{align-items:center;border-left:1px solid var(--color-border-primary);display:flex;gap:15px;padding-left:15px}.toggle-label{align-items:center;cursor:pointer;display:inline-flex;font-size:.9em;font-weight:700;gap:5px;-webkit-user-select:none;user-select:none;white-space:nowrap}.toggle-label input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.gacha-row{flex-wrap:nowrap}.action-row,.gacha-row{justify-content:space-between}.action-row{align-items:flex-start}.history-settings-group{align-items:center;display:flex;gap:15px;margin-left:auto}.action-btn,.bulk-toggle-btn,.sub-btn{background-color:var(--color-bg-module,#fff);border:1px solid var(--color-border-primary,#ccc);border-radius:6px;color:var(--color-text-primary,#333);cursor:pointer;font-size:.9em;padding:6px 12px;transition:all .2s ease}.action-btn:hover,.bulk-toggle-btn:hover,.sub-btn:hover{background-color:var(--color-bg-hover,#f0f0f0)}.sub-btn.active{background-color:var(--color-action-primary-bg,#3498db);border-color:var(--color-action-primary-bg,#3498db);box-shadow:0 2px 4px #00000026;color:#fff;font-weight:700}.bulk-actions-wrapper{align-items:center;display:flex;flex-direction:row;gap:12px}.bulk-actions-container{border-left:2px solid var(--color-border-primary,#ccc);display:none;flex-direction:row;flex-wrap:wrap;gap:8px;padding-left:12px}.bulk-actions-container.show{display:flex}.bulk-toggle-btn .arrow{display:inline-block;font-size:.8em;margin-left:4px;transition:transform .2s ease}.bulk-toggle-btn.open .arrow{transform:rotate(90deg)}.danger-link{background-color:transparent;border:1px solid var(--color-action-danger-bg,#e74c3c);border-radius:6px;color:var(--color-action-danger-bg,#e74c3c);cursor:pointer;font-size:.9em;font-weight:700;padding:6px 12px;transition:all .2s ease}.danger-link:hover{background-color:var(--color-action-danger-bg,#e74c3c);box-shadow:0 2px 6px #e74c3c66;color:#fff}@media(max-width:600px){.filter-display-row{align-items:flex-start;flex-direction:column;gap:10px}.display-settings-group{border-left:none;border-top:1px solid var(--color-border-primary);justify-content:flex-start;padding-left:0;padding-top:10px;width:100%}.action-row{align-items:stretch;flex-direction:column;gap:15px}.history-settings-group{justify-content:space-between;margin-left:0;width:100%}.bulk-actions-wrapper{align-items:flex-start;flex-direction:column}.bulk-actions-container{border-left:2px solid var(--color-border-primary,#ccc);padding-left:10px}}.icon-btn{background:none;border:none;cursor:pointer;transition:transform .2s}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;display:none;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:var(--color-bg-module);border:1px solid var(--color-border-primary);border-radius:12px;box-shadow:0 10px 25px #0006;color:var(--color-text-primary);line-height:1.6;margin:50px auto;max-height:85vh;max-width:600px;overflow-y:auto;padding:30px 25px;position:relative;scrollbar-color:var(--color-border-primary) transparent;scrollbar-width:thin;width:90%}.modal-close{align-items:center;background:var(--color-bg-module);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;float:right;font-size:28px;font-weight:700;height:30px;justify-content:center;position:sticky;right:-10px;top:-10px;width:30px;z-index:10}.modal-close:hover{color:var(--color-action-danger-bg)}.guide-body h3{border-left:4px solid var(--color-action-primary-bg);margin-top:25px;padding-left:10px}.guide-body ul{padding-left:20px}