.page-header{text-align:center}.page-title{display:flex;justify-content:center;align-items:center;gap:.625rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.25rem}.skin-list-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.75rem,1fr));gap:.9375rem}.skin-box-link{text-decoration:none;color:inherit;cursor:pointer}.skin-box{background-color:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color);height:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 2px 8px var(--overlay-lightest)}.skin-box-link:hover .skin-box{border-color:var(--primary-color);box-shadow:0 4px 12px var(--primary-alpha-10)}.skin-box.is-owned{border-color:var(--success-color);box-shadow:inset 3px 0 0 var(--success-color)}.skin-box.is-wanted{border-color:var(--danger-color);box-shadow:inset -3px 0 0 var(--danger-color)}.skin-box.is-owned.is-wanted{box-shadow:inset 3px 0 0 var(--success-color),inset -3px 0 0 var(--danger-color)}.skin-box-link:hover .skin-box.is-owned{border-color:var(--success-color)}.skin-box-link:hover .skin-box.is-wanted{border-color:var(--danger-color)}.skin-image-wrapper{width:100%;aspect-ratio:3 / 4;background-color:var(--bg-tertiary);position:relative;flex-shrink:0}.skin-image{width:100%;height:100%;object-fit:contain}.filter-container{border-radius:var(--radius-md) var(--radius-md) 0 0;margin-bottom:0;border-bottom:none}.filter-footer{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.78rem;color:var(--text-dim);padding:.5rem 1rem;border:1px solid var(--border-color);border-top:1px solid var(--border-color);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--bg-elevated);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-footer-divider{width:1px;height:.9rem;background:var(--border-color)}.hint-icons{display:inline-flex;align-items:center;gap:.125rem}.hint-icons i.fa-check{color:var(--success-color)}.hint-icons i.fa-heart{color:var(--danger-color)}.hint-checkbox{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.78rem;color:var(--text-dim)}.hint-checkbox input{margin:0;cursor:pointer}.skin-actions{position:absolute;top:.375rem;left:.375rem;display:flex;flex-direction:column;gap:.3rem;z-index:2}.skin-action-btn{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid rgba(255,255,255,.6);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;background:#00000073;color:#fff;opacity:0;transition:opacity var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent;box-shadow:0 1px 4px #0000004d}.skin-box-link:hover .skin-action-btn{opacity:1}.skin-action-btn.active{opacity:1;border-color:transparent}.skin-action-btn:hover{transform:scale(1.15)}.skin-action-btn.owned-btn:not(.active):hover{background:#27ae60b3}.skin-action-btn.wanted-btn:not(.active):hover{background:#e74c3cb3}.skin-action-btn.active.owned-btn{background:var(--success-color);color:#fff;box-shadow:0 0 6px #27ae6080}.skin-action-btn.active.wanted-btn{background:var(--danger-color);color:#fff;box-shadow:0 0 6px #e74c3c80}.skin-action-btn.disabled{opacity:.25;cursor:default;pointer-events:none}.skin-info{padding:.625rem;display:flex;flex-direction:column;gap:.3125rem}.skin-info h3{margin:0 0 .3125rem;color:var(--text-primary);font-size:.9em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.info-line{font-size:.75em;color:var(--text-muted);line-height:1.4}.info-line strong{color:var(--text-muted)}.new-badge{position:absolute;top:.5rem;right:.5rem;background-color:var(--accent-color);color:var(--text-primary);padding:.1875rem .5rem;border-radius:.75rem;font-size:.7em;font-weight:700;text-transform:uppercase;box-shadow:var(--shadow-sm);user-select:none}.skin-section{margin-bottom:2.5rem}.skin-section h2{color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.625rem;margin-bottom:1.25rem;font-size:1.5em}.search-container{margin:1.875rem auto;display:flex;justify-content:center;align-items:flex-end;gap:.625rem;flex-wrap:wrap}.search-input-group{max-width:25rem;flex-grow:1}.autocomplete-wrapper{position:relative}.search-label{display:block;font-weight:700;color:var(--text-primary);margin-bottom:.625rem;text-align:left;padding-left:.3125rem}#search-input{padding:.625rem .9375rem;font-size:1.1em;width:100%;border-radius:var(--radius-sm);border:2px solid var(--bg-secondary);background-color:var(--bg-input);color:var(--text-secondary);box-sizing:border-box;height:3rem}#search-input::placeholder{color:var(--text-dim)}.autocomplete-items{position:absolute;border:1px solid var(--border-color);border-top:none;z-index:99;top:100%;left:0;right:0;background-color:var(--bg-elevated);max-height:12.5rem;overflow-y:auto;border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md)}.autocomplete-items div{padding:.625rem;cursor:pointer;border-bottom:1px solid var(--border-color);text-align:left}.autocomplete-items div:last-child{border-bottom:none}.autocomplete-items div:hover{background-color:var(--primary-alpha-10)}.autocomplete-items div mark{background-color:var(--primary-color);color:var(--text-primary);padding:1px 0;border-radius:2px}.clear-btn{height:3rem}.clear-btn i{margin-right:.3125rem}.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light),var(--primary-color));background-size:200% 100%;z-index:9999;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;animation:progress-bar-animation 1.5s ease-in-out infinite}.progress-bar.visible{opacity:1;visibility:visible}@keyframes progress-bar-animation{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}.image-popup{position:fixed;inset:0;background-color:#fffffff2;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.image-popup.visible{opacity:1;visibility:visible}.image-popup-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center}.popup-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);transition:opacity .2s ease}.popup-image.loading{opacity:0;min-height:12rem}.popup-skin-info{margin-top:.875rem;text-align:center;color:var(--text-primary);background-color:#fffffffa;border:1px solid var(--border-color);box-shadow:var(--shadow-md);padding:.75rem 1.5rem 1rem;border-radius:var(--radius-md);max-width:37.5rem}.popup-skin-name{font-size:1.2em;font-weight:700;margin-bottom:.25rem;color:var(--text-primary)}.popup-char-name{font-size:.95em;color:var(--text-muted);margin-bottom:.625rem}.popup-detail-link{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;color:#fff;background:var(--primary-color);border-radius:var(--radius-sm);text-decoration:none;transition:filter var(--transition-fast),transform var(--transition-fast)}.popup-detail-link:hover{filter:brightness(1.15);transform:translateY(-1px)}.close-image-popup-btn{position:absolute;top:-2.5rem;right:0;background:none;border:none;font-size:2.5em;color:var(--text-primary);cursor:pointer;line-height:1;transition:color var(--transition-fast),transform var(--transition-fast)}.close-image-popup-btn:hover{color:var(--danger-color);transform:scale(1.1)}.cart-fab{position:fixed;bottom:6.25rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;border:none;background:linear-gradient(135deg,var(--primary-color),#5b6eae);color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:0 .5rem 1.5rem #00000040;display:flex;align-items:center;justify-content:center;z-index:999;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.cart-fab:hover{transform:translateY(-3px);box-shadow:0 .75rem 2rem #00000059}.cart-badge{position:absolute;top:-.3rem;right:-.3rem;background:var(--danger-color);color:#fff;font-size:.7rem;font-weight:700;min-width:1.3rem;height:1.3rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;padding:0 .3rem;border:2px solid #fff;opacity:0;transform:scale(0);transition:opacity var(--transition-fast),transform var(--transition-fast)}.cart-fab.has-items .cart-badge{opacity:1;transform:scale(1)}.cart-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--overlay-strong);padding:1rem}.cart-modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:40rem;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.cart-header h2{margin:0;font-size:1.15rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.cart-header-actions{display:flex;align-items:center;gap:.5rem}.cart-action-btn{padding:.375rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.cart-action-btn:hover{background:var(--bg-tertiary)}.cart-buyall-btn{color:var(--success-color);border-color:var(--success-color)}.cart-buyall-btn:hover{background:var(--success-color);color:#fff}.cart-close-btn{width:2rem;height:2rem;border-radius:var(--radius-sm);border:none;background:none;color:var(--text-muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.cart-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.cart-body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.cart-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.cart-empty i{font-size:2.5rem;margin-bottom:1rem;opacity:.3}.cart-empty p{margin:.5rem 0;font-size:1rem}.cart-empty-hint{font-size:.85rem!important;color:var(--text-dim)}.cart-group{margin-bottom:1.25rem}.cart-group:last-child{margin-bottom:0}.cart-group-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.cart-group-tag{font-weight:600;color:var(--text-primary);font-size:.95rem}.cart-group-count{font-size:.8rem;color:var(--text-muted)}.cart-grid{display:flex;flex-direction:column;gap:.5rem}.cart-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-sm);background:var(--bg-secondary);transition:background var(--transition-fast)}.cart-item:hover{background:var(--bg-tertiary)}.cart-item-img{width:3rem;height:4rem;object-fit:cover;border-radius:var(--radius-xs);flex-shrink:0;background:var(--bg-tertiary)}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:.75rem;color:var(--text-muted);margin-top:.125rem;display:flex;align-items:center;gap:.25rem}.cart-item-actions{display:flex;flex-direction:column;gap:.25rem;flex-shrink:0}.cart-item-buy,.cart-item-remove{width:1.75rem;height:1.75rem;border-radius:50%;border:none;background:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:color var(--transition-fast),background var(--transition-fast)}.cart-item-buy:hover{color:var(--success-color);background:var(--overlay-lightest)}.cart-item-remove:hover{color:var(--danger-color);background:var(--overlay-lightest)}.cart-footer{border-top:1px solid var(--border-color);padding:1rem 1.25rem;flex-shrink:0}.cart-summary{display:flex;flex-direction:column;gap:.375rem}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-secondary)}.cart-summary-row span:last-child{font-weight:600}.cart-summary-row.cart-krw{color:var(--primary-color);font-weight:600}.cart-summary-row.cart-truck{font-size:.8rem;color:var(--text-muted)}.share-view{padding:.5rem}.share-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--primary-color)}.share-header h3{margin:0;color:var(--text-primary);font-size:1.1rem}.share-date{font-size:.8rem;color:var(--text-muted)}.share-section{margin-bottom:1.25rem}.share-section-title{font-weight:600;font-size:.9rem;color:var(--text-primary);margin-bottom:.625rem;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.share-section-title .gem-icon{vertical-align:middle}.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5rem,1fr));gap:.5rem}.share-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.share-item img{width:4rem;height:5.3rem;object-fit:cover;border-radius:var(--radius-xs);background:var(--bg-tertiary)}.share-item span{font-size:.65rem;color:var(--text-primary);line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-item small{font-size:.6rem;color:var(--text-muted)}@media(max-width:768px){.search-container{flex-direction:column;margin:1.25rem 0;gap:.625rem}.search-input-group{max-width:100%;width:100%}.clear-btn{width:100%}.skin-list-container{grid-template-columns:repeat(3,1fr);gap:.5rem}.skin-info{padding:.375rem;gap:.1875rem}.skin-info h3{font-size:.8em;margin:0 0 .1875rem;line-height:1.2;-webkit-line-clamp:2}.info-line{font-size:.65em;line-height:1.3}.gem-icon{width:.625rem;height:.625rem;margin-right:2px}.new-badge{font-size:.55em;padding:2px .3125rem;top:.25rem;right:.25rem}.skin-section{margin-bottom:1.875rem}.skin-section h2{font-size:1.2em;padding-bottom:.5rem;margin-bottom:.75rem}.skin-action-btn{opacity:.75;width:1.5rem;height:1.5rem;font-size:.6rem;border-width:1.5px}.skin-action-btn.active{opacity:1}.skin-actions{top:.2rem;left:.2rem;gap:.15rem}.filter-footer{font-size:.7rem;gap:.5rem;padding:.375rem .75rem;margin-bottom:var(--spacing-md)}.hint-checkbox{font-size:.7rem}.popup-image{max-height:60vh}.popup-skin-info{padding:.625rem 1rem .75rem}.popup-skin-name{font-size:1em}.popup-char-name{font-size:.85em}.close-image-popup-btn{top:-2rem;font-size:2em}.cart-fab{bottom:4.5rem;right:1rem;width:3rem;height:3rem;font-size:1.125rem}.cart-modal{padding:0;align-items:flex-end}.cart-modal-content{max-height:90vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.share-grid{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr))}.share-item img{width:3.5rem;height:4.6rem}}body.dark-mode .info-line strong{color:var(--text-dim)}body.dark-mode #search-input::placeholder{color:var(--text-dim)}body.dark-mode .autocomplete-items{background-color:var(--bg-input);border:1px solid var(--bg-secondary);box-shadow:none}body.dark-mode .autocomplete-items div{border-bottom:1px solid var(--bg-secondary)}body.dark-mode .autocomplete-items div:hover{background-color:var(--primary-color)}body.dark-mode .skin-box{border:1px solid var(--bg-input);box-shadow:none}body.dark-mode .skin-box.is-owned{border-color:var(--success-color);box-shadow:inset 3px 0 0 var(--success-color)}body.dark-mode .skin-box.is-wanted{border-color:var(--danger-color);box-shadow:inset -3px 0 0 var(--danger-color)}body.dark-mode .skin-box.is-owned.is-wanted{box-shadow:inset 3px 0 0 var(--success-color),inset -3px 0 0 var(--danger-color)}body.dark-mode .skin-box-link:hover .skin-box{box-shadow:none}body.dark-mode .skin-box-link:hover .skin-box.is-owned{box-shadow:inset 3px 0 0 var(--success-color)}body.dark-mode .skin-box-link:hover .skin-box.is-wanted{box-shadow:inset -3px 0 0 var(--danger-color)}body.dark-mode .skin-box-link:hover .skin-box.is-owned.is-wanted{box-shadow:inset 3px 0 0 var(--success-color),inset -3px 0 0 var(--danger-color)}body.dark-mode .cart-modal-content{border:1px solid var(--bg-input)}body.dark-mode .cart-item{background:var(--bg-input)}body.dark-mode .cart-item:hover{background:var(--bg-secondary)}body.dark-mode .cart-action-btn{background:var(--bg-input);border-color:var(--bg-secondary)}body.dark-mode .cart-action-btn:hover{background:var(--bg-secondary)}body.dark-mode .cart-buyall-btn{border-color:var(--success-color)}body.dark-mode .cart-buyall-btn:hover{background:var(--success-color);color:#fff}body.dark-mode .filter-footer{background-color:var(--bg-secondary);border:none;border-top:1px solid var(--bg-input)}body.dark-mode .image-popup{background-color:var(--overlay-opaque)}body.dark-mode .popup-skin-info{background-color:var(--bg-secondary);border:none;box-shadow:none}