.inventory-page-container{background:var(--bg-container);box-sizing:border-box;border-radius:1rem;flex-direction:column;gap:1rem;width:100%;max-width:80rem;margin-top:1rem;padding:1.25rem 1.5rem 2rem;display:flex;box-shadow:0 8px 32px #0003}.inventory-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.inventory-title{color:var(--color-text);flex-shrink:0;margin:0;font-size:1.4rem;font-weight:700}.inventory-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inv-sort-dropdown{align-items:center;gap:0;display:flex;position:relative}.inv-sort-trigger{color:var(--color-text);border:1px solid var(--color-primary);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border-radius:.5rem 0 0 .5rem;align-items:center;gap:.45rem;height:2.25rem;padding:0 .8rem;font-family:inherit;font-size:.88rem;transition:border-color .18s,background .18s;display:flex}.inv-sort-trigger:hover{background:var(--bg-hover)}.inv-sort-trigger:focus{border-color:var(--color-primary);outline:none}.inv-sort-dropdown.open .inv-sort-trigger{border-color:var(--color-primary)}.inv-sort-trigger:active{transform:scale(.97)}.inv-sort-dir{color:var(--color-text);border:1px solid var(--color-primary);cursor:pointer;box-sizing:border-box;background:0 0;border-left:none;border-radius:0 .5rem .5rem 0;flex-shrink:0;justify-content:center;align-items:center;width:1.8rem;height:2.25rem;padding:0;font-family:inherit;font-size:.78rem;transition:background .18s;display:flex}.inv-sort-dir:hover{background:var(--bg-hover)}.inv-sort-dir:active{transform:scale(.95)}.inv-sort-dir svg{width:.75rem;height:.75rem;transition:transform .22s cubic-bezier(.4,0,.2,1)}.inv-sort-dir.desc svg{transform:rotate(180deg)}.inv-sort-menu{z-index:200;background:var(--bg-container);border:1px solid var(--border-color);border-radius:.5rem;flex-direction:column;gap:.05rem;min-width:100%;padding:.25rem;display:none;position:absolute;top:calc(100% + .3rem);left:0;box-shadow:0 8px 24px #00000073}.inv-sort-dropdown.open .inv-sort-menu{display:flex}.inv-sort-option{color:var(--color-text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:.35rem;padding:.45rem .65rem;font-family:inherit;font-size:.86rem;transition:background .12s}.inv-sort-option:hover{background:var(--bg-hover)}.inv-sort-option.active{background:var(--bg-hover);color:var(--color-text);font-weight:600}.inv-btn-primary{color:var(--color-text);border:1px solid var(--color-primary);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border-radius:.5rem;height:2.25rem;padding:0 1rem;font-size:.9rem;font-weight:500;transition:background .18s}.inv-btn-primary:hover{background:var(--bg-hover)}.inv-btn-primary:active{transform:scale(.96)}.inv-btn-screenshot{color:var(--color-text);border:1px solid var(--color-primary);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border-radius:.5rem;height:2.25rem;padding:0 1rem;font-size:.9rem;font-weight:500;transition:background .18s}.inv-btn-screenshot:hover{background:var(--bg-hover)}.inv-btn-screenshot:disabled{opacity:.45;cursor:not-allowed}.inv-btn-screenshot:active:not(:disabled){transform:scale(.96)}.inv-btn-danger{color:#ef4444;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#dc26261a;border:1px solid #ef444473;border-radius:.5rem;height:2.25rem;padding:0 1rem;font-size:.9rem;font-weight:500;transition:background .18s,color .18s,border-color .18s}.inv-btn-danger:hover{color:#f87171;background:#dc262638;border-color:#ef4444}.inv-btn-danger:active{transform:scale(.96)}.inv-btn-secondary{color:var(--color-text-secondary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:0 0;border-radius:.5rem;height:2.25rem;padding:0 1rem;font-size:.9rem;font-weight:500;transition:background .18s,color .18s,border-color .18s}.inv-btn-secondary:hover{background:var(--bg-hover);color:var(--color-text);border-color:var(--color-text-secondary)}.inv-btn-secondary:active{transform:scale(.96)}.inv-search-wrap{align-items:center;width:100%;display:flex;position:relative}.inv-search-icon{width:.95rem;height:.95rem;color:var(--color-text-secondary);pointer-events:none;opacity:.6;position:absolute;left:.7rem}.inv-search-input{background:var(--bg-light);border:1px solid var(--border-color);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:.5rem;outline:none;padding:.55rem 2.2rem .55rem 2.1rem;font-family:inherit;font-size:.9rem;transition:border-color .18s}.inv-search-input:focus{border-color:var(--color-primary)}.inv-search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.inv-search-clear{color:var(--color-text-secondary);cursor:pointer;opacity:.6;background:0 0;border:none;padding:.2rem;font-size:.8rem;line-height:1;position:absolute;right:.55rem}.inv-search-clear:hover{opacity:1}.inv-search-clear:active{transform:scale(.9)}.inventory-main{flex-direction:column;flex:1 1 0;gap:.7rem;min-width:0;transition:gap .25s;display:flex;position:relative}#inventory-grid{flex-direction:column;gap:1.1rem;display:flex}.inventory-grid-inner{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.6rem;animation:.22s gridFadeIn;display:grid}.inv-rarity-group{animation:.22s gridFadeIn}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.inv-rarity-group{flex-direction:column;gap:.5rem;display:flex}.inv-rarity-header{text-transform:uppercase;letter-spacing:.07em;opacity:.85;border-bottom:1px solid;padding-bottom:.35rem;font-size:.8rem;font-weight:700}.inventory-empty{min-height:14rem;color:var(--color-text-secondary);text-align:center;opacity:.7;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:none}.inventory-empty svg{opacity:.5;width:3.5rem;height:3.5rem}.inventory-empty p{color:var(--color-text);opacity:.8;margin:0;font-size:1.1rem;font-weight:600}.inventory-empty span{font-size:.9rem}.inv-card{background:var(--bg-light);border:1px solid var(--border-color);aspect-ratio:1;border-radius:.55rem;flex-direction:column;align-items:center;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.inv-card:hover{background:var(--bg-hover)}.inv-card[data-shg=h]:before,.inv-card[data-shg=g]:before{content:attr(data-shg);background:var(--color-accent);width:22px;height:22px;color:var(--color-text);z-index:10;text-transform:uppercase;pointer-events:none;text-align:center;border-radius:5px;font-size:13px;font-weight:700;line-height:22px;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.inv-card[data-stability=rising]{border-color:var(--stability-label-rising)}.inv-card[data-stability=improving]{border-color:var(--stability-label-improving)}.inv-card[data-stability=doing-well]{border-color:var(--stability-label-doing-well)}.inv-card[data-stability=fluctuating]{border-color:var(--stability-label-fluctuating)}.inv-card[data-stability=struggling]{border-color:var(--stability-label-struggling)}.inv-card[data-stability=receding]{border-color:var(--stability-label-receding)}.inv-card[data-stability=dropping]{border-color:var(--stability-label-dropping)}.inv-card-remove{color:var(--color-text-secondary);cursor:pointer;z-index:10;opacity:.65;background:0 0;border:none;border-radius:5px;padding:.2rem .38rem;font-size:1.3rem;line-height:1;transition:color .15s,background .15s;position:absolute;top:.2rem;right:.2rem}.inv-card-remove:hover{color:#ef4444;opacity:1;background:#ef444426}.inv-card-img{box-sizing:border-box;flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;padding:.35rem .4rem .2rem;display:flex}.inv-card-img img{object-fit:contain;max-width:100%;max-height:100%}.inv-card-info{box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;gap:0;width:100%;padding:0 .35rem .05rem;display:flex}.inv-card-name{color:var(--color-text);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.67rem;font-weight:500;line-height:1.3;overflow:hidden}.inv-card-value{color:var(--color-text-secondary);font-size:.6rem;font-weight:500;line-height:1.25}.inv-card-qty{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;gap:.22rem;width:100%;padding:.15rem .3rem .25rem;display:flex}.inv-card .qty-btn{background:var(--bg-lighter);width:1.7em;height:1.7em;color:var(--color-text);cursor:pointer;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;font-size:.95em;font-weight:700;transition:background .12s;display:inline-flex}.inv-card .qty-btn:hover{background:var(--bg-hover)}.inv-card .qty-btn:active{transform:scale(.9)}.inv-card .qty-input{width:2.6em;color:var(--color-text);text-align:center;appearance:none;-moz-appearance:textfield;background:0 0;border:none;min-width:0;padding:0;font-size:.9em;font-weight:700}.inv-card .qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inv-card .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-card .qty-input:focus{outline:none}.sidebar-wrapper{flex-direction:column;align-items:center;gap:.5rem;transition:all .25s;display:flex}.sidebar-wrapper.minimized{gap:0;margin:0}.inventory-sidebar{flex-flow:wrap;gap:.85rem;width:100%;max-height:400px;transition:max-height .25s cubic-bezier(.4,0,.2,1),opacity .25s,gap .25s;display:flex;position:static}.inventory-sidebar.minimized,[data-sidebar-minimized=true] .inventory-sidebar{opacity:0;gap:0;max-height:0;overflow:hidden}[data-sidebar-minimized=true] .sidebar-wrapper{gap:0;margin:0}.sidebar-toggle-btn{color:var(--color-text-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:1.8rem;padding:.4rem;transition:background .18s,color .18s,transform .2s;display:flex}.sidebar-toggle-btn:hover{background:var(--bg-hover);color:var(--color-text);opacity:1}.sidebar-toggle-btn:active{transform:scale(.92)}.sidebar-toggle-btn svg{width:1rem;height:1rem;transition:transform .2s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-btn.minimized svg,[data-sidebar-minimized=true] .sidebar-toggle-btn svg{transform:rotate(180deg)}.sidebar-card{background:var(--bg-light);border:1px solid var(--border-color);border-radius:.75rem;flex-direction:column;flex:20rem;gap:.6rem;min-width:0;padding:.95rem 1.05rem;display:flex}.sidebar-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:.05rem;padding-bottom:.5rem;font-size:.76rem;font-weight:700}.stat-divider{background:var(--border-color);height:1px;margin:.1rem 0}.stat-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.stat-label{color:var(--color-text-secondary);font-size:.86rem;font-weight:500}.stat-value{color:var(--color-text);text-align:right;font-size:.93rem;font-weight:700}.completion-rarity{flex-direction:column;gap:.28rem;display:flex}.completion-header{justify-content:space-between;align-items:center;display:flex}.completion-label{font-size:.83rem;font-weight:600}.completion-count{color:var(--color-text-secondary);font-size:.76rem;font-weight:500}.completion-bar{background:var(--bg-lighter);border:1px solid var(--border-color);border-radius:999px;width:100%;height:.42rem;overflow:hidden}.completion-bar-fill{border-radius:999px;width:0%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.completion-pct{color:var(--color-text-secondary);align-self:flex-end;font-size:.7rem}.comp-legendary{color:#f59e0b}.comp-epic{color:#9333ea}.comp-rare{color:#3b82f6}.comp-common{color:#9ca3af}.comp-bar-legendary{background:linear-gradient(90deg,#d97706,#f59e0b)}.comp-bar-epic{background:linear-gradient(90deg,#7c3aed,#9333ea)}.comp-bar-rare{background:linear-gradient(90deg,#2563eb,#3b82f6)}.comp-bar-common{background:linear-gradient(90deg,#4b5563,#6b7280)}html.dark-theme .comp-legendary{color:#fbbf24}html.dark-theme .comp-epic{color:#a855f7}html.dark-theme .comp-rare{color:#60a5fa}html.dark-theme .comp-common{color:#9ca3af}.inv-modal-content{height:85vh}.inv-modal-footer{border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end;align-items:center;gap:1rem;margin-top:.5rem;padding-top:.85rem;display:flex}.inv-modal-hint{color:var(--color-text-secondary);flex:1;margin:0;font-size:.8rem}.modal-item.inv-pending{background-color:var(--item-hover);border-color:var(--color-primary)}.inv-owned-badge{background:var(--color-primary);color:var(--color-text);white-space:nowrap;pointer-events:none;text-transform:uppercase;letter-spacing:.04em;opacity:.88;border-radius:3px;padding:.12rem .38rem;font-size:.58rem;font-weight:700;position:absolute;bottom:.2rem;left:50%;transform:translate(-50%)}.modal-item .modal-item-img{position:relative}.confirm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5000;opacity:0;visibility:hidden;background:#000000a6;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.confirm-overlay.is-visible{opacity:1;visibility:visible}.confirm-card{background:var(--bg-container);border:1px solid var(--border-color);border-radius:.85rem;flex-direction:column;gap:.6rem;width:90%;max-width:26rem;padding:1.6rem 1.8rem 1.4rem;transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;transform:scale(.92)translateY(8px);box-shadow:0 16px 48px #00000073}.confirm-overlay.is-visible .confirm-card{transform:scale(1)translateY(0)}.confirm-icon{text-align:center;margin-bottom:.15rem;font-size:2rem;line-height:1}.confirm-title{color:var(--color-text);text-align:center;font-size:1.1rem;font-weight:700;line-height:1.3}.confirm-msg{color:var(--color-text-secondary);text-align:center;font-size:.9rem;line-height:1.5}.confirm-actions{justify-content:center;gap:.65rem;margin-top:.6rem;display:flex}.confirm-actions button{cursor:pointer;border:1px solid var(--border-color);white-space:nowrap;border-radius:.5rem;padding:.5rem 1.3rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,transform .1s,border-color .15s}.confirm-actions button:active{transform:scale(.95)}.confirm-btn-secondary{color:var(--color-text-secondary);background:0 0}.confirm-btn-secondary:hover{background:var(--bg-hover);color:var(--color-text)}.confirm-btn-danger{color:#ef4444;background:#dc26262e;border-color:#ef444480!important}.confirm-btn-danger:hover{color:#f87171;background:#dc262652;border-color:#ef4444!important}.confirm-btn-primary{background:var(--button-bg);color:var(--color-text);border-color:var(--color-primary)!important}.confirm-btn-primary:hover{background:var(--button-hover)}@media (width<=48rem){.inventory-page-container{margin-top:.4rem;padding:.9rem .8rem 1.5rem}.inventory-main{gap:.6rem}.inventory-sidebar{gap:.7rem}.inventory-sidebar .sidebar-card{flex:12rem;min-width:0}.inventory-grid-inner{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.65rem}.inventory-title{font-size:1.2rem}.inv-modal-content{height:90vh}.inv-modal-hint{display:none}}@media (width<=32rem){.inventory-grid-inner{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.75rem}.inv-btn-primary,.inv-btn-screenshot,.inv-btn-danger{height:2.4rem;padding:0 .9rem;font-size:.85rem}.inv-sort-trigger{padding:0 .7rem;font-size:.8rem}.inv-sort-dir{width:2rem;height:2.25rem}.inv-card-name{font-size:.63rem}.confirm-card{max-width:92%;padding:1.3rem 1.2rem 1.1rem}.confirm-title{font-size:1rem}.confirm-msg{font-size:.85rem}.confirm-actions button{padding:.45rem 1rem;font-size:.85rem}}.inventory-loader-container{justify-content:center;align-items:center;width:100%;min-height:22rem;display:none}.inventory-loader-container.is-visible{display:flex}.spinner{border:3.5px solid #0000001a;border-top:3.5px solid var(--color-primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}.dark-theme .spinner{border-color:#ffffff1a;border-top-color:var(--color-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inventory-loader-container.is-visible~.inventory-layout{display:none!important}