:root{--color-primary: #4F46E5;--color-primary-hover: #4338CA;--color-primary-light: rgba(79, 70, 229, .15);--color-accent: #FBBF24;--color-accent-hover: #F59E0B;--color-success: #10B981;--color-success-light: rgba(16, 185, 129, .15);--color-warning: #F59E0B;--color-error: #EF4444;--color-dev: #6366F1;--color-bg-base: #0F0F14;--color-bg-elevated: #1A1A24;--color-bg-surface: #242430;--color-bg-hover: #2E2E3A;--color-border: #3A3A48;--color-border-light: #2A2A36;--color-text-primary: #FFFFFF;--color-text-secondary: #A0A0B0;--color-text-tertiary: #666680;--font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--radius-sm: 8px;--radius-md: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--z-hud: 100;--z-panel: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--transition-fast: .15s ease;--transition-normal: .2s ease}*{box-sizing:border-box}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:44px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.ds-btn:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.ds-btn:disabled{opacity:.5;cursor:not-allowed}.ds-btn-primary{background:var(--color-primary);color:var(--color-text-primary)}.ds-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.ds-btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.ds-btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-light)}.ds-btn-tertiary{background:transparent;color:var(--color-text-secondary)}.ds-btn-tertiary:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}.ds-btn-sm{height:36px;padding:0 var(--space-1);font-size:var(--font-size-sm)}.ds-btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm)}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:300;opacity:0;pointer-events:none;transition:opacity .2s ease}.ds-overlay.visible{opacity:1;pointer-events:auto}.ds-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:400;display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.ds-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);min-height:56px}.ds-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.ds-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-tertiary);font-size:24px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.ds-modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ds-modal-body{flex:1;overflow-y:auto;padding:var(--space-3)}.ds-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-light)}.ds-tabs{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light)}.ds-tab{padding:var(--space-1) var(--space-2);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.ds-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.ds-tab.active{background:var(--color-primary);color:var(--color-text-primary)}.ds-chips{display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-base)}.ds-chip{height:32px;padding:0 var(--space-2);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:16px;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.ds-chip:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.ds-chip.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.ds-card{background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.ds-list-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);min-height:64px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.ds-list-item:hover{background:var(--color-bg-hover)}.ds-list-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ds-list-content{flex:1;min-width:0}.ds-list-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-list-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.rarity-common{border-color:#666680!important}.rarity-uncommon{border-color:#22c55e!important}.rarity-rare{border-color:#3b82f6!important}.rarity-epic{border-color:#a855f7!important}.rarity-legendary{border-color:#f59e0b!important}.ds-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.ds-badge-dev{background:var(--color-dev);color:#fff}.ds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-5);text-align:center}.ds-empty-icon{font-size:48px;color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.ds-empty-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ds-toast{position:fixed;top:var(--space-3);left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);z-index:var(--z-toast);animation:toastSlide .3s ease}.ds-toast-success{border-color:var(--color-success);background:var(--color-success-light)}.ds-toast-error{border-color:var(--color-error)}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ds-slot{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-base);border:1px dashed var(--color-border);border-radius:var(--radius-sm);gap:2px}.ds-slot.filled{border-style:solid;border-color:var(--color-success);background:var(--color-success-light)}.ds-slot-label{font-size:9px;color:var(--color-text-tertiary)}.ds-slot-value{font-size:10px;color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.ds-inv-item{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);position:relative}.ds-inv-item:hover{border-color:var(--color-primary);transform:translateY(-2px)}.ds-inv-item.equipped{border-color:var(--color-success);background:var(--color-success-light)}.ds-inv-item-icon{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.ds-inv-item-label{font-size:10px;color:var(--color-text-tertiary)}.ds-inv-item-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--color-success);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.inv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.inv-slot{aspect-ratio:1;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--color-bg-base);border:2px dashed var(--color-border);border-radius:8px;position:relative;transition:all .15s ease}.inv-slot.empty{opacity:.5}.inv-slot.filled{background:var(--color-bg-surface);border-style:solid;cursor:pointer}.inv-slot.filled:hover{border-color:var(--color-primary);transform:translateY(-2px)}.inv-slot.equipped{border-color:var(--color-success)!important;background:var(--color-success-light)}.inv-slot-img{width:40px;height:40px;background:var(--color-bg-hover);border-radius:6px;display:flex;align-items:center;justify-content:center}.inv-slot-name{font-size:11px;color:var(--color-text-secondary);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}.inv-slot-eq{position:absolute;top:4px;right:4px;width:18px;height:18px;background:var(--color-success);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}